@charset "utf-8";
/* CSS Document */
.topb {
	position: relative;
}
#topheader {
	position: relative;

}
#top .new {
	position: absolute;
	width: 9.27%;
	background: url("../images/top/sp/new.png") left top no-repeat;
	background-size: 100% auto;
	overflow: hidden;
	padding-top: 5.10%;
}
#topheader .contents {
    z-index: 2;
}
#topheader .pblock {
    padding-top: 237.8125%;
	overflow: hidden;
}
#topheader_bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("../images/top/sp/sp_top.jpg") left top no-repeat #000;
	background-size: 100% auto;
}
#mvbox {
	position: absolute;
	left: 0;
    top: 0;
    margin-top: 33%;
	width: 100%;
	padding-top: 56.25%;
	height: 0;
	overflow: hidden;
}
#mvbox_i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#mvbox_i iframe {
    border: 0;
    padding: 0;
    margin: 0;
}
#mvfilter {
    background: url("../images/top/cover.png") center center repeat-y;
    position:absolute;
    left: -75%;
    top: 0;
    width: 250%;
    height: 100%;
	background-size: 100% 100%;
}

#toph_01 { position: absolute; width: 81.14%; left: 9.47%; top: 0; margin-top: 10.2%; }
#toph_02 { position: absolute; width: 22.81%; left: 6.77%; top: 0; margin-top: 2.6%; }
#toph_03 { position: absolute; width: 22.7%; left: 71.45%; top: 0; margin-top: 2.6%; }
#toph_03 { left: 33.43%; }

#toph_04 { position: absolute; width: 52.08%; left: 23.96%; top: 0; margin-top: 98.75%; }
#toph_05 { position: absolute; width: 70.83%; left: 14.58%; top: 0; margin-top: 180.93%; }
#toph_06 { position: absolute; width: 70.83%; left: 14.58%; top: 0; margin-top: 193.75%; }
#toph_07 { position: absolute; width: 70.83%; left: 14.58%; top: 0; margin-top: 206.56%; }
#toph_07 a {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 13.67%;
	overflow: hidden;
	background: url("../images/top/sp/toph_07.png") left top no-repeat;
	background-size: 100% auto;
}

#btn_dl_nsw { position: absolute; width: 70.83%; left: 14.58%; top: 0; margin-top: 129.68%; padding-top: 9.79%; background-image: url(../images/top/sp/btn_dl_nsw.png); }
#btn_dl_nsw_pse { position: absolute; width: 70.83%; left: 14.58%; top: 0; margin-top: 142.6%; padding-top: 9.79%; background-image: url(../images/top/sp/btn_dl_nsw_pse.png); }
#btn_dl_ps4 { position: absolute; width: 70.83%; left: 14.58%; top: 0; margin-top: 155.2%; padding-top: 9.79%; background-image: url(../images/top/sp/btn_dl_ps4.png); }
#btn_dl_ps4_pse { position: absolute; width: 70.83%; left: 14.58%; top: 0; margin-top: 168.02%; padding-top: 9.79%; background-image: url(../images/top/sp/btn_dl_ps4_pse.png); }

#btn_enq {
    position: absolute; width: 74%; margin: 221.68% 0 0 13%; left: 0; top: 0;
}
#btn_upd {
    position: absolute; width: 74%; margin: 232.68% 0 0 14%; left: 0; top: 0;
}
#btn_upd span {
    display: block;
    vertical-align: top;
    position: absolute;
    right: 3%;
    bottom: 7%;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    transform: scale(0.9);
}
#btn_faq_nsw {
    position: absolute;
    width: 70.83%;
    left: 0;
    top: 0;
    margin: 109.68% 0 0 14.58%;
}
#btn_faq_ps4 {
    position: absolute;
    width: 70.83%;
    left: 0;
    top: 0;
    margin: 119.68% 0 0 14.58%;
}
#top hr {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 7.8125%;
	background: url("../images/top/sp/tophr.png") left top no-repeat;
	background-size: 100% auto;
	border: none;
}
#top #topmovie hr,
#top #topabout hr,
#top #topchr hr,
#top #topspec hr
{ background-image: url("../images/top/sp/tophr2.png"); }
/* ---------- news ---------- */
#topnews {
    position: relative;
    z-index: 2;
}
#topnews .pblock {
	padding-top: 49.6875%;
	overflow: hidden;
	background: url("../images/top/sp/sp_news.jpg") left top no-repeat;
    position: relative;
	background-size: cover;
}
.topbg_i {
}
.topbg {
}
#topnews hr { margin-top: -2.39%; }
#topnews h2 { width: 20.83%; margin-left: 39.47%; margin-top: 4.27%; }
#top #topnews .new {
	left: 29.58%;
	top: 0;
	margin-top: 4.16%;
}
#topnewslistarea {
	position: absolute;
	width: 100%;
	top: 30.76%;
}
#newslist {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2.64%;
}

