@font-face {
	font-family: SHanSanR;
	src: url("//staticcdn.bandaihobbysite.cn/fonts/SourceHanSansCN-Regular.otf");
}
@font-face {
	font-family: SHanSanB;
	src: url("//staticcdn.bandaihobbysite.cn/fonts/SourceHanSansCN-Bold.otf");
}
/*スクロールバー*/
*::-webkit-scrollbar{width:8px;height:8px;background:none;}
*::-webkit-scrollbar-thumb{background-color:#ccc;transition:.2s;}

html{font-size:62.5%;}
body{font-family:"SHanSanB";font-size:0;color:#111;line-height:1.4;height:100%;background-color:#000;}
img{width:100%}
strong{font-weight:bold}
em{font-style:italic}
a{text-decoration:none;color:#3cf;transition:.2s;-webkit-transition:.2s;}
a:hover{color:#6ef;}
a img{transition:.2s ease}
a:hover img{filter:brightness(1.2)}

.clearfix{*zoom:1;}
.clearfix:after{content:"";display:block;clear:both;}
.pcview{}
.spview{display:none;}
.hidden{visibility:hidden;}
.margin_t05{margin-top:0.5rem;}
.margin_t10{margin-top:1rem;}
.margin_t20{margin-top:2rem;}
.margin_t30{margin-top:3rem;}
.margin_t50{margin-top:5rem;}
.margin_t100{margin-top:10rem;}
.margin_b10{margin-bottom:1rem;}
.margin_left1{margin-left:1em;}
.padding_left1{padding-left:1em;}
.padding_05{padding:0.5rem;}
.padding_10{padding:1rem;}
.padding_20{padding:2rem;}
.padding_30{padding:3rem;}
.padding_50{padding:5rem;}
.padding_100{padding:10rem;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.crimson{color:#f00;}
.blue{color:#06f;}
.yellow{color:#fc0;}
.orange{color:#f70;}
.viridian{color:#096;}
.white{color:#fff;}
.black{color:#000;}
.gbase{color:#01598b;}
.bs_blue{color:#00a0e9;}
.bg_white{background-color:#fff;}
.bg_black{background-color:#000;}
.bg_gray{background-color:#ccc}
.bg_darkgray{background-color:#666}
.bg_red{background-color:#c00}
.bg_orange{background-color:#f90}
.bg_gbase{background-color:#01598b;}
.txt09{font-size:0.9rem;}
.txt10{font-size:1rem;}
.txt12{font-size:1.2rem;}
.txt14{font-size:1.4rem;}
.txt16{font-size:1.6rem;}
.txt18{font-size:1.8rem;}
.txt24{font-size:2.4rem;}
.txt30{font-size:3rem;}
.txt36{font-size:3.6rem;}
.txt48{font-size:4.8rem;}
.txt60{font-size:6rem;}
.back{display:block;width:70%;margin:auto;padding:1rem;text-align:center;font-size:1.8rem;font-weight:700;line-height:1;color:#fff;background-color:#333;border:solid 1px #333;border-radius:99rem;}
.back:hover{background-color:#fff;color:#333;}
.more{margin-top:100px;}
#page .more,#news .more{margin-top:20px}
.more img{width:300px;margin:auto;}

@media screen and (max-width:900px){
	.pcview{display:none;}
	.spview{display:block;}
	.back{;width:90%;font-size:4vw}
	.more{margin-top:5vw}
	#page .more{margin-top:0}
	.more img{width:60vw}
}

#page,#news,#about,#system,#job,#lineup,#gallery{position:relative}
#page .current_index img,
#news .current_news img,
#about .current_about img,
#system .current_system img,
#job .current_job img,
#lineup .current_lineup img,
#gallery .current_gallery img,
#blog .current_blog img{filter:grayscale(100%)}


/*ヘッダー*/
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;outline:0;border:0;border-radius:0;text-align:inherit;text-transform:none}
option{padding:0}
select:not([class]){padding:0.5em;border:1px solid #000}
option:not([class]){background-color:#000}
#header{position:relative;width:100%}
#header img{transition:.2s ease;-webkit-trasition:.2s ease;}
#header>div:first-of-type{position:relative;display:flex;background:#000;width:100%;max-width:1200px;margin:auto}
#header>div:first-of-type>a{display:block}
.lang_tab{font-weight:700;color:#fff}
.lang_tab select{background-color:#000;background-repeat:no-repeat;}
.lang_tab select option{background-color:#000}

@media screen and (min-width:900px){
#header>div:first-of-type{justify-content:space-between;align-items:flex-end;}
#header>div:first-of-type>a{width:386px;padding-left:40px}
.lang_tab{display:flex;justify-content:center;align-items:center;width:282px;height:74px;font-size:22px;font-size:clamp(16px, 1.5vw, 20px)}
.lang_tab select{width:100%;padding:5%;background-image:url('../img/btn/header_language.png');background-position:center;background-size:75%;}
.lang_tab p{display:none}

}
@media screen and (max-width:900px){
#header{position:absolute;position:sticky;position:-webkit-sticky;top:0;z-index:9999}
#header>div:first-of-type{align-items:center;padding:2vw 0}
#header>div:first-of-type>a{width:calc(100% - 100px);padding:0 6vw 0 2vw}
.lang_tab{width:40px;height:100%}
.lang_tab select{width:40px;height:40px;font-size:4vw;background-image:url('../img/btn/header_language_sp.png');background-size:contain;background-position:center;}
.lang_tab p{margin-top:2px;text-align:center;font-size:10px;font-weight:900;line-height:1;color:#fff}

}


/*メニュー*/
@media screen and (min-width:900px){
#menu_pc{position:relative;display:flex;max-width:1200px;margin:auto;z-index:99}
#menu_pc a{display:block}
#menu_sp{display:none}
.menu-btn{display:none}
}
@media screen and (max-width:900px){
#menu_pc{display:none}
#menu_sp{position:absolute;display:block;width:100%}
#menu_sp>div{position:relative;height:0}
.menu-btn{padding:0 10px}
.menu-btn p{margin-top:2px;text-align:center;font-size:10px;font-weight:900;line-height:1;color:#ed9;}
.spmenu{position:absolute;left:0;top:0;display:none;width:100%;}
.spmenu li{padding:4vw 5vw;border-top:solid 1px #653;background-image:url('../img/cmn/cell_bg.jpg');background-size:cover;background-position:bottom}
.spmenu li:first-of-type{border-top:0}
}

/*SPメニューボタン*/
.btn-trigger{position:relative;width:40px;height:40px;cursor:pointer;background-image:url('../img/cmn/menu_bg.jpg');background-position:center;background-size:contain;z-index:999;}
.btn-trigger span{position:absolute;left:10%;width:80%;height:2px;background-color:#ed9;border-radius:8px;}
.btn-trigger,.btn-trigger span{display:inline-block;transition:all .5s;box-sizing:border-box}
.btn-trigger span:nth-of-type(1){top:8px;}
.btn-trigger span:nth-of-type(2){top:50%;transform:translateY(-50%);}
.btn-trigger span:nth-of-type(3){bottom:8px;}
#btn01.active span:nth-of-type(1){-webkit-transform:translateY(12px) rotate(-45deg);transform:translateY(12px) rotate(-45deg);}
#btn01.active span:nth-of-type(2){opacity:0;}
#btn01.active span:nth-of-type(3){-webkit-transform:translateY(-10px) rotate(45deg);transform:translateY(-10px) rotate(45deg);}

/*LINK*/
.link{}
.link div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.link p{padding-left:1em;line-height:1.6}
.link p a{color:#da3}
.link p a:hover{color:#fe9}
@media screen and (min-width:900px){
.link{}
.link > div{width:1200px;margin:auto}
.link > div div{width:19%}
.link > div div:first-of-type div{width:22%}
.link > div div:nth-of-type(2) div{width:25%}
.link > div div:nth-of-type(3) div{width:30%}
.link > div div:nth-of-type(4) div{width:25%}
.link > div div:last-of-type div{width:75%}
.link p{font-size:12px}
}
@media screen and (max-width:900px){
.link > div{}
.link > div>img{display:none}
.link > div>div{width:50%;margin-top:5vw;padding-left:2vw;align-items:center}
.link > div>div:last-of-type div{width:100%}
.link > div>div div{width:30%;text-align:center}
.link > div>div:first-of-type div img{width:80% !important}
.link > div>div:nth-of-type(2) div img{width:90% !important}
.link > div>div:nth-of-type(3) div img{width:100% !important}
.link > div>div:nth-of-type(4) div img{width:90% !important}
.link p{width:70%;font-size:2.4vw}
}

/*フッター*/
#footer{font-family:SHanSanB;color:#fff;background-color:#666;}
#footer img{width:100%;}
#footer .bandai{display:flex;flex-wrap:wrap;align-items:center;position:relative;width:100%;max-width:1200px;margin:auto;padding:2rem 1rem;box-sizing:border-box;}
#footer .bandai div:nth-of-type(2){width:8rem;padding-right:1rem;}
#footer .bandai div:last-of-type{width:calc(100% - 9rem);}
#footer .bandai div:last-of-type p{font-size:1.2rem;}
#footer .copyright{border-top:solid 1px #3c3c3c;}
#footer .copyright div{width:100%;max-width:1200px;margin:auto;padding:1rem;box-sizing:border-box;}
#footer .copyright div p{font-size:1rem;}
@media screen and (min-width:900px){
	#footer .bandai div:first-of-type{position:absolute;top:50%;right:0;transform:translateY(-50%);width:24rem;}
}
@media screen and (max-width:900px){
	#footer .bandai{padding:2rem 1rem;}
	#footer .bandai div:first-of-type{position:static;display:flex;justify-content:space-around;width:100%;margin-bottom:2rem;}
	#footer .bandai div:first-of-type a{display:block;width:47%;}
	#footer .bandai div:last-of-type p{font-size:1rem;}
}

/*背景*/
#main{position:relative;width:100%;background-color:#000;overflow:hidden;}

/*PAGE TOP*/
#btnPagetop{display:none;position:fixed;bottom:2vw;right:2vw;width:5vw;z-index:99;cursor:pointer;}
@media screen and (max-width:900px){
#btnPagetop{width:15vw;bottom:1vw;right:1vw;}
}

.content{width:100%;max-width:1200px;margin:auto;}
.snsBlock{display:flex;justify-content:center;width:100%;}
.snsBlock > div{width:fit-content;}
@media screen and (min-width:900px){
	.snsBlock{margin-top:100px}
	#about .snsBlock{margin-top:0}
}
@media screen and (max-width:900px){
	.content{max-width:auto;}
	.snsBlock{margin-top:10vw}
	#about .snsBlock{margin-top:0}
}