@charset "UTF-8";

/*UNIQ*/

.header {
	position: fixed;
	margin-top: -1px;
	height: 28px;
	width: 100%;
	z-index: 210;
	background-color: #fff;
	border-bottom: 1px solid #999;


}

.snklogo {
	position: absolute;
	margin-top: -8px;
	left: 18px;
}



@media screen and (min-width:320px) and (max-width:1050px) {
	.header {
		position: fixed;
		margin-top: -1px;
		height: 48px;
		width: 100%;
		z-index: 1100;
		background: linear-gradient(-55deg, rgba(255, 0, 0, 0.3) 0%, rgba(255, 0, 0, 0.8) 17%, rgba(255, 0, 0, 0.8) 36%, rgba(3, 48, 131, 0.9) 65%, rgba(3, 48, 131, 0.7) 82%, rgba(30, 87, 153, 0.5)100%);
		border-bottom: 1px solid #fff;

	}
}


#maintop {
	position: relative;
	width: 100vw;
	padding-bottom: 0%;
	margin-bottom: 0;
	height: calc(100vh - 5px);
}

/*デバイス用*/
@media only screen and (min-device-width: 720px) and (max-device-width: 1050px) {
	#maintop {
		position: relative;
		width: 100vw;
		padding-bottom: 0%;
		margin-bottom: 0;
		height: 750px;
	}
}

@media screen and (min-width:320px) and (max-width:1050px) {
	#maintop {
		position: relative;
		width: 100%;
		height: auto;
		padding-bottom: 12%;
		margin-bottom: 0;

	}
}

.news_newslist {
	position: relative;
	padding-top: 3%;
	z-index: 145 !important;
}

.news_newslist li {
	float: left;
	margin-right: 2%;
	width: 23.6%;
	background-color: #fff;
	margin-bottom: 3%;
	min-height: 280px;
	
}

.news_newslist li:hover {
	opacity:0.8;
	transition: all .3s;
}
.news_newslist li:nth-child(4n) {
	margin-right: -20%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.news_newslist {
		position: relative;
		padding-top: 5%;
		z-index: 145 !important;
	}

	.news_newslist li {
		float: left;
		margin-right: 2%;
		width: 49%;
		background-color: #fff;
		margin-bottom: 3%;
	}

	.news_newslist li:nth-child(4n) {
		margin-right: -0%;
	}

	.news_newslist li:nth-child(2n) {
		margin-right: -40%;
	}
}

.cattit {
	text-align: center;
	padding-top: 2px;
}

.cattit_u {
	text-align: center;
	padding-top: 0px;
}

.cattit_u2 {
	text-align: center;
	padding-top: 6px;
}

@media screen and (min-width:320px) and (max-width:1050px) {

	.sec_pv_pvlist {
		position: relative;
		z-index: 101;
	}

	.sec_pv_pvlist li {
		float: left;
		margin-right: 4%;
		width: 48%;
		margin-bottom: 6%;
	}

	.sec_pv_pvlist li img {
		border: thin solid #fff;
	}

	.sec_pv_pvlist li:nth-child(2n) {
		margin-right: 0;
	}

	.sec_pv_pvlist li:last-child {
		margin-right: -40%;
	}

	.cattit {
		text-align: center;
		padding-top: 2px;
	}
}


#news {
	position: relative;
	margin-top: -36px;
	margin-bottom: 0;
	padding-bottom: 8%;
	background: url(../img/main/news_newsback.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: auto;

}

.omegaright {
	margin-bottom: 0!important;
}


#twwrap {
	margin-top: 5%;
	width: 85%;
	height: 1250px;
	margin: 10px auto;
	border: 1px solid #333;
	padding: 2%;
}

@media screen and (min-width:320px) and (max-width:1050px) {

	#news {
		position: relative;
		background: url(../img/main/news_newsback.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;
		width: 100%;
		height: auto;
		z-index: 190;

		margin-top: 0;
		margin-bottom: 0;
		padding-top: 2%;
		padding-bottom: 15%;

	}

	#twwrap {
		width: 100%;
		height: 650px;
		margin: 10% auto;
		border: 1px solid #333;
		padding: 2%;
		overflow: hidden;
	}
}

.h_langselecttextarea {
	color: #666;
	font-weight: 500;
}

.h_languageselect {
	position: absolute;
	right: 0;
	padding-top: 7px;

}

.h_languageselect li {
	height: 15px;
	float: left;
	margin-right: 1em;
	padding-right: 1em;
	border-right: solid 1px #666;
}

.h_languageselect li img {
	margin-top: -12px;
}

.h_languageselect li:last-child {
	margin-right: -20%;
}

.h_languageselect li:nth-child(7) {
	margin-right: -1%;
}



.f_langselecttextarea {
	color: #fff;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 0;
}

