@charset "UTF-8";
/* ==================================================================
CSS information
style info :INDEX用
================================================================== */


/* --------------------------------------------------------
#main-section
-------------------------------------------------------- */
#main-section { padding-top: 33%; padding-bottom: 30%; overflow: hidden; }

#visual { background: #000; position: relative; width: 100%; height: auto;}
#visual img { width: 100%; height: auto;}
@media screen and (max-width: 640px) {
	#visual::before { content: ""; display: block; position: relative; top: 0px; left: 0px; width: 100%; height: 4px; border-bottom: 1px solid #000; }
	#visual::after { content: ""; display: block; position: relative; top: 0px; left: 0px; width: 100%; height: 4px; border-top: 1px solid #000; }
	#visual .bg { background: #000; border-top: 1px solid #666666; border-bottom: 1px solid #666666; padding: 1px 0;}
	.ds #visual .bg { background: #000 url(../_img/mainvisual/3ds/bg_sp.jpg) center center no-repeat; background-size: 100%;}
	.ps #visual .bg { background: #000 url(../_img/mainvisual/ps4/bg_sp.jpg) center center no-repeat; background-size: 100%;}
	
	.ds #visual::before { background: #b80c12;}
	.ds #visual::after { background: #b80c12;}
	.ps #visual::before { background: #0976d2; }
	.ps #visual::after { background: #0976d2;}
}

#main-section-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }/* h1115 */
#main-section-inner #logo { position: absolute; top: 0; margin-top: 4.6875%; width: 100%; text-align: center;}
#main-section-inner #logo img { width: 100%; height: auto;}
#main-section-inner .releasetext { position: absolute; top: 0; width: 100%; margin-top: 89%; padding: 0 4.6875%; text-align: center;}

@media screen and (min-width: 641px) {
	#main-section { padding-top: 0; padding-bottom: 0%; overflow: hidden; background: #000;}
	#main-section img { position: relative;}
	
	#visual { }
	#visual .bg { background: #000; left: 50%; margin-left: -68.57142857%; width: 137.142857%; }
	.ds #visual .bg { background: #000 url(../_img/mainvisual/3ds/bg_pc.jpg) center center no-repeat; background-size: 100%;}
	.ps #visual .bg { background: #000 url(../_img/mainvisual/ps4/bg_pc.jpg) center center no-repeat; background-size: 100%;}
	#visual .bg img { width: 100%; height: auto;}
	
	#main-section-inner { padding-bottom: 35.57142857%; height:  0; }
	#main-section-inner #logo { top: 0; left: 2.5%; width: 42.285714%; max-width: 592px; margin-top: 3.5%;}
	#main-section-inner .releasetext { top: 0; left: 2.142857%; width: 43.285714%; max-width: 606px; margin-top: 23.214285%; padding: 0;}

}
@media screen and (min-width: 1401px) {
	#visual .bg { left: 50%; margin-left: -960px; width: 1920px; }

	#main-section-inner { position: absolute; top: 0; left: 50%; margin-left: -700px; width: 1400px; }
}

/* アニメーション -------------------------------------------------------- */
@media screen and (min-width: 641px) {
	#main-section #logo img { -webkit-transform: scale(1.9); transform: scale(1.9);　-webkit-transition: .6s ease-in-out; transition: .6s ease-in-out; -webkit-backface-visibility: hidden;}
	#main-section #logo.open img { -webkit-transform: scale(1.00); transform: scale(1.00);}

}


