/* CSS Document */

/*header*/
header#wcheader .menubtn:not([btn-pos*="show"])::before{
  background-color: #753815 !important;
}
header#wcheader .menubtn[name]:not([btn-pos*="show"])::after{
  font-family:'Gothic';
}
header#wcheader div.headerlogo[logo-type="mask"] .wclogoimg{
  background-color: #e61673 !important;
}
header#wcheader div.headerlogo:not([logo-text="none"]) h2[wc-text-af]::after{
  text-align: left !important;
  margin-top: 4px;
}
header#wcheader div.headerlogo:not([logo-text="none"]) h2[wc-text-be]::before{
  opacity: 0;
}
header#wcheader div.headerlogo:not([logo-text="none"]) h2[wc-text-be]::before{
  margin-left: 0 !important;
}
header#wcheader div.headerlogo:not([logo-text="none"]) h2[wc-text-be]::after{
  content: "";
  position: absolute;
  right: 0.5rem;
  top: 50%;
  width: 116px;
  height: 25px;
  transform: translateY(-50%);
  -webkit-mask-image: url("/img/logo/header_type.svg");
  mask-image: url("/img/logo/header_type.svg");
  -webkit-mask-position: center center;
  mask-position: left center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: contain;
  background-color: #e61673;
}
/*メニューの中*/
div.wcdrawermenuwrap{
  background-color: #f2ece0!important;
}
.wcdrawermenu nav ul li > a,
.wcdrawermenu nav ul li > div{
  color: #29221a !important;
  border-bottom:1px solid rgba(41,34,26,0.5) !important;
}
.wcdrawermenu nav ul li > a[wc-icon]::before,
.wcdrawermenu nav ul li > div[wc-icon]::before,
.wcdrawermenu nav ul li a::after,
.wcdrawermenu nav ul li [wc-accordion]::after{
  background-color: #29221a !important;
}

/*headerの中のボタン*/
div.menu_schedule{
  position: relative;
  z-index: 1;
  width: calc(100% - 3em);
  margin: 2rem auto;
  height: 110px;
  background-color: #a37554;
}
div.menu_schedule a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
div.menu_schedule a::after{
  content: "出店スケジュールバナー";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 3;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  white-space: nowrap;
}
div.menu_schedule a span{
  width: 0;
  height: 0;
  opacity: 0;
}
div.menu_sns{
  display: table;
  margin: 0 auto;
  margin-top: 1.5rem;
}
div.menu_sns div.menu_flex{
  display: flex;
}
div.menu_sns div.menu_flex > div{
  width: 50px;
  height: 50px;
  margin: 0 0.5rem;
}
div.menu_sns div.menu_flex > div a{
  display: block;
  background-color: #753815;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  height: 100%;
}
div.menu_sns div.menu_flex > div a::after{
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #f2ece0;
}
div.menu_sns div.menu_flex > div.menu_twitter a{
}
div.menu_sns div.menu_flex > div.menu_insta a{
}
div.menu_sns div.menu_flex > div a span{
  width: 0;
  height: 0;
  opacity: 0;
}


/*footer*/
footer{
  background-color: #f2ece0 !important;
}
footer div.footerlogo .logomark[logo-type="mask"]::before{
  background-color: #e61673 !important;
}
.logotype {
  width: 140px !important;
  margin: 0 auto !important;
}
footer div.footerlogo .logotype[logo-type="mask"]::before{
  background-color: #e61673 !important;
}
footer *{
  color: #29221a !important;
}
footer dl.footercontact{
  border-radius: 3rem;
  border-color: rgba(41,34.26,0.5) !important;
}
dl.footercontact div.contactbtnarea a.wc-button {
  border-radius: 2rem !important;
  padding-left: 1.5rem !important;
}
.wc-button[wc-icon].iconbefore::before{
  display: none !important;
}
.wc-button[wc-icon].iconafter::after{
  -webkit-mask-image: url("/img/arrow/link_arrow_right.svg") !important;
  mask-image: url("/img/arrow/link_arrow_right.svg") !important;
}
#wcfooter .footerflex .wc-dlbox_address dt::before,
#wcfooter .footerflex .wc-dlbox_tel dt::before,
#wcfooter .footerflex .wc-dlbox_mail dt::before{
  background-color: #f2ece0 !important;
}
#wcfooter .footerflex .wc-dlbox_address dt::after,
#wcfooter .footerflex .wc-dlbox_tel dt::after,
#wcfooter .footerflex .wc-dlbox_mail dt::after{
  background-color: #753815 !important;
}
footer dl.footercontact div.conditions dl dt::before{
  background-color: #753815!important;
  color: #f2ece0 !important;
}

footer .footertextlinks > div + div:not(.noneline)::before{
  display: none !important;
}
footer dl.footercontact .contactbtnarea .wc-dlbox_tel dt::after{
  background-color: rgba(255,255,255,0) !important;
}


dl.footercontact div.contactbtnarea a.wc-button{
  background-color: #753815 !important;
  color: #f2ece0 !important;
}
dl.footercontact div.contactbtnarea a.wc-button::after{
  background-color: #f2ece0 !important;
}
footer .footertextlinks{
  max-width: 241px !important;
  width: 241px !important;
}
body[wc-view-type="sp"] footer .footertextlinks{
  max-width: 211px !important;
  width: 211px !important;
}
footer .footertextlinks > div + div:not(.noneline)::before{
  background-color: #29221a !important;
}
.footersnsarea > div.twitter_x[svg-color="true"] a{
  background-image:url("/img/icon/twitter_x.webp?202309121820") !important;
}
body.safari .footersnsarea > div.twitter_x[svg-color="true"] a{
  background-image: url("/img/icon/twitter_x.png?202309121820") !important;
}
.footersnsarea > div.insta[svg-color="true"] a{
  background-image:url("/img/icon/instagram02.webp");
}
body.safari .footersnsarea > div.insta[svg-color="true"] a{
  background-image: url("/img/icon/instagram02.png");
}
.footersnsarea > div[svg-color="true"] a {
  background-color: #753815 !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}