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

/*----------------------------------------------------------------------------
***                                                                Container
----------------------------------------------------------------------------*/
.meiryo {font-family: 'メイリオ', "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Meiryo UI', Verdana, 'ＭＳ Ｐゴシック', sans-serif;}
/*----------------------------------------------------------------------------
***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {position: sticky;height: 6em;top: -2.5em;border-top: solid 2.5em #666;}
#headerArea #headerAreaInner {max-width: 1600px;padding: 0.2em 0 0.2em 1em;width: 100%;margin: 0 auto;background: rgba(0,0,0,1);position: relative;z-index: 9;}
#headerArea .logoBox{width: 38%;}
#headerAreaInner .navMenuTop {width: 58%;}
#headerTitle{width: 50%;min-width: 130px;max-width: 150px;}
#headerAreaInner .navBox {width: 100%;padding:2em 0 2em;position:absolute;background: rgba(255,255,255,0.9);top: 100%;left: 0em;z-index: -1;opacity: 0;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;transition: transform 0.5s ease, opacity 0.5s ease;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);}
#headerAreaInner .navBox.open{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1;}
#headerAreaInner .shopList{max-width: 100%;width: 100%;order: 2;display: none;}
#headerAreaInner .navBox ul{flex-direction: column;}
#headerAreaInner .navBox ul li{width: 100%;text-align: center; margin: 0;padding: 0;border-bottom: 1px dashed #ccc;}
#headerAreaInner .navBox ul li a{display:inline-block;padding: 1.5em 0;}
#headerAreaInner .navBox ul li a img{width:auto;height: 1.5em;}
#headerAreaInner .contentsList{max-width: 100%;width: 100%;order: 1;padding: 0;}
#headerAreaInner .contentsList .btnContact{/* display:none; */}
#headerAreaInner .topicsBtnBox{max-width: 50px;}
#headerAreaInner .qaBtnBox{max-width: 50px;}
#headerAreaInner .loginBtnBox{max-width: 50px;}
#headerAreaInner .loginBtnBox .pcNone{display:block;}
#headerAreaInner .nlsTelTop {max-width: 30px;margin-right: 1em;}
#headerArea .moushikomiBtn{width: 43%;}
#headerArea .icoBox{display:block;padding: 0 0 0 10%;}
#headerArea .btnIco{margin:0 1em 0 0;}

#headerArea .ttlTxt{font-size: 11px;color: #fff;font-weight: normal;position: absolute;top: -2.7em;left: 0;line-height: 1.6;margin: 0;padding: 0;width: 100%;text-align: center;z-index: 1;}
#headerArea .ttlSub{position: absolute;top: -1.6em;right: 0;color: #fff;font-size: 11px;width: 100%;line-height: 1.6;margin: 0;padding: 0;text-align: center;}
#headerArea #menuBtnBox{display:block;width: 30px;height: 20px;cursor: pointer;margin: 0 1em 0 0;/*background:#ccc;*//* position:  absolute; *//* top: 0; *//* right:  0; *//* z-index: 9999; */}
#headerArea #menuBtnBox .menuBtn{position:relative;width:100%;height:100%;display:block;}
#headerArea #menuBtnBox .line,
#headerArea #menuBtnBox .menuBtn:before,
#headerArea #menuBtnBox .menuBtn:after{content:"";display:block;width: 30px;height: 2px;background: #fff;position:absolute;right:0;border-radius: 20px;transform-origin: center;transition:all 0.5s ease;}

#headerArea #menuBtnBox .line{top: 0;}
#headerArea #menuBtnBox .menuBtn:before{top: calc(50% - 1px);}
#headerArea #menuBtnBox .menuBtn:after{bottom:0;}

#headerArea #menuBtnBox .menuBtn.open .line{top: calc(50% - 1px);transform:rotate(-45deg);}
#headerArea #menuBtnBox .menuBtn.open:before{top: calc(50% - 1px);opacity:0;}
#headerArea #menuBtnBox .menuBtn.open:after{bottom: calc(50% - 1px);transform: rotate(45deg);}