.f_languageselect {
	position: relative;
	width: 50%;
	margin: 8% auto;
	margin-left: 45%;
	margin-bottom: 0;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.f_languageselect li {
	width: 10%;
	height: auto;
	float: left;
	margin-right: 2%;
	padding-right: 2%;
	padding-top: 0;
	border-right: solid 1px #fff;
	text-align: center;
}

.f_languageselect li img {
	margin-top: -1%;
}

.f_languageselect li:first-child {
	width: 37%;
	margin-left: 2%;
	padding-right: 3%;

}

.f_languageselect li:last-child {
	margin-right: -20%;
	margin-right: 0%;
	padding-right: 0%;
	border-right: solid 0px #fff;
}

.f_languageselect li:nth-child(7) {
	margin-right: -1%;
}


@media screen and (min-width:320px) and (max-width:1050px) {
	.h_langselecttextarea {
		color: #fff;
		font-weight: 500;
		margin-top: -3px;
	}

	.h_langselecttextarea_ft {
		color: #666;
		font-weight: 500;
		margin-top: -3px;
	}

	        	.h_languageselect {
		position: relative;
		width: 100%;

	}

	.h_languageselect li {
		height: auto;
		width: 19.7%;
		float: left;
		margin-right: 0;
		padding-right: 0;
	border-right: solid 1px transparent;
		text-align: center;
	}

	.h_languageselect li:last-child {
		margin-right: -50%;
	}

	.h_languageselect li img {
		margin-top: 0;
		margin-left: -60px;
		width: 100px;
	}


	.f_langselecttextarea {
		color: #fff;
		font-weight: 500;
		margin-top: -7px;
		margin-bottom: 0;
	}

	.f_languageselect {
		position: relative;
		width: 100%;
		margin: 90% auto;
		margin-bottom: 0;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}

	.f_languageselect li {
		height: auto;
		width: 20%;
		text-align: center;
		float: left;
		margin-right: 0em;
		padding-right: 0em;
		border-right: solid 1px #fff;
	}

	.f_languageselect li:first-child {
		width: 20%;
		margin-left: 2%;
		padding-right: 3%;

	}

	.f_languageselect li:last-child {
		margin-right: -20%;
		border-right: solid 0 #fff;
		padding-right: 0em;
	}

	.f_languageselect li:nth-child(7) {
		margin-right: -1%;
	}

}



.ft_langselecttextarea {
	color: #666;
	font-weight: 500;
}

.ft_languageselect {
	position: relative;
	padding-top: 7px;
	width: 30%;
	margin: 0 auto;
}

.ft_languageselect li {
	height: 15px;
	float: left;
	margin-right: 1em;
	padding-right: 1em;
	border-right: solid 1px #666;
}

.ft_languageselect li img {
	margin-top: -12px;
}

.ft_languageselect li:last-child {
	margin-right: -20%;
}

.ft_languageselect li:nth-child(7) {
	margin-right: -1%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.ft_langselecttextarea {
		color: #666;
		font-weight: 500;
	}

	.ft_languageselect {
		position: relative;
		padding-top: 5%;
		width: 100%;
		margin: 0 auto;
	}

	.ft_languageselect li {
		height: 15px;
		width: 14.3%;
		text-align: center;
		float: left;
		margin-right: 1em;
		padding-right: 1em;
		border-right: solid 1px #666;
	}

	.ft_languageselect li img {
		position: relative;

	}

	.ft_languageselect li:first-child {
		width: 16%;
	}

	.ft_languageselect li:last-child {
		margin-right: -20%;
	}

	.ft_languageselect li:nth-child(7) {
		margin-right: -1%;
	}
}


.gmenu_base {
	position: relative;
	width: 106%;
	margin: 0 auto;
	top: 26px;
	margin-left: -3%;
	border-top: 40px solid #fff;
	border-left: 28px solid transparent;
	border-right: 30px solid transparent;
	height: 0;
	text-align: center;
	z-index: 202;
}

.gmenu_base2 {
	position: fixed;
	width: 1140px;

	margin: 0 auto;
	top: 26px;
	border-top: 40px solid #fff;
	border-left: 28px solid transparent;
	border-right: 30px solid transparent;
	height: 0;
	text-align: center;
	z-index: 200;
}

.gmenu_logo {
	position: absolute;
	margin-top: -40px;
	margin-left: -26px;
	z-index: 20;

}

.h_yoyakubnr {
	position: fixed;
	top: 27px;
	width: 200px;
	right: 0;

}



.gmenu {
	position: relative;
	margin-top: -34px;
	margin-left: 300px;
	z-index: 800;
}

.gmenu li {
	position: relative;
	width: 16%;
	float: left;
}

.gmenu li:nth-child(4) {
	margin-left: -1%;
	margin-right: -2.5%;
}

.gmenu li:nth-child(5) {
	margin-left: 1%;
	margin-right: -2.5%;
}

.gmenu li a:link {
	color: #fff;
}

.gmenu li a:hover {
	color: #fff;
	text-decoration: none;
}

.gmenu li:last-child {
	margin-right: -20%;
	margin-left: 4%;
	width: 19%;
}



/*FIXED INFO*/
.hidden_box {
	transition: 0.2s;
	z-index: 50 !important;
}

.hidden_box label {
	position: fixed;
	margin-top: 35px;
	right: 5px;
	cursor: pointer;
	transition: .3s;
	z-index: 50;
}

.hidden_box label:before {
	display: inline-block;
	content: url(../img/main/closebtn.svg);
	font-family: 'FontAwesome';
	padding-top: 4px;
	padding-right: 8px;
	transition: 0.2s;
}

.hidden_box input:checked + label:before {
	content: url(../img/main/openbtn.svg);
	color: #668ad8;
	transition: 0.2s;
}

.hidden_box input {
	display: none;
	transition: 0.2s;
}

.hidden_box .hidden_show {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 1;
	transition: 0.8s;
}

.hidden_box input:checked + label + .hidden_show {
	padding: 10px 0;
	height: auto;
	opacity: 0;
	transition: 0.2s;
}

.catobi {
	position: absolute;
	bottom: 36px;
	height: 36px;
	width: 100%;
	background: -moz-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index: 30;
}

.catobi_u {
	position: absolute;
	bottom: 0;
	height: 36px;
	width: 100%;
	background: -moz-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index: 200;
}

.catobi_u_c {
	position: absolute;
	bottom: 0;
	height: 36px;
	width: 100%;
	background: -moz-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index: 100;
}

.catobi_u_feat {
	position: absolute;
	bottom: 0;
	height: 36px;
	width: 100%;
	background: -moz-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index: 30;
}

.catobi_u_bella {
	position: absolute;
	border-top: 1px solid #fff;
	top: 0;
	height: 36px;
	width: 100%;
	background: -moz-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.catobi {
		position: absolute;
		bottom: 0;
		height: 36px;
		width: 100%;
		z-index: 30;
	}

	.catobi_u_feat {
		position: absolute;
		bottom: 0;
		height: 36px;
		width: 100%;
		z-index: 30;
	}
}




.maintop_characterslide {
	position: relative;
	width: 100% !important;
	margin: 0 auto;
}

.maintop_characterslide li {
	float: left;
	margin-left: 0;
	margin-right: 5px;
}


.maintop_characterslide li:last-child {
	margin-right: -20%;
}

.maintop_characterslide li a,
.maintop_characterslide li a:hover {
	-webkit-transition: all .2s;
	transition: all .2s;

}

.maintop_characterslide li a:hover {
	opacity: .8;
}


.charaslidewrp {
	position: fixed;
	bottom: 240px;
	height: 36px;
	z-index: 200;
}

.top_slider_tit {
	position: relative;
	margin-left: 14%;
	margin-bottom: 0;
}

@media screen and (min-width:1050px) and (max-width:1350px) {
	.maintop_characterslide {
		width: 90% !important;
		margin: 0 auto;
	}

	.top_slider_tit {
		position: relative;
		width: 100% !important;
		margin-left: 10%;
		margin-bottom: 0;
	}
}



.top_info_box {
	position: relative;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.infobox_infowrp {
	position: relative;
	margin-top: 0;
	margin-left: 0;
	width: 650px;
	height: 600px;
	text-align: center;
	z-index: 162;
}

/*デバイス用*/
@media only screen and (min-device-width: 720px) and (max-device-width: 1050px) {
	.top_info_box {
		position: relative;
		width: 100%;
		height: 650px;
		display: inherit;
		align-items: center;
		justify-content: center;
	}

	.infobox_infowrp {
		position: absolute;
		margin-top: 90px;
		margin-left: 0;
		width: 650px;
		height: 600px;
		text-align: center;
		z-index: 162;
	}

	.top_slider_wrp {
		position: absolute;
		bottom: 0px !important;
		width: 100% !important;
		z-index: 182;
	}
}

@media all and (-ms-high-contrast:none) {

	.top_info_box,
	::-ms-backdrop {
		position: relative;
		width: 100%;
		height: 100%
	}
}


@media screen and (min-width:320px) and (max-width:1050px) {
	.top_info_box {
		position: relative;
		width: 100%;
		height: auto;
		padding-top: 60%;
		display: inherit;
		align-items: stretch;
		justify-content: stretch;
	}


	.infobox_infowrp {
		position: relative;
		margin-top: 0;
		margin-left: 0;
		width: 100%;
		height: auto;
		text-align: center;
		z-index: 162;

	}
}


.top_releasewrp {
	position: relative;
	background: -moz-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	width: 100%;
	height: 82px;
	padding: 1em;
	margin-left: -2%;
}

.top_arrow_left {
	position: absolute;
	margin-top: 0%;
	left: 4%;
}

.top_arrow_right {
	position: absolute;
	margin-top: 0%;
	right:4%;
}

.top_release_pkg {
	position: absolute;
	left: 7%;
	width: 26%;
	margin-top: -7%;
}

.top_release_date {
	position: relative;
	width: 75%;
	margin-top: 0.5%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.top_releasewrp {
		position: relative;
		background: -moz-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 0.8) 36%, rgba(255, 0, 0, 0.8) 65%, rgba(255, 0, 0, 0.8) 82%, rgba(255, 0, 0, 0) 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

		width: 116%;
		height: auto;
		padding: 1em;
		margin-left: -8.5%;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	.top_arrow_left {
		position: absolute;
		width: 8%;
		left: 8%;
	}

	.top_arrow_right {
		position: absolute;
		width: 8%;
		right: 8%;
	}

	.top_release_pkg {
		position: absolute;
		left: 7%;
		width: 26%;
		margin-top: -7%;
	}

	.top_release_date {
		position: relative;
		width: 62%;
		left: 0%;
		margin-top: 0%;
	}

}


.textarea_innerlist_omega {
	color: #fff;
	font-weight: 800;
	font-style: italic;
	letter-spacing: -0.1em;
	text-align: center;
	margin-left: -1em;
	margin-top: 0.3em;
	margin-bottom: 0;
}


.lft50 {
	margin-left: 25%;
}



.top_characterinfobox {
	position: absolute;
	right: 0;
	z-index: 140;
}

.top_character {
	top: -5%;

}

.top_charactername {
	position: relative;
	z-index: 161;
	width: 100%;
}

.logo {
	position: relative;
	width: 100%;
	margin-left: 0;
	z-index: 10;
}

.logo_s {
	width: 100%;
	position: absolute;
	margin-left: 0;
	z-index: 50;

}

.logo_f {
	position: absolute;
	width: 100%;
	margin-left: 0;
	z-index: 200;
}

.logo_f_after {
	position: absolute;
	width: 100%;
	margin-left: 0;
	z-index: 200;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.top_charactername {
		position: relative;
		z-index: 161;
		width: 100%;
	}

	.logo {
		position: relative;
		width: 120%;
		margin-left: -8%;
	}

	.logo_s {
		width: 120%;
		position: absolute;
		margin-left: -8%;
		z-index: 50;

	}

	.logo_f {
		position: absolute;
		width: 120%;
		margin-left: -8%;
		z-index: 200;
	}

	.logo_f_after {
		position: absolute;
		width: 120%;
		margin-left: -8%;
		z-index: 200;
	}

}

.top_sidebnrlist {
	margin-left: 0;
}

.top_sidebnrlist li {
	margin-bottom: 15px;
}

.top_sidebnrwrp {
	position: absolute;
	margin-top: 1%;
	z-index: 150;
}

.top_sidebnr_feature {
	margin-bottom: 20px;
	left: 25px;
	width: 45%;
}

.toplogo_platform {
	position: relative;
	width: 70%;
	left: 0;
	z-index: 100;
}

.updatetag {
	position: absolute;
	margin-top: 20px;
	left: 0;
	z-index: 50;
}

.updatetag_gmenu {
	position: absolute;
	margin-top: 20px;
	left: 33px;
}

.cattag {
	float: left;
	position: relative;
	margin-right: 10px;
	width: 50px;
	padding: 1px 4px;
	background-color: #006699;
	color: #fff;
	font-weight: 600;
	font-size: 1rem;
}

.textarea_lindate {
	margin-top: 1em;
	font-weight: 500;
}

.textarea_lin {
	margin-top: 0.3em;
	font-weight: 500;
	line-height: 1.4em;
	text-align: left;
  letter-spacing: -0.07em;
}

.news_newstextwrp {
	padding: 0.5em 1em 1em 1em;
}


.button {
	display: block;
	width: 300px;
	height: 60px;
	text-align: center;
	text-decoration: none;
	outline: none;
	margin: 4% auto;

	position: relative;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	border: 3px solid #fff;
	line-height: 40px;
	z-index: 100 !important;
}


.button_close {
	display: block;
	width: 300px;
	height: 60px;
	text-align: center;
	text-decoration: none;
	outline: none;
	margin: 4% auto;

	position: relative;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	border: 4px solid #666;
	line-height: 50px;
	z-index: 100 !important;
}

.button_close a:link {
	text-decoration: none;
}

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

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button:hover {
	background-color: red;
	color: #fff;
	text-decoration: none !important;
}

.button::before,
.button::after {
	left: 0;
	width: 100%;
	height: 50%;
	background-color: transparent;
}

.button::before {
	top: 0;
}

.button::after {
	bottom: 0;
}

.button:hover::before,
.button:hover::after {
	height: 0;
	background-color: #333;

}

.buttontextarea {
	font-weight: 600;
	padding-top: 0;
	margin-bottom: 0;
	text-align: center;
	color: #FFF;
}


@media screen and (min-width:320px) and (max-width:1050px) {
	.toplogo_platform {
		position: absolute;
		left: 0;
		margin-top: 30px;
		margin-left: 00px;
		width: 50%;
		z-index: 100;
	}

	.button {
		display: block;
		width: 70%;
		padding-bottom: 3.5%;

		height: auto;
		text-align: center;
		text-decoration: none;
		outline: none;
		margin: 5% auto;

		position: relative;
		z-index: 100;
		background-color: #333;
		color: #fff;
		line-height: 30px;
	}

	.buttontextarea {
		font-weight: 600;
		padding-top: 0.5em;
		margin-bottom: 0;
		text-align: center;
		color: #FFF;
	}
}

.news_newicon {
	position: absolute;
	margin-top: -4%;
	margin-left: 16.5%;
}

#newcharacter {
	position: relative;
	margin-top: 0;
	padding-bottom: 0%;

	background: -moz-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* FF3.6-15 */

	background: -webkit-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */

	background: url(../img/common/kofbacklogo.png), linear-gradient(-55deg, rgba(255, 0, 0, 0.2) 0%, rgba(255, 0, 0, 0.8) 17%, rgba(255, 0, 0, 0.8) 36%, rgba(3, 48, 131, 0.6) 65%, rgba(3, 48, 131, 0.7) 82%, rgba(30, 87, 153, 0)100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
	background-position: center top 30%;

	width: 100%;
	height: 750px;
	z-index: 120;

}

.charaimage {
	position: absolute;
margin-top: -5%;
}

.charaimage_isla {
	margin-top: -10%;
	left: -22%;
}

.newcharaleft {
	width: 50%;
}

.newchararight {
	width: 50%;

}

.characopy {
	z-index: 101;
}



.characopy_charabtnwrp {
	position: absolute;
	margin-top: 30%;
	z-index: 101;
	width: 50%;
	text-align: center;
}

.charamovie {
	width: 78%;
	margin: 10% auto;
	border: 2px solid #fff;
}


.movieplay {
	position: absolute;
	margin-top: 12%;
	margin-left: 31%
}

.charainfo_text {
	width: 80%;
	margin: 5% auto;
	color: #fff;
	font-weight: 600;
}

.charainfowrp {
	position: relative;
	margin-top: 13%;
	z-index: 101;
}

.top_newcharainfo_newtag {
	position: absolute;
	margin-top: 12%;
	margin-left: 15%;
	width: 18%;
}


.newcharainfo_btn {
	text-align: center;
}


@media screen and (min-width:320px) and (max-width:1050px) {
	.top_newcharainfo_newtag {
		position: relative;
		margin-top: -10%;
		margin-left: 0;
		width: 30%;
	}

	.news_newicon {
		position: absolute;
		margin-top: -8%;
		margin-left: 35%;
		width: 10%;
	}

	#newcharacter {
		position: relative;
		margin-top: 0;
		padding-bottom: 17%;

		background: -moz-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
		/* FF3.6-15 */

		background: -webkit-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
		/* Chrome10-25,Safari5.1-6 */

		background: linear-gradient(-55deg, rgba(255, 0, 0, 0.2) 0%, rgba(255, 0, 0, 0.8) 17%, rgba(255, 0, 0, 0.8) 36%, rgba(3, 48, 131, 0.6) 65%, rgba(3, 48, 131, 0.7) 82%, rgba(30, 87, 153, 0)100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background-repeat: no-repeat;
		background-position: center top 30%;

		width: 100%;
		height: auto;
		z-index: 130;
	}

	.charaimage {
		position: absolute;
		width: 120%;
	}

	.charaimage_isla {
		margin-top: -4%;
		left: -5%;
	}

	.newcharaleft {
		width: 100%;
	}

	.newchararight {
		width: 100%;

	}

	.characopy {
		z-index: 101;
	}



	.characopy_charabtnwrp {
		position: relative;
		width: 100%;
		margin: 45% auto;
		z-index: 101;
		text-align: center;
	}

	.charamovie {
		width: 90%;
		margin: 10% auto;
		border: 2px solid #fff;
	}


	.movieplay {
		position: absolute;
		margin-top: 17%;
		margin-left: 33%;
		z-index: 100;
	}

	.charainfo_text {
		width: 90%;
		margin: 5% auto;
		color: #fff;
		font-weight: 500;
	}

	.charainfowrp {
		position: relative;
		margin-top: -10%;
		background-color: rgba(0, 0, 0, 0.5);
		padding: 6% 4%;
		z-index: 101;
	}
}




.topchara {
	position: absolute;
	top: 2%;
	width: 40%;
	right: -10%;/*right:-10%*/
	z-index: 61 !important;
	transform: scale(-1, 1);
}

.topchara_checkitout {
	position: absolute;
	top: 22%;
	width: 8%;
	right: -5%;
	z-index: 62 !important;
}

.topchara_checkitout_sp {
	position: absolute;
	top: 0;
	width: 30%;
	right: 0%;
	z-index: 36 !important;
}

.topteamstorybnr {
	position: relative;
	width: 52%;
	margin-top: 6%;
	margin-left: 25%;
	z-index: 140;
}

.charainfo_name {
	width: 80%;
	margin: 0 auto;
}


.top_newcharacter_namewrp {
	position: absolute;
	top: 48%;
	right: -5%;
	z-index: 161;
	width: 25%;
}

.top_character_newtag {
	position: relative;
	left: 20%;
	margin-bottom: 0%;
	z-index: 161;
}



.topchara_double {
	position: absolute;
	top: 2%;
	width: 40%;
	left: -10%;
	z-index: 61 !important;
	
}
				
.top_newcharacter_namewrp_double {
	position: absolute;
	top: 40%;
	left: 5%;
	z-index: 161;
	width: 25%;
}

.top_character_newtag_double {
	position: relative;
	left: -8%;
	margin-bottom: 1.5%;
	z-index: 161;
}

.fname_middle_top_double {
	position: absolute;
	line-height: 1em;
	margin-left: -10%;
	text-align: left!important;
}
.topchara_checkitout_double {
	position: absolute;
	top: 22%;
	width: 8%;
	left: 0%;
	z-index: 62 !important;
}
.fname_middle_top_double {
	position: absolute;
	font-size: 6rem;
	line-height: 1em;
	left: -10%;
}
.top_character_newtag_double {
	position: relative;
	left: -8%;
	margin-bottom: 1.5%;
	z-index: 161;
}


@media screen and (min-width:320px) and (max-width:1050px) {
	.top_character_newtag_double {
		position: relative;
		margin-left: 20%;
		z-index: 161;

	}
.topchara_double {
		position: absolute;
		top: 2%;
		width: 85%;
		right: 11%;
		z-index: 35 !important;
	}
	.top_newcharacter_namewrp {
		position: absolute;
		top: 8%;
		left: -10%;
		z-index: 161;
		width: 60%;
	}
	.top_newcharacter_namewrp_double {
		position: absolute;
		top: 8%;
		left: -10%;
		z-index: 161;
		width: 60%;
	}
	.top_character_newtag_double {
		position: relative;
		margin-left: 20%;
		z-index: 161;

	}
}



@media screen and (min-width:320px) and (max-width:1050px) {
	.topteamstorybnr {
		position: relative;
		width: 100%;
		margin-top: 6%;
		margin-left: 0;
		z-index: 140;
	}

	.top_newcharacter_namewrp {
		position: absolute;
		top: 8%;
		left: -10%;
		z-index: 161;
		width: 60%;
	}

	.topchara {
		position: absolute;
		top: 2%;
		width: 85%;
		right: 11%;
		z-index: 35 !important;
	}

	.top_character_newtag {
		position: relative;
		margin-left: 20%;
		z-index: 161;

	}



	.charainfo_name {
		width: 90%;
		margin: 0 auto;
	}
}

.teamstorbnr_textarea {
	text-align: center;
	margin-top: 6px;
	color: #fff;
	font-weight: 600;
}

#story {
	position: relative;
	margin-top: 0;
	padding-bottom: 12%;
	background: url(../img/main/top_story_backimg.png), rgba(0, 0, 0, 0.8);
	/* W3C, IE10+8 FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
	background-position: center top -20%;
	background-size: contain;
	width: 100%;
	height: auto;
	z-index: 130;
}

.top_storytit {
	position: relative;
	width: 100%;
	margin: 38% auto;
	margin-bottom: 1em;
}

.top_producttit {
	width: 38%;
	margin-top: 8%;
	margin-left: 9%;

}

@media screen and (min-width:320px) and (max-width:1050px) {
	.top_storytit {
		width: 105%;
		margin: 38% auto;
		margin-bottom: 1em;
	}

	.top_producttit {
		width: 68%;
		margin: 9% auto;
		margin-bottom: 1em;
	}

	.top_products_release {
		width: 80%;
	}
}

.stroywrp {
	position: relative;
	height: auto;
	float: right;
	margin-top: 8%;
	width: 60%;
	right: 0;
	text-align: center;
}

.testarea_top_story {
	position: relative;
	font-weight: 600;
	line-height: 1.7em;
	color: #fff;
	text-align:center;

	width: 60%;
	margin: 0 auto;
	margin-bottom: 10%;
}

.testarea_top_story a:link {
	text-decoration: underline;
	color: #fff;
}

.testarea_top_story a:visited {
	text-decoration: underline;
	color: #fff;
}

.testarea_top_story a:hover {
	text-decoration: underline;
	color: #fff;
}

.btnsub {
	text-align: center;
	margin-top: -5%;
}

.btnmain {
	text-align: center;
}


.jumpbtn_features {
	margin-top: 13%;
}

.top_story_bigcopy {
	position: absolute;
	margin-top: -5px;
	width: 100%;
	opacity: 0.4;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.testarea_top_story {
	position: relative;
	font-weight: 600;
	line-height: 1.7em;
	color: #fff;
	text-align:center;

	width: 100%;
	margin: 0 auto;
	margin-bottom: 10%;
}
	.top_story_bigcopy {
		position: absolute;
		margin-top: 0;
		width: 100%;
		opacity: 0.4;
	}

	#story {
		position: relative;
		margin-top: 0;
		padding-bottom: 18%;
		background: url(../img/main/top_story_backimg.png), rgba(0, 0, 0, 0.5);
		background-repeat: no-repeat;
		background-position: center top -5%;
		background-size: 120%;
		width: 100%;
		height: auto;
		z-index: 130;
	}



	.stroywrp {
		position: relative;
		height: auto;
		float: right;
		margin-top: 13%;
		width: 100%;
		right: 0;
		text-align: center;
	}
}


#products {
	position: relative;
	margin-bottom: 0;
	padding-bottom: 5%;
	background: url(../img/main/news_newsback.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: auto;
}

#products_u {
	position: relative;
	margin-bottom: 0;
	padding-top: 5%;
	padding-bottom: 5%;
	background: url(../img/main/news_newsback.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: auto;

}

.top_products_light {
	position: relative;
	width: 60%;
 z-index: 180;
}

.top_products_right {
	width: 30%;
}

.textarea_products {
	margin-top: 2%;
	color: #000;
	font-weight: 500;
  text-align: left!important;
}

.products_list {
	position: relative;
	margin-top: 0%;
	z-index: 161;
	border-bottom: thin dotted #999;
	margin-bottom: 6%;
	
}

.products_list a {
	transition: all 0.2s;
}

.products_list li {
	float: left;
	width: 32%;
	margin-right: 2.1%;
	margin-bottom: 4%;
}
.products_list li a:hover {
	opacity:0.8;
	transition: all 0.2s;
	cursor: pointer;
}

.products_list li:nth-child(3n) {
	margin-right: -20%;
}

.products_lists_shoplists {
	margin-top: 7%;
}

.products_lists_shoplists li {
	width: 100%;
	margin-bottom: 5%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.products_list li {
		float: none;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 10%;
		padding-bottom: 5%;
		border-bottom: dotted 1px #333;
	}

	.products_lists_shoplists li {
		margin-bottom: 0;
		border-bottom: none;
	}

	.top_products_light {
		width: 100%;
		text-align: center;
	}

	.nb {
		border-bottom: none !important;
	}
}


#footerwrp {
	position: relative;
	background: #fff;
	padding-top: 5%;
	padding-bottom: 0;
	height: auto;
	z-index: 160;
}

#f_visualzone {
	padding-top: 11%;
	padding-bottom: 13%;
}

.f_visualzone_copy {
	position: relative;
	width: 60%;
	margin: 0 auto;
	z-index: 160;
	opacity: 0.8;
}

.f_logo {
	width: 40%;
	margin: 0 auto;
}

.h_snslist {
	width: 10%;
	margin: 4% auto;
	margin-bottom: 5%;
}

.h_snslist li {
	float: left;
	margin-right: 16%;
}

.h_snslist li:last-child {
	margin-right: -20%;
}

.ftsnklogo {
	width: 15%;
	margin: 0 auto;
	margin-bottom: 2%;
}

.textarea_ft {
	font-weight: 400;
	color: #888;
	text-align: center;

}


.ft_kofportalbnr {
	width: 80%;
	margin: 10% auto;
	margin-bottom: 5%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.textarea_ft {
		font-weight: 400;
		color: #888;
		text-align: justify;

	}

	.h_snslist {
		width: 20%;
		margin: 2% auto;
	}

	.h_snslist li {
		float: left;
		margin-right: 16%;
	}

	.h_snslist li:last-child {
		margin-right: -20%;
	}

	.f_logo {
		width: 80%;
		margin: 5% auto;
	}

	.ftsnklogo {
		width: 30%;
		margin: 8% auto;
		margin-bottom: 5%;
	}

	.ft_kofportalbnr {
		width: 100%;
		margin: 10% auto;
		margin-bottom: 5%;
	}

	.textarea_ft br {
		display: none;
	}
}



#fighters {
	position: relative;
	margin-top: -20px;
	padding-bottom: 0%;
	background: url(../img/common/kofbacklogo.png);
	background-repeat: no-repeat;
	background-position: center top 15%;
	width: 100%;
	height: auto;
	z-index: 180 !important;

}

.othepagebackimggrad {
	position: fixed;
	margin-top: -20px;
	width: 100%;
	height: 102vh;
	background: linear-gradient(-55deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 10%, rgba(255, 0, 0, 0.8) 36%, rgba(3, 48, 131, 1) 65%, rgba(3, 48, 131, 0) 82%, rgba(30, 87, 153, 0)100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index: 51;
}


.othepagebackimg {
	position: fixed;
	margin-top: -20px;
	width: 100%;
	height: 102vh;
	background: url(../img/common/otherpageback.jpg), linear-gradient(-55deg, rgba(255, 0, 0, 0.4) 0%, rgba(255, 0, 0, 1) 17%, rgba(255, 0, 0, 0.9) 36%, rgba(3, 48, 131, 1) 65%, rgba(3, 48, 131, 0) 82%, rgba(30, 87, 153, 0)100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	z-index: 50;
}

.othepagebackimg_features {
	position: fixed;
	width: 100%;
	height: 105vh;
	margin-top: -1%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 49;
}


.fighters_left {
	position: relative;
	height: auto;
	width: 36%;
	margin-top: 0%;
}

.fighters_right {
	position: relative;
	height: auto;
	width: 60%;
	margin-bottom: 10%;
	z-index: 220 !important;
}

.fighters_visual {
	position: absolute;
}

/*CHARACTERS UNIQ CSS*/
.fighters_pattern_a {
	width: 160%;
	margin-top: 7%;
	margin-left: -20%;
}
.fighters_pattern_syl {
	width: 180%;
	margin-top:-5%;
	margin-left: -25%;
}

.fighters_pattern_a_left {
	width: 160%;
	margin-top: 8%;
	margin-left: -20%;
}

.fighters_pattern_al {
	width: 160%;
	margin-top: 10%;
	margin-left: -14%;
}

.fighters_pattern_ar {
	width: 160%;
	margin-top: 10%;
	margin-left: 7%;
}

.fighters_pattern_ac {
	width: 160%;
	margin-top: -0%;
	margin-left: 5%;
}

.fighters_pattern_b {
	width: 160%;
	margin-top: -19%;
	margin-left: -14%;
}
.fighters_pattern_bl {
	width: 160%;
	margin-top: -19%;
	margin-left: -14%;
}



.fighters_pattern_c {
	width: 160%;
	margin-top: -2%;
	margin-left: -14%;
}

.fighters_pattern_d {
	width: 160%;
	margin-top: -15%;
	margin-left: -30%;
}


@media screen and (min-width:320px) and (max-width:1050px) {
	.othepagebackimg_features {
		position: fixed;
		width: 100%;
		height: 105vh;
		margin-top: -1%;
		background: rgba(0, 0, 0, 0.6);
		z-index: 49;
	}

	
	.fighters_pattern_ac {
		width: 160%;
		margin-top: 10%;
		margin-left: -4%;
	}

	.fighters_pattern_a {
		width: 160%;
		margin-top: 10%;
		margin-left: -20%;
	}
	.fighters_pattern_syl {
		width: 160%;
		margin-top: 0%;
		margin-left: -35%;
	}

	.fighters_pattern_a_left {
		width: 160%;
		margin-top: 10%;
		margin-left: 0%;
	}

	.fighters_pattern_b {
		width: 160%;
		margin-left: -2%;
	}
		.fighters_pattern_bl {
		width: 160%;
		margin-left: -13%;
	}

	.fighters_pattern_c {
		width: 140%;
		margin-top: -3%;
		margin-left: -14%;
	}

	.fighters_pattern_d {
		width: 140%;
		margin-top: -15%;
		margin-left: -14%;
	}

}


.fighters_copy {
	position: absolute;

}

.fighters_copy {
	margin-top: 85%;
	width: 100%;
	left: 15%;
	text-align: center;
	z-index: 210 !important;
}


.fighters_name_short {
	position: relative;
	text-align: center;
	width: 60%;
	margin: 0 auto;
	margin-bottom: 0;
}

.fighters_name_longmid {
	position: relative;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 0;
}


.textarea_fightersprof {
	font-weight: 500;
	color: #fff;
	width: 80%;
	margin: 3% auto;
}

dl {
	font-weight: 600;
	color: #fff;
	width: 65%;
	margin: 4% auto;
}

dd {
	margin-bottom: 0.2em;
	margin-left: 9em;
	width: 90%;
	padding-left: 1em;
}

dt {
	float: left;
	margin-right: 1em;
	width: 42%;
	text-align: justify;
	text-align-last: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0;

}


dl.dleng dt {
	float: left;
	margin-right: 0em;
	width: 47%;
	text-align: left;
	text-align-last: left;
	text-justify: inter-ideograph;
	letter-spacing: 0;
}

dl.dleng dd {
	margin-bottom: 0.2em;
	width: 90%;
	margin-left: 40%;
	text-align: left;
	text-align-last: left;
}



dl.dlkor dt {
	float: left;
	margin-right: 1em;
	width: 32%;
	text-align: left;
	text-align-last: left;
	text-justify: inter-ideograph;
	letter-spacing: 0;
}

dl.dlkor dd {
	margin-bottom: 0.2em;
	margin-left: 6em;
	width: 90%;
	padding-left: 1em;
}




.fighters_right_profileleft {
	width: 60%;

}

.fighters_right_profileright {
	width: 35%;
	z-index: 100;
}



.fighterspotential_isla {
	position: absolute;
}

.fighters_right_osusume {
	margin-left: 17%;
	width: 100%;
}

.fighters_right_osusume li {
	position: relative;
	float: left;
	width: 10%;
}

.fighters_right_osusume li:first-child {
	margin-right: 2%;
	width: 35%;
}

.bellamysinterviewwrp {
	position: relative;
	background-color: rgba(255, 255, 255, 0.7);
	width: 100%;
	height: auto;
	padding-bottom: 7%;
	z-index: 170;
}

.bellamysinterview_logo {
	position: absolute;
	width: 35%;
	margin-top: -5.5%;
	margin-left: 33%;
}

.fighters_arrow_left {
	position: absolute;
	margin-top: 300px;
	width: 100px;
	left: 1%;
	z-index: 270;
}

.fighters_arrow_right {
	position: absolute;
	margin-top: 300px;
	right: 1%;
	width: 100px;
	z-index: 270;
}

.checkimage {
	position: absolute;
	width: 35.5%;
	z-index: 210 !important;
	margin-top: 118%;
}

.fname_middle_top_newchara {
	font-size: 10rem;
	line-height: 0.9em !important;
	margin-bottom: 2% !important;
}

.fname_middle_top_newchara br {
	display: block !important;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.fname_middle_top_newchara {
		font-size: 9rem;
		line-height: 1em;
		margin-bottom: 2%;
	}


	#fighters {
			position: relative;
		margin-top: 0;
		padding-bottom: 0%;
		background: url(../img/common/kofbacklogo.png);
		background-repeat: no-repeat;
		background-position: center top 8%;
		background-size: contain;
		width: 100%;
		height: auto;
		z-index: 80;

	}

	.fighters_visual {
		position: absolute;

	}

	.fighters_copy {
		position: absolute;
		width: 90%;
	}

	.fighters_copy {
		margin-top: 60%;
		width: 100%;
		left: 0;
		z-index: 210;
	}

	.checkimage {
		position: absolute;
		z-index: 50;
		width: 30%;
		margin-top: 15%;
		margin-left: -3%;

	}

	.textarea_fightersprof {
		font-weight: 500;
		color: #fff;
		width: 90%;
		margin: 5% auto;
	}

	.fighters_right_osusume {
		margin-top: 5%;
		margin-left: 5%;
		width: 117%;
	}

	.fighters_right_osusume li {
		float: left;
		width: 10%;
	}

	.fighters_right_osusume li:first-child {
		margin-right: 2%;
		width: 35%;
	}

	.fighters_left {
		height: auto;
		margin-top: -0%;
		width: 100%;
	}

	.fighters_right {
		height: auto;
		width: 100%;
		margin-top: 3%;
		margin-bottom: 15%;
		padding-bottom: 10%;
		background-color: rgba(0, 0, 0, 0.6);
	}

	.fighters_right_profileleft {
		width: 90%;

	}

	.fighters_right_profileright {
		width: 100%;
		z-index: 100;
	}

	.fighters_name_short {
		position: relative;
		text-align: center;
		width: 100%;
		margin: 0% auto;
		margin-bottom: 0;
	}

	dl {
		font-weight: 600;
		color: #fff;
		width: 90%;
		margin: 4% auto;
		font-size: 1.8rem;
	}

	dt {
		float: left;
		margin-right: 1em;
		width: 30%;
		text-align: justify;
		text-align-last: justify;
		text-justify: inter-ideograph;
	}


	dd {
		margin-bottom: 0.2em;
		margin-left: 7.5em;
		width: 80%;
	}

	.fighterspotentialwrp {
		width: 70%;
		margin: 5% auto;
	}

	.fighterspotential_isla {
		position: relative;
		z-index: 150;
	}

	.fighterspotentialbase {
		margin-top: -83%;
		z-index: 50;
	}
}

 .textarea_fighterscopy_top {
	font-size: 3rem;
	letter-spacing: -0.1em;
	line-height: 1.2em;
	color:#fff;
	font-weight: 800;
	font-style: italic;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	margin-right: -4%;
	text-align: center;
  margin-top: -10vw;
	margin-left: 2%;
}
.textarea_fighterscopy_top_ex {
  font-size: 3rem;
  letter-spacing: -0.1em;
  line-height: 1.2em;
  color: #fff;
  font-weight: 800;
  font-style: italic;
  text-shadow: 0 0 10px rgba(0, 0, 0, 1);
  margin-top: 16vw;
  margin-right: -30%;
  text-align: center;
  margin-left: 2%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
    .textarea_fighterscopy_top {
	font-size: 5vw;
	letter-spacing: -0.1em;
	line-height: 1.2em;
	color:#fff;
	font-weight: 800;
	font-style: italic;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	margin-right: -4%;
	text-align: center;
  margin-top: -12vw;
	margin-left: 2%;
}
.textarea_fighterscopy_top_ex {
	font-size: 5vw;
	letter-spacing: -0.1em;
	line-height: 1.2em;
	color:#fff;
	font-weight: 800;
	font-style: italic;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
  margin-top: 17vw;
	margin-right: -30%;
	text-align: center;
	margin-left: 2%;
}
}

.textarea_fighterscopy {
	font-size: 2.5rem;
	letter-spacing: -0.1em;
	line-height: 1.2em;
	color: #fff;
	font-weight: 800;
	font-style: italic;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

.textarea_fighterscopy_s {
	font-size: 2.1rem;
	letter-spacing: -0.1em;
	line-height: 1.2em;
	color: #fff;
	font-weight: 800;
	font-style: italic;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

.textarea_featcopy {
	position: relative;
	margin-top: 0.5em;
	margin-bottom: 0;
	font-size: 4.5rem;
	letter-spacing: -0.1em;
	line-height: 1.2em;
	color: #fff;
	font-weight: 800;
	font-style: italic;
	text-align: center;
	z-index: 50;
}

.textarea_fightersname {
	position: relative;
	color: #fff;
	margin-top: -0.25em;
	margin-bottom: 0;
	letter-spacing: -0.1em;
	font-weight: 800;
	font-style: italic;
	transform: scale(1, 0.75);
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	z-index: 50;
	line-height: 1.2em;
	text-align: center;
	margin-left: -4%;
font-family: Noto Sans Japanese, sans-serif!important;
}

.textarea_fightersname br {
	display: none;
}

.fname_short {
	font-size: 10rem;
}

.fname_middle_top {
	font-size: 6rem;
	line-height: 0.9em;
}

.fname_middle_top br {
	display: block;
}

.fname_middle {
	font-size: 8rem;
	margin-bottom: 0.1em;
}

.fname_long {
	font-size: 6rem;
	margin-bottom: 0.15em;
}

.textarea_fightersstn_top {
	position: relative;
	color: #fff;
	margin-top: 2%;
	margin-bottom: 1%;
	font-size: 3.5rem;
	letter-spacing: -0.1em;
	font-weight: 800;
	font-style: italic;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	z-index: 50;
	text-align: center;
}

.textarea_fightersstn {
	position: relative;
	color: #fff;
	margin-top: 2%;
	margin-bottom: 0;
	font-size: 2.5rem;
	letter-spacing: -0.1em;
	font-weight: 800;
	font-style: italic;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	z-index: 50;
	text-align: center;
}

.textarea_fighterscv {
	position: relative;
	color: #fff;
	margin-top: -3%;
	margin-bottom: 0;
	font-size: 2.3rem;
	letter-spacing: -0.1em;
	font-weight: 800;
	font-style: italic;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	z-index: 50;
	text-align: center;
	left:-2%;
}

.textarea_teamname_short {
	width: 72%;
	position: relative;
	color: #fff;
	margin-top: -10%;
	margin-bottom: 8%;
	margin-left: 26%;
	font-size: 2.3rem;
	font-weight: 800;
	font-style: italic;
	z-index: 50;
	text-align: center;
}

.textarea_teamname_long {
	position: relative;
	color: #fff;
	margin-top: -5%;
	margin-bottom: 5%;
	margin-left: 26%;
	font-size: 2.3rem;
	font-weight: 800;
	font-style: italic;
	z-index: 50;
	text-align: center;
}

.fontsml {
	font-size: 2rem !important;
	letter-spacing: 0em;
}


/*デバイス用*/
@media only screen and (min-device-width: 720px) and (max-device-width: 1050px) {

	.fighters_arrow_left {
		display: none;
	}

	.fighters_arrow_right {
		display: none;
	}
}


.bellamysright {
	margin-top: 100px;
	position: relative;
	height: auto;
	width: 46%;
}

.bellamysleft {
	margin-top: 100px;
	width: 50%;
	height: auto;
	border-right: dotted 3px #333;
	padding-right: 3em;
	margin-right: 0em;
}


.textarea_bellint {
	font-size: 2rem;
	font-weight: 800;
	font-style: italic;
	letter-spacing: -0.05em;
	padding-left: 2.1em;
	text-align: left;
	color: #FF8C00;
	background: -webkit-linear-gradient(-45deg, rgba(30, 87, 153, 1) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}

.textarea_interview {
	position: relative;
	font-weight: 600;
	line-height: 1.6em;
	padding-left: 3em;
	margin-top: 1em;
}

.textarea_bellint:before {
	position: absolute;
	left: 0;
	content: "";
	display: inline-block;
	width: 1.7em;
	height: 2.3em;
	background: url(../characters/img/interview_icon_bella.png) no-repeat;
	background-size: contain;
	margin-top: -0.2em;
}


.bellamyhead {
	width: 3.3rem;
	margin-right: 0.5em;
}

.interviewwrp {
	position: relative;
	margin-bottom: 5%;
}

.bellamytop {
	text-align: center;
}

.interview_whosnext {
	margin-top: 2%;
	text-align: center;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.textarea_interview {
		position: relative;
		font-weight: 600;
		line-height: 1.6em;
		padding-left: 3em;
		margin-top: 1em;
	}

	.interview_whosnext {
		position: relative;
		margin-top: 2%;
		text-align: center;
	}

	.interview_whosnext img {
		width: 100%;
	}

	.textarea_fightersname {
		position: relative;
		color: #fff;
		margin-top: -2%;
		letter-spacing: -0.1em;
		margin-bottom: 1.5%;
		line-height: 0.9em;
		font-weight: 800;
		font-style: italic;
		transform: scale(1, 0.8);
		text-shadow: 0 0 10px rgba(0, 0, 0, 1);
		z-index: 50;
		text-align: center;
	}

	.textarea_fightersname br {
		display: block;
	}

	.fname_short {
		font-size: 16vw;
		margin-left: -5%;
	}

	.fname_middle {
		font-size: 14vw;
		margin-left: -4%;
	}

	.fname_long {
		font-size: 9rem;
	}


	.textarea_fightersstn {
		position: relative;
		color: #fff;
		margin-top: 3%;
		margin-bottom: 0;
		font-size: 3.5rem;
		letter-spacing: -0.1em;
		font-weight: 800;
		font-style: italic;
		text-shadow: 0 0 10px rgba(0, 0, 0, 1);
		z-index: 50;
		text-align: center;
	}

	.textarea_fighterscv {
		position: relative;
		color: #fff;
		margin-top: -2%;
		margin-bottom: 0;
		font-size: 2.3rem;
		letter-spacing: -0.1em;
		font-weight: 800;
		font-style: italic;
		text-shadow: 0 0 10px rgba(0, 0, 0, 1);
		z-index: 50;
		text-align: center;
	}

	.textarea_teamname {
		position: relative;
		color: #fff;
		margin-top: -2%;
		margin-bottom: 0;
		font-size: 3rem;
		letter-spacing: -0.1em;
		font-weight: 800;
		font-style: italic;
		text-shadow: 0 0 10px rgba(0, 0, 0, 1);
		z-index: 50;
		text-align: center;
	}

	.fontsml {
		font-size: 2rem !important;
		letter-spacing: 0em;
	}

	.textarea_fighterscopy {
		font-size: 5vw;
		letter-spacing: -0.1em;
		line-height: 1.2em;
		color: #fff;
		font-weight: 800;
		font-style: italic;
		text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	}

	.textarea_fighterscopy_s {
		font-size: 5vw;
		letter-spacing: -0.1em;
		line-height: 1.2em;
		color: #fff;
		font-weight: 800;
		font-style: italic;
		text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	}

	.textarea_featcopy {
		margin-top: 0;
		font-size: 6.5vw;
		letter-spacing: -0.1em;
		line-height: 1.2em;
		color: #fff;
		font-weight: 800;
		font-style: italic;

	}

	.bellamysinterviewwrp {
		position: relative;
		background-color: rgba(255, 255, 255, 0.7);
		width: 100%;
		height: auto;
		padding-bottom: 17%;
	}

	.textarea_bellint {
		font-size: 2.6rem;
		font-weight: 800;
		font-style: italic;
		letter-spacing: -0.05em;
		padding-left: 2.1em;
		text-align: left;
		color: #FF8C00;
		background: -webkit-linear-gradient(-45deg, rgba(30, 87, 153, 1) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.bellamyhead {
		width: 3em;
	}

	.bellamysinterview_logo {
		position: absolute;
		width: 75%;
		margin-top: -15%;
		margin-left: 12%;
	}

	.bellamysright {
		margin-top: 00px;
		position: relative;
		height: auto;
		width: 100%;
	}

	.bellamysleft {
		margin-top: 100px;
		width: 100%;
		height: auto;
		border-right: none;
		padding-right: 0;
		margin-right: 0 !important;
	}
}



#allfighters {
	position: relative;
	margin-top: 0;
	padding-bottom: 10%;
	width: 100%;
	height: auto;
	z-index: 180;
}

#features {
	position: relative;
	margin-top: -13px;
	padding-bottom: 0;
	background-repeat: no-repeat;
	background-position: center top 50%;
	width: 100%;
	height: auto;
}


.allfighters_tit {
	width: 55%;
	margin: 0 auto;
	padding-top: 7%;
}

.allfighters_headcopy {
	margin-top: 3%;
	margin-bottom: 0%;
	text-align: center;
}

.allfighters_index {
	position: relative;
	margin-top: 0.3%;
}

.allfighters_index li {
	position: relative;
	float: left;
	width: 9%;
	margin-bottom: 1.7%;
}


.top_slider_newtag {
	position: absolute;
	margin-top: 5px;
}


#allteams {
	position: relative;
	margin-top: 0;
	padding-bottom: 0;
	background: url(../img/common/kofbacklogo.png);
	background-repeat: no-repeat;
	background-position: center top 80%;
	width: 100%;
	height: auto;
	z-index: 150;
}

.allteams_index {
	position: relative;
}

.allteams_index li img {
	width: 100%;
}

.allteams_index li {
	float: left;
	width: 18.5%;
	margin-right: 2%;
	margin-bottom: 1%;
}

.allteams_index li:nth-child(5n) {
	margin-right: -20%;
}

@media screen and (min-width:320px) and (max-width:1050px) {

	.allfighters_index {
		position: relative;
		margin-top: 5%;
	}

	.allfighters_headcopy {
		margin-top: 3%;
		text-align: center;
		width: 100%;
	}

.allfighters_index {
	position: relative;
	margin-top: 0.3%;
}

.allfighters_index li {
	position: relative;
	float: left;
	width: 19%;
	margin-bottom: 1.7%;
}

.allfighters_index li:last-child{
	margin-right: -0%;
}


	.allfighters_tit {
		width: 80%;
		margin: 0 auto;
		padding-top: 14%;
		margin-bottom: 1%;
	}

	.allteams_index {
		position: relative;
	}

	.allteams_index li img {
		width: 100%;
	}

	.allteams_index li {
		float: left;
		width: 48%;
		margin-right: 2%;
		margin-bottom: 1%;
	}

	.allteams_index li:nth-child(5n) {
		margin-right: 2%;
	}

	.allteams_index li:nth-child(2n) {
		margin-right: -20%;
	}

}

#tab1 {
	position: relative;
	height: auto;
	z-index: 200;
}

#tab2 {
	position: relative;
	height: auto;
	z-index: 200;
}

.allteams_newtag {
	position: absolute;
	margin-top: -4%;
	margin-left: 16%;
}

#allteams_story {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	background: url(../teams/img/kofbacklogo_teams.png);
	background-repeat: no-repeat;
	background-position: center top 4%;
	width: 100%;
	height: auto;
	z-index: 150;
	border-top: 1px solid #fff;
}

