@charset "Shift_JIS";

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.pc {display:block;}
.sp {display:none;}

#game_wrap { width:950px; margin:0 auto;}
#game_wrap h1 { margin:0}
#game_wrap h3 { margin:0}
#game_wrap p { margin:0}
#game_wrap ul { margin: 0; padding: 0;}
#game_wrap li { list-style: none; margin:0; padding:0;}

#game_wrap .mainv {position:relative;}
#game_wrap .mainv .share {position:absolute; top:16px; right:14px;}
#game_wrap .mainv .share li {float:left; width:28px;}
#game_wrap .mainv .share li.tw,
#game_wrap .mainv .share li.fb {margin-right:5px;}
#game_wrap .mainv .share li.mi {margin-right:7px;}
#game_wrap .mainv .share li a:hover img {opacity:0.7;}

.link {margin:20px 0 0;}
.link .l1 {height:102px; float:left; margin-bottom:20px !important;}
.link .l2 {height:102px; float:right; margin-bottom:20px !important;}
.link .l3 {height:58px; clear:both;}
.link .l4 {margin-bottom:20px !important; text-align:right;}
.link .l4 a {display:inline-block; border:solid 1px #c6c6c6; padding:8px 28px; border-radius:8px; font-size:15px; font-weight:bold;
background: #fdfdfd;
background: -moz-linear-gradient(top, #fdfdfd 0%, #e9e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e9e8e8));
background: -webkit-linear-gradient(top, #fdfdfd 0%,#e9e8e8 100%);
background: -o-linear-gradient(top, #fdfdfd 0%,#e9e8e8 100%);
background: -ms-linear-gradient(top, #fdfdfd 0%,#e9e8e8 100%);
background: linear-gradient(to bottom, #fdfdfd 0%,#e9e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e9e8e8',GradientType=0 );}

.section_wrap {background:url(../images/bg_section.jpg) 0 0; border:solid 1px #ccc; border-radius:10px; margin:70px 0 0; padding-bottom:39px;}

#game_wrap .s1 h2 {margin:-36px -1px 0;}
#game_wrap .s1 .img1 {margin:20px 0 0;}
#game_wrap .s1 .u2 {position:relative; min-height:548px;}
#game_wrap .s1 .u2 .img2 { position:absolute; top:-140px; left:0;}
#game_wrap .s1 .u2 .box {padding:47px 0 0 228px; width:694px;}
#game_wrap .s1 .u2 .box .text1 {background:url(../images/s1_u2_bg.png) 0 0 no-repeat; padding:0 30px 0 90px; font-size:13px; line-height:25px;}
#game_wrap .s1 .u4 {position:relative;}
#game_wrap .s1 .u4 .img6 { position:absolute; top:0px; left:0;}
#game_wrap .s1 .u4 .box {padding:90px 0 0 228px; width:694px;}
#game_wrap .s1 .u4 .box .text2 {background:url(../images/s1_u4_bg.png) 0 0 no-repeat; padding:0 300px 0 90px; min-height:200px; font-size:13px; line-height:25px;}

#game_wrap .s2 {background:url(../images/s2_bg.png) 0 147px no-repeat;}
#game_wrap .s2 h2 {margin:41px -1px 0;}
#game_wrap .s2 .img1 {margin:20px 0 0;}
#game_wrap .s2 .u2 {position:relative;}
#game_wrap .s2 .u2 .img2 { position:absolute; top:-109px; left:0;}
#game_wrap .s2 .u2 .box {padding:47px 0 0 228px; width:694px;}
#game_wrap .s2 .u2 .box .text1 {background:url(../images/s1_u2_bg.png) 0 0 no-repeat; padding:0 30px 0 90px; font-size:13px; line-height:25px;}
#game_wrap .s2 .u4 { margin: 20px 0 20px 45px;}
#game_wrap .s2 .u4 p.note {font-size:10px; line-height:16px; color:#666;}
#game_wrap .s2 .u4 .img6 {margin:0 0 60px;}

#game_wrap .s3 {margin:60px 0 0;}
#game_wrap .s3 h2 {margin:0 0 20px;}
#game_wrap .s3 .img1 {margin:0 0 30px;}
#game_wrap .s3 .img2 {margin:0 0 10px;}
#game_wrap .s3 .img3 {margin:0 0 10px;}
#game_wrap .s3 .img4 {margin:0 0 20px;}

#game_wrap .s4 {margin:0 0 60px;}
#game_wrap .s4 ul li {text-align:center; width:220px;height:192px; float:left; border:solid 5px #dee6e7; margin:0 0 10px 10px;}
#game_wrap .s4 ul li .btn { float:left; width:50%; line-height:0;}
#game_wrap .s4 ul li .img img {width:220px; vertical-align: bottom;}
#game_wrap .s4 ul li.l1 { margin:0 0 0 0px;}
#game_wrap .s4 ul li.l1a { }
#game_wrap .s4 ul li.l1 .btn { float:left; width:100%; line-height:0;}
#game_wrap .s4 ul li.l1a .btn { float:left; width:100%; line-height:0;}
#game_wrap .s4 ul li.l2 .btn { float:left; width:100%; line-height:0;}
#game_wrap .s4 ul li.l5 .btn { float:left; width:33%; line-height:0;}
#game_wrap .s4 ul li.l1 .btn img {width:220px;}
#game_wrap .s4 ul li.l1a .btn img {width:220px;}
#game_wrap .s4 ul li.l2 .btn img {width:220px;}
#game_wrap .s4 ul li.l3 .btn img {width:110px;}
#game_wrap .s4 ul li.l4 .btn img {width:110px;}

#game_wrap .s4 ul li.l5 .btn img {width:72px;}

#game_wrap .s4 ul li .btn:hover { opacity:0.7;}


#game_wrap #sec2 table.chiensuu{
	width:525px;
	border-collapse: collapse;
	margin-left:20px;
}

#game_wrap #sec2 table.chiensuu tr{
	padding:10px;
	border: 1px solid #b9b9b9;
}

#game_wrap #sec2 table.chiensuu tr.odd{
	background-color:#e5e5f4;
}
#game_wrap #sec2 table.chiensuu tr.even{
	background-color:#e5f2fc;
}
#game_wrap #sec2 table.chiensuu th{
	background-color:#999999;
	padding:10px;
	border: 1px solid #b9b9b9;
	word-break:break-all;
	word-wrap:break-word;
}

#game_wrap #sec2 table.chiensuu td{
	padding:10px;
	border: 1px solid #b9b9b9;
	word-break:break-all;
	word-wrap:break-word;
}




@media (max-width:640px){
.pc {display:none;}
.sp {display:block;}
#game_wrap { width:auto; margin:0 auto;}
#game_wrap img {width:100% !important; height:auto !important;}
.mainv .lead {background:#e5f7fd; text-align:center; padding:10px; font-size:14px; line-height:19px; font-weight:bold;}

#game_wrap .mainv {position:relative;}
#game_wrap .mainv .share {position:absolute; top:8px; right:7px;}
#game_wrap .mainv .share li {float:left; width:16px;}
#game_wrap .mainv .share li img {width:16px; height:auto;}
#game_wrap .mainv .share li.tw,
#game_wrap .mainv .share li.fb {margin-right:3px;}
#game_wrap .mainv .share li.mi {margin-right:3px;}
#game_wrap .mainv .share li a:hover img {opacity:0.7;}

.link {margin:10px 0 0;}
.link .l1 {height:auto; float:none; margin-bottom:10px !important;}
.link .l2 {height:auto; float:none; margin-bottom:10px !important;}
.link .l3 {height:auto; clear:both;}
.link .l4 {margin-bottom:10px !important; text-align:center;}
.link .l4 a {display:inline-block; border:solid 1px #c6c6c6; padding:5px 15px; border-radius:5px; font-size:13px; font-weight:bold;
background: #fdfdfd;
background: -moz-linear-gradient(top, #fdfdfd 0%, #e9e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e9e8e8));
background: -webkit-linear-gradient(top, #fdfdfd 0%,#e9e8e8 100%);
background: -o-linear-gradient(top, #fdfdfd 0%,#e9e8e8 100%);
background: -ms-linear-gradient(top, #fdfdfd 0%,#e9e8e8 100%);
background: linear-gradient(to bottom, #fdfdfd 0%,#e9e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e9e8e8',GradientType=0 );}

.section_wrap {background:url(../images/bg_section.jpg) 0 0; border:solid 1px #ccc; border-right:0; border-left:0; border-radius:10px; margin:70px -10px 0; padding-bottom: 25px; background-size:cover;}

#game_wrap .s1 h2 {margin:-1px -1px 0;}
#game_wrap .s1 .img1 {margin:0px 0 0;}
#game_wrap .s1 .u2 {position:relative; min-height:100px;}
#game_wrap .s1 .u2 .img2 { position: static; }
#game_wrap .s1 .u2 .box {padding:0px 0 0 0px; width: auto;}
#game_wrap .s1 .u2 .box .text1 {background:url(../images/sp_s1_u2_bg.png) 0 0 repeat-y; padding:0 6.2% 0 6.2%; font-size:14px; line-height:19px; background-size:contain;}
#game_wrap .s1 .u4 {position:relative;}
#game_wrap .s1 .u4 .img6 { position:static;}
#game_wrap .s1 .u4 .box {padding:0px; width:auto;}
#game_wrap .s1 .u4 .box .text2 {background:url(../images/sp_s1_u2_bg.png) 0 0 repeat-y; padding:0 6.2% 0 6.2%; min-height: 100px;font-size:14px; line-height:19px; background-size:contain;}

#game_wrap .s2 {background:none;}
#game_wrap .s2 h2 {margin:20px -1px 0;}
#game_wrap .s2 .img1 {margin:0;}
#game_wrap .s2 .u2 {position:relative;}
#game_wrap .s2 .u2 .img2 { position: static;}
#game_wrap .s2 .u2 .box {padding:0px; width:auto;}
#game_wrap .s2 .u2 .box .text1 {background:url(../images/sp_s1_u2_bg.png) 0 0 repeat-y; padding:0 6.2% 0 6.2%; font-size:14px; line-height:19px; background-size:contain;}
#game_wrap .s2 .u4 {margin-left: 8px;}
#game_wrap .s2 .u4 div.notes {position: static; margin:14px 20px 25px; width:auto}
#game_wrap .s2 .u4 p.note {font-size:10px; line-height:14px; color:#666;}
#game_wrap .s2 .u4 .img6 {margin:0 0 0px;}
#game_wrap .s2 .u5 img {vertical-align:bottom;}

#game_wrap .s3 {margin:25px 0 0;}
#game_wrap .s3 h2 {margin:0 0 5px;}
#game_wrap .s3 .img1 {margin:0 0 15px;}
#game_wrap .s3 .img2 {margin:0 0 15px;}
#game_wrap .s3 .img3 {margin:0 0 15px;}
#game_wrap .s3 .img4 {margin:0 0 5px;}

/*#game_wrap .s4 {margin:0 0 30px;}
#game_wrap .s4 ul li {text-align:center; width:auto; float:none; border:solid 8px #dee6e7; margin:0  11px 20px;}
#game_wrap .s4 ul li .btn { float:left; width:50%; line-height:0;}
#game_wrap .s4 ul li.l1 .btn { float:left; width:100%; line-height:0;}
#game_wrap .s4 ul li.l2 .btn { float:left; width:100%; line-height:0;}*/

#game_wrap .s4 {margin:0 0 30px;}
#game_wrap .s4 ul li {text-align:center; width:auto; height:auto; float:none; border:solid 5px #dee6e7; margin:0 15px 20px;}
#game_wrap .s4 ul li .btn { float:left; width:50%; line-height:0;}
#game_wrap .s4 ul li .img img {width:auto; vertical-align: bottom;}
#game_wrap .s4 ul li.l1 { margin:0 15px 20px;}
#game_wrap .s4 ul li.l1 .btn { float:left; width:100%; line-height:0;}
#game_wrap .s4 ul li.l2 .btn { float:left; width:100%; line-height:0;}
#game_wrap .s4 ul li.l1 .btn img {width:auto;}
#game_wrap .s4 ul li.l2 .btn img {width:auto;}
#game_wrap .s4 ul li.l3 .btn img {width:auto;}
#game_wrap .s4 ul li.l4 .btn img {width:auto;}
#game_wrap .s4 ul li .btn:hover { opacity:0.7;}

#game_wrap #sec2 table.chiensuu{
	width:97%;
	margin:1.5%;
}


}