@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
#contentArea {
width: 982px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 1.7;
}
section {
margin:0px;
padding: 60px 0px;
}

h2 {
margin: 0;
padding: 0;
}
.section-content {
width: 80%;
margin: 0 auto;

}
.dkRed-Area {
background: #c5312d;
color: #fff;
}

.fullimg {
width:100%;
height:auto;	
}
.text-center {
width: 100%;
text-align: center;
}
.text-right {
text-align: right;
margin-bottom: 50px;
}
.category-area {
width: 90%;
margin: 0 auto;
overflow: hidden;
color: #222;
padding: 30px 0px 45px 0px;
}
.background_white li {
width: 90%;
margin: 0 auto;
}

.background_white {
background: #fff;
color: #222;
margin-top: 50px;
margin-bottom: 80px;
box-shadow: 2px 2px 4px gray;
}
.background_white li {
width: 90%;
margin: 0 auto;
}


.mid-img {
width: 98%;
display: block;
margin: 0 auto;
margin-top: 35px;
}			
.mid-img  img {
width: 100%;
}


section:nth-child(4) {
background: #fc9d9d;
color: #111;
margin-top: -44px;
}


.head {
position: relative;
top: -44px;
}
.head img {
width: 100%;
}
.under{
top: -18px;
position: relative;
z-index: 2;
}
.under img {
width: 100%;
}
.box-3 {
display: flex;
width: 100%;
justify-content: center;
margin-bottom: 0;
}
.box-3-child {
margin: 30px 10px;
}
.box-3-child-text {	
display: block;
margin-bottom: 20px;
}
.box-3-child img {	
height: 106px;
}
.box-3-line{
    border: #dadada solid 1px;
}
.icon {
display: block;
margin-bottom: 30px;
}
.mb35 {margin-bottom: 35px;}
h2 {
font-size: 28px;
font-weight: 600;
}
/* --------SNS-------- */
h2 {
font-size: 28px;
}

.sns-area {
width: 98%;
margin: 0 auto;
}
.player-list {
display: inline-flex;
width: 31.5%;
margin: 12px 6px;
align-items: center;
}
.player-list-img {
width: 40%;
display: inline-block;
margin: 0;
}
.player-list-img img {
width: 100%;
}

.player-list-text {
display: inline-block;
width: 58%;
margin: 0;
}
.player-list-name {
font-family: 'Heebo', sans-serif;
font-size: 22px;
line-height: 1.1;
display: block;
margin: 3px 8px;
}
.player-list-sns {
display: inline-block;
width: 100%;
margin: 8px;
}
.player-list-sns a {
display: inline-block;
width: 32px;
margin: 8px;	
}

.player-list-sns a:hover img {
width: 100%;
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}

.player-list-sns a img {
width: 100%;
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
.yellow {
color: #F8FF00;
}
span.player-list-coupon {
font-size: 16px;
background: #c5312d;
color: #fff;
padding: 0 5px;
text-align: center;
margin: 0 8px;
}
/* --------アニメーション-------- */
/* 基本のスタイル */
.foo.delighter {
transition: all .3s ease-out;
transform: translateX(-100%);
opacity: 0;
}
/* スタート時のスタイル */
.foo.delighter.started {
transform: none;
opacity: 1;
}
/* エンド時のスタイル */
.foo.delighter.started.ended {
border: solid red 10px;
}
h4 {
font-size: 30px;
margin: 0;
margin-bottom: 10px;
font-weight: 900;
color: #c5312d;
font-family: 'Heebo', sans-serif;
}
/* --------シェアボタン-------- */
#b_btn {width: 982px; text-align: center;}
#b_btn img {margin: 0 14px;}
#snsbox_wrap01 {margin-left: 308px;}
#b_btn {width: 982px; text-align: center;}
#b_btn img {margin: 0 14px;}
#snsbox_wrap01 {margin-left: 308px;}


.player-list-code {
display: block;
color: #c5312d;
font-size: 20px;
margin: 0 8px;
}
.megcode {
font-size: 17px;
}