/* --------------------------------------------------------
#contents-section
-------------------------------------------------------- */
#contents-section { padding-top: 0;}
@media screen and (min-width: 641px) {
	#contents-section { padding-top: 0; padding-bottom: 0;}

	.ds a.frameBox:hover .frame { background: #f6dc8f; }
	.ds a.frameBox:hover .frame .inner { background: #fff6c3; }
	.ds a.frameBox .frame .inner .thumb .pic { -webkit-transform: scale(1); transform: scale(1);　-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;}
	.ds a.frameBox:hover .frame .inner .thumb .pic { -webkit-transform: scale(1.02); transform: scale(1.02);}

}


/* --------------------------------------------------------
#wrap-block-A
-------------------------------------------------------- */
#wrap-block-A { padding-bottom: 1px;}
#wrap-block-A:before { content: ""; display: block; height: 1px; }
#wrap-block-A:after { content: ""; display: block; height: 1px;}
.ds #wrap-block-A { background: #b80c12; border-top: 1px solid #930a0e; border-bottom: 1px solid #000;}
.ds #wrap-block-A:before { background: #ec51a3;}
.ds #wrap-block-A:after { background: #930a0e;}
.ps #wrap-block-A { background: #0976d2; border-top: 1px solid #075ea8; border-bottom: 1px solid #000;}
.ps #wrap-block-A:before { background: #329ffb;}
.ps #wrap-block-A:after { background: #075ea8;}


/* --------------------------------------------------------
#gnav-top
-------------------------------------------------------- */
#gnav-top-wrap { }
#gnav-top { letter-spacing: -.45em; width: 100%; text-align: center; padding-bottom: 4.6875%; }
#gnav-top li { letter-spacing: normal; display: inline-block; width: 42.96875%; margin: 4.6875% 2.34375% 0;}
#gnav-top li.inew .thumb::after ,
#gnav-top li.iupd .thumb::after { content: ""; display: block; width: 100%; height: 25%; position: absolute; bottom: 0; left: 0; margin-bottom: -4%;}
.active-ds #gnav-top li.inew .thumb::after { background: url(../_common/img/3ds/icon_new_sp.png) center bottom no-repeat; background-size: contain; }
.active-ds #gnav-top li.iupd .thumb::after { background: url(../_common/img/3ds/icon_upd_sp.png) center bottom no-repeat; background-size: contain; }
.active-ps #gnav-top li.inew .thumb::after { background: url(../_common/img/ps4/icon_new_sp.png) center bottom no-repeat; background-size: contain; }
.active-ps #gnav-top li.iupd .thumb::after { background: url(../_common/img/ps4/icon_upd_sp.png) center bottom no-repeat; background-size: contain; }

@media screen and (min-width: 641px) {
	#gnav-top-wrap { display: none;}
}

/* --------------------------------------------------------
#mv-block
-------------------------------------------------------- */
#mv-block-wrap { padding: 0 4.6875% 4.6875%;}
#mv-block-wrap .ttl { margin: 5% auto;}
#mv-block ,
#mv-block2 {}
#mv-block li ,
#mv-block2 li { margin-bottom: 5%;}
#mv-block li:last-child ,
#mv-block2 li:last-child { margin-bottom: 0;}

#mv-block li.mv0 { display: none;}

.mono3DS #mv-block li.mv1 , .monoPS4 #mv-block li.mv1 ,
.mono3DS #mv-block li.mv2 , .monoPS4 #mv-block li.mv2 ,
.mono3DS #mv-block li.mv3 , .monoPS4 #mv-block li.mv3 { display: none;}

.mono3DS #mv-block li.mv0 , .monoPS4 #mv-block li.mv0 { display: block; }

@media screen and (min-width: 641px) {
	#mv-block-wrap { padding: 2.142857%; }/* of w1400 */
	#mv-block-wrap .ttl { max-width: 492px; width: 36.716417%; margin: 2.164179% auto 1.194029%;}
	#mv-block ,
	#mv-block2 { max-width: 1340px; letter-spacing: -.45em; margin: 0 auto; text-align: center;}
	#mv-block li ,
	#mv-block2 li { display: inline-block; letter-spacing: normal; vertical-align: top; }
	
	#mv-block li { width: 31.865671%; max-width: 427px; margin-bottom: 0;}
	#mv-block li.mv2 { margin: 0 2.164179%;}
	
	#mv-block2 li { width: 31.865671%; max-width: 427px; margin-bottom: 0;}
	#mv-block2 li.bnr2 { margin: 0 2.164179%;}

	#mv-block2 li a { -webkit-transform: scale(1); transform: scale(1);　-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden; display: block;}
	#mv-block2 li a:hover { -webkit-transform: scale(1.02); transform: scale(1.02);}
	
	.mono3DS #mv-block li.mv0 , .monoPS4 #mv-block li.mv0 { display: block; width: 100%; max-width: 100%;}
	
}


/* --------------------------------------------------------
#bnr-block
-------------------------------------------------------- */
#bnr-block { padding: 0 4.6875% 4.6875%;}
#bnr-block .nhk { border: 1px solid #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #000; padding: 5%;}/* w514 */
#bnr-block .nhk::before { content: ""; display: block; border: 2px solid #fff; width:  100%; height: 100%; position: absolute; top: 0; left: 0;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

#bnr-block .nhk .pic { position: absolute; left: 5%; width: 32.525951%;}
#bnr-block .nhk .ttl { border-bottom: 2px solid #0976d2; margin-bottom: 4.4747%;}
#bnr-block .nhk .text1 {}
#bnr-block .nhk .comm { margin-bottom: 4.8%;}
#bnr-block .nhk .text2 { margin-bottom: 10%;}
#bnr-block .nhk .text3 { margin-bottom: 5%;}
#bnr-block .nhk .twitterFollowBtn { margin-bottom: 5.8%;}
#bnr-block .nhk .twitterBtn {}


@media screen and (min-width: 641px) {
	#bnr-block { padding: 0 2.142857% 2.142857%; }
	#bnr-block .nhk { max-width: 1340px; margin: 0 auto; padding: 1.93133% 0%; }/* w1338 */

	#bnr-block .nhk .pic { position: absolute; left: 1.644245%; width:  17.713004%; max-width: 237px;}
	#bnr-block .nhk .ttl { margin-bottom: 1.112759%; margin-left: 21.6741405%; width: 75.9342301%; max-width: 1016px; padding-bottom: 1.3353%;}
	#bnr-block .nhk .text1 { margin-left: 21.6741405%; width: 36.846038%; max-width: 493px; }
	#bnr-block .nhk .comm { margin-bottom: 0; position: absolute; top: 0; left: 1.644245%; margin-top: 16.890881%; width: 17.787742%; max-width: 238px;}
	#bnr-block .nhk .text2 { margin-bottom: 0; margin-left: 21.6741405%; width: 36.846038%; max-width: 493px; }
	#bnr-block .nhk .text3 { margin-bottom: 0; position: absolute; top: 0; left: 60.762331%; margin-top: 6.950672%; width: 36.846038%; max-width: 493px; }

	#bnr-block .nhk .twitterFollowBtn , #bnr-block .nhk .twitterBtn { position: absolute; top: 0; margin-top: 23.168908%; margin-bottom: 0; width: 17.862481%; max-width: 239px;}
	#bnr-block .nhk .twitterFollowBtn { left: 60.762331%;}
	#bnr-block .nhk .twitterBtn { left: 79.745889%;}

}



/* --------------------------------------------------------
#platform-block-wrap
-------------------------------------------------------- */
#platform-block-wrap {}

#platform-block-A {}
#platform-block-A .visual-box { padding-top: 0%;}
#platform-block-A .visual-box .visual-box-inner { padding-top: 6.40625%; padding-bottom: 4.6875%; }
#platform-block-A .visual-box .visual-box-inner .ttl { margin-bottom: 4.6875%;}

#platform-block-A .box-wrap {
display: -webkit-flex; display: flex;
-webkit-flex-wrap: nowrap; flex-wrap: nowrap;
-webkit-justify-content: space-between; justify-content: space-between;
}
#platform-block-A .box-wrap .box { }
#platform-block-A .box-wrap .box::before { content: ""; display: block; height: 1px; position: absolute; top: 1px; left: 0; width: 100%;}
#platform-block-A .box-wrap .box-ps4 { background: #0976d2; border-top: 1px solid #075ea8;}
#platform-block-A .box-wrap .box-ps4::before { background: #329ffb;}
#platform-block-A .box-wrap .box-3ds { background: #b80c12; border-top: 1px solid #930a0e;}
#platform-block-A .box-wrap .box-3ds::before { background: #ec51a3;}
#platform-block-A .box-wrap .box .box-inner { padding-top: 28.125%; }
#platform-block-A .box-wrap .box .box-inner .pic { position: absolute; top: -23.987538%; left: 0; width: 100%; height: 100%; z-index: 1;}

@media screen and (min-width: 641px) {
	#platform-block-A .visual-box { padding-top: 0; text-align: center;}
	#platform-block-A .visual-box .visual-box-inner { position: relative; padding-top: 5.642857%; padding-bottom: 20.5%; text-align: center; z-index: 1;}
	#platform-block-A .visual-box .visual-box-inner .ttl { width: 70%; max-width: 980px; margin: 0 auto 1.35771428%;}
	#platform-block-A .visual-box .visual-box-inner .readtext { width: 40.357142%; max-width: 565px; margin: 0 auto;}
	#platform-block-A .visual-box>img { position: absolute; top: 0; left: 50%; margin-left: -68.57142857%; width: 137.142857%; max-width: none;}

	#platform-block-A .box-wrap .box { width: 50%;}
	#platform-block-A .box-wrap .box-ps4 { text-align: right; padding-right: 1.92857%;}
	#platform-block-A .box-wrap .box-3ds { text-align: left; padding-left: 1.92857%;}
	#platform-block-A .box-wrap .box .box-inner { padding-top: 25.7142857%; width: 95.522388%; max-width: 640px; display: inline-block; }
	#platform-block-A .box-wrap .box .box-inner .pic { position: absolute; top: -0%; left: 0; width: 100%; height: 100%; z-index: 1; margin-top: -28.125%; }

}
@media screen and (min-width: 1401px) {
	#platform-block-A .box-wrap .box .box-inner { padding-top: 180px; }
	#platform-block-A .visual-box .visual-box-inner { padding-top: 79px; padding-bottom: 287px; }
	#platform-block-A .visual-box .visual-box-inner .ttl { margin-bottom: 19px;}
	#platform-block-A .visual-box>img { left: 50%; margin-left: -960px; width: 1920px;}

}

#platform-block-B { padding: 5.9375% 4.6875% 7.0315%;}
#platform-block-B .box-wrap {}
#platform-block-B .box-wrap .box { }/* w580 */

#platform-block-B .box-wrap .box-ps4 { margin-bottom: 7.5862069%;}
#platform-block-B .box-wrap .box-ps4 dd { background: #065293; padding: 3.448275% 5.17241% 2.7586%;}
#platform-block-B .box-wrap .box-ps4 dd .pictext { margin-top: 2.413793%;}
#platform-block-B .box-wrap .box-ps4 dd .box2 { margin-top: 4.482758%;}

#platform-block-B .box-wrap .box-3ds {}
#platform-block-B .box-wrap .box-3ds dd { background: #80080d; padding: 3.448275% 5.17241% 5.17241%;}
#platform-block-B .box-wrap .box-3ds dd .box1 { margin-bottom: 5.172413%;}/* w520 */
#platform-block-B .box-wrap .box-3ds dd .box1 .pic { margin-bottom: 3.103448%;}
#platform-block-B .box-wrap .box-3ds dd .box2 .pic2 { width: 64.230769%; }
#platform-block-B .box-wrap .box-3ds dd .box2 .pictext2 { position: absolute; top: 0; right: 1.9%; width: 31.153846%; }
#platform-block-B .box-wrap .box-3ds dd .box2 .pic3 { width: 64.230769%; margin: -4.230769% 0 0 35.76923%; z-index:3; }
#platform-block-B .box-wrap .box-3ds dd .box2 .pictext3 { position: absolute; bottom: 0; left: 0; width: 34.230769%; }

#platform-block-B .box-wrap .box-3ds dd .mons1 ,
#platform-block-B .box-wrap .box-3ds dd .mons2 { display: none; }

@media screen and (min-width: 641px) {
	#platform-block-B { padding: 0;}
	#platform-block-B .box-wrap {
	display: -webkit-flex; display: flex;
	-webkit-flex-wrap: nowrap; flex-wrap: nowrap;
	-webkit-justify-content: space-between; justify-content: space-between;
	-webkit-align-items: stretch; align-items: stretch;

	}

	#platform-block-B .box-wrap .box { width: 50%; }
	#platform-block-B .box-wrap .box dl { width: 91.428571%; max-width: 640px; display: inline-block; margin: 4.285714% 0 8.571%; }

	#platform-block-B .box-wrap .box::before { content:""; display: block; width: 100%; padding-top: 135.4375%; }
	#platform-block-B .box-wrap .box dl { position: absolute; top: 0; bottom: 0; }
	#platform-block-B .box-wrap .box-ps4 dl { right: 4.285714%; }
	#platform-block-B .box-wrap .box-3ds dl { left: 4.285714%;}

	#platform-block-B .box-wrap .box dl dt { display: none;}

	#platform-block-B .box-wrap .box-ps4 { background: #0976d2; text-align: right; padding-right: 0; margin-bottom: 0;}
	#platform-block-B .box-wrap .box-3ds { background: #b80c12; text-align: left; padding-left: 0;}

	#platform-block-B .box-wrap .box-ps4 dl { border: 1px solid #014e8e; background: #0164b8; padding: 0 1px;}
	#platform-block-B .box-wrap .box-3ds dl { border: 1px solid #7a0f13; background: #a70208;}

	#platform-block-B .box-wrap .box-ps4 dd { background: none; padding: 4.54545454%;}
	#platform-block-B .box-wrap .box-3ds dd { background: none; padding: 4.54545454%;}

	#platform-block-B .box-wrap .box-ps4 dd .pictext { margin-top: 1.3793103%;}
	#platform-block-B .box-wrap .box-ps4 dd .box2 { margin-top: 6.206896%;}


	#platform-block-B .box-wrap .box-3ds dd .box1 { margin-bottom: 4.8275862%;}/* w580 */
	#platform-block-B .box-wrap .box-3ds dd .box1 .pic { margin-bottom: 1.7241379%;}

	#platform-block-B .box-wrap .box-3ds dd .box2 .pic2 { width: 57.586206%; }
	#platform-block-B .box-wrap .box-3ds dd .box2 .pictext2 { right: 8.6%; width: 32.068965%; max-width: 186px; }
	#platform-block-B .box-wrap .box-3ds dd .box2 .pic3 { width: 57.586206%; margin: -5.230769% 0 0 42.241379%; }
	#platform-block-B .box-wrap .box-3ds dd .box2 .pictext3 { left: 6.034482%; width: 34.827586%; max-width: 202px; }

	#platform-block-B .box-wrap .box-3ds dd .mons1 ,
	#platform-block-B .box-wrap .box-3ds dd .mons2 { display: block; position: absolute; bottom: 0;}
	#platform-block-B .box-wrap .box-3ds dd .mons1 { right: -3.4%; margin-bottom: 37.58125%; width: 28.59375%; max-width: 183px;}
	#platform-block-B .box-wrap .box-3ds dd .mons2 { left: -1.71875%; margin-bottom: 11.8125%; width: 21.5625%; max-width: 138px;}

}
@media screen and (min-width: 1401px) {
	#platform-block-B .box-wrap .box dl { margin: 30px 0 60px;}
	#platform-block-B .box-wrap .box::before { padding-top: 947px; }
	#platform-block-B .box-wrap .box-3ds dd .mons1 { right: -20px; margin-bottom: 235px; }
	#platform-block-B .box-wrap .box-3ds dd .mons2 { left: -17px; margin-bottom: 72px; }
}


