@charset "utf-8";
/* ==================================================================
CSS information
style info :共通（汎用クラス）
================================================================== */

/* --------------------------------------------------------
html,body
	#wrapper
		#header_wrap
		#frontArea
		#container
			.inner
				#contents
			#sideNavi
		#footer_wrap
			#bottomBox
-------------------------------------------------------- */
body {
	height:100%;
	background:url(../img/common/bg.jpg) #fff no-repeat ;
	background-size: 100% 679px;
	background-attachment:fixed;
}

@media screen and (max-width: 767px) { /* 768px以下の記述 */
body {
	height:100%;
	background:none;
}

}
img {
	image-rendering: auto;
}
/* --------------------------------------------------------
 #wrapper
 -------------------------------------------------------- */

#wrapper{
margin: 0px auto;
text-align:left;
min-height:100%;
height: 100%;
position:relative;
background: url(../../_img/main.png) no-repeat 0 0;
}
body > #wrapper {
	height: auto;
	width: 100%;
}

.child {
    display: none;
	}

.listopen {
	width: auto;
	margin: 0px 0px 6px 0px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 100%;
	text-align: center;
	line-height: 1.3em;
	padding: 10px 35px 10px 15px;
	border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius 12px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	}


@media screen and (max-width: 767px) { /* 768px以下の記述 */

#wrapper {
width:100%;
background:none;
overflow: hidden;
}

}





/* --------------------------------------------------------
#header
-------------------------------------------------------- */


#header_wrap{

background-repeat:no-repeat;
-moz-background-size:100% auto;
background-size:100% auto;
position:relative; }


#header{
width: 980px;
height: 525px; /* 525px */
margin: 0 auto;
position: relative;
}

/* 5周年バナー */
.bnr_5th{
	width: 960px;
	height: 263px;
	background: url(../../5th/img/ban_5th_pc.png) no-repeat 0 0;
	position: absolute;
	left: 10px;
	top: 520px;
}
.bnr_5th a{
	display: block;
	width: 960px;
	height: 263px;
}
.bnr_5th span{
	display: block;
	visibility: hidden;
	width: 960px;
	height: 263px;
}
/* 5周年バナーここまで */

#header_box {
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	z-index:100;
}
#header_box .knmlogo{
	width: 130px;
	height: 37px;
}
#header_box .knmlogo img{
	width: auto;
	height: 37px;
}
#header_box .snsbox {
	width:193px;
	height:auto;
	display: block;
	padding:5px;
}

#header_box .snsbox a {
	display:block;
	float:right;
	margin-left: 10px;
	width:34px;
	height:auto;
}

#header_box .snsbox .x {
	padding: 4px;
	background-color: #000000;
	box-sizing: border-box;
}

#header_box .snsbox a img {
	width:100%;
	height:auto;
	display: block;
}

#header h1#logo {
	width: 380px;
	height: 200px;
	position: absolute;
	left: 550px;
	top: 32px;
}

#header h1#logo span {
	width: 380px;
	height: 200px;
	display: block;
	visibility: hidden;/**/
	border: 1px solid #f00;
}


/* iOS or Android */

#header h2#qr_ios {
	width: 301px;
	height: 122px;
	background: url(../../_img/qr_ios.png) no-repeat 0 0;
	position: absolute;
	left: 668px;
	top: 341px;
}

#header h2#qr_android {
	width: 301px;
	height: 122px;
	background: url(../../_img/qr_android.png) no-repeat 0 0;
	position: absolute;
	left: 358px;
	top: 341px;
}


#header h2#qr_ios span,
#header h2#qr_android span {
	width: 301px;
	height: 122px;
	visibility: hidden;
	display: block;
}

#header h2#qr_ios a,
#header h2#qr_android a {
	width: 301px;
	height: 122px;
	display: block;
}

@media screen and (max-width: 767px) { /* 768px以下の記述 */

#header {
width:100%;
background-position:center top;
background-repeat:no-repeat;
-moz-background-size:100% auto;
background-size:100% auto;
position:relative;
}
#header_box {
	position:relative;
	z-index:100;
}
#header_box .snsbox {
	width:193px;
	height:100%;
	display: block;
	float:right;

	padding:8px;
}

#header_box .snsbox a {
	display:block;
	float:right;
	margin-left: 5px;
}

#header h1#logo {
	width: 300px;
	height: 170px;
	position: absolute;
	left: 302px;
	top: 69px;
}

#header h1#logo span {
	width: 300px;
	height: 170px;
	display: block;
	border: 1px solid #f00;
}

#header h2#catchcopy {
	width: 366px;
	height: 142px;
	position: absolute;
	left: 257px;
	top: 383px;
}

#header h2#catchcopy a,
#header h2#catchcopy a:hover {
	width: 366px;
	height: 142px;
	background: url(../../_img/btn_enter_sp.png) no-repeat 0 100%;
	display: block;
}

#header h2#catchcopy span {
	width: 366px;
	height: 142px;
	display: block;
	visibility: hidden;
	border: 1px solid #f00;
}



/* iOS or Android */

#header h2#qr_ios {
	width: 301px;
	height: 114px;
	background: url(../../_img/qr_ios_sp.png) no-repeat 0 0;
	position: absolute;
	left: 325px;
	top: 394px;
	border-radius: 22px;
	background-color: rgba(134,134,134,.5);
}

#header h2#qr_android {
	width: 301px;
	height: 114px;
	background: url(../../_img/qr_android_sp.png) no-repeat 0 0;
	position: absolute;
	left: 15px;
	top: 394px;
	background-color: rgba(134,134,134,.5);
	border-radius: 22px;
}


#header h2#qr_ios span,
#header h2#qr_android span {
	width: 301px;
	height: 122px;
	visibility: hidden;
	display: block;
}


#header h2#qr_ios a,
#header h2#qr_android a {
	width: 301px;
	height: 122px;
	display: block;
}


}



/* --------------------------------------------------------
#osirase #header
-------------------------------------------------------- */



@media screen and (max-width: 767px) { /* 768px以下の記述 */

#osirase #wrapper {
width:600px;

}

#osirase #header {
width:600px;
background-position:center top;
background-repeat:no-repeat;
-moz-background-size:100% auto;
background-size:100% auto;
position:relative;
height:160px;
}

#osirase #header #header_box {
	position:relative;
	z-index:100;

}

#osirase #header #header_box .snsbox {
	width:193px;
	height:100%;
	display: block;
	float:right;
	padding:8px;
}

#osirase #header #header_box .snsbox a {
	display:block;
	float:right;
	margin-left: 6px;
}

#osirase #header h1#logo {
	width: 266px;
	height: 150px;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	left: 347px;
	top: 51px;
}

#osirase #header h1#logo span {
	width: 266px;
	height: 150px;
	display: block;
}

#osirase #header h2#catchcopy {
	width: 310px;
	height: 78px;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	left: 21px;
	top: 78px;
}

#osirase #header h2#catchcopy span {
	width: 310px;
	height: 78px;
	display: block;
	visibility: hidden;
	border: 1px solid #f00;
}

#osirase #header h2#catchcopy2 {
	width: 242px;
	height: 84px;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	left: 21px;
	top: 78px;
}

#osirase #header h2#catchcopy2 span {
	width: 242px;
	height: 84px;
	display: block;
	visibility: hidden;
	border: 1px solid #f00;
}


}


