@import url('https://fonts.googleapis.com/css2?family=Anton&family=M+PLUS+1p:wght@100;300;400;500;700;800;900&family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');

html{font-size:62.5%;}
body{font-family: 'Noto Sans JP', sans-serif;font-size:0;color:#111;line-height:1.4;height:100%;background-color:#666;}
img{width:100%}
strong{font-weight:bold}
em{font-style:italic}
h1 + *{margin-top:2rem;}
a.linkbtn{display:block;width:fit-content;padding:0.5em 2em;text-decoration:none;line-height:1.2;color:#fff;background:#39d;border-radius:99rem;transition:.2s;filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));}
a.linkbtn:hover{color:#39d;background:#fff;}

.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_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;}
.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_yellow{background-color:#FFFF00}
.bg_bsp{background-color:#00a0e9;color:#fff;}
.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;}
.div_table{display:table;width:100%;}
.div_table > div{display:table-row;}
.div_table > div > div{display:table-cell;vertical-align:middle;}
.div_flex{display:flex;width:100%;}
@media screen and (max-width:1125px){
	.pcview{display:none;}
	.spview{display:block;}
}

#page{}


/*ヘッダー*/
#header{position:relative;width:100%;padding:3rem 0 2rem;background:#39d;border-top:solid 4.5rem #7cf;border-bottom:solid 3.5rem #7cf;}
#header::before{content:'';display:block;position:absolute;top:0.5rem;left:0;width:100%;height:0.6rem;background:#7cf;}
#header > div{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:120rem;margin:0 auto;}
#header > div p{padding-left:2rem;font-family:'M PLUS 1p',sans-serif;font-size:4.5rem;font-weight:900;line-height:1.1;color:#fff;text-shadow:0.2rem 0.2rem 0.2rem #1253af;}
#header > div p::after{content:'BANDAI SPIRITS\Aホビー取り扱い店舗様サイト';white-space:pre;}
#header > div p::first-line{font-family:'Anton',sans-serif;font-size:4rem;}
#header > div div{width:9rem;padding-right:2rem;}
#header > div div input{width:100%;}
#header > div div::after{content:'ログアウト';display:block;width:100%;text-align:center;font-size:1rem;font-weight:700;color:#fff;}


/*PAGE TOP*/
#btnPagetop{display:none;position:fixed;bottom:1rem;right:1rem;outline:none;width:100px;z-index:99;}
#btnPagetop img{width:100%;}
@media screen and (max-width:1125px){
}


/*フッター*/
#footer{color:#111;background-color:#7cf;}
#footer .bandai{position:relative;text-align:right;width:100%;max-width:120rem;margin:auto;padding:1rem 0;}
#footer .bandai div:first-child{display:inline-block;width:9rem;padding-right:1rem;box-sizing:border-box;}
#footer .bandai div:first-child img{width:100%;}
#footer .bandai div:last-child{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:fit-content;text-align:center;font-size:1.2rem;}
#footer .copyright{border-top:solid 1px #cef;}
#footer .copyright div{width:100%;max-width:120rem;margin:auto;padding:2rem 0;box-sizing:border-box;font-size:1rem;}
@media screen and (max-width:1125px){
}


/*背景*/
#main{width:100%;background-image:url('../img/cmn/bg.gif');}


/*ページ枠組*/
#frame{display:flex;width:100%;max-width:120rem;margin:auto;padding:2rem 0;background:#fff;}
#frame > div{padding:1rem;position:relative;}
#frame > div:first-of-type{width:35rem;}
#frame > div:last-of-type{width:85rem;}


/*メニュー*/
#menu{width:100%;border-top:solid 0.1rem #ccc;position:sticky;top:0;}
#menu li{position:relative;width:100%;margin-top:2.1rem;}
#menu li:first-of-type{margin-top:1rem;}
#menu li::after{content:'';display:block;position:absolute;bottom:-1.1rem;left:0;width:100%;height:0.1rem;background:#ccc;}

#menu li a{display:block;position:relative;width:100%;padding:1.2rem 2rem;text-decoration:none;font-size:2.4rem;line-height:1;color:#666;transition:.2s;-webkit-transition:.2s;z-index:2;}
#menu li a:hover{color:#fff;}
#menu li a::before{content:'';display:block;position:absolute;top:0;left:0;width:1rem;height:100%;background:#ccc;z-index:3;}
#menu li a::after{content:'';display:block;position:absolute;top:0;left:0;width:0%;height:100%;background:#eee;z-index:1;transition:.2s;-webkit-transition:.2s;}
#menu li a span{display:block;position:relative;width:100%;z-index:2;}
#menu li a:hover::after{width:100%;}

/*メニューli色変え*/
.home a::before{background-color:#f33 !important;}
.home a::after{background-color:#fcc !important;}
.support a::before{background-color:#fc0 !important;}
.support a::after{background-color:#ffee99 !important;}
.sales a::before{background-color:#099 !important;}
.sales a::after{background-color:#9fb !important;}
.contact a::before{background-color:#069 !important;}
.contact a::after{background-color:#9ce !important;}

/*メニューli現在ページ*/
.current{color:#fff !important;transition:0s !important;-webkit-transition:.0s !important;}
.current::after{width:100% !important;transition:0s !important;-webkit-transition:.0s !important;}


/*ページタイトル*/
h1{position:relative;}
h1 img{filter:invert(43%) sepia(87%) saturate(5471%) hue-rotate(346deg) brightness(99%) contrast(110%) drop-shadow(0.2rem 0.25rem 0 rgba(0,0,0,0.6));}
h1 p{position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:100%;padding:0 3rem;font-family: 'M PLUS 1p', sans-serif;font-size:3.6rem;font-weight:900;letter-spacing:0.1em;line-height:1;color:#fff;text-shadow:0.1rem 0.1rem 0 rgba(0,0,0,0.5);z-index:2;}
h1.support img{filter:invert(84%) sepia(43%) saturate(3040%) hue-rotate(357deg) brightness(102%) contrast(105%) drop-shadow(0.2rem 0.25rem 0 rgba(0,0,0,0.6));}
h1.sales img{filter:invert(44%) sepia(58%) saturate(666%) hue-rotate(131deg) brightness(94%) contrast(105%) drop-shadow(0.2rem 0.25rem 0 rgba(0,0,0,0.6));}
h1.contact img{filter:invert(19%) sepia(90%) saturate(2634%) hue-rotate(183deg) brightness(95%) contrast(101%) drop-shadow(0.2rem 0.25rem 0 rgba(0,0,0,0.3));}


/*ページリスト*/
article{margin-top:2rem;padding:2rem;text-align:right;border-bottom:solid 0.1rem #999;}
article > a{display:inline-block;margin-top:2rem;margin-left:2rem;padding:1rem 2rem;text-decoration:none;font-size:2.4rem;line-height:1;background:#ddd;border:solid 0.2rem #999;border-radius:1rem;transition:.1s;-webkit-transition:.1s;}
article > a:hover{color:#f00;background:#fff;border-color:#f00;}
article > div{display:flex;text-align:left;}
article > div div:first-of-type{width:20%;}
article > div div:first-of-type p{display:flex;justify-content:center;align-items:center;height:2.4rem;font-size:1.8rem;line-height:1;}
article > div div:first-of-type img{width:100%;margin-top:1.8rem;}
article > div div:last-of-type{width:80%;padding-left:2rem;}
article > div div:last-of-type p{margin-top:1rem;font-size:1.4rem;line-height:1.6;}
article > div div:last-of-type p:first-of-type{margin-top:0;font-size:2.4rem;line-height:1.2;color:#0cf;}