@charset "UTF-8";
@import url(base.css);
@import url(frame.css);
body.fixed{
width:100%;
height:100%;
top:0;
left:0;
}

#commonHeader{
display:flex;
justify-content:space-between;
align-items:center;
padding:7px 0;
background:#000;
width:100%;
}
#commonHeader .logo{
margin-left:14px;
position:static;
width:auto;
height:auto;
}
#commonHeader .logo img{
width:29.6875vw;
}
#commonHeader .navBtn{
display:flex;
margin-right:15px;
background:none;
float:none;
height:auto;
}
#commonHeader .navBtn li{
width:auto;
height:auto;
float:none;
}
#commonHeader .navBtn li > a{
display:block;
width:9.375vw;
height:9.375vw;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:#333;
}
#commonHeader .navBtn li.cart{
margin-right:15px;
}
#commonHeader .navBtn li.cart a{
background:url(/files_sp/img/ch_cartIcon.png) no-repeat center center/5.3125vw, #333;
position:relative;
overflow:visible;
}
#commonHeader .navBtn li.cart a .num{
position:absolute;
display:block;
font-size:8px;
width:4vw;
line-height:4vw;
text-align:center;
color:#fff;
background:#fd0617;
-webkit-border-radius:2vw;
-moz-border-radius:2vw;
border-radius:2vw;
top:0;
right:-6px;
}
#commonHeader .navBtn li.gnav{
display:flex;
align-items:center;
justify-content:center;
width:9.375vw;
height:9.375vw;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:#333;
}

/*繝懊ち繝ｳ縺ｮ蟷�*/
/*繝懊ち繝ｳ縺ｮ鬮倥＆*/
/*繝懊ち繝ｳ縺ｮ繝代ョ繧｣繝ｳ繧ｰ*/
/*繝懊�繝€繝ｼ縺ｮ螟ｪ縺�*/
/*繝懊�繝€繝ｼ縺ｮ濶ｲ*/
/*繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ譎る俣*/
.gnavBtn{
text-indent:-9999px;
}
.gnavBtn a{
display:block;
width:12px;
height:10px;
position:relative;
padding:0px;
}
.gnavBtn a:before{
content:'';
display:block;
width:calc(100% - 0px);
height:2px;
border-radius:1px;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
background:#fff;
transition:0.3s;
}
.gnavBtn a span{
width:calc(100% - 0px);
height:100%;
display:block;
position:absolute;
left:0;
right:0;
top:0;
margin:auto;
}
.gnavBtn a span:before, .gnavBtn a span:after{
content:'';
display:block;
width:100%;
position:absolute;
left:0;
right:0;
margin:auto;
transition:0.3s;
}
.gnavBtn a span:before{
top:0px;
}
.gnavBtn a span:after{
bottom:0px;
}

.gnavBtn a{
overflow:visible;
}
.gnavBtn a span{
font-size:0;
}
.gnavBtn a span:before, .gnavBtn a span:after{
height:2px;
border-radius:1px;
background:#fff;
}
.gnavBtn a.is_active:before{
opacity:0;
right:0px;
}
.gnavBtn a.is_active span:before{
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
top:50%;
margin-top:-1px;
}
.gnavBtn a.is_active span:after{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
bottom:calc(50% - 1px);
}

