@charset "UTF-8";
body {
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
}

#wrapper {
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}

#fade {
	background-color: #fff;
	z-index: 99999;
	background-position: center;
	width: 100%;
	height: 100%;
	top: 0px;
  left: 0px;
	position: fixed;
	display: none;
}

#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	right: 50%;
	height: 66px;
	width: 66px;
	margin-top: -33px;
	margin-left: -33px;
	z-index: 8010;
}


/*HEADER*/

#header {
	position: relative;
	width: 100%;
	height: 35px;
	z-index: 5100;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#header {
		position: relative;
		width: 100%;
		z-index: 5100;
		height: 32px;
	}
}

#header_inner {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#header_inner {
		position: relative;
		width: 640px;
		margin-left: auto;
		margin-right: auto;
	}
}

#language {
	position: absolute;
	margin: 5px 0 0 0;
}

#language li {
	float: left;
	margin-right: 0;
}

#global {
	position: absolute;
	margin: 7px 0 0 425px;
}

#global li {
	float: left;
	margin-right: 5px;
}

#sns {
	position: absolute;
	margin: 5px 0 0 820px;
}

#sns li {
	float: left;
}


/*FIX CONTENTS*/

#fixcontents {
	position: relative;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	z-index: 3200;
	background-image: url(../img/esakabacknew.jpg);
	background-repeat: no-repeat;
	background-position: center top -50px;
	min-height: 988px;
}

@media screen and (min-width:320px) and ( max-width:1090px) {
	#fixcontents {
		position: relative;
		width: 100%;
		margin-top: 0;
		margin-bottom: 50px;
		z-index: 3200;
		background-image: none;
		min-height: 980px;
	}
}


/*AJAX*/

#ajaxconts {
	position: relative;
	width: 100%;
	background-color: rgba( 255, 255, 255, 0.55);
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 3000;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


/*CONTENTS*/

#contents1 {
	position: relative;
	width: 1600px;
	height: 590px;
	overflow: hidden;
	background-image: url(../img/dot.png);
	z-index: 1000;
}

@media screen and (min-width:320px) and ( max-width:1090px) {
	#contents1 {
		position: relative;
		width: 100%;
		background-image: url(../img/tabletback.jpg);
		background-repeat: no-repeat;
	}
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#contents1 {
		position: relative;
		width: 100%;
	}
}

#contents2 {
	position: relative;
	width: 100%;
	z-index: 3900;
	margin-top: -590px;
	height: 590px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#contents2 {
		position: relative;
		width: 100%;
		z-index: 3900;
		margin-top: 10px;
		height: 100%;
	}
}

#contents3 {
	position: relative;
	width: 100%;
	z-index: 1500;
	background-image: url(../img/antonovstageback.jpg);
	background-repeat: no-repeat;
	background-position: center top 130px;
	margin-bottom: 60px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#contents3 {
		position: relative;
		width: 100%;
		z-index: 6500;
		background-image: none;
		margin-bottom: 40px;
	}
}


#contents5 {
	position: relative;
	width: 100%;
	z-index: 3000;
	height: 845px;
}


/*CONTENTS INNER*/

.contents_inner {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.contents_inner2 {
	position: relative;
	width: 1090px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.contents_inner2 {
		position: relative;
		width: 465px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.contents_inner {
		position: relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
			padding: 0 20px 0 20px;
	}
}


#topvideo {
	position: relative;
	width: 100%;
	z-index: 500;
	margin-top: -270px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width:320px) and ( max-width:1090px) {
	#topvideo {
		display: none;
	}
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#topvideo {
		display: none;
	}
}

#dot {
	position: absolute;
	width: 100%;
	background-image: url(../img/dot.png);
	z-index: 2000;
	height: 645px;
	opacity: 0.6;
}


/*#youtube {
	position: absolute;
	margin: 75px 0 0 42px;
	width: 364px;
	height: 206px;
	overflow: hidden;
	z-index: 5300;
	border: 2px #fff solid;
}*/

#white {
	position: absolute;
	width: 100%;
	z-index: 1900;
	height: 645px;
	opacity: 0.2;
	background-color: #fff;
}