/* --------------------------------------------------------
#osirase
-------------------------------------------------------- */

.updatebox {

}

/* --見出し1－1 */

.title_update {
	width: 100%;
	padding-bottom: 5px;
	height: auto;
	margin: 10px 0px 12px 0px;
	background: url(../../_img/title_update.png) no-repeat 0 0;
	display:block;
	border-bottom: 1px solid #95ba7c;
}

.title_update span {
	width: 100%;
	height: auto;
	visibility: hidden;
	display:block;
}

.updatebox .updatelist {
	height: 200px;
	margin: 0px 0px 40px 0px;
	overflow: auto;
	overflow-y: scroll;
	}

.updatelist li {
	width: auto;
	margin: 0px 5px 0px 5px;

	background: url(../../_img/bline.gif) repeat-x 0px bottom;
	/*border: 1px solid #f00;*/
	}

 .updatebox dl {
	margin: 5px  0px  5px  0px;
	display: block;
}

 .updatebox dt {
	width: 90px;
	margin: 0px  0px  0px  0px;
	padding: 5px 7px;
	text-align: left;
	line-height: 1.4em;
	display: block;
	float: left;

}

 .updatebox dd {
	width: 730px;
	margin: 0px  0px  0px  0px;
	padding: 5px 7px;
	text-align: left;
	line-height: 1.4em;
	display: block;
	float: right;
}

 .title_column {
	width: 100%;
	margin: 20px 0 10px;
	padding: 0.75em 0.75em 0.75em 0.75em;
	background: #bed8f3;
	display:block;
	font-weight: bold;
	font-size:120%;

	color: #2778a3;

	box-sizing: border-box;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	 /*
	width: 100%;
	margin-bottom: 16px;
	padding: 1.2em 0em 1.0em 0em;
	display:block;
	font-weight: bold;
	font-size:140%;
*/
}

 .date {
	margin: 0px 20px 0px 0px;
	display:block;
	font-size:100%;
	font-weight: normal;
	}

.def_text {
	font-size: 100%;
	display: block;
	margin: 0px 0px 14px 0px;
	}

.btn_nav_top {
	width: 400px;
	margin: 40px auto 30px auto;
	padding: 1.2em 1.0em 1.0em 1.0em;
	background: #39C;
	display:block;
	font-weight: bold;
	font-size:120%;

	color: #39C;

	border: 1px solid #39C;
	box-sizing: border-box;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	}

.btn_nav_top a span {
	width: 100%;
	color: #fff;
	background: url(../../_img/btn_dl_arrow.png) no-repeat 100% 50% ;
	display: block;
	}

.btn_nav_top a:hover {
	text-decoration: none;
	}

.piclist {
	margin: 0px 0px 20px 0px;
	display: block;
	}

.piclist li {
	margin: 0px 20px 15px 0px;
	display: block;
	border:1px #ff0;
	float: left;
	}

.tablebasic {

	border-bottom: 1px solid #95ba7c;
	border-right: 1px solid #95ba7c;
	}

.tablebasic th,
.tablebasic td {
	padding:7px 20px;
	background: #fff;
	border-top: 1px solid #95ba7c;
	border-left: 1px solid #95ba7c;
	}

.tablebasic th {
	text-align: center;
	font-weight: bold;
	background: #deffcc;
	}

.column_innerbox {
	margin: 0 20px 20px;
	border: 1px solid #2778a3;
	box-sizing: border-box;
}
.column_innerbox p {
	padding: 0 8px;
}
.column_innerbox .ttl {
	margin-bottom: 8px;
	padding: 8px;
	background: #2778a3;
	color: #fff;
}
.column_innerbox .notes{
    padding: 0 8px;
}
@media screen and (max-width: 767px) { /* 768px以下の記述 */
.column_innerbox {
	margin: 0 0 20px;
}
.title_update {
	width: 100%;
	padding-bottom: 5px;
	height: auto;
	margin: 10px 0px 12px 0px;
	background: url(../../_img/title_update.png) no-repeat 0 0;
	display:block;
	border-bottom: 1px solid #95ba7c;
}

.title_update span {
	width: 100%;
	height: auto;
	visibility: hidden;
	display:block;
}

.updatelist li {
	width: auto;
	margin: 0px 5px 0px 5px;
	background: url(../../_img/bline.gif) repeat-x 0px bottom;
	/*border: 1px solid #f00;*/
	}

#osirase .title_column {
	width: 100%;
	padding: 0.75em 0.75em 0.75em 0.75em;
	background: #bed8f3;
	display:block;
	font-weight: bold;
	font-size:120%;

	color: #2778a3;

	box-sizing: border-box;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

#osirase .date {
	margin: 0px 20px 7px 0px;
	display:block;
	font-size:14px;
	font-weight: normal;
	}

.def_text {
	font-size: 140%;
	display: block;
	margin: 0px 0px 14px 0px;
	}

.btn_nav_top {
	width: 80%;
	margin: 32px auto 30px auto;
	padding: 1.2em 1.0em 1.0em 1.0em;
	background: #39C;
	display:block;
	font-weight: bold;
	font-size:160%;

	color: #39C;

	border: 1px solid #39C;
	box-sizing: border-box;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	}

.btn_nav_top a span {
	width: 100%;
	color: #fff;
	background: url(../../_img/btn_dl_arrow.png) no-repeat 100% 50% ;
	display: block;
	}

.btn_nav_top a:hover {
	text-decoration: none;
	}

}


/* --------------------------------------------------------
#Downlod Box
-------------------------------------------------------- */