.allteams_storyleft {
	width: 60%;
	height: auto;
	padding-top: 2%;
}

.allteams_storyright {
	width: 40%;
	height: auto;
}

.allteams_story_num {
	position: absolute;
	right: -10%;
}

.allteams_story_vsal {
	position: relative;
	width: 130%;
	margin-top: -10%;
	margin-left: -15%;
	z-index: 50;
}

.allteams_story_charalist {
	position: relative;
	width: 90%;
	margin: 5% auto;
}

.allteams_story_charalist li {
	float: left;
	width: 28%;
	margin-right: 3%;
}

.allteams_story_charalist li:last-child {
	margin-right: -20%;
}


.allteams_story_teamname {
	position: relative;
	width: 90%;
}

.allteams_story_wrp {
	position: relative;
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
	padding-bottom: 10%;
	margin-top: -7%;
	height: auto;
}

@media screen and (min-width:320px) and (max-width:1050px) {

	.allteams_story_wrp {
		position: relative;
		background-color: rgba(255, 255, 255, 0.8);
		width: 100%;
		padding-bottom: 20%;
		margin-top: -7%;
		height: auto;
	}

}

figure {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
	border: 2px solid #fff;
}



.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.hover01 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.characterlist_name {
	position: relative;
	margin-top: 4%;

}