#logo {
	position: absolute;
	margin: 275px 0 0 140px;
}

#slidecont {
	width: 100%;
	position: relative;
	margin-top: -590px;
	height: 590px;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	z-index: 3001;
	overflow-x: hidden;
}


/*@media screen and (min-width:320px) and ( max-width:1090px) {
	#slidecont {
		width: 1090px;
		position: relative;
		margin-top: -645px;
		height: 645px;
		background-repeat: no-repeat;
		background-position: center top;
		z-index: 3000;
	}
}*/

#gmenu {
	margin-top: 10px;
	z-index: 5000;
}

#gmenu li {
	float: left;
	margin-right: 25px;
}

#gmenu li:nth-child(3) {
	margin-right: -25px;
}

#tab2 {
	position: relative;
	padding-top: 150px;
	margin-top: -150px;
}

.teammenu0 {
	margin-top: 80px;
}

.teammenu0 li {
	float: left;
	margin-right: 22px;
	margin-bottom: 40px;
}

.teammenu0 li:nth-child(4n+4) {
	margin-right: -25px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.teammenu0 {
		margin-top: 40px;
	}
	.teammenu0 li:nth-child(2n+2) {
		margin-right: -25px;
	}
}

.teammenu {
	margin-top: 20px;
}

.teammenu li {
	float: left;
	margin-right: 22px;
	margin-bottom: 20px;
}

.teammenu li:nth-child(4n+4) {
	margin-right: -25px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.teammenu {
		margin-top: 0px;
	}
	.teammenu li:nth-child(2n+2) {
		margin-right: -25px;
	}
}

.teammenu2 {
	margin-top: 0px;
}

.teammenu2 li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.teammenu2 li:nth-child(2) {
	margin-right: -15px;
}

#gra {
	position: absolute;
	margin: 295px 0 0 0;
	z-index: 6000;
}

#uptodate {
	position: absolute;
	margin: 25px 0 0 25px;
	z-index: 5200;
	width: 400px;
}

#ps4 {
	position: absolute;
	margin: 35px 0 0 755px;
	width: 205px;
	height: 27px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#ps4 {
		position: absolute;
		margin: 45px 0 0 277px;
		width: 205px;
	}
}

#submenu {
	position: relative;
	margin: -5px 0 0 0;
}

#submenu li {
	float: left;
	display: inline-block;
}

#submenu li:nth-child(8) {
	margin-left: 0px;
}

#submenu a {
	text-decoration: none;
}

#dlbtn {
	position: absolute;
	margin: 0 0 0 800px;
	z-index: 1000;
}

#submenu span {
	background: #6f8085;
	height: 2px;
	display: block;
	position: absolute;
	margin: 25px 0 0 0;
	width: 50px;
	left: 0;
}

.accordion {
	margin: 0100px;
}

.ichiran {
	position: absolute;
	margin-top: -36px;
	margin-left: 800px;
}

#newstitle {
	position: relative;
	margin: 47px 0 0 -10px;
}


/*NEWSTICKER*/

#news {
	position: relative;
	margin: -4px 0 0 10px;
	width: 930px;
}

#nt {
	margin: 25px 0 0 0;
	width: 150px;
}

.linkbtn {
	margin: 20px 0 0 0;
}

.underline {
	text-decoration: underline;
}

#topix {
	margin: 0px 0 0 0;
	width: 960px;
	height: 180px;
}

#topix li {
	float: left;
	margin-right: 20px;
}

#topix li:nth-child(4) {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
#topix li:nth-child(4) .text4 {
	margin-top: 10px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#topix {
		position: relative;
		margin-top: 0px;
		margin-right:auto;
		margin-left:auto;
		width: 465px;
		height: 390px;
		z-index: 2100;
	}
	#topix li {
		float: left;
		margin-right: 20px;
		margin-bottom: 60px;
	}
	#topix li:nth-child(2) {
		margin-right: -40px;
		margin-left: -6px;
	}
	#topix li:nth-child(3) {
		margin-left: 0;
	}
	#topix li:nth-child(4) {
		margin-left: -15px;
		margin-top: 0px;
	}
}