.dlbox dl.dlbtn dd.ios,
.dlbox dl.dlbtn dd.android {
	padding: 0px;
	height: 40px;
	background: #4b4b4b;
	text-align: left;
	display:block;
	background: url(../../_img/btn_dl_arrow.png) #4b4b4b no-repeat 95% 50%;

    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.dlbox dl.dlbtn dd.ios a {
	height: 100%;
	background: url(../../_img/btn_dl_ios.png) no-repeat 10px 50%;
	display: block;
}

.dlbox dl.dlbtn dd.android a {
	height: 100%;
	background: url(../../_img/btn_dl_android.png) no-repeat 10px 50%;
	display: block;
}


.dlbox dl.dlbtn dd.ios a span,
.dlbox dl.dlbtn dd.android a span  {
	height: 100%;
	visibility: hidden;
	display: block;
}

.dlbox dl.dlbtn dd.spec {
	margin-top: 7px;
	text-align:left;
	display: block;
}



@media screen and (max-width: 767px) { /* 768px以下の記述 */

.switch {
	width: 600px;
	text-align: center;
	display:block;
}

.switch .dlbox {
	width: 290px;
	padding:14px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
	background:url(../img/common/bg_white.png) repeat 0 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: table;
	margin-bottom: 0px;
}

.switch dt {
	display: none;
}

.switch dd {
	width: 100%;
	padding-bottom: 14px;
	float: none;
}

.switch .leftbox {
	height: 180px;
	float: left;
	display: table-cell;
}

.switch .rightbox {
	height: 180px;
	float: right;
	display: table-cell;

}

.switch .dlbox dl.dlbtn {
	width: 100%;
	display:block;
}

.dlbox dl.dlbtn dd.ios,
.dlbox dl.dlbtn dd.android {
	padding: 0px;
	height: 40px;
	background: #4b4b4b;
	text-align: left;
	display:block;
	background: url(../../_img/btn_dl_arrow.png) #4b4b4b no-repeat 95% 50%;

    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.dlbox dl.dlbtn dd.ios a {
	height: 100%;
	background: url(../../_img/btn_dl_ios.png) no-repeat 10px 50%;
	display: block;
}

.dlbox dl.dlbtn dd.android a {
	height: 100%;
	background: url(../../_img/btn_dl_android.png) no-repeat 10px 50%;
	display: block;


}


.dlbox dl.dlbtn dd.ios a span,
.dlbox dl.dlbtn dd.android a span  {
	height: 100%;
	visibility: hidden;
	display: block;
}

.dlbox dl.dlbtn dd.spec {
	margin-top: 7px;
	text-align:left;
	font-size: 140%;
	line-height: 1.4em;
}

}


/* --------------------------------------------------------
#トピックスBOX
-------------------------------------------------------- */

.topics {
	width: 942px;
	margin: 0px auto 12px auto;

	text-align: center;
	display:block;
	z-index: 999;
}

.topics .leftbox {
	/*float: left;*/
}

.topics .rightbox {
	float: right;/**/

}


.topicsbox {
	width: 462px;
	padding:14px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
	background:url(../img/common/bg_white.png) repeat 0 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.infobox dt {
	margin: 0px  0px  10px  0px;
	display: block;
}

.infobox dd {
	text-align: left;
	margin: 0px 3px;
	padding: 5px 7px;
	background: url(../../_img/bline.gif) repeat-x 0px bottom;
	display: block;
}

.infobox dd span {
	width: 90px;
	margin: 0px 10px 0px 0px;
	display: block;
	float: left;
}

.infobox dd p {
	width: 305px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	display: block;
	float: right;
}

.mov_text {
	text-align: left;
	}

.mov_text h5 {
	margin: 13px 0px 5px 0px ;
	font-size: 130%;
	}

.mov_thumb {
	display: none;
	}



@media screen and (max-width: 767px) { /* 768px以下の記述 */

.topics {
	width: 600px;
	text-align: center;
	display:block;
}

.topics .topicsbox {
	width: 600px;/**/
	padding:14px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
	background:url(../img/common/bg_white.png) repeat 0 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: table;
}

.topics dt {
	display: none;
}

.topics dd {
	width: 100%;
	padding-bottom: 14px;
	float: none;
}

.topics .leftbox {
	float: left;
	display: table-cell;
	margin-bottom: 14px;
}

.topics .rightbox {
	float: right;
	display: table-cell;
}


.infobox dt {
	margin: 0px  0px  10px  0px;
	display: block;
}

.infobox dt img {
	width: auto;
	height: auto;
}

.infobox dd {
	text-align: left;
	margin: 0px 3px;
	width: auto;
	padding: 5px 7px;
	background: url(../../_img/bline.gif) repeat-x 0px bottom;
	display: block;
	font-size: 160%;
}

.infobox dd span {
	width: 120px;
	margin: 0px 10px 0px 0px;
	display: block;
	float: left;
}

.infobox dd p {
	width: 420px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	display: block;
	float: right;
}


.topics .movbox {
	float: left;
	display: table-cell;
	margin-bottom: 0px;
}

.mov_yt {
	display: none;
	}

.mov_thumb {
	width: 260px;
	height:  146px;
	display: block;
	float: left;
	background: url(../../_img/thumb_movie.jpg) no-repeat 0 0;
	}

.mov_thumb a {
	width: 260px;
	height:  146px;
	display: block;
	background: url(../../_img/black.png) no-repeat 0 0;
	font-size: 1px;
	}

.mov_thumb a:hover {
	width: 260px;
	height:  146px;
	display: block;
	background: none;
	}

.mov_thumb span {
	width: 260px;
	height:  146px;
	display: block;
	background: url(../../_img/btn_play.png) no-repeat 50% 50%;
	}

.mov_text {
	width: 295px;
	text-align: left;
	float: right;
	font-size: 130%;
	}

.mov_text h5 {
	margin: 0px 0px 5px 0px ;
	font-size: 120%;
	line-height: 110%;
	}

}


/* --------------------------------------------------------
#記事BOX
-------------------------------------------------------- */


.column {
	display: flex;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px 10px;
	max-width: 980px;
}


/* ----------事前登録報酬---------- */

.incbox {
	background:#59caff;
	background:url(../img/common/bg_reward.png) repeat;
	padding: 21px 21px 21px 21px;
	margin-bottom: 10px;
	border-radius: 14px 14px 14px 14px;
    -webkit-border-radius: 14px 14px 14px 14px;
    -moz-border-radius: 14px 14px 14px 14px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.incbox_sp {
	display: none;
}


/* ----------テスター募集---------- */

.incbox_beta {
	background:#59caff;
	background:url(../img/common/bg_reward.png) repeat;
	padding: 21px 21px 21px 21px;
	margin-bottom: 10px;
	border-radius: 14px 14px 14px 14px;
    -webkit-border-radius: 14px 14px 14px 14px;
    -moz-border-radius: 14px 14px 14px 14px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.incbox_beta_sp {
	display: none;
}

/* 募集要項 */

.incbox_beta dl dt {
	background:#22486f;
	padding: 21px 21px 21px 21px;
	margin: 0px 1.5em 1.5em 0px;
	border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	width: 25%;
	float: left;
}

.incbox_beta dl dd {
	margin:  0px 0px 1.5em 0px;
	width: 65%;
	display: block;
	font-size: 120%;
	line-height: 2em;
	float: left;
}

.incbox_beta ol {
	list-style-type: disc;
	padding-left: 1em;
}

.incbox_beta ol li {
	line-height: 1.5em;
	margin-bottom: 1.0em;
}





/* ----------ゲーム紹介---------- */

h5.intro_title {
	width: 100%;
	height: 120px;
	background: url(../../_img/title_intro.png) no-repeat 50% 50%;
	display: block;
	}
h5.intro_title span {
	width: 100%;
	height: 120px;
	display: block;
	visibility: hidden;
	}


.incbox_intro{
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 1.6;
}
.incbox_intro:not(:nth-last-child(-n+2)){
	border-bottom: 1px solid #d2d2d2;
}
.incbox_intro h5 {
	display: block;
	padding-bottom: 14px;
}
.incbox_intro h2 img,
.incbox_intro h3 img{
	width: auto;
	max-width: 100%;
	height: auto;
}
.title_pc {
	display: block;
}
.title_sp {
	display: none;
}


.incbox_intro p.txt-exp {

	font-size:120%;
	font-weight: bold;
	padding: 0px 0px 14px 7px;

}

.intro_box {
	padding-bottom: 12px;
	}


/* 北雪高校ＴＯＰ記事 */

.incbox_suc_hokusetsu {
	width: 472px;
	height: 636px;
	margin-bottom: 10px;
	background:url(../../_img/bg_Hokusetsu.png) no-repeat ;
	position: relative;
	float: left;
	}

.incbox_suc_hokusetsu h2 {
	width: 472px;
	height: 636px;
	display:block;
	}

.incbox_suc_hokusetsu h2 a {
	width: 472px;
	height: 636px;
	display:block;
	}

.incbox_suc_hokusetsu h2 a span {
	width: 472px;
	height: 636px;
	display:block;
	visibility: hidden;
	}


/* MAJORコラボＴＯＰ記事 */


.incbox_suc_major {
	width: 472px;
	height: 518px;
	margin-bottom: 10px;
	background:url(../../_img/bg_Major_small.png) no-repeat ;
	position: relative;
	}

.incbox_suc_major h2 {
	width: 472px;
	height: 518px;
	display:block;
	}

.incbox_suc_major h2 a {
	width: 472px;
	height: 518px;
	display:block;
	}

.incbox_suc_major h2 span {
	width: 472px;
	height: 518px;
	display:block;
	visibility: hidden;
	}


/* TVCM記事PC */


.incbox_tvcm {
	width: 472px;
	height: 443px;
	margin-bottom: 10px;
	background:url(../../_img/bg_tvcm_Riho.png) no-repeat ;
	position: relative;
	}

.incbox_tvcm h2 {
	width: 472px;
	height: 636px;;
	display:block;
	}

.incbox_tvcm h2 a {
	width: 472px;
	height: 636px;
	display:block;
	}

.incbox_tvcm h2 span {
	width: 472px;
	height: 636px;
	display:block;
	visibility: hidden;
	}



/* 田中選手特集記事 */

.incbox_issue {
	width: 472px;
	height: 578px;
	margin-bottom: 10px;
	background:url(../../_img/bg_tokuho.png) no-repeat ;
	position: relative;
	float: left;
	}

.incbox_issue h2 {
	visibility: hidden;
	}

.incbox_issue a.btn_movplay {
	width: 170px;
	height: 120px;
	background: url(../img/common/movie_playbtn.png) no-repeat 50% 45%;
	opacity: 0.3;
	position: absolute;
	left: 280px;
	top: 397px;
	display: block;
	}
.incbox_issue a:hover.btn_movplay {
	width: 170px;
	height: 120px;
	background: url(../img/common/movie_playbtn.png) no-repeat 50% 45%;
	opacity: 0.5;
	position: absolute;
	display:block;
	}
.incbox_issue a.btn_movplay span {
	width: 170px;
	height: 120px;
	display:block;
	visibility: hidden;
	font-size: 1px;
	}
.incbox_issue p.issue_text {
	display: none;
	}


/* ムービーBOX */

.box_mov {
	width: 472px;
	height: 168px;
	margin-bottom: 10px;
	background:url(../../_img/top_mov_box.png) no-repeat ;
	position: relative;
	float: left;
	}

.box_mov_Dace {

	background:url(../../_img/top_mov_box2.png) no-repeat ;

	}


.box_mov .txtbox {
	display:none;
	}

.box_mov h2 {
	visibility: hidden;
	}

.box_mov a.btn_movplay_sp,
.box_mov a:hover.btn_movplay_sp,
.box_mov a.btn_movplay_sp span {
	display: none;
	}

.incbox_issue a.btn_movplay_sp,
.incbox_issue a:hover.btn_movplay_sp,
.incbox_issue a.btn_movplay_sp span {
	display: none;
	}

.box_mov a.btn_movplay {
	width: 170px;
	height: 120px;
	background: url(../img/common/movie_playbtn.png) no-repeat 50% 45%;
	opacity: 0.3;
	position: absolute;
	left: 23px;
	top: 24px;
	display: block;
	}
.box_mov a:hover.btn_movplay {
	width: 170px;
	height: 120px;
	background: url(../img/common/movie_playbtn.png) no-repeat 50% 45%;
	opacity: 0.5;
	position: absolute;
	display:block;
	}
.box_mov a.btn_movplay span {
	width: 170px;
	height: 120px;
	display:block;
	visibility: hidden;
	font-size: 1px;
	}
.box_mov p.issue_text {
	display: none;
	}

/*---- 田中将大TVCM -PC----*/


.capturebox {
width: 584px;
margin: 20px auto;
box-sizing: border-box;
}

.capturebox td img {
width: 175px;

}



.ssbox {
width: 100%;
margin: 20px auto;
box-sizing: border-box;
position: relative;
	}

.ssbox td {
width: 130px;
vertical-align: top;
box-sizing: border-box;
position: relative;
text-align: center;
	}

.ssbox td a {
	margin: 0px auto;
width: 100%;
	height: 100%;
position: relative;
	display: block;
	}

.ssbox td img {
width: 130px;
	}



.tvcmbox {
width: 100%;
margin: 20px auto;
box-sizing: border-box;
position: relative;

	}

.tvcmbox td {
	width: 170px;
	vertical-align: top;
box-sizing: border-box;
	position: relative;
	text-align: center;
	}

.tvcmbox td p {
	padding: 1em 1em 0em 1em ;
	font-size: 90%;
	line-height: 1.2em;
	}

.tvcmbox td img {
	width: 170px;
	}

.tvcmbox a.btn_movplays {
	margin: 0px auto;
	width: 100%;
	height: 100%;
position: relative;
	display: block;
	}
.tvcmbox a.btn_movplays span {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/common/movie_playbtn.png) no-repeat 50% 45%;
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1px;
	text-indent: -9999px;
	}

.tvcmbox a:hover.btn_movplays span {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/common/movie_playbtn.png) no-repeat 50% 45%;
	opacity: 0.8;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1px;
	text-indent: -9999px;
	}

.tvcmbox a.btn_movplays_sp {
	display: none;
	}

/*---- 田中将大TVCM -----*/



/*---- パワプロアプリのあそび方 -----*/

.box_howto {
	width: 100%;
	height: auto;
	background:url(../../_img/cnr_howto.png) no-repeat ;
	background-size: 100% auto;
	position: relative;
	}

.box_howto h2 {
	width: 472px;
	height: 70px;
	display: block;
	}

.box_howto h2 span {
	width: 472px;
	height: 70px;
	display: block;
	visibility: hidden;
	}

.clear {
	clear: both;
	}

/*---- 注意喚起 -----*/

.incbox_attention {
	width: 472px;
	background: #878686 ;
	border: 1px solid #878686;
	padding: 18px 18px 18px 18px;
	margin-bottom: 10px;
	border-radius: 23px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 1.5em;
	}
.incbox_attention h5 {
	color: #fff;
	display: block;
	background: none;
	padding: 0px 50px 0px 0px;
	}
.incbox_attention a h5 {
	color: #fff;
	display: block;
	background: none;
	padding: 0px 50px 0px 0px;
	text-decoration: none;
	}
.incbox_attention a:hover h5 {
	color: #fff;
	text-decoration: none;
	}

/*---- シリアルコード -----*/

.incbox_text {
	width: 472px;
	background: #e1eeed ;
	border: 1px solid #bfcfd6;
	padding: 18px 18px 18px 18px;
	margin-bottom: 10px;
	border-radius: 23px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 1.5em;
	}
.incbox_text h5 {
	display: block;
	background: none;
	padding: 0px 50px 7px 0px;
	}


/*---- TwitterBOX -----*/

.box_twitter {
	width: 472px;
	margin-bottom: 10px;
	display: block;
	}

.box_twitter img {
	width: 100%;
	display: block;
	}


/*---- バナーBOX -----*/

.box_banner_wrap {
	width: 472px;
	}
.box_banner_wrap:nth-of-type(odd){
	float: left;
}
.box_banner_wrap:nth-of-type(even){
	float: right;
}

.box_banner {
	width: 472px;
	margin-bottom: 10px;
	border: 1px solid #333;
	border-radius: 23px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	}

.box_banner img {
	width: 100%;
	border-radius: 23px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	}

.box_banner_sp {
	display: none;
	}

/*---- リンク付きバナー -----*/
.box_link_banner {
	position: relative;
	display: table;
	overflow: hidden;
	width: 100%;
	padding: 20px 15px;
	margin-bottom: 10px;
	border: 1px solid #333;
	border-radius: 23px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.box_link_banner .box_link_banner_ttl {
	display: table-cell;
	vertical-align: middle;
	width: 150px;
}
.box_link_banner .box_link_banner_ttl img {
	vertical-align: bottom;
	width: 100%;
}
.box_link_banner .box_link_banner_link {
	display: table-cell;
	vertical-align: middle;
	padding-left: 6px;
}
.box_link_banner .box_link_banner_link ul {
	width: 100%;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.box_link_banner .box_link_banner_link ul li {
	flex: 0 0 50%;
	-webkit-flex: 0 0 50%;
	max-width: 50%;
	width: 50%;
}
.box_link_banner .box_link_banner_link ul li span {
	display: none;
}
.box_link_banner .box_link_banner_link ul li a {
	display: block;
	position: relative;
	margin: 5px 0 5px 5px;
	padding: 7px 10px 7px 5px;
	background: #171c60;
	color: #fff;
	text-align: center;
	border-radius: 23px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.box_link_banner .box_link_banner_link ul li a:hover {
	text-decoration: none;
	background-color: #00a0e5;
}
.box_link_banner .box_link_banner_link ul li a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 5px;
	width: 20px;
	height: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 22px;
	background: #fff;
}
.box_link_banner .box_link_banner_link ul li a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 13px;
	width: 6px;
	height: 6px;
	-webkit-transform: translateY(-50%) rotate(-225deg);
	transform: translateY(-50%) rotate(-225deg);
	border-top: 2px solid #232b8d;
	border-left: 2px solid #232b8d;
}
.box_link_banner .box_link_banner_link ul li a:hover:after {
	border-top: 2px solid #00bafe;
	border-left: 2px solid #00bafe;
}
.box_link_banner .box_link_banner_link ul li dt {
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}
.box_link_banner .box_link_banner_link ul li dd {
	font-size: 11px;
}
.box_link_banner.fanfesta {
	background: url(../../_img/banner/bnr_pawaweb_top_fanfes_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.box_link_banner.fanfesta .box_link_banner_ttl h3 {
	width: 170px;
}
.box_link_banner.pawachamp {
	padding: 10px 20px;
	background: url(../../_img/banner/bnr_pawaweb_top_champ_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.box_link_banner.pawachamp .box_link_banner_link ul li a {
	background-color: #a818ca;
}
.box_link_banner.pawachamp .box_link_banner_link ul li a:hover {
	background-color: #d640f9;
}
.box_link_banner.pawachamp .box_link_banner_link ul li a:after {
	border-top: 2px solid #a818ca;
	border-left: 2px solid #a818ca;
}
.box_link_banner.pawachamp .box_link_banner_link ul li a:hover:after {
	border-top: 2px solid #d640f9;
	border-left: 2px solid #d640f9;
}
}
.box_link_banner.pawachamp .box_link_banner_ttl h3 {
	width: 170px;
}

/*---- インフォBOX -----*/

.box_info .bth_more_info {
	width: 117px;
	height: 35px;
	background: url(../../_img/btn_more_info.png) no-repeat 0 0;
	display: block;
	position: absolute;
	left: 327px;
	top: 25px;
	}
.box_info .bth_more_info a {
	width: 117px;
	height: 35px;
	display: block;
	}
.box_info .bth_more_info a span {
	width: 117px;
	height: 35px;
	display: block;
	visibility:hidden;
	}

.box_info .list_wrap {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background: none;
	width: 100%;
	}

.box_info .list_wrap iframe {
	width: 430px;
	height: 240px;
	border: none;

/*
	width: 430px;
	height: 240px;
	border: none;
	z-index: 20;
*/
	}
@media screen and (max-width: 767px){
	.box_info{
		float: none;
	}
}

/* --汎用小見出し-- */

.title_s {
	width: auto;
	margin-bottom: 8px;
	padding: 1em 1em;

	display:block;
	color: #fff;
	font-weight: bold;
	font-size:110%;
	background: #22486f;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


/* --汎用小見出し-- */


.txtbox {
	margin: 0px 0px 40px 0px;
}

.txtbox p.readtxt {
	margin: 0px 7px 0px 7px;
	font-weight: bold;
}


/* --画像フロート表示-- */

.picbox {
	width: 100%;
	margin: 20px 10px 0px 10px;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.picbox li {
	padding-right: 28px;
	line-height:1.7em;
	font-weight: bold;
	width: 50%;
}


.picbox li p {
	padding: 7px 0px 0px 0px;
}


.picbox .capbox {
	display:block;
}

.picbox .capbox img {
	margin: 0px 0px 10px 0px;
	display:block;
}

.picbox .capbox dl dt {
	padding: 0px 0px 7px 0px;
	font-weight: bold;
	display:block;
}

.picbox .capbox dl dd {
	display:block;
}


.intro_box .txt-cap {
	margin: 0px 10px;
	font-weight: bold;
	text-align: left;
	}



/* --画像フロート表示-- */

@media screen and (max-width: 767px) { /* 768px以下の記述 */

.column {
	flex-wrap: wrap;
	width: 100%;
	margin: 0px auto 30px auto;
	padding: 0px;
}

.incbox {
	display: none;
}

.incbox_sp {
	background:#59caff;
	background:url(../img/common/bg_reward.png) repeat;
	padding: 20px 10px;
	margin-bottom: 10px;
	border-radius: 14px 14px 14px 14px;
    -webkit-border-radius: 14px 14px 14px 14px;
    -moz-border-radius: 14px 14px 14px 14px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	display: block;
}


h5.intro_title {
	width: 100%;
	height: 114px;
	background: url(../../_img/title_intro_sp.png) no-repeat 50% 50%;
	display: block;
	}
h5.intro_title span {
	width: 100%;
	height: 114px;
	display: block;
	visibility: hidden;
	}
.title_pc {
	display: none;
}
.title_sp {
	display: block;
}


/* 北雪高校ＴＯＰ記事 */

.incbox_suc_hokusetsu {
	width: 596px;
	height: 589px;
	margin: 0px auto 20px auto;
	background:url(../../_img/bg_Hokusetsu_sp.png) no-repeat ;
	position: relative;
	float: left;
	}

.incbox_suc_hokusetsu h2 {
	width: 596px;
	height: 589px;
	display:block;
	}

.incbox_suc_hokusetsu h2 a {
	width: 596px;
	height: 589px;
	display:block;
	}

.incbox_suc_hokusetsu h2 a span {
	width: 596px;
	height: 589px;
	display:block;
	visibility: hidden;
	}


/* MAJORコラボＴＯＰ記事 SP */

.incbox_suc_major {
	width: 596px;
	height: 539px;
	margin: 0px auto 20px auto;
	background:url(../../_img/bg_Major_sp.png) no-repeat ;
	position: relative;

	}

.incbox_suc_major h2 {
	width: 596px;
	height: 539px;
	display:block;
	}

.incbox_suc_major h2 a {
	width: 596px;
	height: 539px;
	display:block;
	}

.incbox_suc_major h2 span {
	width: 596px;
	height: 539px;
	display:block;
	visibility: hidden;
	}


/* TVCM記事 SP */

.incbox_tvcm {
	width: 596px;
	height: 437px;
	margin: 0px auto 20px auto;
	background:url(../../_img/bg_tvcm_Riho_sp.png) no-repeat ;
	background-size: 100%;
	position: relative;

	}

.incbox_tvcm h2 {
	width: 596px;
	height: 539px;
	display:block;
	}

.incbox_tvcm h2 a {
	width: 596px;
	height: 539px;
	display:block;
	}

.incbox_tvcm h2 span {
	width: 596px;
	height: 539px;
	display:block;
	visibility: hidden;
	}




/* 田中選手特集記事 */

.incbox_issue {
	margin: 0px auto 20px auto;
	width: 596px;
	height:auto;
	background:url(../../_img/bg_tokuho_sp.jpg) #6eb430 no-repeat ;
	visibility: visible;
	position: relative;
	border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius 22px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	}

.incbox_issue a.btn_movplay,
.incbox_issue a:hover.btn_movplay,
.incbox_issue a.btn_movplay span {
	display: none;
	position: relative;
	}

.incbox_issue a.btn_movplay_sp {
	width: 212px;
	height: 145px;
	background: url(../img/common/movie_playbtn.png) no-repeat 50% 45%;
	opacity: 0.3;
	position: absolute;
	left: 366px;
	top: 418px;
	display: block;
	}
.incbox_issue a:hover.btn_movplay_sp {
	width: 212px;
	height: 145px;
	background: url(../img/common/movie_playbtn.png) no-repeat 50% 45%;
	opacity: 0.5;
	position: absolute;
	display:block;
	}
.incbox_issue a.btn_movplay_sp span {
	width: 212px;
	height: 145px;
	display:block;
	visibility: hidden;
	font-size: 1px;
	}
.incbox_issue p.issue_text {
	display: none;
	}


.incbox_issue h2 {
	width: 100% ;
	height: 415px;
	display: block;
	visibility: visible;
	}

.incbox_issue h2 a {
	width: 100% ;
	height: 415px;
	display: block;
	visibility: visible;
	}

.incbox_issue h2 span {
	width: 100% ;
	height: 415px;
	display: block;
	visibility: hidden;
	}

.incbox_issue p.issue_text {
	width: 330px;
	margin: 0px 1em 1em 1em ;
	font-size: 140%;
	display: block;
	color: #fff;
	text-align: left;
	}


/* トップページ：ムービーBOX */

.box_mov {
	width: 596px;
	height: auto;
	margin-bottom: 20px;
	border: 10px solid #58963d;
	background:url(../../_img/top_mov_sp.png) #6eb430 no-repeat 13px 13px ;
	position: relative;
	border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius 22px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	}

.box_mov_Dace {

	background:url(../../_img/top_mov02_sp.png) #6eb430 no-repeat 13px 13px ;

	}

.box_mov h2 {
	visibility: hidden;

	}

.box_mov a.btn_movplay,
.box_mov a:hover.btn_movplay,
.box_mov a.btn_movplay span {
	display: none;
	}


.box_mov a.btn_movplay_sp {
	width: 214px;
	background: url(../img/common/movie_playbtn.png) no-repeat 50% 45%;
	opacity: 0.3;
	position: absolute;
	left: 13px;
	top: 13px;
	display: block;

	}
.box_mov a:hover.btn_movplay_sp {
	width: 214px;
	height: 147px;
	background: url(../img/common/movie_playbtn.png) no-repeat 50% 45%;
	opacity: 0.5;
	position: absolute;
	display:block;
	}

.box_mov a.btn_movplay_sp span {
	width: 214px;
	height: 147px;
	display:block;
	visibility: hidden;
	font-size: 1px;
	}

.box_mov .txtbox {
	width: auto;
	padding: 0px 10px 0px 250px;
	font-size: 110%;
	color: #fff;
	line-height: 1.3em;
	display: block;
	}
.box_mov .txtbox img {
	padding: 0px 0px 7px 0px;
	}


/*---- 田中将大TVCM ---SP--*/

.capturebox {
width: 510px;
margin: 20px auto;
box-sizing: border-box;
}

.capturebox td img {
width: 150px;

}

.ssbox {
width: 98%;
margin: 20px auto;
box-sizing: border-box;
position: relative;

	}

.ssbox td {
width: 115px;
vertical-align: top;
box-sizing: border-box;
position: relative;
text-align: center;
	}

.ssbox td a {
	margin: 0px auto;
width: 100%;
	height: 100%;
position: relative;
	display: block;
	}

.ssbox td img {
width: 115px;
	}


.tvcmbox a.btn_movplays {
	display: none;
	}

.tvcmbox a.btn_movplays_sp {
	display: block;
	}

.tvcmbox td {
	vertical-align: top;
	}
.tvcmbox a.btn_movplays_sp {
	width: 100%;
	height: 100%;
position: relative;
	display: block;
	}
.tvcmbox a.btn_movplays_sp span {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/common/movie_playbtn.png) no-repeat 50% 45%;
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1px;
	text-indent: -9999px;
	}
.tvcmbox a:hover.btn_movplays_sp span {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/common/movie_playbtn.png) no-repeat 50% 45%;
	opacity: 0.8;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1px;
	text-indent: -9999px;
	}

/*---- 田中将大TVCM -----*/



/*---- パワプロアプリのあそび方 -----*/

.box_howto {
	width: 100%;
	height: auto;
	border: 10px solid #2a6db1;
	background:url(../../_img/cnr_howto_sp.jpg) #2e92d8 no-repeat ;
	background-size: contain;
	position: relative;
	border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius 22px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: none;
	}
.box_howto h2 span {
	display: block;
	visibility: hidden;
	width: 100%;
	}

.youtube_box {
	margin: 0px auto;
	display: block;
	}

.btn_guide a {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background:url(../../_img/btn_gameguide_sp.jpg) no-repeat 0 100% ;
	display: block;
	}

.btn_guide a:hover {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background:url(../../_img/btn_gameguide_sp.jpg) no-repeat 0 0% ;
	display: block;
	}

.btn_guide span {
	width: 100%;
	display: block;
	visibility: hidden;
	}

/*---- 注意喚起 -----*/

.incbox_attention {
	width: 596px;
	background: #878686 ;
	border: 1px solid #878686;
	padding: 18px 18px 18px 18px;
	margin-bottom: 20px;
	border-radius: 23px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 1.5em;
	}

.incbox_attention a h5 {
	font-size: 130%;
	padding: 0px 0px 0px 0px;
	background: none;
	display: block;
	text-decoration: none;
	text-align: center;
	}
.incbox_attention a:hover h5 {
	color: #fff;
	text-decoration: none;
	}

/*---- シリアルコード -----*/

.incbox_text {
	width: 596px;
	background: #e1eeed ;
	border: 1px solid #bfcfd6;
	padding: 23px;
	margin-bottom: 10px;
	border-radius: 23px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 130%;
	line-height: 1.5em;
	float: left;
	}
.incbox_text h5 {
	font-size: 130%;
	padding: 0px 50px 7px 0px;
	background: none;
	display: block;
	}


/*---- Twitter BOX -----*/


.box_twitter {
	width: 596px;
	margin-bottom: 20px;
	display: block;
	}

.box_twitter img {
	width: 100%;
	display: block;
	}



/*---- バナーBOX -----*/

.box_banner_wrap {
	width: 596px;
	margin: 0 auto;
}
	.box_banner_wrap:nth-of-type(odd),
	.box_banner_wrap:nth-of-type(even){
		float:none;
	}

.box_banner {
	width: 596px;
	margin-bottom: 20px;
	border: 1px solid #333;
	border-radius: 23px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	}

.box_banner img {
	width: 100%;
	border-radius: 23px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	}
.box_link_banner.fanfesta {
	padding: 20px;
}
.box_link_banner.fanfesta .box_link_banner_ttl h3 {
	width: 200px;
}
.box_link_banner.pawachamp {
	padding: 10px 20px;
}
.box_link_banner.pawachamp .box_link_banner_ttl h3 {
	width: 200px;
}

/*---- インフォBOX -----*/

.box_info .bth_more_info {
	width: 140px;
	height: 40px;
	background: url(../../_img/btn_more_info_sp.png) no-repeat 0 0;
	display: block;
	position: absolute;
	left: 423px;
	top: 17px;
	z-index:99;
	}
.box_info .bth_more_info span {
	width: 140px;
	height: 40px;
	display: block;
	visibility:hidden;
	z-index:99;
	}

.box_info .list_wrap {
	margin: 80px auto 20px auto;
	padding: 0px 0px 0px 0px;
	width: 550px;
	height: 250px;
	display: block;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 10;
	}

.box_info .list_wrap iframe {
	width: 550px;
	height: 240px;
	border: none;
	z-index: 20;
	}



/* 募集要項 */

.incbox_beta dl dt {
	background:#22486f;
	padding: 21px 21px 21px 21px;
	margin: 0px 1.5em 1.5em 0px;
	border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	width: 35%;
	float: left;
}

.incbox_beta dl dd {
	margin:  0px 0px 1.5em 0px;
	width: 60%;
	display: block;
	font-size: 120%;
	line-height: 2em;
	float: left;
}

.incbox_beta ol {
	list-style-type: disc;
	padding-left: 1em;
}

.incbox_beta ol li {
	line-height: 1.5em;
	margin-bottom: 1.0em;
}



/* ----------ゲーム紹介SP---------- */

.intro_box {
	width: 100%;
	}

/* --汎用小見出し-- */

.title_s {
	width: auto;
	margin-bottom: 8px;
	padding: 1em 1em;
	display:block;
	color: #fff;
	font-weight: bold;
	font-size:110%;
	background: #22486f;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


/* --見出し2－1 */

.title_inc02 {
	width: 100%;
	height: 74px;
	margin-bottom: 12px;
	background: url(../../_img/title_evo02_01_sp.png) no-repeat 0 0;
	display:block;
	border-bottom: 1px solid #95ba7c;
}

.title_inc02 span {
	width: 100%;
	height: 36px;
	visibility: hidden;
	display:block;
}

/* --見出し2－1 */

/* --見出し2－2 */

.title_inc02_02 {
	width: 100%;
	height: 74px;
	margin-bottom: 12px;
	background: url(../../_img/title_evo02_02_sp.png) no-repeat 0 0;
	display:block;
	border-bottom: 1px solid #95ba7c;
}

.title_inc02 span {
	width: 100%;
	height: 36px;
	visibility: hidden;
	display:block;
}

/* --見出し2－2 */



/* --汎用小見出し-- */


.incbox .title_s {
	width: 100%;
	margin-bottom: 8px;
	padding: 0.5em 0.7em;
	background: #fff;
	display:block;
	font-weight: bold;
	font-size:180%;
	color: #2778a3;

	box-sizing: border-box;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}


/* --汎用小見出し-- */

.incbox h7 {
	font-size:150%;
}

/* --汎用小見出し-- */


.txtbox {
	margin: 0px 0px 20px 0px;
	font-size: 150%;
	line-height:1.7em;
}


.picbox {
	width: 100%;
	margin: 20px 10px 0px 10px;
	box-sizing: border-box;
}

.picbox li {
	width: 43%;
	margin: 0px 20px 10px 0px;
	line-height:1.7em;
	font-weight: bold;
	text-align: left;
}

.picbox li p {
	width: 100%;
	padding: 7px 0px 0px 0px;
}
.picbox li p span {
	width: 100%;
	padding: 7px 0px 0px 0px;
	text-align:center;
}



.picbox .capbox {
	display:block;
}

.picbox .capbox img {
	margin: 0px 0px 10px 0px;
	display:block;
}

.picbox .capbox dl dt {
	padding: 0px 0px 7px 0px;
	font-weight: bold;
	display:block;
}

.picbox .capbox dl dd {
	display:block;
}


.intro_box .txt-cap {
display: block;
	font-weight: bold;
	text-align: left;
	}

}



/* --------------------------------------------------------
#container
-------------------------------------------------------- */
#container { background:url(../img/common/contents-bg.png);
overflow: hidden;
height: auto;
position:relative;
top:-34px;
margin-bottom:-34px;
z-index:10;
}



/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { padding:0px 0;}

@media screen and (max-width: 767px) { /* 768px以下の記述 */
#contents { min-height:0; padding:0 0 0 0; }
}


#lineup {
	background-color:#000;
	padding:10px;
	border:1px solid #292929;
	margin:0 auto 20px;
	width:768px;
	text-align:center;
}

@media screen and (max-width: 767px) { /* 768px以下の記述 */
#lineup { max-width:100%; padding:0px; text-align:left; margin-bottom:10px; }
#lineup img { height:auto; margin:10px 0;}
#lineup span { margin: 0 10px; display:block;}
#lineup .ps3 img { max-width:84.6%;}
#lineup .psvita img { max-width:100%;}
#lineup .psp img { max-width:84.6%;}
}


/* --------------------------------------------------------
#footer_wrap
-------------------------------------------------------- */

#footer_wrap { clear:both; position:relative; width:100%; background:url(../img/common/footer-bg.png) 0 0 repeat-x; padding:10px 0;}


/* --------------------------------------------------------
#footer
-------------------------------------------------------- */

footer {
	width:100%;
	border-top: 1px solid #ddd;
	box-sizing:border-box;
	margin:0 auto;
	padding:20px 0px 50px 0px;

	}

.teamlogobox {
	text-align:center;
	margin: 0px auto 20px auto;
	padding:10px 0px 10px 0px;
	display:block;
	border-top: 1px solid #628c42;
	border-bottom: 1px solid #628c42;
}

.teamlogobox p,
.footerbox p {
	text-align:center;
	margin: 10px auto 0px auto;
	color: #3e5d26;
	display:block;
}

.footer_menu {
	width: 100%;
	max-width: 800px;
	margin: 20px auto 20px;
	display: flex;
	flex-wrap: wrap;
	}
.footer_menu li {
	width: calc( 25% - 4px );
	font-size: 100%;
	text-align: center;
	background:#ddd;
	padding: 10px 5px 10px 5px;
	margin: 0px 2px 10px 2px;
	border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.footer_menu li a {
	color: #222c43;
	}

.footer_logo {
	text-align:center;
	padding-bottom:10px;
	display:block;
}

.footer_logo .banner_wiki img {
	width: 100%;
	max-width: 335px;
	height: auto;
	}


.footer_logo_sp {
	display:none;
}

.copyright {
	text-align: center;
}
.n_copyright{
	padding-bottom: 20px;
	text-align: center;
	font-size: 12px;
	color: #333333;
}


@media screen and (max-width: 767px) { /* 768px以下の記述 */
footer {
	box-sizing:border-box;
	margin:0 auto;
	padding: 0;
	}

.teamlogobox {
	display: flex;
}

.footer_menu {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	margin: 20px auto;
	width: 95%;
	}
.footer_menu li {
	width: 49%;
	font-size: 12px;
	text-align: center;
	background:#ddd;
	padding: 10px 5px 10px 5px;
	margin: 0px 0px 10px 2px;
	border-radius: 5px 5px 5px 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.footer_menu li a {
	color: #222c43;
	}



.footer_logo_sp {
	text-align:center;
	padding-bottom:10px;
	display:block;
}

.copyright {
	text-align: center;
	padding: 0 10px;
}
.n_copyright{
	padding: 10px;
}
}


.bor img {
	border: 1px solid #0099ee;
	width: 100%;
}

.bor:hover img {

	border: 1px solid #f00;
}


/* -------対応機種情報------- */

.device_box {
	margin-bottom: 1em;
	padding: 7px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;

	border-collapse: collapse;
	float: left;
	margin-right: 16px;
	}


.device_box tr td {
	padding: 7px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-collapse: collapse;
	background: #fff;
	}

tr.caps td {
	background: #dbeef4;
	font-weight: bold;
	text-align: center;
	}


@media screen and (max-width: 767px) { /* 768px以下の記述 */
footer {
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
	}

.teamlogobox {
	text-align:center;
	margin: 0px auto 20px auto;
	padding:10px 0px 10px 0px;
	display:block;
	border-top: 1px solid #628c42;
	border-bottom: 1px solid #628c42;
}

.footer_logo_sp {
	text-align: center;
	padding-bottom: 10px;
	display: block;
}

.footer_logo_sp .banner_wiki img {
	width: 420px;
	height: auto;
	margin: 0px 0px 10px 0px;

}

.copyright {
	text-align: center;
}

/* -------対応機種情報------- */

.device_box {
	padding: 7px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
	margin-right: 16px;
	margin-bottom: 16px;
	}


.device_box tr td {
	padding: 7px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-collapse: collapse;
	background: #fff;
	font-size: 14px;
	}

tr.caps td {
	background: #dbeef4;
	font-weight: bold;
	text-align: center;
	}

.addtextbox {
	font-size: 140%;
	}


}


/*copylight
----------------------------------------------------*/
#copyright{ float:right; font-size:77%; padding:0px; color:#868686;}

@media screen and (max-width: 767px) { /* 768px以下の記述 */
#copyright{ float:left; padding:5px;}
}





/* --------------------------------------------------------
汎用クラス
-------------------------------------------------------- */
/*Link Style (Base)
----------------------------------------------------*/
a:link { text-decoration:none; color:#f00; }
a:visited { text-decoration:none; color:#f00; }
a:hover { text-decoration:underline; color:#f00; }
a:active { text-decoration:none; color:#f00; }


#info_include .list {
	width: auto;
  background-image: none;
  background-color: #f1eb49;
  padding: 5px;
}

#info_include .list {
  margin: 0 0 10px;
}

#info_include .list li {
  padding: 0 5px;
  border-bottom: 1px solid #ccbb59;
  border-top: 1px solid #ffff00;
}
#info_include .list li:first-child {
  border-top: none;
}
#info_include .list li:last-child {
  border-bottom: none;
}
#info_include .list dl dt {
  padding: 10px 0 6px;
	display: block;
}
#info_include .list dl dt .date {
  color: #535353;
  font-size: 14px;
	border:none;
	margin: 0;
	padding-top: 0;
}
#info_include .list dl dd {
	padding: 0 0 10px;
	display: block;
	font-size: 13px;
}
#info_include .list dl dd a {
  color: #e4007f;
  text-decoration: underline;
}
#info_include .list dl dd a:hover {
  color: #ff008a;
}

@media screen and (max-width: 767px) { /* 768px以下の記述 */
	#copyright{ float:left; padding:5px;}

	#info_include .list dl dt .date {
		font-size: 14px;
	}
	#info_include .list dl dd {
		font-size: 14px;
	}
}
.icon {
  margin: 0 10px 0 0;
  vertical-align: middle;
  display: inline-block;
  width: 60px;
  height: 22px;
  background-image: url('../img/common/icon_status.png');
  background-repeat: no-repeat;
  background-position: 0 -102px;
  -webkit-background-size: 45px auto;
  -moz-background-size: 45px auto;
  background-size: cover;
/*  background-size: 45px auto;*/
}