.allteams_storytit {
	position: relative;
	width: 93%;
	margin: 0 auto;
	left: 0;
	padding-top: 4%;
	padding-bottom: 1%;
	margin-bottom: 4%;
	border-bottom: 1px solid #000;
}

.textarea_allteams_story {
	position: relative;
	font-weight: 500;
	text-indent: 1em;
	padding-top: 0;
	width: 80%;
	margin: 0 auto;
}

::-webkit-scrollbar {
	width: 7px;
}

::-webkit-scrollbar-track {
	background: #fff;
	border: none;
	border-radius: 10px;

}

::-webkit-scrollbar-thumb {
	background: #0e3673;
}

.allfighters_titimg {
	width: 70%;
	margin: 10% auto;
	margin-bottom: 3%;
}


#trailers {
	position: relative;
	margin-top: 0;
	padding-bottom: 10%;

	width: 100%;
	height: auto;
	z-index: 150;
}

#special {
	position: relative;
	margin-top: 0;
	padding-bottom: 10%;

	width: 100%;
	height: auto;
	z-index: 150;
}

.trailers_titimg {
	width: 55%;
	margin: 10% auto;
	margin-bottom: 4%;
}

.features_menu {
	position: relative;
	padding-bottom: 12%;
	width: 100%;
	height: 680px;
	z-index: 160!important;
}