.newslist {
	position: relative;
	width: 100%;
	margin-left: auto;
	overflow: visible !important;
}
.news {
	position: relative;
	width: 40.31%;
	color: #fff;
}
.news>a,
.news>p {
	font-size: 10px;
	word-break: break-all;
	color: #fff;
	position: relative;
	background: url("../images/top/newsf.png") left top no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 0 !important;
	display: block;
	padding-top: 55.82%;
	overflow: hidden;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.news>a:hover {
	box-shadow: 0 0 20px 2px rgba(255,255,0,0.5) inset;
}
.nd {
	display: block;
	position: absolute;
	width: 85.27%;
	left: 10.85%;
	top: 0;
	margin-top: 3.1%;
	line-height: 1;
	text-align: right;
	text-shadow: 0 0 5px #fff800;
}
.nb a {
	color: #00ffff;
	text-shadow: 0 0 5px #2dc8ff;
}
.nb a:hover {
	color: #2dc8ff;
}
.nt {
	display: block;
	position: absolute;
	width: 90.69%;
	left: 4.65%;
	top: 0;
	margin-top: 16.03%;
	color: #fff800;
	line-height: 1;
	font-size: 10px;
	font-weight: bold;
	/* text-overflow: ellipsis; */
	white-space: nowrap;
	overflow: hidden;
	text-shadow: 0 0 5px #fff800;
}
.nl { color: #00ffff; text-decoration: underline; text-shadow: 0 0 5px #2dc8ff;}
.news a:hover .nl { 
	color: #2dc8ff;
}
.nb {
	display: block;
	position: absolute;
	width: 90.69%;
	height: 43.59%;
	left: 4.65%;
	top: 0;
	margin-top: 28.0%;
	line-height: 1.1;
	overflow: hidden;
	text-shadow: 0 0 5px #fff800;
}
#topnews .slick-prev,
#topnews .slick-next {
	position: absolute;
	width: 5%;
	height: 0;
	padding-top: 7.91%;
	overflow: hidden;
	display: block !important;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: none;
    outline: none;
	z-index: 2;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
/* #topnews .slick-prev { left: 25.72%; } */
#topnews .slick-prev { left: 17.72%; }
#topnews .slick-prev {
	background: url("../images/top/topchr_l.png") left top no-repeat;
	background-size: 100% auto;
}
/* #topnews .slick-next { left: 70.31%; }*/
#topnews .slick-next { right: 17.72%; }
#topnews .slick-next {
	background: url("../images/top/topchr_r.png") right top no-repeat;
	background-size: 100% auto;
}
#topnews .slick-prev:hover,
#topnews .slick-next:hover {
	filter: contrast(200%);
}
.nswicon,.ps4icon {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    margin-left: 3%;
    padding-top: 7.5%;
    background: url(../images/top/sp/nswicon.png) center top no-repeat;
    background-size: 100% auto;
    overflow: hidden;
}
.ps4icon {
    background: url(../images/top/sp/ps4icon.png) center top no-repeat;
    background-size: 100% auto;
}
/* ---------- pse ---------- */

#toppse .pblock {
	padding-top: 168.22%;
	background: url("../images/top/sp/sp_pse.jpg") left top no-repeat;
	background-size: 100% auto;
	overflow: hidden;
}
#toppse h2 { position: absolute; width: 100%; left: 0%; top: 0; margin-top: 4.68%;
	background: url("../images/top/sp/h_pse.png") left top no-repeat;
	height: 0;
	padding-top: 8.75%;
	overflow: hidden;
	background-size: 100% auto;
}
#topp_01 { position: absolute; width: 92.39%; left: 3.54%; top: 0; margin-top: 17.7%; padding-top: 11.87%; background-image: url(../images/top/sp/topp_01.png); }
#topp_02 { position: absolute; width: 35.93%; left: 16.66%; top: 0; margin-top: 33.12%; padding-top: 50.93%; background-image: url(../images/top/sp/topp_02.png); }
#topp_03 { position: absolute; width: 30.31%; left: 53.02%; top: 0; margin-top: 32.81%; padding-top: 51.25%; background-image: url(../images/top/sp/topp_03.png); }
#topp_04 { position: absolute; width: 63.02%; left: 18.54%; top: 0; margin-top: 80.41%; padding-top: 18.12%; background-image: url(../images/top/sp/topp_04.png); }

#topp_05_1 { position: absolute; width: 71.77%; left: 14.06%; top: 0; margin-top: 101.14%; padding-top: 30.1%; background-image: url(../images/top/sp/topp_05_1.png);}
#topp_05_2 { position: absolute; width: 25.41%; left: 58.02%; top: 0; margin-top: 123.54%; padding-top: 4.47%; background-image: url(../images/top/sp/topp_05_2.png); }