.topix2 {
	margin: 20px 0 40px 0;
	height: 160px;
}

.topix2 li {
	float: left;
	margin-right: 20px;
}

.topix2 li:nth-child(2) {
	margin-top: 0px;
}

.topix2 li:nth-child(3) {
	margin-left: 0px;
}

.topix2 li:nth-child(4) {
	margin-right: -40px;
	margin-top: 0px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.topix2 {
		position: relative;
		margin-right:auto;
		margin-left:auto;
		margin-top: 0;
		margin-bottom: 20px;
		width: 465px;
		height: 360px;
		z-index: 2100;
	}
	.topix2 li {
		float: left;
		margin-right: 20px;
		margin-bottom: 45px;
	}
	.topix2 li:nth-child(2) {
		margin-top: -0px;
		margin-right: -40px;
		margin-left: -5px;
	}
	.topix2 li:nth-child(3) {
		margin-left: 0;
	}
	.topix2 li:nth-child(4) {
		margin-left: -5px;
		margin-top: 0px;
	}
}


#topix3 {
	margin: 0px 0 50px 0;
}

#topix3 li {
	float: left;
	margin-right: 20px;
}

#topix3 li:nth-child(2) {
	margin-top: 0px;
}

#topix3 li:nth-child(3) {
	margin-left: 0px;
}

#topix3 li:nth-child(4) {
	margin-right: -40px;
	margin-top: 0px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#topix3 {
		position: relative;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:0px;
		width: 465px;
		z-index: 2100;
	}
	#topix3 li {
		float: left;
		margin-right: 20px;
		margin-bottom: 60px;
	}
	#topix3 li:nth-child(2) {
		margin-top: -0px;
		margin-right: -40px;
		margin-left: -5px;
	}
	#topix3 li:nth-child(3) {
		margin-left: 0;
	}
	#topix3 li:nth-child(4) {
		margin-left: -5px;
		margin-top: 0px;
	}
}



#infowrap {
	width: 960px;
	border: solid 1px #1b1440;
	margin-top: 65px;
	height: 577px;
	margin-bottom: 50px;
	background-color: rgba(255, 255, 255, 0.5);
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#infowrap {
		width: 465px;
		border: solid 1px #1b1440;
		margin-top: 0px;
		margin-bottom: 30px;
		height: 1080px;
		background-color: rgba(255, 255, 255, 0.5);
	}
}

#infotop {
	position: absolute;
	margin: 25px 0 0 25px;
	width: 750px;
}

#snsbtn {
	position: absolute;
	margin: 43px 0 0 645px;
	z-index: 1500;
}

#snsbtn2 {
	position: absolute;
	margin: 43px 0 0 795px;
}

.text5 {
	position: absolute;
	margin: 3px 0 0 5px;
	font-size: 12pt;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.text5 {
		position: relative;
		margin: 3px 0 0 0px;
		font-size: 12pt;
	}
}

#twwrap {
	position: absolute;
	margin: 135px 0 0 30px;
	width: 360px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#twwrap {
		position: relative;
		margin: 20px 0 0 15px;
		width: 430px;
		height: 360px;
		z-index: 900;
	}
}

#fbwrap {
	position: absolute;
	margin: 135px 0 0 410px;
	width: 430px;
	z-index: 8000;
	width: 500px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#fbwrap {
		position: relative;
		margin: 60px 0 0 15px;
		width: 430px;
		z-index: 8000;
		height: 420px;
		overflow: hidden;
	}
}

.fb-page {
	position: absolute;
	margin-left: 25px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.fb-page {
		position: absolute;
		width: 430px;
		margin: 0 0 0 0px;
		z-index: 1200;
	}
}

div.fb_iframe_widget span {
	margin-top: 0px !important;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	div.fb_iframe_widget span {
		margin-top: 0px !important;
	}
}

#btfbig {
	margin: 0 0 0 20px;
}

#submenu2 {
	position: relative;
	margin: 20px 0 0 0;
}