/* --------------------------------------------------------
#spec-area
-------------------------------------------------------- */
#spec-area-wrap { background: #000; padding: 6.25% 4.6875% 11.25%; } 
#spec-area { width: 100%; }/* w580 */
#spec-area .spec-ttl { margin-bottom: 5.17%;}
#spec-area .spec-ti { margin-bottom: 4.827%; }

#spec-detail { width: 100%; margin-bottom: 6.8965%; }
#spec-detail { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
#spec-staff { width: 100%; }

#spec-detail .spec-block { width: 100%; 
display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch; 
}
#spec-detail .spec-block dt { display: block; width: 25.3448%; margin-bottom: 2.44827%; padding: 1% 0; text-align: center; vertical-align: middle; border: 1px solid #3c3c3c; }
#spec-detail .spec-block dt { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
#spec-detail .spec-block dt.ire { margin-bottom: 0; }
#spec-detail .spec-block dd { display: block; width: 74.0%; margin-bottom: 2.44827%; padding: 1.0% 0 0%; vertical-align: middle; padding-left: 1%; color: #fff; line-height: 1.61; font-size: 1.2rem; }
#spec-detail .spec-block dd:last-child { margin-bottom: 0; }

#spec-staff .spec-block { width: 100%; letter-spacing: -.45em; vertical-align: top;}
#spec-staff .spec-block dt { display: inline-block; letter-spacing: normal; width: 25.3448%; margin-bottom: 0; text-align: center; vertical-align: top; border: 1px solid #3c3c3c; }
#spec-staff .spec-block dd { display: inline-block; letter-spacing: normal; width: 74.0%; margin-bottom: 3.44827%; vertical-align: middle; }
#spec-staff .spec-block dd:last-child { margin-bottom: 0;}