#topp_06 { position: absolute; width: 73.12%; left: 13.33%; top: 0; margin-top: 133.85%; padding-top: 6.25%; background-image: url(../images/top/sp/topp_06.png); }

#topp_07_1 { position: absolute; width: 22.29%; left: 14.79%; top: 0; margin-top: 142.81%; }
#topp_07_2 { position: absolute; width: 22.29%; left: 38.64%; top: 0; margin-top: 142.81%; }
#topp_07_3 { position: absolute; width: 22.29%; left: 62.6%; top: 0; margin-top: 142.81%; }
.topp_pic {
	border: 1px solid #8e8e8d;
	user-select:none;
	-webkit-user-select:none;
	-ms-user-select: none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
}
.topp_pic:after {
	content: "";
	display:block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
}
#topp_08 { display: none; }

/* ---------- movie ---------- */

#topmovie .pblock {
	padding-top: 78.33%;
	background: url("../images/top/sp/sp_movie.jpg") left top no-repeat;
	background-size: 100% auto;
	overflow: hidden;
}
#topmovie hr { margin-top: -2.39%; }
#topmovie h2 { width: 24.47%; margin-left: 37.81%;  margin-top: 4.06%;
	background: url("../images/top/sp/h_movie.png") left top no-repeat;
	height: 0;
	background-size: 100% auto;
	padding-top: 8.54%;
	overflow: hidden;
}
#topmovielistarea {
	position: absolute;
	width: 100%;
	top: 24.67%;
}
#topmovielist {
	width: 100%;
	margin-top: 2.81%;
}
.topmovielist_3 {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	flex-direction: row;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
    
}

#topmovie .slick-slide {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	opacity: 0.5;
}
#topmovie .slick-slide.slick-current {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	opacity: 1;
}
#topmovie .slick-slide.slick-active {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	opacity: 1;
}
#topmovie .topmovielist .slick-slide.slick-active2 {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	opacity: 1;
}

.topmovielist {
	position: relative;
	width: 100%;
	margin-left: auto;
	overflow: visible !important;
}
.topmovie {
	position: relative;
	width: 71.04%;
	margin: 0 3.75%;
}
.topmovie a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	padding-top: 56.25%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	border-top: 2px solid #7F7C00;
	border-left: 2px solid #CFC900;
	border-bottom: 2px solid #B8B304;
	border-right: 2px solid #A9A402;
}
.topmovie img.topmvpic {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}
.topmovie img.topmvtx {
    position: relative;
	display: block;
	width: 100%;
	height: auto;
    margin-top: -6%;
    pointer-events: none;
}
.topmovie a:hover {
	opacity: 0.7;
}
#topmovie .slick-prev,
#topmovie .slick-next {
	position: absolute;
	width: 4.58%;
	height: 0;
	padding-top: 7.08%;
	overflow: hidden;
	display: block !important;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 41%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: none;
    outline: none;
	z-index: 2;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
#topmovie .slick-prev { left: 9.68%; }
#topmovie .slick-prev {
	background: url("../images/top/topmovie_l.png") left top no-repeat;
	background-size: 100% auto;
}
#topmovie .slick-next { left: 85.52%; }
#topmovie .slick-next {
	background: url("../images/top/topmovie_r.png") left top no-repeat;
	background-size: 100% auto;
}
#topmovie .slick-prev:hover,
#topmovie .slick-next:hover {
	filter: contrast(200%);
}
#topmovie .slick-slide:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#topmovie .slick-slide.slick-center:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
}

/* ---------- about ---------- */

#topabout .pblock {
	padding-top: 127.70%;
	background: url("../images/top/sp/sp_about.jpg") left top no-repeat;
	background-size: 100% auto;
	overflow: hidden;
}
#topabout hr { margin-top: -2.6%; }
#topabout h2  { width: 27.08%; margin-left: 36.14%; margin-top: 4.37%;
	height: 0;
	overflow: hidden;
	padding-top: 8.54%;
	background: url("../images/top/sp/h_about.png") left top no-repeat;
	background-size: 100% auto;
}

#topa_01 { position: absolute; width: 48.54%; left: 25.41%; top: 0; margin-top: 69.06%;
	height: 0;
	overflow: hidden;
	padding-top: 14.59%; 
	background: url("../images/top/sp/topa_01.png") left top no-repeat;
	background-size: 100% auto;
}
#topa_02 { position: absolute; width: 71.66%; left: 14.06%; top: 0; margin-top: 77.08%;
	height: 0;
	overflow: hidden;
	padding-top: 49.32%; 
	background: url("../images/top/sp/topa_02.png") left top no-repeat;
	background-size: 100% auto;
}
#btn_topa { position: absolute; width: 63.64%; left: 17.81%; top: 0; margin-top: 113.75%;
	height: 0;
	padding-top: 7.18%;
}