#submenu2 li {
	float: left;
	display: inline-block;
}

#submenu2 li:nth-child(8) {
	margin-left: 22px;
}

#submenu2 a {
	text-decoration: none;
}

#footerinfo {
	margin-top: 10px;
	margin-bottom: 40px;
	position: relative;
	width: 100%;
	height: auto;
	z-index: 3100;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#footerinfo {
		margin-top: 10px;
		position: relative;
		width: 100%;
		height: 290px;
		z-index: 3100;
	}
}

#kofworld {
	position: absolute;
	margin: -50px 0 0 697px;
}

#copyright02 {
	position: absolute;
	margin: 10px 0 0 0;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#copyright02 {
		position: relative;
		margin: 10px 0 0 0;
	}
}

.newlbl {
	position: absolute;
	margin: -7px 0 0 -20px;
	z-index: 3000;
}

#mute {
	position: absolute;
	margin: 547px 0 0 7px;
	z-index: 1000;
}

#sound {
	position: absolute;
	margin: 535px 0 0 0px;
	z-index: 1000;
}

.tabs {
	display: table;
	margin: 0;
}

#tab3 {
	position: relative;
	background-image: url(../img/back_aqua.jpg);
	background-repeat: no-repeat;
}

#tab4 {
	position: relative;
	background-image: url(../img/back_aqua.jpg);
	background-repeat: no-repeat;
}

#cattitle {
	position: relative;
	margin-top: 50px;
	width: 649px;
	margin-left: auto;
	margin-right: auto;
}

#changesubmenu {
	height: 35px;
	width: 100%;
	top: 0px;
	padding-top: 7px;
	position: fixed;
	z-index: 9900;
	background-color: rgba(255, 255, 255, 0.9);
}

#changesub {
	height: 22px;
}

#changesub li {
	float: left;
	display: inline-block;
}

#changesub li li:nth-child(8) {
	margin-left: 0px;
}

#changesub a {
	text-decoration: none;
}

#slidewrap {
	position: relative;
	width: 100%;
	z-index: 3000;
	height: 590px;
}

#ps4-2 {
	margin: -4px 0 0 755px;
}

#onsale {
position: absolute;
	margin-top: 523px;
	margin-left: -320px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#onsale {
		position: absolute;
		margin-top: 551px;
		margin-left: -320px;
		width: 1345px;
		overflow: hidden;
	}
}


/*SLIDE*/

#csslide {
	position: relative;
	margin: 3px 0 0 50px;
	width: 986px;
	z-index: 1500;
}

#spcsslide {
	position: relative;
	margin: 0px 0 0px 21px;
	width: 423px;
}

a:focus,
*:focus {
	outline: none;
}

.slick-prev {
	position: absolute;
	margin-top: -102px;
	background-image: url(../img/teamslider_prev2.png);
	background-repeat: no-repeat;
	width: 97px;
	z-index: 2500;
	height: 216px;
	margin-left: -25px;
}

.slick-next {
	position: absolute;
	margin-top: -102px;
	background-image: url(../img/teamslider_next2.png);
	background-repeat: no-repeat;
	width: 86px;
	z-index: 2000;
	height: 214px;
	margin-right: -2px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.slick-prev {
		position: absolute;
		margin-top: -63px;
		background-image: url(../img/spprev.jpg);
		background-repeat: no-repeat;
		width: 18px;
		z-index: 2500;
		height: 216px;
		margin-left: 3px;
	}
	.slick-next {
		position: absolute;
		margin-top: -63px;
		background-image: url(../img/spnext.jpg);
		background-repeat: no-repeat;
		width: 18px;
		z-index: 2000;
		height: 214px;
		margin-right: 4px;
	}
}

.alpha a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}

#sliderspcon {
	position: absolute;
	margin: -160px 0 0 410px;
}

#sliderspcon2 {
	position: absolute;
	margin: -160px 0 0 30px;
}

#fixmenu {
	position: relative;
	width: 100%;
	z-index: 3200;
}

#sw {
	position: absolute;
	margin: -179px 0 0 -25px;
	z-index: 2700;
}