.icon.event {
  background-position: 0 -137px;
}/*イベント*/

.icon.update {
  background-position: 0 -182px;
}/*更新*/

.icon.contact {
  background-position: 0 -69px;
}/*連絡*/

.icon.privilege {
  background-position: 0 -114px;
}/*特典*/

.icon.news {
  background-position: 0 -23px;
}/*お知らせ*/

.icon.important {
  background-position: 0 -228px;
}/*重要*/

.icon.exigency {
  background-position: 0 -159px;
}/*緊急*/

.icon.difficulty {
  background-position: 0 -250px;
}/*障害*/

.icon.restoration {
  background-position: 0 -205px;
}/*復旧*/

.icon.complete {
  background-position: 0 -272px;
}/*完了*/

.icon.regular {
  background-position: 0 -91px;
}/*定期*/

.icon.report {
  background-position: 0 -46px;
}/*続報*/

.icon.campaign {
  background-position: 0 0;
}/*キャンペーン*/

.error .section-in .lead {
  padding: 70px 0 0;
  text-align: center;
}

@media screen and (max-width: 470px) { /* 470px以下の記述 */
	#info_include .list dl dd {
		font-size: 100%;
		padding: 0 0 10px;
		display: block;

	}
}

/* モーダルウィンドウ */
.modal-wrapper {
	z-index: 999;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 60px 10px;
	text-align: center
}