#spec-staff .mstaff { margin-bottom: 6.8965%;}

@media screen and (min-width: 641px) {
	#spec-area-wrap { padding: 3.6734% 3.0612%;}
	#spec-area { max-width: 920px; margin: 0 auto; }
	#spec-area .spec-ttl { margin-bottom: 1.9565%; text-align: center; }
	#spec-area .spec-ti { margin-bottom: 1.6304%; text-align: center; background: #2a2a2a; }

	#spec-detail { margin-bottom: 3.2608%; }
	#spec-detail .spec-block dt { width: 19.5652%; margin-bottom: 0.8695%; padding: 0; }
	#spec-detail .spec-block dd { width: 80.0%; margin-bottom: 0.8695%; padding: 0.5% 0 0 2%; font-size: 1.3rem; }
	@-moz-document url-prefix() {
		#spec-detail .spec-block dt { margin-bottom: 8px; }
		#spec-detail .spec-block dd { margin-bottom: 8px; }
	}
	#spec-staff .mstaff { margin-bottom: 2.2826%;}
	#spec-area #spec-staff .spec-block dt { display: none; }
	#spec-area #spec-staff .spec-block dd { width: 100%;}

}
@media screen and (min-width: 981px) {
	#spec-area-wrap { padding: 36px 0;}
	#spec-area .spec-ttl { margin-bottom: 18px;}
	#spec-area .spec-ti { margin-bottom: 15px; }

	#spec-detail { margin-bottom: 30px; }

	#spec-staff .spec-block dt { }
	#spec-staff .spec-block dd { margin-bottom: 8px; }

	#spec-staff .mstaff { margin-bottom: 21px;}

}



