@charset "UTF-8";
/* CSS Document */

@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");
}
@font-face {
    font-family: SHanSanH;
    src: url("//staticcdn.bandaihobbysite.cn/fonts/SourceHanSansCN-Heavy.otf");
}
*,* *,* * *{position:relative;box-sizing:border-box}

/*スクロールバー*/
*::-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;color:#000000}
img{width:100%;transition:.2s ease;-webkit-trasition:.2s ease}
strong{font-weight:bold}
em{font-style:italic}
a{text-decoration:none}
h1{display:none}

.clearfix{*zoom:1}
.clearfix:after{content:"";display:block;clear:both}
.pcview{}
.spview{display:none}
.hidden{visibility:hidden}
.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}

@media screen and (min-width:901px){
}
@media screen and (max-width:900px){
    .pcview{display:none}
    .spview{display:block}
}

/*ヘッダー*/
header{width:100%;background-color:#ffffff}
#news .menu_news,#whats .menu_whats,#titles .menu_titles,#lineup .menu_lineup{background-color:#000000}
#news .menu_news img,#whats .menu_whats img,#titles .menu_titles img,#lineup .menu_lineup img{filter:Invert(100%)}
@media screen and (min-width:901px){
    header{position:relative;border-bottom:solid 4px #000000}
    header::before{content:"";position:absolute;left:50%;top:0;width:50%;height:100%;background-image:url("../img/cmn/pc_menu_area_bg.svg");z-index:1}
    .header_pc{position:relative;display:flex;align-items:center;width:100%;max-width:1200px;margin:auto;z-index:2}
    .header_pc .logo{width:25%;max-width:360px;padding:0 20px}
    .header_pc .logo a{display:block;width:100%;aspect-ratio:17/2;background-image:url("../img/cmn/logo_30mp_blk.svg");background-repeat:no-repeat;background-size:contain;background-position:center;transition:.2s ease}
    .header_pc .logo a:hover{opacity:.5}
    .header_pc .menu{display:flex;align-items:center;width:70%;max-width:840px;aspect-ratio:60/7;background-image:url("../img/cmn/pc_menu_bg.svg");background-repeat:no-repeat;background-size:cover;background-position:left top}
    .header_pc .menu > a{display:flex;align-items:center;justify-content:center;width:18%;aspect-ratio:300/73;margin-left:2%;background-color:#ffffff;border:solid 4px #000000;border-radius:99px;transition:.2s ease;height: 45px;}
    .header_pc .menu > a:hover{background-color:#000000}
    .header_pc .menu > a img{transition:0;display:block;margin:0 auto;width:auto;max-width:80%;height:auto}
    .header_pc .menu > a:hover img{filter:Invert(100%)}
    .header_pc .menu .lang{position:relative;display:flex;align-items:center;justify-content:center;width:18%;aspect-ratio:300/73;margin-left:2%;background-color:#ffffff;border:solid 4px #000000;border-radius:99px;height: 45px;cursor: pointer}
    .header_pc .menu .lang > img{display:block;margin:0 auto;width:auto;max-width:80%;height:auto}
    .header_pc .menu .lang ul{position:absolute;left:0;top:calc(100% + 4px);display:none;width:100%;background-color:#ffffff}
    .header_pc .menu .lang ul li{}
    .header_pc .menu .lang ul li a{position:relative;display:block;padding:.5em 1em;font-family:SHanSanB;color:#000000;font-size:1.4rem}
    .header_pc .menu .lang ul li a:hover{color:#ffffff;background-color:#000000}
    .header_pc .menu .lang ul li a::after{content:"▶︎";position:absolute;right:.5em;top:50%;transform:translateY(-50%);color:#ffffff}
    .header_sp{display:none}
}
@media screen and (max-width:900px){
    header{position:sticky;-webkit-position:sticky;left:0;top:0;z-index:999}
    .header_pc{display:none}
    .header_sp{position:relative;display:flex;width:100%;padding:3vw 0;font-family:SHanSanB;border-bottom: solid 4px #000000;}
    .header_sp .sp_logo{width:70vw;display:flex;justify-content:center;align-items:center}
    .header_sp .sp_logo a{display:block;width:80%;aspect-ratio:17/2;background-image:url("../img/cmn/logo_30mp_blk.svg");background-repeat:no-repeat;background-size:contain;background-position:center;transition:.2s ease}
    .header_sp .sp_globe{position:relative;width:10vw}
    .header_sp .sp_globe img{width:100%;transition:.2s ease}
    .header_sp .sp_globe.active img{opacity:.25}
    .header_sp .sp_globe p{position:absolute;left:0;top:100%;width:100%;text-align:center;font-size:2vw;font-weight:900}
    .header_sp .sp_lang{position:absolute;left:0;top:calc(100% + 4px);display:none;width:100%;background-color:#ffffff;z-index:9999;color: #000000}
    .header_sp .sp_lang li{position:relative;padding:4vw;font-size:4vw;border-bottom:solid 1px #cccccc;color:#000000}
    .header_sp .sp_lang li::after{content:"▶︎";position:absolute;left:57%;top:50%;transform:translateY(-50%);color:#000000;z-index:10000}
    .header_sp .sp_lang li a{display:block;width:55%;text-align:right;color:#000000 !important;font-family:SHanSanB;z-index:10000;font-size:4vw}
    .header_sp .menu-btn{position:relative;width:10vw;margin-left:5vw}
    .header_sp .menu-btn p{position:absolute;left:0;top:100%;width:100%;text-align:center;font-size:2vw;font-weight:900}
    .header_sp .sp_menu{
        position: absolute;
        left: 0;
        top: calc(100% + 4px);
        display: none;
        width: 100%;
        padding-bottom: 5vw;
        background-color: #ffffff;
        background-image: url(../img/cmn/sp_menu_bg.svg);
        background-position: left top;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 9999;
    }
    .header_sp .sp_menu a{
        display: inline-block;
        width: 42.5%;
        margin: 7vw 0 2vw 5%;
        background-color: #ffffff;
        border: solid 4px #000000;
        border-radius: 99px;
    }
    .header_sp .sp_menu a img{display:block;margin:5.5% auto;max-width:80%;height:auto;width: auto;}
}

/*ハンバーガー*/
.btn-trigger,.btn-trigger span{display:inline-block;transition:all .5s;box-sizing:border-box}
.btn-trigger{position:relative;width:100%;aspect-ratio:1 / 1;cursor:pointer}
.btn-trigger span{position:absolute;left:10%;width:80%;height:4.76%;background-color:#000000;border-radius:99px}
.btn-trigger span:nth-of-type(1){top:20%}
.btn-trigger span:nth-of-type(2){top:50%;transform:translateY(-50%)}
.btn-trigger span:nth-of-type(3){bottom:20%}
/*クリック時*/
.btn-trigger.active span:nth-of-type(1){
    top:50%;
    -webkit-transform:translateY(-50%) rotate(-45deg);
    transform:translateY(-50%) rotate(-45deg)
}
.btn-trigger.active span:nth-of-type(2){opacity:0}
.btn-trigger.active span:nth-of-type(3){
    top:50%;
    -webkit-transform:translateY(-50%) rotate(45deg);
    transform:translateY(-50%) rotate(45deg)
}

/*底部*/
footer{background-color:#ffffff}
footer .copyright{width:100%;max-width:1260px;margin:auto;text-align:center;font-size:1.2rem;color:#000000;z-index:10000}
footer .copyright div{display:block;width:100%;padding-top:2em;box-sizing:border-box;color:#000000;z-index:10000}
footer #copyright{display:block;margin:auto;padding:2em;background:none;border:0;color:#000000;z-index:10000}
footer #copyright::before{content:'显示版权信息 ▼';color:#000000;font-size:1.2rem;z-index:10000}
footer #copyright.active::before{content:'隐藏版权信息 ▲';color:#000000;font-size:1.2rem;z-index:10000}
footer .copyright a{color:#000000;z-index:10000}
@media screen and (min-width:901px){
    footer{border-top:solid 4px #000000;z-index:10000}
}
@media screen and (max-width:900px){
}


.link > div{display:flex}
.link div p{display:flex;flex-wrap:wrap;align-content:center;width:70%;color:#000000}
@media screen and (min-width:901px){
    .link{display:flex;width:1000px;margin:auto}
    .link > div{width:16%}
    .link > div:last-of-type{width:20%;align-items:center;margin-left:auto}
    .link .logoYouTube{width:22%}
    .link .logo30mm{width:26%}
    .link .logo30ms{width:28%}
    .link .logo30mf{width:24%}
    .link .logo30mp{width:22%}

    .link .logoBHS{width:70%}


    /*.link div:nth-of-type(n+2) p{padding:5px 0 5px 10px}*/
    .link div p{padding-left:10px}
    .link div p a{display:block;width:100%}
    .link div p a:nth-of-type(n+2){margin-top:5px}
    .logoͼt2{width:5%;margin: 10px auto 0;}
    .link div p a:hover img{filter:brightness(0%)}
}
@media screen and (max-width:900px){
    .link > div{width:80vw;margin:0 10vw;padding:4vw 0}
    .link > div:last-of-type{border:none}
    .link > div:last-of-type div{width:100%;height:auto}
    .link > div div{display:flex;justify-content:center;align-items:center;width:20vw;height:20vw}
    .link .logoYouTube{width:16vw}
    .link .logo30mm{width:17vw}
    .link .logo30mf{width:18vw}

    .link p{width:60vw;padding:2vw 0 2vw 5vw}
    .logoͼt2{width: 12vw;
        margin: 10px auto 0;}
}

/*背景*/
#main{position:relative;width:100%}
.contents{position:relative;width:100%;max-width:1200px;margin:auto;font-family:SHanSanB;}

.toTop_area{position:relative;width:100%;max-width:1200px;margin:0 auto 2rem}
#btnPagetop{background-image:url("../img/cmn/toTOP.svg");background-repeat:no-repeat;background-size:contain;background-position:center}
@media screen and (min-width:901px){
    #btnPagetop{position:absolute;right:30px;top:0;transform:translateY(-50%);display:none;width:120px;aspect-ratio:1/1;cursor:pointer;z-index:9999}
}
@media screen and (max-width:900px){
}