#btn_topa a {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height:0;
	padding-top: 11.29%;
	overflow: hidden;
	background: url("../images/top/sp/btn_topa.png") left top no-repeat;
	background-size: 100% auto;
}
#btn_topa a:hover {
	filter: contrast(200%);
}

/* ---------- character ---------- */
#topchr .pblock {
	padding-top: 66.875%;
	background: url("../images/top/sp/sp_chr.jpg") left top no-repeat;
	background-size: 100% auto;
	overflow: hidden;
}
#topchr hr { margin-top: -2.39%; }
#topchr h2  { width: 44.37%; margin-left: 27.81%; margin-top: 6.97%;
	height: 0;
	overflow: hidden;
	padding-top: 8.54%;
	background: url("../images/top/sp/h_chr.png") left top no-repeat;
	background-size: 100% auto;
}
#topchrlistarea {
	position: absolute;
	width: 100%;
	top: 23.02%;
}
#topchrlist {
	width: 100%;
	margin-top: 2.81%;
}

.topchrlist {
	position: relative;
	width: 100%;
	margin-left: auto;
	overflow: visible !important;
}
.topchr {
	position: relative;
	width: 45.2%;
}
.topchr a {
	position: relative;
	display: block;
	overflow: hidden;
	height: 0 !important;
	padding-top: 85.25%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.topchr a img {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}
.topchr a:hover {
	opacity: 0.7;
}
#topchr .slick-prev,
#topchr .slick-next {
	position: absolute;
	width: 5%;
	height: 0;
	padding-top: 7.91%;
	overflow: hidden;
	display: block !important;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: none;
    outline: none;
	z-index: 2;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
#topchr .slick-prev { left: 25.72%; }
#topchr .slick-prev {
	background: url("../images/top/topchr_l.png") left top no-repeat;
	background-size: 100% auto;
}
#topchr .slick-next { left: 70.31%; }
#topchr .slick-next {
	background: url("../images/top/topchr_r.png") left top no-repeat;
	background-size: 100% auto;
}
#topchr .slick-prev:hover,
#topchr .slick-next:hover {
	filter: contrast(200%);
}
/* ---------- spec ---------- */

#topspec .pblock:first-child {
	/* padding-top: 209.27%; */
	padding-top: 203.27%;
	background: url("../images/top/sp/sp_spec.jpg") left top no-repeat;
	background-size: 100% auto;
	overflow: hidden;
}
#topspec hr { margin-top: -2.61%; }
#topspec h2  { width: 18.85%; margin-left: 40.52%; margin-top: 6.14%;
	height: 0;
	overflow: hidden;
	padding-top: 8.54%;
	background: url("../images/top/sp/h_spec.png") left top no-repeat;
	background-size: 100% auto;
}
#tops_01 { position: absolute; width: 100%; left: 0%; top: 0; margin-top: 19.06%;
	height: 0;
	overflow: hidden;
	padding-top: 6.35%;
	background: url("../images/top/sp/tops_01.png") left top no-repeat;
	background-size: 100% auto;
}
#tops_02 { position: absolute; width: 29.37%; left: 20.52%; top: 0; margin-top: 30.52%; }
#tops_03 { position: absolute; width: 23.12%; left: 54.68%; top: 0; margin-top: 30.62%; }
#tops_04_1 { position: absolute; width: 64.27%; left: 17.59%; top: 0; margin-top: 69.47%;
	height: 0;
	overflow: hidden;
	padding-top: 4.58%;
	background: url("../images/top/sp/tops_04_1.png") left top no-repeat;
	background-size: 100% auto;
}
#tops_04_2 { position: absolute; width: 71.56%; left: 15.41%; top: 0; margin-top: 75.06%;
	height: 0;
	overflow: hidden;
	padding-top: 36.35%;
	background: url("../images/top/sp/tops_04_2.png") left top no-repeat;
	background-size: 100% auto;
}
#tops_05 { position: absolute; width: 100%; left: 0%; top: 0; margin-top: 117.6%;
	height: 0;
	overflow: hidden;
	padding-top: 6.56%;
	background: url("../images/top/sp/tops_05.png") left top no-repeat;
	background-size: 100% auto;
}
#tops_06 { position: absolute; width: 29.47%; left: 20.52%; top: 0; margin-top: 127.81%; }
#tops_07 { position: absolute; width: 23.02%; left: 54.79%; top: 0; margin-top: 127.7%; }
#tops_08 { position: absolute; width: 69.89%; left: 15.41%; top: 0; margin-top: 168.22%;
	height: 0;
	overflow: hidden;
	padding-top: 34.06%;
	background: url("../images/top/sp/tops_08.png") left top no-repeat;
	background-size: 100% auto;
}
#btn_tops { position: absolute; width: 28.43%; left: 56.97%; top: 0; margin-top: 106%;
	height: 0;
	overflow: hidden;
	padding-top: 4.47%;
}
#btn_tops a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	padding-top: 15.75%;
	background: url("../images/top/sp/btn_tops.png") left top no-repeat;
	background-size: 100% auto;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;	
}
#btn_tops a:hover {
	opacity: 0.7;
}