/* --------------------------------------------------------
専用ページ状態
-------------------------------------------------------- */
.mono3DS #platform-block-A , .mono3DS #platform-block-B ,
.monoPS4 #platform-block-A , .monoPS4 #platform-block-B ,
#platform-block-PS4 , #platform-block-3DS { display: none; padding: 5.9375% 4.6875% 7.0315%;}

.mono3DS #platform-block-3DS ,
.monoPS4 #platform-block-PS4 { display: block;}


#platform-block-3DS .box-mono { }
#platform-block-PS4 .box-mono { }
#platform-block-3DS .box-mono dt ,
#platform-block-PS4 .box-mono dt { margin-bottom: -10%;}
#platform-block-3DS .box-mono dd { background: #80080d; padding: 13% 5.17241% 2.7586%;}
#platform-block-PS4 .box-mono dd { background: #065293; padding: 13% 5.17241% 2.7586%;}
#platform-block-3DS .box-mono dd > div ,
#platform-block-PS4 .box-mono dd > div { margin-bottom: 4.482758%;}
#platform-block-3DS .box-mono dd > div:last-child { }
#platform-block-PS4 .box-mono dd > div:last-child { }
#platform-block-3DS .box-mono dd .pictext ,
#platform-block-PS4 .box-mono dd .pictext { margin-top: 2.413793%;}