.features_menubox {
	position: absolute;
	padding-top: 12%;
	width: 50%;
	right: 0;
}

.feature_newtag {
	position: relative;
	width: 15%;
	margin: 0 auto;
	margin-bottom: 1%;
}

.feature_newtag_s {
	position: relative;
	width: 20%;
	margin-bottom: 1%;
	z-index: 100;
}

.features_menulist {
	position: relative;
	width: 100%;
}

.features_menulist li {
	position: relative;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 4%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.features_menulist {
		position: relative;
		width: 100%;
	}

	.features_menulist li {
		position: relative;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 4%;
	}

	.features_titimg {
		position: relative;
		width: 100%;
		margin: 15% auto;
		margin-bottom: 2%;
	}

	.features_menu {
		position: relative;
		padding-bottom: 12%;
		width: 100%;
		height: auto;
		z-index: 60;
	}

	.features_menubox {
		position: relative;
		padding-top: 40%;
		width: 100%;
		right: 0;
		z-index: 300;
	}

	.trailers_titimg {
		width: 75%;
		margin: 15% auto;
		margin-bottom: 4%;
	}

	.allfighters_titimg {
		width: 100%;
		margin: 15% auto;
		margin-bottom: 5%;
	}

	.allteams_storytit {
		position: relative;
		width: 100%;
		margin: 0 auto;
		left: 0;
		padding-top: 4%;
		padding-bottom: 1%;
		margin-bottom: 4%;
		border-bottom: 1px solid #000;
	}

	.textarea_allteams_story {
		position: relative;
		font-weight: 500;
		text-indent: 1em;
		padding-top: 2em;
		width: 100%;
		margin: 0 auto;
	}

	.allteams_story_charalist {
		position: relative;
		width: 100%;
		margin: 5% auto;
	}

	.allteams_story_charalist li {
		float: left;
		width: 30%;
		margin-right: 5%;
	}

	.allteams_story_charalist li:last-child {
		margin-right: -20%;
	}

	.allteams_story_teamname {
		position: relative;
		width: 100%;
	}

	.allteams_storyleft {
		width: 100%;
		height: auto;
		padding-top: 2%;
	}

	.allteams_storyright {
		width: 100%;
		height: auto;
	}

	.scrollbox::-webkit-scrollbar {
		background: #ccc;
		width: 10px;
	}

	.scrollbox::-webkit-scrollbar-thumb {
		background: #aaa;
		border-radius: 50px;
		height: 50px;
	}
}


.backemblem_left {
	position: fixed;
	left: 0;
	margin-top: 8%;
	width: 25%;
}

.backemblem_right {
	position: fixed;
	right: 0;
	margin-top: 8%;
	width: 25%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.backemblem_left {
		position: fixed;
		left: 0;
		margin-top: 35%;
		width: 50%;
	}

	.backemblem_right {
		position: fixed;
		right: 0;
		margin-top: 35%;
		width: 50%;
	}
}

.features_cattit {
	width: 60%;
	margin: 0 auto;
	margin-bottom: 0;
}

.features_cattit_u {
	width: 70%;
	margin: -25% auto;
	margin-bottom: 0;
}

.features_cattit_c {
	width: 70%;
	margin: 0 auto;
	margin-bottom: 0;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.features_cattit {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 0;
	}

	.features_cattit_c {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 0;
	}

	.features_cattit_u {
		width: 100%;
		margin: -25% auto;
		margin-bottom: 0;
	}

}