/* banners */
#topbanners ul {
	width: 88.34%;
	margin: 0 auto;
}
#topbanners li {
	width: 48.34%;
	float: left;
	margin: 0 0.82% 1.64% 0.82%;
}
#topbanners a { display: block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
#topbanners a:hover { opacity: 0.7; }

.nswl { position: relative; width: 90%; margin: 3% auto 3% auto; font-size: 10px; color: #fff; }
.nswl ul { position: relative; }
.nswl li { position: relative; margin-left: 1em; text-indent: -1em; margin-bottom: 0.2em; }
#nswl { margin-bottom: 8%; }
#eula { width: 70.72%; margin: 3% auto 0 auto; }
#eula a { display: block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
#eula a:hover { opacity: 0.7; }

.diff {
    width: 100%;
    margin: 0 auto 10% auto;
}

#faq .contents {
    width: 100%;
    max-width: 1219px;
    margin: 0 auto 5% auto;
}
#faq ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	flex-direction: row;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
    width: 100%;
}
#faq li {
    max-width: 597px;
    width: 48%;
}
#update {
    background: #000;
}
.update {
    padding: 4%;
    position: relative;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    border-bottom: 6px double #666;
}
.update:last-child {
    border-bottom: none;
}
.update2 {
    padding: 1em 0;
}
.update a {
    color: #fff800;
    word-break: break-all;
}
.update a:hover {
    color: #ff8000;
}
.update h2 {
    background-color: #fff800;
    color: #000;
    padding: 1% 1em;
    margin-bottom: 0.5em;
    font-size: 14px;
    font-weight: bold;
    vertical-align: baseline;
}
.update h2 span {
    font-size: 14px;
    vertical-align: baseline;
}
.update h3 {
    position: relative;
    text-align: left;
    padding: 0 1em 0.2em 1em;
    margin: 0.5em 1em;
    background-color: none;
    border-bottom: 3px double #fff800;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}
.update p {
    padding: 1% 1em;
}
.update ul {
    padding: 2% 0;
}
.i1n {
    position: relative;
    display: block;
    margin-left: 2em;
    text-indent: -1em;
    margin-bottom: 0.3em;
}
@media screen and (max-width:767px) {
    .update h2 span {
        font-size: x-small;
    }
    .update { 
        font-size: x-small;
    }
    .update h2 {
        font-size: x-small;
    }
    .update h3 {
        font-size: x-small;
    }
}

@media screen and (min-width:768px) {
	#mvfilter {
	    left: -25%;
		width: 150%;
	}
	#top .new {
		position: absolute;
		width: 3.48%;
		background: url("../images/top/sp/new.png") left top no-repeat;
		background-size: 100% auto;
		overflow: hidden;
		padding-top: 5.10%;
	}
	#topheader .pblock {
		padding-top: 43.4375%;
		padding-top: 47.4375%;
	}
	#topheader_bg {
		background: url("../images/top/pc/pc_title.jpg") left top no-repeat #000;
		background-size: 100% auto;
	}

	#toph_01 { position: absolute; width: 32.44%; left: 51.09%; top: 0; margin-top: 14.68%; }
	#toph_01 { position: absolute; width: 32.44%; left: 51.09%; top: 0; margin-top: 20.35%; }
    #toph_02 { position: absolute; width: 11.4%; left: 17.23%; top: 0; margin-top: 1.51%; }
    #toph_03 { position: absolute; width: 11.35%; left: 30.88%; top: 0; margin-top: 1.51%; }

	#toph_04 { position: absolute; width: 26.77%; left: 55.13%; top: 0; margin-top: 29.37%; }
    #toph_05 { position: absolute; width: 20.26%; left: 61.25%; top: 0; margin-top: 43.06%; }
    #toph_06 { position: absolute; width: 20.26%; left: 18.12%; top: 0; margin-top: 43.06%; }
    #toph_07 { position: absolute; width: 20.26%; left: 39.68%; top: 0; margin-top: 43.06%; }
    #btn_dl_nsw { position: absolute; width: 14.84%; left: 18.12%; top: 0; margin-top: 38.06%; padding-top: 3.8%; background-image: url(../images/top/pc/btn_dl_nsw.png); }
    #btn_dl_nsw_pse { position: absolute; width: 14.84%; left: 34.37%; top: 0; margin-top: 38.06%; padding-top: 3.8%; background-image: url(../images/top/pc/btn_dl_nsw_pse.png); }
    #btn_dl_ps4 { position: absolute; width: 14.84%; left: 50.57%; top: 0; margin-top: 38.06%; padding-top: 3.8%; background-image: url(../images/top/pc/btn_dl_ps4.png); }
    #btn_dl_ps4_pse { position: absolute; width: 14.84%; left: 66.77%; top: 0; margin-top: 38.06%; padding-top: 3.8%; background-image: url(../images/top/pc/btn_dl_ps4_pse.png); }

    #btn_enq { position: absolute; width: 22.96%; margin: 1.19% 0 0 58.59%; }
    #btn_upd { position: absolute; width: 22.96%; margin: 4.8% 0 0 58.59%; }
    #btn_upd span {
        right: 3%;
        bottom: 11%;
        color: #000;
        font-size: 12px;
        font-weight: bold;
        transform: scale(1);
    }
    #btn_faq_nsw {
        width: 31.09%;
        margin: 34.06% 0 0 18.12%;
    }
    #btn_faq_ps4 {
        width: 31.09%;
        margin: 34.06% 0 0 50.57%;
    }

	#mvbox {
		position: absolute;
		left: 0;
		top: 0;
        margin-top: 0;
		width: 100%;
		height: 100%;
		padding-top: 0;
	}
	#mvbox_i {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	#top hr {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		padding-top: 2.55%;
		z-index: 2;
		background: url("../images/top/pc/pc_hr.png") left top no-repeat;
		background-size: 100% auto;
		border: none;
	}
	#top #topmovie hr,
	#top #topabout hr,
	#top #topchr hr,
	#top #topspec hr
	{ background-image: url("../images/top/pc/pc_hr.png"); }
	/* ---------- news ---------- */
	.topbg_i {
		position: relative;
		overflow: hidden;
	}
	#topnews_bg {
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -960px;
		width: 1920px;
		height: 634px;
		background: url("../images/top/pc/pc_news.jpg") center top no-repeat;
		background-size: 100% auto;
	}
	#topmovie_bg {
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -960px;
		width: 1920px;
		height: 726px;
		background: url("../images/top/pc/pc_movie.jpg") center top no-repeat;
		background-size: 100% auto;
	}
	#topchr_bg {
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -960px;
		width: 1920px;
		height: 757px;
		background: url("../images/top/pc/pc_chr.jpg") center top no-repeat;
		background-size: 100% auto;
	}
	#topnews .pblock {
		padding-top: 21.4%;
		background: none;
		overflow: hidden;
	}
	#topnews hr { margin-top: -1.14%; }
	#topnews h2 { width: 8.54%; margin-left: 45.83%; margin-top: 2.18%; }
	#top #topnews .new {
		left: 41.77%;
		margin-top: 2.29%;
	}

	#topnewslistarea {
		position: absolute;
		width: 100%;
		top: 27%;
	}
	#newslist {
		width: 65.16%;
		margin-top: 1.25%;
		margin-left: auto;
		margin-right: auto;
	}

	.news {
		width: 30.93%;
	}
	.nd,.nb { font-size: 20px;}
	.nt { font-size: 23px;}

	#topnews .slick-prev,
	#topnews .slick-next {
		position: absolute;
		width: 5%;
		height: 0;
		padding-top: 7.91%;
		overflow: hidden;
		display: block !important;
		line-height: 0px;
		font-size: 0px;
		cursor: pointer;
		background: transparent;
		color: transparent;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		border: none;
		outline: none;
		z-index: 2;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	#topnews .slick-prev { left: 50%; margin-left: -590px;}
	#topnews .slick-prev {
		background: url("../images/top/pc_l.png") left top no-repeat;
		background-size: 100% auto;
	}
	#topnews .slick-next { left: 50%; margin-left: 496px; }
	#topnews .slick-next {
		background: url("../images/top/pc_r.png") left top no-repeat;
		background-size: 100% auto;
	}

	/* ---------- pse ---------- */
	#toppse {
		background: url("../images/top/pc/pc_pse.jpg") center top no-repeat;
		background-size: auto 100%;
	}
	#toppse .pblock {
		background: none;
		padding-top: 62.60%;
	}
	#toppse hr { margin-top: -1.19%; }

	#toppse h2 { width: 58.95%; left: 20.46%; top: 0; margin-top: 2.39%; padding-top: 3.75%; background-image: url(../images/top/pc/h_pse.png); }

	#topp_01 { width: 46.19%; left: 26.87%; top: 0; margin-top: 6.71%; padding-top: 5.93%; background-image: url(../images/top/pc/topp_01.png); }
	#topp_02 { width: 12.86%; left: 24.37%; top: 0; margin-top: 14.47%; padding-top: 30.62%; background-image: url(../images/top/pc/topp_02.png); }
	#topp_03 { width: 10.93%; left: 37.23%; top: 0; margin-top: 14.47%; padding-top: 30.62%; background-image: url(../images/top/pc/topp_03.png); }

	#topp_04 { width: 25.88%; left: 50.41%; top: 0; margin-top: 23.9%; padding-top: 7.65%; background-image: url(../images/top/pc/topp_04.png); }
	#topp_05_1 { width: 52.08%; left: 24.06%; top: 0; margin-top: 34.06%; padding-top: 12.34%; background-image: url(../images/top/pc/topp_05_1.png); }
	#topp_05_2 { width: 13.17%; left: 61.45%; top: 0; margin-top: 42.4%; padding-top: 2.34%; background-image: url(../images/top/pc/topp_05_2.png); }
	#topp_06 { width: 43.38%; left: 28.33%; top: 0; margin-top: 46.09%; padding-top: 3.43%; background-image: url(../images/top/pc/topp_06.png); }

	#topp_07_1 { width: 15.88%; left: 24.21%; top: 0; margin-top: 49.89%; }
	#topp_07_2 { width: 15.88%; left: 42.03%; top: 0; margin-top: 49.89%; }
	#topp_07_3 { width: 15.88%; left: 60.05%; top: 0; margin-top: 49.89%; }

	#topp_08 { display: block; position: absolute; width: 23.28%; left: 51.3%; top: 0; margin-top: 15.98%; padding-top: 5.1%; background-image: url(../images/top/pc/topp_08.png); }

	/* ---------- movie ---------- */
	#topmovie {
		background: url("../images/top/pc/pc_movie.jpg") center top no-repeat;
		background-size: cover;
	}
	#topmovie .pblock {
		padding-top: 23.78%;
		background: none;
	}
	#topmovie hr { margin-top: -1.458%; }
	#topmovie h2 { width: 9.94%; margin-left: 45.05%; margin-top: 2.13%;
		background-image: url("../images/top/pc/h_movie.png");
		padding-top: 3.69%;
	}
	#topmovielist {
		margin-top: 22px;
	}
	.topmovie {
		width: 20%;
		margin: 0 13px;
	}
	#topmovie .slick-prev,
	#topmovie .slick-next {
		width: 48px;
		padding-top: 76px;
	}
	#topmovie .slick-prev { left: 50%; margin-left: -646px;}
	#topmovie .slick-prev {
		background: url("../images/top/pc_l.png") left top no-repeat;
		background-size: 100% auto;
	}
	#topmovie .slick-next { left: 50%; margin-left: 598px; }
	#topmovie .slick-next {
		background: url("../images/top/pc_r.png") left top no-repeat;
		background-size: 100% auto;
	}
	/* ---------- about ---------- */

	#topabout .pblock {
		padding-top: 67.1875%;
		background: url("../images/top/pc/pc_about.jpg") left top no-repeat;
		background-size: 100% auto;
		overflow: hidden;
	}
	#topabout hr { margin-top: -1%; }
	#topabout h2  { width: 10.93%; margin-left: 44.68%; margin-top: 1.87%;
		padding-top: 3.69%;
		background: url("../images/top/pc/h_about.png") left top no-repeat;
		background-size: 100% auto;
	}

    #topa_01 { position: absolute; width: 24.27%; left: 37.96%; top: 0; margin-top: 42.5%; padding-top: 3.54%; background-image: url(../images/top/pc/topa_01.png); }
    #topa_02 { position: absolute; width: 56.45%; left: 21.82%; top: 0; margin-top: 46.66%; padding-top: 13.02%; background-image: url(../images/top/pc/topa_02.png); }
    #btn_topa { position: absolute; width: 31.82%; left: 34.01%; top: 0; margin-top: 60.93%; padding-top: 3.59%; background-image: url(../images/top/pc/btn_topa.png); }

	/* ---------- character ---------- */
	#topchr {
		background: url("../images/top/pc/pc_chr.jpg") center top no-repeat;
		background-size: cover;
	}
	#topchr .pblock {
		padding-top: 25.3125%;
		background: none;
		overflow: hidden;
	}
	#topchr hr { margin-top: -1.25%; }
	#topchr h2  { width: 17.76%; margin-left: 41.09%; margin-top: 2.18%; }

	#topchrlistarea {
		top: 23.04%;
	}
	#topchrlist {
		margin-top: 29px;
	}

	.topchrlist {
		position: relative;
		width: 100%;
		margin-left: auto;
		overflow: visible !important;
	}
	.topchr {
		position: relative;
		width: 45.2%;
	}
	#topchr .slick-prev,
	#topchr .slick-next {
		position: absolute;
		width: 5%;
		height: 0;
		padding-top: 7.91%;
		overflow: hidden;
		display: block !important;
		line-height: 0px;
		font-size: 0px;
		cursor: pointer;
		background: transparent;
		color: transparent;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		border: none;
		outline: none;
		z-index: 2;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	#topchr .slick-prev { left: 50%; margin-left: -590px;}
	#topchr .slick-prev {
		background: url("../images/top/pc_l.png") left top no-repeat;
		background-size: 100% auto;
	}
	#topchr .slick-next { left: 50%; margin-left: 496px; }
	#topchr .slick-next {
		background: url("../images/top/pc_r.png") left top no-repeat;
		background-size: 100% auto;
	}

	/* ---------- spec ---------- */
	#topspec {
		background: url("../images/top/pc/pc_spec.jpg") center top no-repeat;
		background-size: cover;
	}
	#topspec .pblock:first-child {
		/* padding-top: 63.54%; */
        padding-top: 60.54%;
		background: none;
	}
	#topspec hr { margin-top: -0.88%; }
	#topspec h2  { width: 7.65%; margin-left: 46.14%; margin-top: 2.29%;
		height: 0;
		overflow: hidden;
		padding-top: 3.64%;
		background: url("../images/top/pc/h_spec.png") left top no-repeat;
		background-size: 100% auto;
	}
	#tops_01 { position: absolute; width: 100%; left: 0%; top: 0; margin-top: 6.61%;
		height: 0;
		overflow: hidden;
		padding-top: 3.28%;
		background: url("../images/top/pc/tops_01.png") left top no-repeat;
		background-size: 100% auto;
	}
	#tops_02 { position: absolute; width: 13.69%; left: 19.47%; top: 0; margin-top: 12.86%; }
	#tops_03 { position: absolute; width: 10.78%; left: 35.41%; top: 0; margin-top: 12.86%; }
	#tops_04_1 { position: absolute; width: 24.0625%; left: 20.48%; top: 0; margin-top: 31.04%;
		height: 0;
		overflow: hidden;
		padding-top: 1.77%;
		background: url("../images/top/pc/tops_04_1.png") left top no-repeat;
		background-size: 100% auto;
	}
    #tops_04_2 { position: absolute; width: 33.8%; left: 48.28%; top: 0; margin-top: 12.86%; padding-top: 17.91%; background-image: url(../images/top/pc/tops_04_2.png); }
	#tops_05 { position: absolute; width: 100%; left: 0%; top: 0; margin-top: 34.58%;
		height: 0;
		overflow: hidden;
		padding-top: 3.28%;
		background: url("../images/top/pc/tops_05.png") left top no-repeat;
		background-size: 100% auto;
	}
	#tops_06 { position: absolute; width: 13.75%; left: 19.47%; top: 0; margin-top: 40.67%; }
	#tops_07 { position: absolute; width: 10.72%; left: 35.41%; top: 0; margin-top: 40.67%; }
    #tops_08 { position: absolute; width: 34.06%; left: 48.33%; top: 0; margin-top: 40.67%; padding-top: 16.87%; background-image: url(../images/top/pc/tops_08.png); }
	#btn_tops { position: absolute; width: 14.01%; left: 67.29%; top: 0; margin-top: 27.96%;
		height: 0;
		overflow: hidden;
		padding-top: 2.23%;
	}
	#btn_tops a {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 0;
		padding-top: 15.98%;
		background: url("../images/top/pc/btn_tops.png") left top no-repeat;
		background-size: 100% auto;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;	
	}
	/* banners */
	#topbanners ul {
		width: 64.375%;
	}
	#topbanners li {
		width: 32.2%;
		margin: 0 0.56% 1.12% 0.56%;
	}
    .nswl { width: 100%; margin: 0 auto 5% auto; font-size: 10px; color: #fff; }
    #nswl2 { margin-top: 3%; margin-bottom: 3%; }
    .diff {
        position: relative;
        width: 1219px;
        margin: 0 0 5% calc((100% - 1219px)/2);
    }
}
@media screen and (min-width: 768px) and (max-width:1288px) {
    .diff {
        position: relative;
		width: 100%;
		margin: 0 0 5% 0;
    }
}
@media screen and (min-width: 768px) and (max-width:1288px) {
	#topnews .contents,
	#topheader .contents,
	#topabout .contents,
	#toppse .contents,
	#topspec .contents,
	#topbanners .contents {
		width: 149%;
		margin: 0 0 0 -24.5%;
	}
	#topnews .pblock {
		padding-top: 25.4%;
	}
}