#platform-block-3DS .box-mono dd .box1 { margin-bottom: 5.172413%;}/* w520 */
#platform-block-3DS .box-mono dd .box2 { }
#platform-block-3DS .box-mono dd .box1 .pic { margin-bottom: 3.103448%;}
#platform-block-3DS .box-mono dd .box2 .pic2 { width: 64.230769%; }
#platform-block-3DS .box-mono dd .box2 .pictext2 { position: absolute; top: 0; right: 1.9%; width: 31.153846%; }
#platform-block-3DS .box-mono dd .box2 .pic3 { width: 64.230769%; margin: -4.230769% 0 0 35.76923%; z-index:3; }
#platform-block-3DS .box-mono dd .box2 .pictext3 { position: absolute; bottom: 0; left: 0; width: 34.230769%; }
#platform-block-3DS .box-mono dd .mons1 ,
#platform-block-3DS .box-mono dd .mons2 { display: none; }

@media screen and (min-width: 641px) {
	#platform-block-3DS ,
	#platform-block-PS4 { padding: 2.142857%; }

	#platform-block-3DS .box-mono ,
	#platform-block-PS4 .box-mono { max-width: 1340px; margin: 0 auto;}
	#platform-block-3DS .box-mono dl ,
	#platform-block-PS4 .box-mono dl { width: 100%; position: relative;}

	#platform-block-3DS .box-mono dt { max-width: 800px; width: 59.701492%; margin: 0 auto 1.119402%;}
	#platform-block-PS4 .box-mono dt { max-width: 518px; width: 38.656716%; margin: 0 auto 1.119402%;}
	#platform-block-3DS .box-mono dd ,
	#platform-block-PS4 .box-mono dd { background: none;}
	#platform-block-3DS .box-mono dd ,
	#platform-block-PS4 .box-mono dd { padding: 0;
	display: -webkit-flex; display: flex;
	-webkit-flex-wrap: nowrap; flex-wrap: nowrap;
	-webkit-justify-content: space-between; justify-content: space-between;
	-webkit-align-items: stretch; align-items: stretch; 
	}
	#platform-block-3DS .box-mono dd > div ,
	#platform-block-PS4 .box-mono dd > div { margin-bottom: 3%;}

	/*PS4*/
	#platform-block-PS4 .box-mono dd > div { max-width: 410px; width: 30.597014%;}
	#platform-block-PS4 .box-mono dd .pictext { margin-top: 1.3793103%;}

	/*3DS*/
	#platform-block-3DS .box-mono dd .box1 { max-width: 580px; width: 43.283582%; position: relative; }
	#platform-block-3DS .box-mono dd .box2 { max-width: 640px; width: 47.761194%; position: relative; margin-top: 0; }

	#platform-block-3DS .box-mono dd .box1 { margin-bottom: 0%;}/* w580 */
	#platform-block-3DS .box-mono dd .box1 .pic { margin-bottom: 1.7241379%;}

	#platform-block-3DS .box-mono dd .box2 .pic2 { max-width: 334px; width: 52.1875%; }
	#platform-block-3DS .box-mono dd .box2 .pictext2 { right: 17.34375%; width: 29.0625%; max-width: 186px; }
	#platform-block-3DS .box-mono dd .box2 .pic3 { max-width: 334px; width: 52.1875%; margin: -4.0625% 0 0 38.125%; }
	#platform-block-3DS .box-mono dd .box2 .pictext3 { left: 5.3125%; width: 31.5625%; max-width: 202px; }

	#platform-block-3DS .box-mono dd .mons1 ,
	#platform-block-3DS .box-mono dd .mons2 { display: block; position: absolute; top: 0;}
	#platform-block-3DS .box-mono dd .mons1 { right: 1.875%; margin-top: 7.1875%; width: 28.59375%; max-width: 183px;}
	#platform-block-3DS .box-mono dd .mons2 { left: -6.5625%; margin-top: 33.75%; width: 21.5625%; max-width: 138px;}

}