.features_catimg {
	margin-top: 1.5%;
	background: url(../features/img/feat_shutterstrikeimg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
	height: 60vh;
}

.features_shutterstrike_detail_base {
	position: relative;
	z-index: 30;
}

.features_shutterstrike_detailwrp {
	position: relative;
	margin-top: 7%;
}


.features_shutterstrike_detail_a {
	position: absolute;
	margin-top: 10%;
	width: 25%;
}

.features_shutterstrike_detail_b {
	position: absolute;
	margin-top: 11.7%;
	margin-left: 16%;
	z-index: 50;
	width: 44%;
}

.features_shutterstrike_detail_c {
	position: absolute;
	margin-top: 13%;
	margin-left: 29%;
	width: 24%;
}

.features_shutterstrike_detail_d {
	position: absolute;
	margin-top: 14%;
	margin-left: 60%;
	width: 17%;
}

.features_shutterstrike_detail_e {
	position: absolute;
	margin-top: 3.3%;
	margin-left: 72%;
	z-index: 60;
	width: 22.5%;
}

.textarea_featuresamendment {
	margin-top: 0.5em;
	font-weight: 400;
	color: #fff;
}

.moviecorner_left {
	position: relative;
	width: 43%;
}

.moviecorner_right {
	position: relative;
	width: 52%;
}


.features_moviecorner {
	margin-top: 5%;
}

.features_3on3corner {
	position: relative;
	margin-top: 3%;
	z-index: 50;
}

.features_rushcorner {
	position: relative;
	margin-top: 3%;
	z-index: 100;
}

.textarea_moviecorner {
	margin-top: 1em;
	font-weight: 500;
	line-height: 1.6em;
	color: #fff;
	text-align:justify;
	word-break: break-all;
  line-break: strict;
  word-wrap:break-word;
  overflow-wrap: break-word;
}

.textarea_featlead {
	margin-top: 0.7em;
	font-weight: 500;
	color: #fff;
}

.textarea_featuressubdetail {
	margin-top: 1em;
	font-weight: 500;
	margin-left: 6%;
	color: #fff;
}

.features_subdetailwpr {
	position: relative;
	margin-top: 5%;
	margin-bottom: 5%;
	border: 2px solid #fff;
	padding: 3% 3%;
}

.features_sudetailbase2 {
	margin-top: 5%;
	width: 85%;
	margin-left: 5.5%;
}

.features_subsystem {
	position: relative;
	margin-top: 2%;
	margin-bottom: 8%;
	z-index: 100;
}

.features_subsystem li {
	position: relative;
	float: left;
	width: 48%;
	margin-right: 3.5%;
}

.features_subsystem li:nth-child(2n) {
	margin-right: -20%;
	margin-bottom: 7%;
}

.featsubimg {}


@media screen and (min-width:320px) and (max-width:1050px) {
	.features_subdetailwpr {
		position: relative;
		margin-top: 5%;
		margin-bottom: 15%;
		border: 2px solid #fff;
		padding: 3% 3%;
	}

	.featsubimg {
		width: 100%;
		padding-bottom: 1em;
	}

	.features_subsystem {
		position: relative;
		margin-top: 5%;
	}

	.features_subsystem li {
		float: left;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15%;
	}

	.features_subsystem li:last-child {
		margin-right: -20%;
	}

	.moviecorner_left {
		width: 100%;
	}

	.moviecorner_right {
		width: 100%;
		margin-top: 7%;
	}

	.features_moviecorner {
		margin-top: 12%;
	}

}

.pointtag {
	position: absolute;
	margin-top: 0.8%;
	margin-left: -7%;
	width: 11%;
}

.pointtag2 {
	position: absolute;
	margin-top: 0.8%;
	margin-left: -12%;
	width: 11%;
}

.features_maxmodewrp {
	position: relative;
	margin-top: 5%;
	margin-bottom: 10%;
	padding-bottom: 0.5%;
	background: url(../features/img/feat_maxmodebackimg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
	height: auto;
	z-index: 140;
	overflow: hidden;
}

.maxmode_cattit {
	position: relative;
	width: 75%;
	margin: 0 auto;
}

.maxmode_cattit2 {
	position: relative;
	width: 55%;
	margin: 0.5% auto;
}

.maxmode_cattit3 {
	position: relative;
	width: 100%;
	margin: 0 auto;
	bottom: 0;
	left: 0;
}

.maxmode_moviewrp {
	position: relative;
	margin-top: 3%;
	margin-bottom: 3%;
}

.maxmode_moviewrp li {
	position: relative;
	float: left;
	width: 48%;
	margin-right: 4.3%;
}

.maxmode_moviewrp li:last-child {
	margin-right: -10%;
}

.maxmode_backimg {
	position: absolute;
	margin-left: -13%;
	width: 45%;
}

.features_menu_bottom {
	position: relative;
	width: 100%;
	height: 150px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index: 100;
}

.features_shutterstrikewrp {
	position: relative;
	margin-top: 10%;
	margin-bottom: 10%;
	z-index: 170;
}

.maxmode_moviecatch {
	position: absolute;
	width: 40%;
	margin-top: -37%;
	right: 0;
	z-index: 53;
}

.maxmode_bakudan {
	position: absolute;
	width: 28%;
	margin-top: -2%;
	left: -7%;
	z-index: 53;
}

.maxmode_moviecover {
	position: relative;
	z-index: 51;
}

.features_menubackimg {
	position: fixed;
	padding-bottom: 3%;
	margin-bottom: 12%;
	background: url(../img/main/top_feature_backimg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 640px;
	z-index: 2;
}

.features_about {
	position: relative;
	z-index: 100;
	margin-bottom: 8%;
}

.features_aboutimg {
	width: 100%;
	margin-top: -6%;
}

.textarea_about {
	color: #fff;
	width: 70%;
	margin: 1em auto;
}

.features_3on3 {
	position: relative;
	z-index: 100;
	margin-bottom: 2%;
}

.trailer_index {
	margin-top: 1%;
	margin-bottom: 5%;
}

.trailer_index li {
	float: left;
	width: 15.5%;
	margin-right: 1.5%;
	margin-bottom: 1.5em;
}

.trailer_index li img {
	border: thin solid #fff;
}

.trailer_index li:nth-child(6n) {
	margin-right: -20%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.maxmode_moviewrp {
		position: relative;
		margin-top: 3%;
		margin-bottom: 3%;
	}

	.maxmode_moviewrp li {
		position: relative;
		float: left;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10%;
	}

	.maxmode_moviewrp li:last-child {
		margin-right: 0;
	}

	.features_maxmodewrp {
		position: relative;
		margin-top: 5%;
		margin-bottom: 10%;
		padding-bottom: 6%;
		background: url(../features/img/feat_maxmodebackimg.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		width: 100%;
		height: auto;
		z-index: 140;
		overflow: hidden;
	}

	.maxmode_cattit {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}

	.maxmode_cattit2 {
		position: relative;
		width: 80%;
		margin: 0.5% auto;
	}

	.maxmode_moviecatch {
		position: relative;
		width: 115%;
		margin-top: -10%;
		right: -32%;
		z-index: 53;
	}

	.maxmode_bakudan {
		position: absolute;
		width: 30%;
		margin-top: -3%;
		left: -10%;
		z-index: 53;
	}

	.maxmode_moviecover {
		position: relative;
		width: 100%;
		margin-left: 0;
		right: 0;
		z-index: 51;
	}

	.maxmode_backimg {
		position: absolute;
		margin-left: -30%;
		width: 110%;
	}

	.maxmode_cattit3 {
		position: absolute;
		width: 100%;
		margin: 0 auto;
		bottom: 0;
		left: 0;
	}

	.features_3on3 {
		position: relative;
		z-index: 100;
		margin-top: 15%;
		margin-bottom: 0;
	}

	.textarea_about {
		color: #fff;
		width: 100%;
		margin: 2em auto;
	}

	.features_catimg {
		margin-top: 1.5%;
		background: url(../features/img/feat_shutterstrikeimg.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		width: 100%;
		height: 30vh;
	}

	.features_menubackimg {
		position: fixed;
		padding-bottom: 3%;

		margin-bottom: 12%;
		background: url(../img/main/top_feature_backimg.jpg);
		background-position: center 10% top;
		background-repeat: no-repeat;
		background-size: 140%;
		width: 100%;
		height: 640px;
		z-index: 2;
	}


	.trailer_index {
		margin-top: 1%;
		margin-bottom: 5%;
	}

	.trailer_index li {
		float: left;
		width: 32%;
		margin-right: 1.5%;
		margin-bottom: 1.5em;
	}

	.trailer_index li img {
		border: thin solid #fff;
	}

	.trailer_index li:nth-child(6n) {
		margin-right: 0;
	}

	.trailer_index li:nth-child(3n) {
		margin-right:-10%;
	}
}

.trarilers_subtitimg {
	width: 50%;
	margin: 0 auto;
	margin-bottom: 1%;
}

.fighters_trailerbnr {
	position: relative;
	width: 80%;
	margin: 2% auto;
	z-index: 100;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.fighters_trailerbnr {
		position: relative;
		width: 90%;
		margin: 2% auto;
		z-index: 100;
	}

	.f_languageselect_sptit {
		position: absolute;
		width: 45%;
		margin: 80% auto;
		margin-left: 25%;
		z-index: 200;
	}

	.trarilers_subtitimg {
		width: 80%;
		margin: 0 auto;
		margin-bottom: 1%;
	}
}

.textarea_trailers {
	margin-top: 0.5em;
	color: #fff;
	font-weight: 500;
}

#js-btn-wrap {
	position: relative;
	z-index: 170;
}

.top_slider_wrp {
	position: absolute;
	bottom: 100px;
	width: 100% !important;
	z-index: 182;
}

.spbgimg {
	position: fixed;
	height: 100vh;
	background: url(../img/common/top_backimg_visual_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	width: 100%;
	z-index: 20;
	background-attachment: fixed;
}



.sp_allfightersbnr {
	position: absolute;
	margin-top: 60px;
	right: 15px;
	width: 23%;
	z-index: 60;
}

.top_spbnr1 {
	position: relative;
	margin-top: 7%;
	z-index: 150;
}



/*overlay*/

.overlay {
	position: fixed;
	background: rgba(0, 0, 0, 0.9);
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;

	visibility: hidden;
	-webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
	transition: opacity 0.35s, visibility 0.35s, height 0.35s;
	overflow: hidden;
	z-index: 3300;
}

.overlay.close {
	position: fixed;
	background: #000;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
	transition: opacity 0.35s, visibility 0.35s, height 0.35s;
	overflow: hidden;
	z-index: 3300;
}


.overlay.open {
	visibility: visible;
	height: 100%;
}

.overlay.spmenulogo {
	-webkit-animation: fadeInRight 0.5s ease forwards;
	animation: fadeInRight 0.5s ease forwards;
	-webkit-animation-delay: 0.35s;
	animation-delay: 0.35s;
}

.overlay.open li {
	-webkit-animation: fadeInRight 0.5s ease forwards;
	animation: fadeInRight 0.5s ease forwards;
	-webkit-animation-delay: 0.35s;
	animation-delay: 0.35s;
}

.overlay.open li:nth-of-type(2) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.overlay.open li:nth-of-type(3) {
	-webkit-animation-delay: 0.45s;
	animation-delay: 0.45s;
}

.overlay.open li:nth-of-type(4) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.overlay.open li:nth-of-type(5) {
	-webkit-animation-delay: 0.55s;
	animation-delay: 0.55s;
}

.overlay.open li:nth-of-type(6) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.overlay.open li:nth-of-type(7) {
	-webkit-animation-delay: 0.65s;
	animation-delay: 0.65s;
}

.overlay.open li:nth-of-type(8) {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.spmenulogo {
	width: 60%;
	margin: 10% auto;
	margin-bottom: 5%;
}



.gnavilist {
	position: relative;
	height: auto;
	width: 90%;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
	font-size: 3rem;
	color: #fff;
	text-align: center;
	margin: 1% auto;
	list-style: none;
}

.gnavilist li {
	display: block;
	min-height: 40px;
	margin-bottom: 5%;
	position: relative;
	opacity: 0;
}

.gnavilist li a {
	display: block;
	position: relative;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
}


@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		left: 20%;
	}

	100% {
		opacity: 1;
		left: 0;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		left: 20%;
	}

	100% {
		opacity: 1;
		left: 0;
	}
}



.button_containerwrp {
	position: absolute;
	top: 12px;
	left: 13px;
	width: 55px;
	height: 30px;
	z-index: 3500;
	cursor: pointer;
}


.button_container.close {
	top: 10px;
	height: 30px;
	width: 55px;
	cursor: pointer;
	z-index: 100
}

.button_container span {
	background: #fff;
	border: 0;
	height: 3px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
	z-index: 3300;
}

.button_container span:nth-of-type(2) {
	top: 10px
}

.button_container span:nth-of-type(3) {
	top: 20px
}



.toplogo {
	position: relative;
	margin-top: -4%;
	z-index: 100;
}

.textarea_ft_br {
	display: block;
}


#gnavi {
	position: relative;
}


.spmenu_subtext {
	font-weight: 500;
	color: dodgerblue;
}

.textarea_allteams_index {
	font-weight: 800;
	color: #fff;
	text-align: center;
	font-style: italic;
	margin-top: -0.2em;
}

.backbtn {
	text-align: center;
}


.glayout {
	opacity: 0.6;
}


.charabtn {
	margin: 2% auto;
}



.top_products_backimg {
	position: absolute;
	margin-top: 0;
	right: 0;
	width: 59%;
	z-index: 140;
}

.textarea_kor {
	font-weight: 600 !important;
}





.notoSansSC {
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 800;
}

.notoSansSC_t {
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 500;
}

.notoSansSC_tb {
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 900;
}

.fighterspotential {
	z-index: 60;
}

.featcopy_t {
	position: relative;
	margin-top: 7%;
}

@media screen and (min-width:320px) and (max-width:1050px) {

	.toplogo {
		position: relative;
		width: 90%;
		margin: 0 auto;
		z-index: 100;
	}

	.featcopy_t {
		margin-top: 5%;
		margin-bottom: 0;
	}
}

.textarea_maxmode {
	margin-top: 2%;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 1em 2em;
	color: #fff;
	font-weight: 600;
	text-align: left;
}

.textarea_spanb {
	font-weight: 800;
	font-size: 2.5rem;
	letter-spacing: 0.05em;
}


.textarea_credit {
	font-size: 1.1rem;
	color: #888;
	width: 80%;
	margin: 0 auto;
}

.pflogomark {
	position: relative;
	width: 1.5%;
}

.pflogomark_mid {
	position: relative;
	width: 3.5%;
}

.pltfmft {
	margin-top: 5%;
	margin-bottom: 0%;
}

.pflogomark {
	position: relative;
	width: 1.3%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.textarea_credit {
		font-size: 1.1rem;
		color: #888;
		width: 100%;
		margin: 0 auto;
	}

	.platform {
		margin: -8% auto;
		margin-bottom: 10%;
		width: 100%;
		margin-left: 0;
		filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
	}

	.pflogomark {
		position: relative;
		width: 4%;
	}

	.pflogomark_mid {
		position: relative;
		width: 7.5%;
	}

	.pltfmft {
		margin-top: 5%;
		margin-bottom: 3%;
	}
}


.topplatform {
	position: relative;
	width: 80%;
	left: 8%;
	margin-top: -3%;
	margin-bottom: 1%;
	filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
}

.ft_creditarea {
	margin-top: 5%;
	margin-bottom: 0;
	background-color: #0093dc;
	padding: 2em 1em;
}

.textarea_ft_credit {
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 1.2rem;
}

.textarea_productsummary {
	font-weight: 600;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 5%;
	text-align: left;
	margin-left: 2%;
	line-height: 1.8em;
}

.textarea_productsummary br {
	display: block;
}

.tokutenleft {
	width: 60%;
}

.tokutenright {
	width: 35%;
}

.products_tokutenwrp {
	position: relative;
	padding: 3em 3em;
}

.textarea_tokutentit {
	margin-top: -2%;
	font-weight: 800;
	color: #0e3673;
	text-align: center;
	line-height: 1.2em;
	margin-bottom: 0;
letter-spacing: -0.05em;
}

.textarea_tokutentit span {
	visibility: hidden;
}


.products_tokutenlist {
	position: relative;
	margin-top: 4%;
}

.products_tokutenlist li {
	width: 48.2%;
	float: left;
	margin-right: 4%;
	margin-bottom: 5%;
	min-height: 700px;
	border: 4px solid #033080;
}

.products_tokutenlist li:nth-child(2n) {
	margin-right: -20%;
}

.tokutentit {
	margin-bottom: 4%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.textarea_productsummary br {
		display: none;
	}

	.topplatform {
		position: relative;
		width: 100%;
		left: 0%;
		margin-top: -3%;
		margin-bottom: 1%;
		filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
	}

	.products_tokutenwrp {
		position: relative;
		padding: 2em 2em;
	}

	.textarea_productsummary {
		font-weight: 600;
		width: 100%;
		margin-top: 2%;
		margin-bottom: 5%;
		text-align: left;
		margin-left: 0%;
		line-height: 1.6em;
	}

	.products_tokutenlist {
		position: relative;
	}

	.products_tokutenlist li {
		width: 100%;
		float: none;
		margin-right: 4%;
		margin-bottom: 5%;
		border: 4px solid #033080;
		min-height: auto;
	}

	.products_tokutenlist li:nth-child(2n) {
		margin-right: -20%;
	}
}

.nbb {
	border-bottom: none !important;
}

.productimg {
	filter: drop-shadow(3px 3px 2px rgb(0, 0, 0, 0.6));
	margin-bottom: 4%;
}

.atariimg {
	margin-bottom: 5%;
}

#products_campaign {
	position: relative;
	margin-top: 0;
	padding-bottom: 3%;

	background: -moz-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* FF3.6-15 */

	background: -webkit-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */

	background: url(../img/main/products_campaignback.svg), linear-gradient(-55deg, rgba(255, 0, 0, 0.2) 0%, rgba(255, 0, 0, 0.8) 17%, rgba(255, 0, 0, 0.8) 36%, rgba(3, 48, 131, 0.6) 65%, rgba(3, 48, 131, 0.7) 82%, rgba(30, 87, 153, 0)100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
	background-position: center top 30%;

	width: 100%;
	height: auto;

}


.products_campaignwrp {
	position: relative;
	padding-top: 5%;
	z-index: 100;
}

.specialwpleft {
	width: 50%;
	margin-top: 1%;
}

.specialwpright {
	width: 47%;
	margin-top: 1%;
	margin-bottom: 5%;
}

.specialwpleftlist {
	position: relative;
}

.specialwpleftlist li {
	margin-bottom: 5%;
}

.special_coverlist {
	position: relative;
	margin-bottom: 7%;
}

.special_coverlist li {
	float: left;
	width: 47.3%;
	margin-right: 5%;
}

.special_coverlist li:last-child {
	margin-right: -20%;
}

.sptw {
	width: 50%;
}

.spfb {
	width: 60%;
}

.spcover {
	margin-bottom: 3%;
}

.twproflist {
	position: relative;
	margin-bottom: 5%;
}

.twproflist li {
	float: left;
	width: 8.5%;
	margin-right: 1.6%;
	margin-bottom: 1.8%;
}

.twproflist li:nth-child(10n) {
	margin-right: -20%;
}

.twproflist li:last-child {
	margin-right: 100%;
}



@media screen and (min-width:320px) and (max-width:1050px) {
	.specialwpleft {
		width: 100%;
		margin-top: 1%;
		margin-bottom: 5%;
	}

	.specialwpright {
		width: 100%;
		margin-top: 1%;
		margin-bottom: 5%;
	}

	.special_coverlist {
		position: relative;
		margin-bottom: 7%;
	}

	.special_coverlist li {
		float: left;
		width: 100%;
		margin-right: 5%;
		margin-bottom: 8%;
	}

	.twproflist {
		position: relative;
		margin-bottom: 10%;
	}

	.twproflist li {
		float: left;
		width: 18.7%;
		margin-right: 1.6%;
		margin-bottom: 1.8%;
	}

	.twproflist li:nth-child(10n) {
		margin-right: 0%;
	}

	.twproflist li:nth-child(5n) {
		margin-right: -10%;
	}

}

.story_prologue {
	position: relative;
	width: 30%;
	margin: 5% auto;
	margin-bottom: 2%;

}

.story_img_left {
	position: absolute;
	margin-top: 23%;
	right: -12%;
}

.story_img_right {
	position: absolute;
	margin-top: 23%;
	left: -12%;
}

.story_spimg {
	margin-top: 6%;
	margin-bottom: 8%;
}


@media screen and (min-width:320px) and (max-width:1050px) {
	.story_prologue {
		width: 50%;
		margin: 5% auto;
		margin-bottom: 4%;
	}
}

.features_tit_system {
	position: relative;
	width: 83%;
	margin: 0 auto;
	margin-bottom: 1%;
	z-index: 55;
}

.features_system_top {
	position: relative;
	margin-top: 0;
	width: 100%;

	z-index: 50;
}

.features_system_shatter {
	position: relative;
	margin-top: 0;
	width: 100%;
}

.textarea_cattopcopy {
	position: relative;
	margin-top: 3%;
	font-weight: 800;
	color: #fff;
	text-align: center;
	font-style: italic;
	margin-bottom: 5%;
	line-height: 1.7em;
	z-index: 50;
}

.textarea_cattopcopy br {
	display: block;
}

.subtit {
	position: relative;
	width:100%;
	margin: 0 auto;
	margin-left: 5%;
}

.feat_img {
	position: relative;
	margin-bottom: 15%;
	z-index: 50;
}

.feat_img li {
	float: left;
	width: 48%;
	margin-right: 3.5%;
}

.feat_img li:last-child {
	margin-right: -10%;
}

.feat_online {
	position: relative;
	z-index: 55;
}

.feat_contents {
	position: relative;
	z-index: 55;
}

.features_cattit_shatter {
	margin-bottom: 2%;
}

br.spbr {
	display: block;
}


@media screen and (min-width:320px) and (max-width:1050px) {
	.features_cattit_shatter {
	margin-bottom: 2%;
}
	.features_system_shatter {
		position: relative;
		margin-top: 0;
		margin-bottom: 5%;
		width: 140%;
		text-align: center;
	}

	.textarea_cattopcopy {
		margin-top: 1%;
		font-weight: 800;
		color: #fff;
		text-align: left;
		font-style: italic;
		margin-bottom: 5%;
		line-height: 1.8em;
	}

	.textarea_cattopcopy br {
		display: none;
	}

	br.spbr {
		display: block;
	}

	.subtit {
		position: relative;
		width: 90%;
		margin-top: -3%;
		right: 0%;
		left:-0%;
	}

	.features_tit_system {
		width: 100%;
		margin-bottom: 3%;
	}

	.features_tit_olilne {
		width: 150%;
		margin-left: -25%;
		margin-bottom: 3%;
	}

	.features_tit_contents {
		width: 150%;
		margin-left: -25%;
		margin-bottom: 3%;
	}
}


.teamsandcharactersindex {
	position: relative;
	margin-top: 1.5%;
	width: 100%;
}

.teamsandcharactersindex li {
	position: relative;
	float: left;
	width: 24.5%;
	margin-right: 1%;
}

.teamsandcharactersindex li:last-child {
	margin-right: -20%;
}

.teamsandcharactersindex_innerlist {
	position: relative;
	width: 128%;
}

.teamsandcharactersindex_innerlist li {
	float: left;
}

.textarea_innerlist {
	color: #fff;
	font-weight: 800;
	font-style: italic;
	letter-spacing: -0.1em;
	text-align: center;
	margin-left: -1em;
	margin-top: 0.3em;
	margin-bottom: 0;
}

.textarea_innerlistcountry {
	font-weight: 600;
	color: #fff;
	font-style: italic;
	text-align: center;
	margin-top: -0.5em;
	margin-left: -10%;
}


@media screen and (min-width:320px) and (max-width:1050px) {
	.teamsandcharactersindex {
		position: relative;
		margin-top: 0%;
		width: 100%;
	}

	.teamsandcharactersindex li {
		float: left;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 5%;
	}

	.teamsandcharactersindex li:last-child {
		margin-right: 0%;
	}

	.teamsandcharactersindex li:nth-child(2n) {
		margin-right: 0%;
	}

	.teamsandcharactersindex_innerlist {
		position: relative;
	}

	.teamsandcharactersindex_innerlist li {
		float: left;
		width: 25%;
		margin-bottom: 0;
	}

	.textarea_innerlist {
		color: #fff;
		font-weight: 800;
		font-style: italic;
		text-align: center;
		margin-left: -01em;
		margin-top: 0.3em;
		margin-bottom: 0;
	}

	.textarea_innerlistcountry {
		font-weight: 600;
		color: #fff;
		font-style: italic;
		text-align: center;
		margin-top: -0.2em;
		margin-left: -10%;
	}
}

.features_budge {
	position: absolute;
	width: 20%;
	margin-top: 5%;
	margin-left: -5%;
	z-index: 100;
}

.products_lineupobi {
	position: relative;
	margin-top: 4%;
	margin-bottom: 4%;
	z-index: 180;
}



.textarea_productsummary_special {
	position: relative;

}

.storeobi {
	margin-top: 10%;
	margin-bottom: 0%;
}



.productlist {
	margin-top: 3%;

}

.productlist li {
	float: left;
	width: 30.8%;
	margin-right: 3.9%;
	margin-bottom: 4%;
}

.productlist li:nth-child(3n) {
	margin-right: -20%;
}

.productlistwrp {
	position: relative;
	z-index: 100;
	transition: all .2s;
}
.productlistwrp a:hover {
	opacity: 0.8;
	transition: all .2s;
}


.pflogo {
	padding-bottom: 2%;
	margin-bottom: 7%;
	border-bottom: 1px solid #333;

}

.productolist_textarea {
	padding-bottom: 8%;
	margin-bottom: 8%;
	border-bottom: 1px solid #fff;
	color: #fff;

}

.prmb {
	padding-bottom: 8%;
	margin-bottom: 8%;
	border-bottom: 1px dotted #fff;
}

.products_store_ps4 {
	margin-bottom: 5%;
}




@media screen and (min-width:320px) and (max-width:1050px) {
	.textarea_productsummary_special {
		position: relative;
		margin-bottom: 15%;
	}

	.products_lineupobi {
		width: 250%;
		margin-top: 4%;
		margin-bottom: 8%;
		margin-left: -75%;
		overflow: hidden !important;
	}

	.productlist {
		margin-top: 5%;

	}

	.productlist li {
		float: left;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 10%;
	}

	.productlist li:nth-child(3n) {
		margin-right: 6%;
	}

	.productlist li:nth-child(2n) {
		margin-right: -40%;
	}


	.productlist li:last-child {
		margin-right: 0;
	}

}

.textarea_campaignlist {
	font-weight: 800;
	margin-top: 2%;
	margin-bottom: 3%;
	color: #fff;
	text-align: center;
}

.textarea_campaignlist br {
	display: none;
}

.textarea_campaignlist_s {
	font-weight: 600;
	color: #fff;
	margin-bottom: 0;
}

.snkops4 {
	margin-top: 5%;
	margin-bottom: 3%;
}

.products_campaignlist {}

.products_campaignlist li {
	float: left;
	border: 2px solid #fff;
	padding: 2em 2em;
	width: 47%;
	margin-right: 5%;
	margin-bottom: 5%;
}

.products_campaignlist li:nth-child(2n) {
	margin-right: -20%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.textarea_campaignlist br {
		display: block;
	}

	.products_campaignlist {}

	.products_campaignlist li {
		float: left;
		border: 2px solid #fff;
		padding: 2em 2em;
		width: 100%;
		margin-right: 5%;
		margin-bottom: 5%;
	}
}



#campaign {
	position: relative;
	width: 100vw;
	height: auto;
	padding: 8% 5% 8% 5%;
	margin-bottom: 0;
	background: -moz-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* FF3.6-15 */

	background: -webkit-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(-55deg, rgba(255, 0, 0, 0.2) 0%, rgba(255, 0, 0, 1) 17%, rgba(255, 0, 0, 0.8) 36%, rgba(3, 48, 131, 1) 65%, rgba(3, 48, 131, 1) 82%, rgba(30, 87, 153, 1)100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/ z-index: 600 !important;

}

.campbgimg {
	position: absolute;
	z-index: 110;
	left: 0;
	margin-top: -8.9%;
	opacity: 0.3;
}

.campaign_tit {
	position: relative;
	z-index: 110;
}

.campaign_left {
	position: relative;
	margin-top: 4%;
	width: 45%;
	z-index: 110;
}

.campaign_right {
	position: relative;
	width: 52%;
	z-index: 110;
}

.textarea_camplead {
	position: relative;
	color: #fff;
	font-weight: 500;
	z-index: 500;
}


@media screen and (min-width:320px) and (max-width:1050px) {
	#campaign {
		width: 100vw;
		height: auto;
		padding: 15% 0 15% 0;
		margin-bottom: 5%;
		background: rgb(0, 79, 188);
		/* Old browsers */
		background: -moz-linear-gradient(-45deg, rgba(0, 79, 188, 1) 0%, rgba(237, 28, 36, 1) 97%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, rgba(0, 79, 188, 1) 0%, rgba(237, 28, 36, 1) 97%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, rgba(0, 79, 188, 1) 0%, rgba(237, 28, 36, 1) 97%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/ z-index: 500 !important;

	}

	.campbgimg {
		position: absolute;
		z-index: 40;
		left: -10%;
		margin-top: -14.5%;
		opacity: 0.3;
	}

	.campaign_left {
		position: relative;
		margin-top: 4%;
		width: 100%;
		z-index: 100;
	}

	.campaign_right {
		position: relative;
		width: 100%;
		z-index: 100;
	}
}

.textarea_campaignlist br.brb {
	display: block;
}

.spbackimgvisual {
	position: fixed;
	width: 100%;
	background-attachment: fixed;
}

.feature_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: red;
	z-index: 30;
}

.fontsmall {
	position: relative;
	font-size: 2rem;
	margin-top: 0;
	font-weight: 600;
	text-align: center;
	color: #0e3673;
	margin-bottom: 0;
}

#unchor_store {
	position: absolute;
	margin-top: -5%;
}

.storelinkbtn {
	background-color: #0351a9;
	width: 200px;
	height: auto;
	padding:0.5em 0.5em;
	margin: 5% auto;
	transition: all .2s;
}	
.storelinkbtn:hover {
	background-color: #0383ce;
	transition: all .2s;
	cursor: pointer;
	text-decoration: none;
}


.textarea_storelink {
	font-weight: 600;
	color:#fff;
	text-align: center;
	margin-bottom: 0;

	
}
.textarea_storelink:hover {
	text-decoration: none;

}

.trsp {
	opacity: 0;
}

			
.teamstorycoming {
	position: relative;
	width: 100%;
}
.teams_update {
	position: absolute;
	margin-top: -1.5%;
	margin-left: -0.5%;
}
.tab_content {
	position: relative;
	padding-top:6%;
}
.tab_content_teams {
	padding-top:0%;
}
@media screen and (min-width:320px) and (max-width:1050px) {
	.tab_content {
	position: relative;
	padding-top:80%;
}
	.tab_content_teams {
	padding-top:0%;
}
	.teams_update {
	position: absolute;
	margin-top: -2.5%;
	margin-left: -0.5%;
}
}

#products_zh {
	position: relative;
	margin-top: -20px;
	margin-bottom: 0;
	padding-bottom: 5%;
	background: url(../img/main/news_newsback.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: auto;
	z-index: 100;
}
#products_u_zh {
	position: relative;
	margin-bottom: 0;
	padding-top: 5%;
	padding-bottom: 5%;
	background: url(../img/main/news_newsback.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: auto;
	z-index: 100;

}

@media screen and (min-width:320px) and (max-width:1050px) {
	#products_zh {
	position: relative;
	padding-top: 50px;
	margin-bottom: 0;
	padding-bottom: 5%;
	background: url(../img/main/news_newsback.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: auto;
	z-index: 100;
}
}


.charaimage_position {
 margin-left:-10%;
	margin-top: -6%;
	width: 80%;
}


.charaimage_zoom {
  position: absolute;
  margin-top:500px;
  width: 15%;
}
@media screen and (min-width:320px) and (max-width:1050px) {
  .charaimage_position {
 margin-left: 0%;
		width: 100%;
}
  .charaimage_zoom {
  position: absolute;
  margin-top:12%;
  width: 23%;
}
}



#newcharacter_double {
	border-top:thin #fff solid;
	position: relative;
	margin-top: 0;
	padding-bottom: 0%;

	background: -moz-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* FF3.6-15 */

	background: -webkit-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */

	background: url(../img/common/kofbacklogo.png), linear-gradient(-55deg, rgba(255, 0, 0, 0.2) 0%, rgba(255, 0, 0, 0.8) 17%, rgba(255, 0, 0, 0.8) 36%, rgba(3, 48, 131, 0.6) 65%, rgba(3, 48, 131, 0.7) 82%, rgba(30, 87, 153, 0)100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
	background-position: center top 30%;

	width: 100%;
	height: 750px;
	z-index: 120;

}

.textarea_fighterscv_double {
	position: relative;
	color: #fff;
	margin-top: -2%;
	margin-bottom: 0;
	font-size: 2.3rem;
	letter-spacing: -0.1em;
	font-weight: 800;
	font-style: italic;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	z-index: 50;
	text-align: center;
	left:-4%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
		#newcharacter_double {
		position: relative;
		margin-top: 0;
		padding-bottom: 17%;

		background: -moz-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
		/* FF3.6-15 */

		background: -webkit-linear-gradient(-45deg, rgba(30, 87, 153, 0) 0%, rgba(3, 48, 131, 1) 17%, rgba(3, 48, 131, 1) 36%, rgba(255, 0, 0, 1) 65%, rgba(255, 0, 0, 1) 82%, rgba(255, 0, 0, 0) 100%);
		/* Chrome10-25,Safari5.1-6 */

		background: linear-gradient(-55deg, rgba(255, 0, 0, 0.2) 0%, rgba(255, 0, 0, 0.8) 17%, rgba(255, 0, 0, 0.8) 36%, rgba(3, 48, 131, 0.6) 65%, rgba(3, 48, 131, 0.7) 82%, rgba(30, 87, 153, 0)100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background-repeat: no-repeat;
		background-position: center top 30%;

		width: 100%;
		height: auto;
		z-index: 130;
	}
}

.textvisible {
	visibility: hidden;
}

.fighters_pattern_ci {
	width: 160%;
	margin-top: -2%;
	margin-left: -19%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.fighters_pattern_ci {
	width: 160%;
	margin-top: -8%;
	margin-left: -30%;
}
}

##newcharacter_unchor {
	position: absolute;
	margin-top: 100px;
}