#newpict {
	position: absolute;
	margin: 40px 0 0 -15px;
	z-index: 2000;
}

#newpict li {
	float: left;
	margin-right: 178px;
}

#newpict li:nth-child(4) {
	margin-right: -50px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#newpict {
		position: absolute;
		margin: 10px 0 0 -15px;
		z-index: 2000;
	}
	#newpict li {
		float: left;
		margin-right: 170px;
		margin-bottom: 180px;
	}
	#newpict li:nth-child(2) {
		margin-right: -200px;
	}
}

#whiteshadow {
	margin: 20px 0 0 0;
}

#backemblem {
	position: absolute;
	margin-left: 617px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#backemblem {
		position: absolute;
		margin: 0 0 0 121px;
		z-index: 800;
	}
}

#pkg {
	position: absolute;
	margin: 470px 0 0 0px;
	z-index: 1000;
}

#sppkg {
	position: absolute;
	margin: -13px 0 0 327px;
	z-index: 1000;
	width: 104px;
}

#dlpkg {
position: absolute;
	margin: 385px 0 0 -31px;
	z-index: 1000;
}

.menubtn {
	display: block;
	position: absolute;
	margin: -26px 0 0 830px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.menubtn {
		display: block;
		position: absolute;
		margin: 10px 0 0 168px;
	}
}

.menubtn a {
	display: block;
}

.newsdetail {
	margin-top: 15px;
	display: none;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.newsdetail {
		margin-top: 15px;
		display: none;
		background-color: #fff;
	}
}

.newsdetail li {
	float: left;
	width: 935px;
	margin-left: 20px;
	margin-bottom: 5px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.newsdetail li {
		float: left;
		width: 455px;
		margin-left: 5px;
		margin-bottom: 5px;
	}
}

#newswrap {
	position: relative;
	border-bottom: solid 1px #1b1440;
	margin-bottom: 30px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#newswrap {
		position: relative;
		border-top: solid 1px #1b1440;
		border-bottom: solid 1px #1b1440;
	}
}

#tickerwrap {
	position: relative;
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: solid 1px #1b1440;
	height: 25px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#tickerwrap {
		position: relative;
		margin-top: 5px;
		margin-bottom: 10px;
		border-top: none;
		height: 25px;
	}
}

#bottomscroll {
	position: relative;
	width: 100%;
	background-color: #0b0d33;
}

#moveback {
	width: 1600px;
	height: 350px;
	background-position: 100px 0px;
	background-repeat: no-repeat;
	background-image: url("../img/footerback.gif");
}

#companyline {
	position: relative;
	width: 100%;
	height: 25px;
	background-color: #000;
}

#snklogohead {
	width: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

#wk {
	position: absolute;
	margin: 145px 0 0 -10px;
	z-index: 3000;
}

#dotwrap {
	position: relative;
	width: 100%;
	height: 250px;
}

#bigbtf {
	position: absolute;
	margin: 63px 0 0 20px;
	z-index: 5500;
}

#arrowshita {
	position: absolute;
	margin-top: -6px;
	width: 20px;
	margin-left: 465px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#arrowshita {
		position: absolute;
		margin-top: -6px;
		width: 20px;
		margin-left: 225px;
	}
}


/*FOOTER*/

#footer {
	position: relative;
	z-index: 3100;
	margin-top: 50px;
	width: 100%;
	height: 250px;
	background-color: #1b1440;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#footer {
		position: relative;
		z-index: 3100;
		width: 1090px;
		height: 250px;
		background-color: #1b1440;
		overflow: hidden;
	}
}

#stageart {
	position: relative;
	width: 100%;
	background-color: #1b1440;
}

#caslide {
	position: relative;
	width: 1600px;
	margin-left: -330px;
	z-index: 1000;
}

#footersnklogosp {
	position: relative;
	margin: 40px 0 0 155px;
}

#footersnklogo {
	margin: 40px 0 0 0px;
}