.modal-wrapper:not(:target) {
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
	opacity: 1;
	visibility: visible;
	transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
	display: inline-block;
	height: 100%;
	margin-left: -.05em;
	vertical-align: middle;
	content: ""
}

.modal-wrapper .modal-window {
	box-sizing: border-box;
	display: inline-block;
	z-index: 20;
	position: relative;
	width: 70%;
	max-width: 600px;
	padding: 30px 30px 15px;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0, 0, 0, .6);
	vertical-align: middle
}

.modal-wrapper .modal-window .modal-content {
	max-height: 80vh;
	overflow-y: auto;
}

.modal-overlay {
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .8)
}

.modal-wrapper .modal-close {
	z-index: 20;
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	color: #95979c !important;
	font-size: 20px;
	font-weight: 700;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	text-indent: 0
}

.modal-wrapper .modal-close:hover {
	color: #2b2e38 !important;
}


.ot-sdk #ot-sdk-btn.ot-sdk-show-settings{
	color: #222c43;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	background-color: transparent;
	font-size: 12px;
}
.ot-sdk #ot-sdk-btn.ot-sdk-show-settings:hover, .ot-sdk #ot-sdk-btn.optanon-show-settings:hover {
	color: #222c43; !important;
	background-color: transparent; !important;
	text-decoration: underline; !important;
}