@charset "utf-8";/* CSS Document */
.fs-l-pageMain{width: 1168px !important;max-width: none !important;margin: 0 auto 0;}
.fs-l-pageMain h1{text-align: center !important;font-size: 24px !important;margin: 1em 0 2em !important;}
.clette-footer__container{background-color: #ffffff00;}
#guide{margin: 0 0 6em;padding: 0 1em;font-size: 12px;}
#guide p.h1_sub{margin: -2em 0 7em;text-align: center;}
#guide h2{background: #D4D4D4;font-size: 1.33em;font-weight: bold;padding: 1em 0.8em;margin: 0 0 2em;}
#guide h3{font-size: 1.33em;font-weight: bold;padding: 0.5em 0;width: 98%;margin: 0 auto 1em;/* background: aqua; */border-bottom: solid 1px #D4D4D4;}
#guide h4{/* width: 98%; */margin: 0.5em auto;font-size: 1.33em;font-weight: bold;padding: 0 0.85em 0;}
#guide .g_red{color:#EB635C;}
#guide a{color: #3c3c3c;text-decoration: underline;}
#guide a:hover{color: #3790e8;}
#guide a span{display: block;}
#guide p{line-height: 2.0;margin:0 0 3em;padding: 0 1.5em;font-size: 1.33em;}
#guide .guidebtn{}
#guide .guide_dl{/* border: solid 1px red; */display: -webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 0 2.6em;}
#guide .guide_dl dt{font-weight:bold;/* background: aqua; */width: 20%;font-size: 1.33em;padding: 0.7em 2em;}
#guide .guide_dl dd{width: 80%;margin: 0;font-size: 1.33em;padding: 0.7em 2em;}
/* アコーディオン */
#guide .g_acc {width: 98%;margin: 0 auto 4em;border-top: solid 1px #D4D4D4;}
#guide .g_acc p.g_acc_ttl {font-size: 1.33em;padding: 1em 2.8em 1em 0.8em;margin: 0;border-bottom: solid 1px #D4D4D4;position: relative;}
#guide .g_acc p.g_acc_ttl.menuopen{}
#guide .g_acc p.g_acc_ttl::after{position: absolute;top: 0;bottom: 0;right: 2%;/* left: 0; */margin: auto;content: "";width: 1em;height: 1em;border-top: 1px solid #000;border-right: 1px solid #000;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
#guide .g_acc p.g_acc_ttl.menuopen::after{top: 1vw;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#guide .g_acc .g_acc_txt {display: none;position: relative;margin-top: 1em;padding: 0 1em 0 0em;}
/* QA */
#guide .g_acc.qa{}
#guide .g_acc.qa p.g_acc_ttl{padding: 0.8em 2.8em 0.5em 3.0em;}
#guide .g_acc.qa p.g_acc_ttl.menuopen{border-bottom: none;}
#guide .g_acc.qa .g_acc_txt{/* font-size: 1.33em; */padding: 0 1em 0 1.9em;border-bottom: solid 1px #D4D4D4;}
.icon_q{font-family: Montserrat,sans-serif;font-style: normal;font-weight: 200;font-size: 24px;display: inline-block;position: absolute;top: 4px;left: 13px;}
.icon_a{font-family: Montserrat,sans-serif;font-style: normal;font-weight: 200;font-size: 24px;display: inline-block;position: absolute;top: -7px;left: 13px;color: #EB635C;}


/* ショッピングガイド */
#shopping_guide{}
.sg_anc {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:center;padding: 0 80px;margin: 0 0 4em;gap: 1.333%;}
.sg_anc .sg_box {width: 24%;max-width: 240px;border: solid 1px #D4D4D4;text-align: center;margin: 0 0 1em;}
.sg_anc a {font-size: 1.2em;text-decoration: none !important;padding: 2em 1em;display: block;}
.sg_anc img {}
.size_box{display: -webkit-box;display:-ms-flexbox;display:flex;}
.size_box .img{}
.size_box .txt{}
.guide_otorioki{display:block;width: 246px;}
/* サイトマップ */
#sitemap{}
#sitemap p a{display:block;text-decoration: none;line-height: 2.5em;}
.sitemap_box{display: -webkit-box;display:-ms-flexbox;display:flex;}
#guide .sitemap_box p{width: 25%;}
#guide .sitemap_box p.newarrival{}
#guide .sitemap_box p.event_sale{}
#guide .sitemap_box p.outer{}
#guide .sitemap_box p.tops{}
#guide .sitemap_box p.onepiece{}
#guide .sitemap_box p.other{}
#guide .sitemap_box p.guide{}
.sitemap_box p a{}
#sitemap p a.ttl{ font-weight: bold; }
/* 特商法 */
.guide_law_shopdata{position: relative;padding-right: 11%;}
.guide_law_shopdata::after{position: absolute;/* top: 0; */bottom: 0;margin: auto;right: 0;/* left: 0; */content: "";display: inline-block;width: 112px;height: 94px;background: url(https://clette.itembox.design/item/asset/images/common/logo_marronstyle.png) no-repeat;background-size: contain;}
/* 個人情報 */
#privacy{}
/* FAQ */
#faq{}
.faq_anc{display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack:center;justify-content:center;margin: 0 0 2em;}
.faq_anc .faq_box{border: solid 1px #D4D4D4;width: 50%;max-width: 430px;margin: 0 50px 0 0;padding: 1em 4em 1em;}
.faq_anc .faq_box:last-of-type{margin-right:0;}
#guide .faq_anc .faq_box p{padding: 0;}
#guide .faq_anc .faq_box h3{text-align: center;border: none;}
.faq_anc .faq_box p a{display: block;}
.faq_contact{text-align: center;}
.faq_contact p{font-size: 1.33em;}
#guide .faq_contact a{display: inline-block;width: 300px;margin: 0 0.5em;text-decoration: none;}
#guide .faq_contact a:hover{color:#fff;}

.pc_only{display: inline-block;}
.sp_only{display:none;}

@media print, screen and (max-width: 75em){.fs-l-pageMain{width: 100% !important;}
.fs-l-pageMain h1{font-size: 1.8rem !important;}
#guide p.h1_sub{margin: -2em 0 3em;}
#guide{font-size: 2.5vw;padding: 0;margin: 0;}
#guide h2{
    font-size: 1.51em;
}
#guide h3{
    font-size: 1.51em;
}
#guide h4{
    font-size: 1.51em;
}
#guide .g_red{}
#guide a{}
#guide a:hover{}
#guide a span{min-height: 3em;}
#guide p{
    font-size: 1.51em;
}
#guide .guidebtn{}
#guide .guidebtn a{}
#guide .guide_dl{}
#guide .guide_dl dt{width: 30%;font-size: 1.51em;padding: 0.7em 1em;}
#guide .guide_dl dd{width: 70%;font-size: 1.51em;padding: 0.7em 1em;}
/* アコーディオン */
#guide .g_acc {}
#guide .g_acc p.g_acc_ttl {
    font-size: 1.51em;
}
#guide .g_acc p.g_acc_ttl.menuopen{}
#guide .g_acc p.g_acc_ttl::after{}
#guide .g_acc p.g_acc_ttl.menuopen::after{}
#guide .g_acc .g_acc_txt {}

/* ショッピングガイド */
#shopping_guide{}
.sg_anc {padding: 0;margin: 0 0 2em;}
.sg_anc .sg_box {}
.sg_anc a {font-size: 1.0em;padding: 1.0em 0.5em;}
.sg_anc img {width: 70%;}
.size_box{}
.size_box .img{width: 40%;}
.size_box .txt{width: 60%;}
.guide_otorioki{width: 100%;}
/* サイトマップ */
#sitemap{}
/* QA */
.icon_q{font-size: 6vw;top: 0vw;left: 2vw;}
.icon_a{font-size: 6vw;top: -1vw;left: 2vw;}
/* 特商法 */
.guide_law_shopdata{}
.guide_law_shopdata::after{width: 18vw;height: 18vw;}
/* 個人情報 */
#privacy{}
/* FAQ */
#faq{}
.faq_anc{display: block;}
.faq_anc .faq_box{width: 100%;margin: 0 0 2em;padding: 1em;}
.faq_anc .faq_box:last-of-type{}
#guide .faq_anc .faq_box h3{}
.faq_anc .faq_box p{}
.faq_anc .faq_box p a{}
.faq_contact{}
.faq_contact p{padding: 0 !important;}
#guide .faq_contact a{width: 50%;margin: 0 0 1em;}
#guide .faq_contact a:hover{}
/* サイトマップ */
#sitemap{}
.sitemap_box{-ms-flex-wrap: wrap;flex-wrap: wrap;}
#guide .sitemap_box p{width: 50%;}
#guide .sitemap_box p.newarrival{}
#guide .sitemap_box p.event_sale{}
#guide .sitemap_box p.outer{width: 100%;}
#guide .sitemap_box p.tops{width: 100%;display:-webkit-box; display:-ms-flexbox; display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#guide .sitemap_box p.tops .ttl{
width: 100%;}
#guide .sitemap_box p.tops span{width:50%;}
#guide .sitemap_box p.onepiece{width: 100%;display:-webkit-box; display:-ms-flexbox; display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#guide .sitemap_box p.onepiece span{width:50%;}
#guide .sitemap_box p.other{}
#guide .sitemap_box p.guide{}
.sitemap_box p a{}
#sitemap p a.ttl{}

.pc_only{display:none;}
.sp_only{display:inline-block;}
}