@charset "utf-8";
*{color: #473d40; letter-spacing: 0.01em;}
#top-head{background:#fa7c92; width: 100%; color: #fff; position: relative;}

ul.head-menu-sns{
	width: 99%;
	max-width: calc(99% - 80px);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	   -ms-flex-direction: row-reverse;
	       flex-direction: row-reverse;

}
ul.head-menu-sns li a{display:block; padding: 12px 14px; border: solid 1px #fff; color: #fff; margin: 10px 5px; }


.head-menu-sw-logo{ width: 80px; right:0; top: 0; position: absolute;}


.main-logo{
	width: 95%;
	max-width: 670px;
	margin: 0 auto;
	padding: 80px 0 18px 0;
}

.main-day{
	width: 95%;
	max-width: 667px;
	margin: 0 auto;
	padding: 24px 0;

}

.main-lead{
	width: 95%;
	max-width: 690px;
	margin: 0 auto;
	padding: 24px 0 80px 0;
	text-align: center;
	font-size: 1.5rem;
	line-height:1.61;
	color: #473d40;
}

.menu-bg{ background:url(../img/menu_bg.png) #fa7c92 0 0 no-repeat; -moz-background-size:25% auto; background-size:25% auto; }

.menu-list{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 42px 0 34px 0;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	 display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;
	   -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}
.menu-list li{ width: 33%; line-height:1.40;}
.menu-list li.menu-list-line{width: calc(33% - 4px);  border-left: solid 2px #fff; border-right: solid 2px #fff;  display:inline-block;  transform:skewX(30deg);}
.menu-list li.menu-list-line a{display:block;  transform:skewX(-30deg);}

.menu-list a{ color: #fff; text-decoration: none; display:block; width: 100%; padding: 24px 0;}
.menu-list a:visited { color: #fff; }
.menu-list a:hover { color: #fff;}
.menu-list a:active { color: #fff; }


.cont-bg{ background:url(../img/cont_bg.gif); padding-top: 42px; }

.cont-box{
	width: 95%;
	max-width: 1000px;
	margin: 0 auto 5% auto;
	box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 2px;
	-webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 2px;
	-moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 2px;
	 font-size: 1.6rem;
	 line-height:1.61;
}



.type1{background:url(../img/title1.gif) #fff 0 0 no-repeat; -moz-background-size:100% auto; background-size:100% auto; }
.type2{background:url(../img/title2.gif) #fff 0 0 no-repeat; -moz-background-size:100% auto; background-size:100% auto; }
.type3{background:url(../img/title3.gif) #fff 0 0 no-repeat; -moz-background-size:100% auto; background-size:100% auto; }
.type4{background:url(../img/title4.gif) #fff 0 0 no-repeat; -moz-background-size:100% auto; background-size:100% auto; }
.type5{background:url(../img/title5.gif) #fff 0 0 no-repeat; -moz-background-size:100% auto; background-size:100% auto; }

.cont1-box-in{ width: 95%; max-width: 1000px; margin: 0 auto; padding: 5.6rem 0 3.6rem 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.3rem;}
.cont2-box-in{ width: 95%; max-width: 1000px; margin: 0 auto; padding: 5.6rem 0 5.6rem 0; font-size: 1.3rem;}
.cont3-box-in{ width: 95%; max-width: 1000px; margin: 0 auto; padding: 9.8rem 0 3.6rem 0; font-size: 1.3rem;}
.cont4-box-in{ width: 90%; max-width: 1000px; margin: 0 auto; padding: 8.8rem 0 4.6rem 0; font-size: 1.3rem;}
.cont5-box-in{ width: 90%; max-width: 1000px; margin: 0 auto; padding: 5.8rem 0 4.6rem 0; font-size: 1.3rem;}


.cont1-left{width: 52%; text-align: center; margin-right: 3%;}
.cont1-right{width: 45%;}
.cont1-title-sub{font-weight: 600; color: #6a5b60; padding-bottom: 14px; padding-top: 15%;}

dl.charalist {margin-top: 5%; padding: 2.5% 5px 0 5px;}
dl.charalist dt{font-size: 18px; boder: solid 1px #000; font-weight: 800;}
dl.charalist dd{font-size: 14px; boder: solid 1px #000;}

.cont2-left{width: 44%; padding: 0 3%;}
.cont2-right{width: 44%; padding: 0 3%;}
.cont2-title-sub{width: 95%; margin: 0 auto; font-size: 1.6rem; color: #6a5b60; padding-top: 80px;
	   -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}
.cont2-title-sub div{padding: 8px 8px 0 8px;}

.title-sub-icon{width: 100px;}
.title-sub-txt{line-height:1.30;}


.cont3-lead{width: 95%; margin: 0 auto; padding-bottom: 5%; font-size: 1.2rem;}


.at{padding-top: 5%; color: #eee;}












@media screen and (max-width: 800px) { .title-sub-icon{width: 20%;} }

.cont2-game-list-left{background:url(../img/cont2_left_bg.png) 0 0 no-repeat; padding-top: 20%;  -moz-background-size:100% auto; background-size:100% auto;}
.cont2-game-list-right{background:url(../img/cont2_right_bg.png) 0 0 no-repeat; padding-top: 20%;  -moz-background-size:100% auto; background-size:100% auto;}


.game-pk{width: 32%; padding: 3%;}
.game-data{width: 60%; }
.game-day{color: #fff; text-align: center; font-size: 1.2rem; padding: 3px 0;}


.free-btn a{
	width: 100%;
	display: block;
	text-align: center;
	font-size: 0.8rem;
}

.btn-type1{background:url(../img/btn_ck_red.png) #fff center right no-repeat; padding: 5px 5px 5px 5px;}
.btn-type2{background:url(../img/btn_ck_pp.png) #fff center right no-repeat; padding: 5px;}

.cont3-step{width: 95%; max-width: 1000px; margin: 0 auto; padding-bottom: 24px;}
.cont3-day{text-align: center; padding-top: 50px; padding-bottom: 24px;}



.cont3-btn1{width: calc(49% - 8px); border: solid 2px #f27b91; background: #fff; padding: 2px; margin: 0 1% 0 0;}
.cont3-btn1-line{width: 100%; display: block; padding: 1px; background:url(../img/cont3_btn1.png) #f27b91 bottom right no-repeat;}


.cont3-btn2{width: calc(49% - 8px); border: solid 2px #ed86d8; background: #fff; padding: 2px; margin: 0 0 0 1%;}
.cont3-btn2-line{width: 100%; display: block; padding: 1px; background:url(../img/cont3_btn2.png) #ed86d8 bottom right no-repeat;}

.cont3-btn4{width: calc(49% - 8px); border: solid 2px #ed86d8; background: #fff; padding: 2px; margin: 0 1% 0 0;}
.cont3-btn4-line{width: 100%; display: block; padding: 1px; background:url(../img/cont3_btn2.png) #ed86d8 bottom right no-repeat;}



.cont3-btn-sub{width: 90%; max-width: 640px; margin: 0 auto;}
.cont3-btn3{width: calc(49% - 8px); border: solid 2px #6eab8b; background: #fff; padding: 2px; margin: 24px 0;}
.cont3-btn3-line{width: 100%; display: block; padding: 1px; background:url(../img/cont3_btn3.png) #6eab8b bottom right no-repeat;}
.cont3-btn3-left{width: calc(49% - 8px); border: solid 2px #6eab8b; background: #fff; padding: 2px; margin: 24px 0 24px 2%;}

.cont3-btn1 a, .cont3-btn2 a ,.cont3-btn3 a,.cont3-btn3-left a,.cont3-btn4 a{color: #fff; text-align: center; padding: 24px 0;}

.cont3list2{padding-top:2%;}

.at{font-size: 0.9rem; color: #615f60;}
.at2{font-size: 1.2rem; color: #615f60; text-align: center; padding: 24px 0;}
.at3{font-size: 0.9rem; color: #615f60;}

.at3 li{padding-bottom: 12px;}

.red{color: #f00;}


.footer{
	width: 95%;
	max-width: 1000px;
	margin: 0 auto 0 auto;
	padding-bottom: 5%;
	 font-size: 0.6rem;
	 line-height:1.61;
}

.link-box li{display: inline-block; padding: 5px;}





.sr-wp{padding: 3% 0;}

.sr-title1{width: 96%; background:#fa7c92; color: #fff; font-size: 14px; text-align: center; margin: 0 auto; padding: 24px 0; }
.sr-title2{width: 96%; background:#f486d6; color: #fff; font-size: 14px; text-align: center; margin: 0 auto; padding: 24px 0; }

.sr-img img{width: 100%;}









/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 800px) {


.head-menu-sw-logo{ width: 50px; right:0; top: 0; position: absolute;}

.main-logo{ padding: 10% 0 5% 0;}
.main-day{ padding: 5% 0;}
ul.head-menu-sns{ width: 99%; max-width: calc(99% - 50px);}
ul.head-menu-sns li a{font-size: 0.6rem; }
.main-lead{ padding: 5% 0 10% 0; font-size: 1.0rem;}
.menu-list{ padding: 24px 0; font-size: 3.5vw;  line-height:1.21;}
.menu-list li{line-height:1.1; width: 31%;}
.menu-list li.menu-list-line{width: calc(36% - 6px);  border-left: solid 1px #fff; border-right: solid 1px #fff; padding-left: 4px;}
.menu-list li:nth-of-type(3){width: calc(31% - 10px); padding-left: 10px;}


.menu-bg{ background:url(../img/menu_bg.png) #fa7c92 0 0 no-repeat; -moz-background-size:25% auto; background-size:25% auto; }

.cont1-box-in{ padding: 18% 0 3.6rem 0;}
.cont1-title-sub{font-weight: 600; font-size: 1rem; padding-bottom: 2%;}
.cont1-left{width: 100%; text-align: left; margin-right: 0; font-size: 0.7rem; padding-bottom: 4%;}
.cont1-right{width: 80%; margin: 0 auto;}




.title-sub-icon{width: 25%; text-align: top; display: inline-block; margin-top: -10px;}
.title-sub-txt{width: 57%; line-height:1.30; font-size: 2.5vw; line-height:1;}


.cont2-title-sub{width: 95%; margin: 0 auto; color: #6a5b60; padding-top: 0;
	   -webkit-box-align: end;
     -ms-flex-align: end;
        align-items: end;
}
.cont2-title-sub div{padding: 0px 3% 0 0px;}

.game-pk{width: 50%; padding: 3%;}
.game-data{width: 56%; margin-left: 35%; margin-top: -40%; padding: 5% 2% 2% 2%; background-color:rgba(255,255,255,0.30); margin-bottom: 5%;}
.game-day{font-size: 2.5vw; padding: 3px 0;}


.cont2-box-in{ padding: 18% 0 5.6rem 0; font-size: 1.3rem;}
.cont3-btn1 a, .cont3-btn2 a ,.cont3-btn3 a,.cont3-btn3-left a,.cont3-btn4 a{font-size: 3.3vw;}

.cont3-btn1{width: calc(99% - 8px); margin: 0 0 1% 0;}
.cont3-btn2{width: calc(99% - 8px); margin: 0 0 1% 0;}
.cont3-btn4{width: calc(99% - 8px); margin: 0 0 1% 0;}

.free-btn a{
	width: 100%;
	display: block;
	text-align: center;
	font-size: 2.2vw;
}
.btn-type1{background:url(../img/btn_ck_red.png) #fff center right no-repeat; padding: 5px; -moz-background-size:37% auto; background-size:37% auto; }
.btn-type2{background:url(../img/btn_ck_pp.png) #fff center right no-repeat; padding: 5px; -moz-background-size:37% auto; background-size:37% auto;}

.cont3-btn1-line{width: 100%; display: block; padding: 1px; background:url(../img/cont3_btn1.png) #f27b91 bottom right no-repeat; -moz-background-size:14.4% auto; background-size:14.4% auto;}
.cont3-btn2-line{width: 100%; display: block; padding: 1px; background:url(../img/cont3_btn2.png) #ed86d8 bottom right no-repeat; -moz-background-size:14.4% auto; background-size:14.4% auto;}
.cont3-btn4-line{width: 100%; display: block; padding: 1px; background:url(../img/cont3_btn2.png) #ed86d8 bottom right no-repeat; -moz-background-size:14.4% auto; background-size:14.4% auto;}



.cont3-btn3{width: calc(49% - 8px); border: solid 2px #6eab8b; background: #fff; padding: 2px; margin: 12px 0;}
.cont3-btn3-left{width: calc(49% - 8px); border: solid 2px #6eab8b; background: #fff; padding: 2px; margin: 12px 0 12px 2%;}
.cont3-btn3-line{width: 100%; display: block; padding: 1px; background:url(../img/cont3_btn3.png) #6eab8b bottom right no-repeat; -moz-background-size:24.4% auto; background-size:24.4% auto;}


.cont3-box-in{ width: 95%; max-width: 1000px; margin: 0 auto; padding: 18% 0 3.6rem 0; font-size: 1.3rem;}


.cont3list2{padding-top:0;}

.cont4-box-in{ width: 90%; max-width: 1000px; margin: 0 auto; padding: 20% 0 4.6rem 0; font-size: 1.3rem;}

.cont3-lead{font-size: 0.9rem; padding-bottom: 10%;}

.cont5-box-in{ width: 90%; max-width: 1000px; margin: 0 auto; padding: 18% 0 4.6rem 0; font-size: 1.3rem;}


.sr-title1{font-size: 3vw;  padding: 2% 0; }
.sr-title2{font-size: 3vw;  padding: 2% 0;}


}



.line_point{background: linear-gradient(transparent 60%, #b4d6c7 60%);}

.closebtn_popup{width: 50%; max-width: 1000px; margin: 0 auto; background:#6eab8b; color: #fff; text-align: center;}
.closebtn_popup a{color: #fff; display:block;}