/*----------------------------------------------------------------------------
***                                                                  gnav
----------------------------------------------------------------------------*/
#gnav{background: #ee93ad;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);position: sticky;top: 3.5em;}
#gnav a{color: #fff;/* text-shadow: 2px 2px 3px rgba(0,0,0,1); */font-size: 100%;width: 100%;display: block;text-align: center;padding: 0.8em 0.5em 0.8em;font-weight: bold;position: relative;}
#gnav a .txt{border-bottom: none;display: inline-block;line-height: 1.5;width: 100%;}
#gnav a:before{content:"";display:block;width: 0.6em;height: 0.6em;position:absolute;top:50%;right: 5%;transform: translate(0, -50%) rotate(-45deg);border-right: 2px solid rgba(255,255,255,0.4);border-bottom: 2px solid rgba(255,255,255,0.4);}
#gnav .gnavBox{position: relative;padding: 0px 0 0px;width: 100%;max-width: 950px;margin: 0 auto;}
#gnav .gnavBox ul{padding: 0 0;}
#gnav .gnavBox li{margin: 0 0em;padding: 0 0;border-right: 1px solid #fff;width: 33.33%;box-sizing: border-box;}
#gnav .gnavBox li:nth-of-type(n+4){border-top: 1px solid #fff;}
#gnav .gnavBox li:first-child{border-left:none;}
#gnav .gnavBox li.btnSampleLink a{background:#000000; color:#7caf38;}
#gnav .gnavBox li.btnFormLink a{background:#ed1e79;}

/*----------------------------------------------------------------------------
***                                                                  gnavBottom
----------------------------------------------------------------------------*/
#gnavBottom{width: 100%;padding: 1em 3% 0% 3%;font-size: 75%;}
#gnavBottom .gnavBottomInner{position: relative;padding: 0px 0 0px;width: 100%;max-width: 950px;margin: 0 auto;}

#breadcrumbArea{width: 70%;}
#breadcrumbArea .breadcrumbInner{}
#breadcrumbArea .breadcrumbInner ul{white-space: nowrap; overflow-x: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
#breadcrumbArea a{color:#333; text-decoration:underline;}
#breadcrumbArea li:not(:last-child):after{content:"";display:inline-block;border: 0.3em solid transparent;border-left: 6px solid #ec1e79;border-right: 0em solid transparent;width: 0;height: 0;margin: 0 0.6em;}

#snsBtnBox{width: 30%;max-width: 150px;/* display: none; */}
#snsBtnBox li{width: 27%; margin-left:2%;}

/*-------------------------------s---------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/

/*--- セクション共通 ---*/
.secBox{width: 100%;}
.secBox > .sectionInner{width: calc(100% - 3em);margin: 0 auto;}
.secBox > .sectionInner > .titleBox{margin: 0 0 1.5em;}
.secBox > .sectionInner > .titleBox h2{font-size:27px;line-height: 1.2;margin-bottom: 0.5em;}
.underPage .secBox > .sectionInner{padding: 5em 2em 0em;}
.underPage .secBox:last-of-type > .sectionInner{padding-bottom:5em;}
.underPage .secBox .secBox > .sectionInner{max-width: calc(1000px + 4em);margin: 0 auto;padding: 5em 1em 0em;}
.underPage .secBox > .sectionInner > .titleBox h3{font-size:calc(10px + 3.8vw);}

/*--- ボタン類共通 ---*/
.btnBox {margin:0 auto;position:relative;width: 70%;}
.btnBox li.listMargin{margin: 0 auto 1.5em;width: auto;min-width: auto;}
.btnBox li.listMargin img{min-width: 240px;width: 80%;}
.btnBox li.listMargin:first-child{}
.btnBox li.listMargin:last-child{}
.btnBox .imgBox{text-align: center;}
.dispInFlex li{margin: 0 0.5em 1.5em;}

.dispInFlex li:first-child{}
.dispInFlex li:last-child{}

/*--- ボタン下よくあるご質問共通 ---*/
.btnBox {width: 100%; padding: 0 0%;}/*20201109*/
.btnBox .linkTopicsFaq p {width: 100%; text-align: center;}
.nlsTel {width: 100%;margin: 1.5em auto 2em auto;max-width: 220px;text-align: center;}

/*--- mainView共通（下層ページ） ---*/
.underPage #mainView{}

/*--- TOPへ戻るボタン ---*/
#backToTop {position:fixed;right: 1em;bottom: 1em;z-index: 999; width: 4em; height: auto;}