#copyright01 {
	position: relative;
	
	margin: 30px 0 0 0px;
	color: #1b1440;
	z-index: 1200;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#copyright01 {
		float: none;
		position: relative;
		margin: 10px 0 0 0;
		color: #1b1440;
		font-size: 11pt;
		z-index: 1200;
		line-height: 1.7em;
		width: 460px;
	}
}

a:link {
	color: #1b1440;
	text-decoration: none;
}

a:visited {
	color: #1b1440;
}

a:hover {
	color: #1b1440;
}

.pagetop {
	position: fixed;
	bottom: -200px;
	right: 20px;
	z-index: 10000;
}


/*CLEAR FIX*/

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

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*/
	/*/
  height: auto;
  overflow: hidden;
  /**/
}


/*TEXT*/

.noto100 {
	font-weight: 100;
}

.noto200 {
	font-weight: 200;
}

.noto300 {
	font-weight: 300;
}

.noto400 {
	font-weight: 400;
}

.noto500 {
	font-weight: 500;
}

.noto600 {
	font-weight: 600;
	color: #fff;
}

.noto700 {
	font-weight: 700;
}

.noto800 {
	font-weight: 800;
}

.noto900 {
	font-weight: 900;
}

.monregular {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

.monsemibold {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}

.monbold {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

.text1 {
	color: #1b1440;
	text-align: center;
	font-size: 9pt;
}

.text2 {
	color: #1b1440;
	font-size: 9pt;
}

.text3 {
	color: #ff8029;
	font-size: 11pt;
}

.text3kon {
	color: #fff;
	font-size: 11pt;
	word-break: break-all;
}

.text4 {
	position: absolute;
	margin-top: 0px;
	color: #1b1440;
	font-size: 10pt;
	line-height: 1.2em;
	margin-left: 5px;
	width: 220px;
	text-align: center;
}

.text6 {
	color: #1b1440;
	font-size: 8pt;
	line-height: 1.5em;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.text6 {
		color: #1b1440;
		font-size: 12pt;
		line-height: 1.5em;
	}
}

.text7 {
	color: #1b1440;
	font-size: 11pt;
	font-weight: bold;
}

.text8 {
	width: 400px;
	margin-top: 10px;
	margin-left: -10px;
	color: #1b1440;
	font-size: 13pt;
	font-weight: bold;
	text-align: center;
}

.text9 {
	margin: 15px 0 0 20px;
	color: #1b1440;
	font-size: 12pt;
	line-height: 1.7em;
	padding-right: 10px;
	overflow: scroll;
	height: 350px;
	overflow-x: hidden;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.text9 {
		margin: 15px 0 0 20px;
		color: #1b1440;
		font-size: 13pt;
		line-height: 1.7em;
		padding-right: 10px;
		overflow: scroll;
		height: 350px;
		overflow-x: hidden;
	}
}

.text9::-webkit-scrollbar {
	width: 5px;
	background: #eee;
}

.text9::-webkit-scrollbar:horizontal {
	height: 5px;
}

.text9::-webkit-scrollbar-button {
	width: 5px;
	height: 5px;
	background: #666;
}

.text9::-webkit-scrollbar-piece {
	background: #eee;
}

.text9::-webkit-scrollbar-piece:start {
	background: #eee;
}

.text9::-webkit-scrollbar-thumb {
	background: #333;
}

.text9::-webkit-scrollbar-corner {
	background: #333;
}

.text10 {
	position: relative;
	font-size: 17pt;
	line-height: 1em;
}

.text11 {
	width: 397px;
	position: relative;
	margin-top: 7px;
	color: #1b1440;
	font-size: 13pt;
	font-weight: bold;
	text-align: center;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.text11 {
		position: relative;
		color: #1b1440;
		font-size: 13pt;
		font-weight: bold;
		margin-top: 10px;
		text-align: center;
	}
}

.text12 {
	color: #1b1440;
	font-size: 12pt;
	font-weight: bold;
	margin-left: 6px;
	line-height: 1.8em;
	overflow: hidden;
}

.text13 {
	position: relative;
	color: #1b1440;
	font-size: 10pt;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.text13 {
		position: relative;
		color: #1b1440;
		font-size: 13pt;
		text-align: center;
		line-height: 2em;
	}
}

.text14 {
	position: absolute;
	margin-top: 3px;
	color: #1b1440;
	font-size: 10pt;
	line-height: 1.2em;
}

.text15 {
	position: absolute;
	margin-top: 5px;
	color: #1b1440;
	font-size: 10pt;
	line-height: 1.2em;
	margin-left: 5px;
}

.text16 {
	position: relative;
	color: #1b1440;
	font-size: 12pt;
	line-height: 1.7em;
	font-weight: bold;
	margin-left: 20px;
	margin-bottom: 20px;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.text16 {
		position: relative;
		color: #1b1440;
		font-size: 13pt;
		line-height: 1.7em;
		font-weight: bold;
		margin-left: 0;
	}
}

.text17 {
	color: #fff;
	font-size: 11pt;
	line-height: 1.7em;
	font-weight: bold;
	margin-left: 20px;
}

.text19 {
	position: absolute;
	margin: 285px 0 0 45px;
	color: #1b1440;
	font-size: 8pt;
	line-height: 1.2em;
}

.text20 {
	margin: 3px 0 0 0;
	color: #1b1440;
	font-size: 10pt;
	line-height: 1.2em;
	font-weight: bold;
}

.text21 {
	color: #1b1440;
	font-size: 38pt;
	line-height: 1.0em;
	font-weight: bold;
	margin-left: 0px;
	margin-top: 0;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.text21 {
		color: #1b1440;
		font-size: 38pt;
		line-height: 1.0em;
		font-weight: bold;
		margin-left: 0px;
		margin-top: 0;
		text-align: center;
	}
}

.text22 {
	color: #1b1440;
	font-size: 16pt;
	margin: 0px 0 0px 0px;
	font-weight: bold;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.text22 {
		color: #1b1440;
		font-size: 16pt;
		margin: 0px 0 0px 0px;
		font-weight: bold;
		text-align: center;
	}
}

.text23 {
	font-size: 10pt;
	margin: 10px 0 0 0;
	font-weight: normal;
	margin-left: 0px;
	line-height: 1.5em;
	color: #000;
		max-height: 100%;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	.text23 {
		font-size: 12pt;
		margin: 10px 0 0 0;
		font-weight: normal;
		margin-left: 0px;
		line-height: 1.5em;
		color: #000;
			max-height: 100%;
	}
}

.text24 {
	font-size: 11pt;
	font-weight: normal;
	color: #1b1440;
}

#pagetop {
	position: absolute;
	right: 0;
	margin-top: -5px;
	z-index: 5000;
}
.newcharacterbnr {
	margin-top: 30px;
}
@media screen and (min-width:320px) and ( max-width:768px) {
	#pagetop {
		position: absolute;
		right: 115px;
		margin-top: 0px;
		z-index: 5000;
	}
	.newcharacterbnr {
	margin-top: 10px;
}
}

.textspace {
	margin-right:0.5em;
}

	#spsubm {
	position: relative;
	margin-top: 20px;
	margin-bottom: 50px;
}
#spsubm li{
	text-align: center;
	font-weight: 700;
	margin-bottom: 7px;
	padding:3px 0 0px 0;
	font-size:18pt;
	color:#1b1440;
	border:1px solid #1b1440;
}
#spsubm li:nth-child(n+4):nth-child(-n+6){
	color:#555780;
}


.steameditionpc {
	position: absolute;
	margin: 35px 40px
}

.nglspbnr {
	
}

.steameditionsp {
	position: relative;
	margin-bottom: 40px;
}

.wdt100 {
	width: 100%;
}

.twwidthwrap {
	width: 370px;
	height: 410px;
}

#twwrap {
	position: absolute;
	margin-top: 135px;
	left: 0px;
	width: 380px;
	border:1px solid #ccc;
}

@media screen and (min-width:320px) and ( max-width:768px) {
	#twwrap {
	position: relative;
	margin-top: 20px;
	left: 1.5%;
	width: 92%;
}
	.twwidthwrap {
	width: 100%;
	height: auto;
}
}