#commonNav{
width:100%;
height:calc(100vh - 9.375vw - 14px);
position:fixed;
top:calc(9.375vw + 14px);
left:0;
z-index:1000;
background:#000;
display:none;
}
#commonNav .linkList{
width:90.625%;
margin:0 auto;
}
#commonNav .linkList > li{
border-bottom:1px solid #fff;
}
#commonNav .linkList > li > a{
display:block;
font-size:4.375vmin;
color:#fff;
padding:4.5vmin 0;
font-weight:bold;
}
#commonNav .linkList > li.accWrap > a{
position:relative;
}
#commonNav .linkList > li.accWrap > a:before, #commonNav .linkList > li.accWrap > a:after{
content:'';
display:block;
width:14px;
height:2px;
background:#999;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
position:absolute;
top:0;
bottom:0;
right:0;
margin:auto;
}
#commonNav .linkList > li.accWrap > a:after{
transform:rotate(90deg);
}
#commonNav .linkList > li.accWrap > a.is_active:after{
display:none;
}
#commonNav .linkList > li .accBox{
display:none;
}
#commonNav .linkList > li .accBox li{
border-top:1px solid #333;
}
#commonNav .linkList > li .accBox li a{
display:block;
color:#fff;
font-size:3.75vmin;
padding:3.75vmin 6.25vmin;
}

#commonFooter{
background:#000;
position:static;
height:auto;
margin:0;
}
#container #commonFooter a,#container #commonFooter a:link,
#commonFooter a,#commonFooter a:link{
text-decoration:none;
}
#commonFooter .footerLink > li{
border-bottom:1px solid #313131;
}
#commonFooter .footerLink > li.accWrap > a{
position:relative;
}
#commonFooter .footerLink > li.accWrap > a:before, #commonFooter .footerLink > li.accWrap > a:after{
content:'';
display:block;
width:18px;
height:3px;
background:#fff;
position:absolute;
top:0;
bottom:0;
right:4.6875vmin;
margin:auto;
}
#commonFooter .footerLink > li.accWrap > a:after{
transform:rotate(90deg);
}
#commonFooter .footerLink > li.accWrap > a.is_active:after{
display:none;
}
#commonFooter .footerLink > li > a{
font-size:4.0625vmin;
color:#fff;
font-weight:bold;
display:block;
padding:4.5vmin 2.34375vmin;
}
#commonFooter .footerLink > li > a.icon{
text-align:right;
padding-right:13.125vmin;
background:url(/files_sp/img/ch_mainLogo.png) no-repeat 4.5vmin center/29.6875vmin;
}
#commonFooter .footerLink .iconList{
display:flex;
flex-wrap:wrap;
border-top: 1px solid #313131;
}
#commonFooter .footerLink .iconList li{
width:33.33%;
text-align:center;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#commonFooter .footerLink .iconList li:not(:nth-child(3n+1)){
border-left:1px solid #313131;
}
#commonFooter .footerLink .iconList li:nth-child(n+4){
border-top:1px solid #313131;
}
#commonFooter .footerLink .iconList li:empty ~ li{
border-left:none;
}
#commonFooter .footerLink .iconList li a{
display:block;
padding:5.78125vmin 0;
}
#commonFooter .footerLink .iconList li a img{
width:auto;
height:10.3125vmin;
display:inline-block;
}
#commonFooter .footerLink .linkList{
display:flex;
flex-wrap:wrap;
}
#commonFooter .footerLink .linkList li{
width:50%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-top:1px solid #313131;
}
#commonFooter .footerLink .linkList li:nth-child(even){
border-left:1px solid #313131;
}
#commonFooter .footerLink .linkList li a{
display:block;
padding: 0 0 0 4.2vmin;
font-size:3.75vmin;
color:#fff;
height:15.3125vmin;
display:flex;
align-items:center;
}
#commonFooter .footerLink .accBox{
display:none;
}
#commonFooter .copyWrap{
background-color:#eee;
width:100%;
height:44px;
z-index:101;
}
#commonFooter .copyWrap .topLink{
float:right;
margin: 0;
}
#commonFooter .copyWrap .topLink a{
background:url(/files_sp/img/arw_pagetop.png) no-repeat left top;
background-size:44px 44px;
-moz-background-size:44px 44px;
-webkit-background-size:44px 44px;
width:44px;
height:44px;
overflow:hidden;
text-indent:-9999px;
display:block;
}
#commonFooter .copyWrap .cr{
padding:17px 0 0 15px;
font-size:8px;
color:#222;
}