/*----------------------------------------------------------------------------
***                                                              footer
----------------------------------------------------------------------------*/
#lsFooterSec .sectionInner{max-width:1200px;margin:0 auto;padding:0.5em 2em;width: 100%;/* font-size: calc(10px + 0.15vw); */}
#lsFooterSec p a{ color:#ee93ad; font-weight:bold;}
#lsFooterSec #footerCopyright{ width:100%; order:4;}
#lsFooterSec #footerCopyright p{ text-align:center;}
#lsFooterSec #faqPage{ width:100%; order:2; margin:0.5em auto; padding:0 0 0.5em; border-bottom:1px dashed #ee93ad;}
#lsFooterSec #faqPage p{ text-align:center;}
#lsFooterSec #policyPage{ width:100%; order:2; margin:0.5em auto; padding:0 0 0.5em; border-bottom:1px dashed #ee93ad;}
#lsFooterSec #policyPage p{ text-align:center;}
#lsFooterSec #transactionsPage{ width:100%; order:3; margin:0.5em auto; padding:0 0 0.5em; border-bottom:1px dashed #ee93ad;}
#lsFooterSec #transactionsPage p{ text-align:center;}
#lsFooterSec #footerLogo{ width:100%; order:3; margin:2em auto 1.5em;}

/*--- ボタン類共通 ---*/
#formLinkSec *{margin: inherit;}
#formLinkSec.lsFormLink .btnBox {margin:0 auto;position:relative;}
#formLinkSec.lsFormLink .btnBox li {width: 100%;}
#formLinkSec.lsFormLink .txtBox {text-align: center;}
#formLinkSec.lsFormLink .imgBox img {width: 100%;}
#formLinkSec.lsFormLink .imgBox{width:100%;margin: 0 auto 0.5em auto;display: block;}
#formLinkSec.lsFormLink .nlsTel {margin-top: 1em;}
#formLinkSec.lsFormLink .linkTopicsFaq img {width: 20px; margin-right: 5px;}
#formLinkSec.lsFormLink>.sectionInner{width: 90%;max-width: 330px;padding: 0;}

#formLinkSec .moushikomiBox.campaignShogetsu0yen .ttl{width: 100%;}
#formLinkSec .moushikomiBox.campaignShogetsu0yen .moushikomiBtn a{padding: 0.4em 0; margin: 0.5em auto;}
#formLinkSec .moushikomiBox.campaignShogetsu0yen .snsUl {width:90%; max-width: 250px; margin-top: 0.4em;}
#formLinkSec .moushikomiBox.campaignShogetsu0yen .snsLi {max-width: 50px;}
#formLinkSec .moushikomiBox.campaignShogetsu0yen .snsLi img{width: 100%; height: auto;}

/*----------------------------------------------------------------------------
***                                                              キャンペーンPOPUP
----------------------------------------------------------------------------*/
/*-- キャンペーンPOPUP--*/
.popup_content{overflow-y: scroll;height: 90%;}
.popup_wrap_cp .popup_content img{margin: 20px auto;}
.close_btn{font-size: 25px;top: 6.1%;right: 5%;position: fixed;}
#campaignSec .popup_inner .cp_title img{margin:0;}
#campaignSec .popup_inner{padding: 1em;}
#campaignSec .popup_inner ul{margin: 0em;display: block;}
#campaignSec .popup_inner li{width: 100%;margin: 0 0 1em;}
#campaignSec .popup_inner .cp_pop_btn{margin: 0% auto 0%;width: 90%;}
#campaignSec .popup_inner img{width: 100%;}
#campaignSec dt{width: 15%;}
#campaignSec dd{width:79%;}
#campaignSec .font_LLL{font-size: 24px;}
#campaignSec .font_title{font-size: 45px;}


#campaignSec .popup_inner .ryoukinUl{margin: 0em auto 0.5em;}
.popup_content .cp_title{margin-top: 2em;}
#campaignSec .title_cp{margin-left: 0;}
#campaignSec .cp_encho{width: 41%;top: 13%;left: 66%;}
#campaignSec .popup_inner .cp_title img{width: 100%!important;padding-right: 7em;}

/*--- campaignSec ---*/
#campaignSec .cpfuki{top: 28%;left: -4%;width: 37%;}
#campaignSec .ryoukinLi.standard .ryoukinDl,#campaignSec .ryoukinLi.premium .ryoukinDl{padding-bottom: 0;}
#campaignSec .aten{padding-left: 1em;}