.textarea_jp {
	font-family: Noto Sans Japanese, sans-serif!important;
}


.overlay_o {
 display:none;
width: 100%;
height: 105%;
background: rgba(0,0,0,0.6);
position: fixed;
z-index:1500;
	margin-top: -5%;
}

.btn_area {
position:absolute;
	margin-top: 1%;
	right:1%;
	cursor: pointer;
}
.btn_area button{
    display:block;
    margin:0 auto;
}

.top_info_box_o {
	position: fixed;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	right:0;
}

.infobox_infowrp_o {
	position: relative;
	margin-top: -10%;
	margin-left: 0;
	text-align: center;
		background-color:rgba(255,255,255,0.6);
		width:60%;
	height: auto;
}

.obtlinkbtn {
	width: 40%;
	margin: -13% auto;
	
}


@media screen and (min-width:320px) and (max-width:1050px) {
	.top_info_box_o {
	position: fixed;
	width: 100%;
	height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;
	right:0;
}
.infobox_infowrp_o {
	position: relative;
	margin-top: 0%;
	margin-left: 0;
	text-align: center;
		background-color:rgba(255,255,255,0.6);
		width:75%;
	height: auto;
}
	.obtlinkbtn {
	width: 80%;
	margin: -20% auto;
	
}
}

.fighters_pattern_ak {
	width: 160%;
	margin-top: -0%;
	margin-left: -30%;
}


.exbackimg {
	position: relative;
	text-align: center;
	width: 120%;
	margin-left: -10%;
	margin-bottom: 2%;
}
.extit {
	position: absolute;
	z-index: 100;
	width: 60%;
	margin-top: 20%;
	margin-left: 20%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
	.exbackimg {
	position: relative;
	text-align: center;
	width: 110%;
	margin-left: -5%;
	margin-bottom: 5%;
}
.extit {
	position: absolute;
	z-index: 100;
	width: 80%;
	margin-top: 20%;
	margin-left: 8%;
}
}



.fighters_pattern_o {
	width: 160%;
	margin-top: 7%;
	margin-left: -20%;
	
}	
 .fighters_pattern_g {
	width: 160%;
	margin-top: 7%;
	margin-left: -35%;
	
}

@media screen and (min-width:320px) and (max-width:1050px) {
.fighters_pattern_g {
		width: 160%;
		margin-top: 10%;
		margin-left: -40%;
	}
}
@media screen and (min-width:320px) and (max-width:1050px) {
.fighters_pattern_o {
		width: 160%;
		margin-top: 10%;
		margin-left: -20%;
	}
}

.fighters_pattern_oroch {
	width: 160%;
	margin-top: 0%;
	margin-left: -20%;
	
}
@media screen and (min-width:320px) and (max-width:1050px) {
.fighters_pattern_oroch {
		width: 130%;
		margin-top: 0%;
		margin-left: -10%;
	}
}

.fighters_pattern_h {
	width: 160%;
	margin-top: -60%;
	margin-left: -20%;
}
@media screen and (min-width:320px) and (max-width:1050px) {
.fighters_pattern_h {
	width: 130%;
	margin-top: -50%;
	margin-left: -00%;
}
}

.pbnr {
	width: 48%;
}



.fighters_pattern_s {
	width: 180%;
	margin-top: -32%;
	margin-left: -40%;
}

@media screen and (min-width:320px) and (max-width:1050px) {

	.fighters_pattern_s {
	width: 120%;
	margin-top: -22%;
	margin-left: -10%;
}
}


 .fighters_pattern_njd {
	width: 190%;
	margin-top:-5%;
	margin-left: -65%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
.fighters_pattern_njd {
		width: 160%;
		margin-top: 0%;
		margin-left: -55%;
	}
}

.bellamysinterview_logo_duo {
	position: absolute;
	width: 42%;
	margin-top: -5.5%;
	margin-left: 29%;
}

@media screen and (min-width:320px) and (max-width:1050px) {
  	.bellamysinterview_logo_duo {
		position: absolute;
		width: 85%;
		margin-top: -15%;
		margin-left:5%;
	}
}

.top_newcharacter_namewrp {
	position: absolute;
	top: 28vw;
	right: 5vw;
	z-index: 161;
 
	width: 25%;
}

.topchara_ex {
	position: absolute;
	top: 0;
	width: 49%;
	right: -6%;
	z-index: 61 !important;

}
.topchara_checkitout {
	position: absolute;
	top: 22%;
	width: 8%;
	right: 5%;
	z-index: 62 !important;
}

.charaimage_position_mv {
	margin-top: -10%;
	left: -13%;
	width: 90%;
	
}


@media screen and (min-width:320px) and (max-width:1050px) {
  .charaimage_position_mv {
	margin-top: -5%;
	left: -1%;
	width: 100%;
	
}
}

.mt6 {
  margin-top: 100px!important;
}

.bellamysinterview_logo_mv {
	position: absolute;
	width: 34%;
	margin-top: -8%;
	margin-left: 33%;
}
@media screen and (min-width:320px) and (max-width:1050px) {
  .mt6 {
  margin-top: 30px!important;
}
  .bellamysinterview_logo_mv {
	position: relative;
	width: 100%;
	margin-top: 0;
	margin-left: 0%;
}
}