/* CSS Document */
/*背景固定*/
main{
  position: relative;
  z-index: 1;
  margin-top: calc(var(--headerHeight) * -1);
}
main::before{
  content: "";
  width: 100vw;
  height: calc(var(--fixdvh) * 120);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -2;
}
body[wc-view-type="sp"] main::before{
  background-image: url("/img/sp_back.webp");
}
body.safari[wc-view-type="sp"] main::before{
  background-image: url("/img/sp_back.png");
}
body[wc-view-type="tb-l"] main::before,
body[wc-view-type="tb"] main::before{
  background-image: url("/img/tb_back.webp");
}
body.safari[wc-view-type="tb-l"] main::before,
body.safari[wc-view-type="tb"] main::before{
  background-image: url("/img/tb_back.png");
}
body[wc-view-type="pc"] main::before{
  background-image: url("/img/pc_back.webp");
}
body.safari[wc-view-type="pc"] main::before{
  background-image: url("/img/pc_back.png");
}


div.wccatchcopy{
 border-bottom: none !important; 
}
/*ヘッダー*/
a.h_shop::before,
a.h_reserve::before{
  content: "";
}
a.h_shop::before{
  -webkit-mask-image: url("/img/svg/shop.svg") !important;
  mask-image: url("/img/svg/shop.svg") !important;
}
/*
a.h_reserve::before{
  -webkit-mask-image: url("/img/svg/reserve.svg") !important;
  mask-image: url("/img/svg/reserve.svg") !important;
}*/
a.h_reserve::before{
  -webkit-mask-image: url("/code/icons/calendar.svg") !important;
  mask-image: url("/code/icons/calendar.svg") !important;
}
header#wcheader .menubtn[name]:not([btn-pos*="show"])::after {
  font-family: 'NotoSerifJP' !important;
  font-weight: 400 !important;
}
header#wcheader div.headerlogo:not([logo-text="none"]) h2[wc-text-be]::before{
  font-family: "Lato";
  font-weight: 400 !important;
  font-size: 1.6rem !important;
}
header#wcheader{
  background-color: rgba(255,255,255,0) !important;
  font-weight: 400 !important;
}
/*ドロワーメニュー*/
div#mainmenu{
  background: -moz-linear-gradient(0deg, rgba(235,224,244,0.8) 0%, rgba(184,224,255,0.8) 50%, rgba(235,224,244,0.8) 100%);
  background: -webkit-linear-gradient(0deg, rgba(235,224,244,0.8) 0%,rgba(184,224,255,0.8) 50%,rgba(235,224,244,0.8) 100%);
  background: linear-gradient(0deg, rgba(235,224,244,0.8) 0%,rgba(184,224,255,0.8) 50%,rgba(235,224,244,0.8) 100%);
  background-color: rgba(0, 0, 0, 0);
  background-color: rgba(255,255,255,0) !important;
}
.wcdrawermenu div.header{
  top: 1rem !important;
}
div.wcdrawermenuwrap{
  border-radius: 0 !important;
  padding-top: 1rem !important;
}
.wcdrawermenu div.header div.title{
  font-size: 1.5rem !important;
  font-weight: 300 !important;
}
.wcdrawermenu nav ul li > a,
.wcdrawermenu nav ul li > div {
  padding: 1rem 2.5rem 1rem 1rem !important;
  font-size: 1.1rem !important;
}
.wcdrawermenu nav ul li a::after, .wcdrawermenu nav ul li [wc-accordion]::after{
  top: 50% !important;
  transform: translateY(-50%) !important;
}
div.menu_btn{
  width: 260px !important;
  margin: 2rem auto 0 auto;
}
div.menu_btn a{
  display: flex;
  background-color: #fff;
  height: 100px;
  text-decoration: none;
  /*box-shadow: 0px 0px 15px 3px rgba(184,224,255,.75) !important;
  box-shadow: 0px 0px 5px rgba(68,68,85,0.2);*/
  border: solid 1px #444;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
div.menu_btn a > span.dw_btn_text{
  text-align: center;
  font-size: 1.1rem;
  color: #444;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
div.menu_btn a > span.dw_btn_text::before{
  display: block;
  color: #444;
  line-height: 1em;
  margin-bottom: 0.5rem;
  font-size: 1.45rem;
}
div.menu_btn.menu_reserve a > span.dw_btn_text::before{
  content: "Reserve";
}
div.menu_btn.menu_store a > span.dw_btn_text::before{
  content: "Online store";
}
div.menu_btn a > span.dw_btn_text > span{
  padding-right: 1.5rem;
  position: relative;
  z-index: 1;
  display: block;
}
div.menu_btn a > span.dw_btn_text > span::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #444;
  -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: var(--headerBtnSize);
  mask-size: var(--headerBtnSize);
}
div.menu_btn.menu_reserve a > span.dw_btn_text > span,
div.menu_btn.menu_store a > span.dw_btn_text > span{
  padding-left: 2rem;
}
div.menu_btn a > span.dw_btn_text > span > span{
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  left: -0.5rem;
  bottom: -0.7rem;
}
/*
div.menu_btn.menu_reserve a > span.dw_btn_text > span::before{
  content: "公式LINEから";
  display: block;
  text-align: center;
  font-size: 0.95rem;
}*/
div.menu_btn.menu_reserve a > span.dw_btn_text > span > span::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #333;
  -webkit-mask-image: url("/code/icons/calendar.svg");
  mask-image: url("/code/icons/calendar.svg");
  -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;
}
div.menu_btn.menu_store a > span.dw_btn_text > span > span::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #333;
  -webkit-mask-image: url("/img/svg/shop.svg");
  mask-image: url("/img/svg/shop.svg");
  -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;
}




div.menu_btn a > span span.icon{
  position: relative;
  z-index: 1;
  width: 1.5rem;
  height: 1.5rem;
}
div.menu_btn a > span span.icon::after{
  content: "";
  position: absolute;
  right: 0;
  top: 65%;
  transform: translateY(-50%);
  z-index: 2;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #444;
  -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: var(--headerBtnSize);
  mask-size: var(--headerBtnSize);
}
div.header_sns_block{
}
div.header_sns_block span.h_sns{
  font-size: 1.2rem;
  color: #444;
  margin-top: 2rem;
}
/*
body[wc-view-type="sp"] div.wcdrawermenuwrap{
  max-width: 85vw !important;
}*/
.wcdrawermenu nav ul li > a, .wcdrawermenu nav ul li > div{
  font-weight: 400 !important;
  align-items: baseline !important;
  flex-direction: column;
  height: auto !important;
}
.wcdrawermenu nav ul li > a span, .wcdrawermenu nav ul li > div span{
  display: block;
  margin-bottom: 0.5rem;
}
/*マーキー*/
div.wccatchcopy div.wcinner > *{
  height: 0 !important;
  line-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
}
/*透明*/
span.opa{
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  display: block;
}
/*タイトル*/
div.title{
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 1.5rem;
}
div.title.left{
  align-items: baseline;
}
div.title.center{
  align-items: center;
}
div.title > h1{
  font-size: 1.45rem;
}
div.title > span.eg{
  font-size: 1.5rem;
  font-family: "ShipporiMincho";
}
/*ボタン*/
div.btn{
  display: table;
}
div.btn a{
  display: table;
  padding: 0.75rem 2.5rem 0.75rem 1.5rem;
  color: #444;
  position: relative;
  z-index: 1;
  border: solid 1px #444;
  box-sizing: border-box;
  border-radius: 3rem;
  text-decoration: none;
}
div.btn.border_none a{
  background-color: #fff;
  border: none;
}
div.btn.reserve{
}
div.btn a::before{
  content: "View More";
  color: #444;
}
div.btn.reserve a::before{
  content: "";
  display: none;
}
div.btn a::after{
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #444;
  -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: var(--headerBtnSize);
  mask-size: var(--headerBtnSize);
}
div.reserve_btn{
  display: table;
  margin: 0 auto;
}
body[wc-view-type="tb"] div.reserve_btn,
body[wc-view-type="sp"] div.reserve_btn{
  display: table;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
body[wc-view-type="sp"] div.reserve_btn{
  bottom: calc(var(--fixdvh) * 5);
}
body[wc-view-type="tb"] div.reserve_btn{
  bottom: calc(var(--fixdvh) * 2);
}
div.reserve_btn a{
  display: table;
  background-color: #2EAAF9;
  color: #fff;
  padding: 1rem 1rem 1rem 1.5rem;
  border-radius: 4rem;
  text-decoration: none;
}
div.reserve_btn a > span.r_btn_t{
  font-size: 2rem;
  padding-left: 2rem;
  padding-right: 1.5rem;
  position: relative;
  z-index: 1;
}
div.reserve_btn a > span.r_btn_t::before{
  content: "";
  position: absolute;
  left: -0.75rem;
  top: 59%;
  transform: translateY(-50%);
  z-index: 2;
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  -webkit-mask-image: url("/code/icons/calendar.svg");
  mask-image: url("/code/icons/calendar.svg");
  -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;
}
div.reserve_btn a > span.r_btn_t::after{
  content: "";
  position: absolute;
  right: -0.75rem;
  top: 56%;
  transform: translateY(-50%);
  z-index: 2;
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  -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;
}
div.reserve_btn a > span.btn_hosoku{
  line-height: 1em;
  text-align: center;
  display: block;
}
/*
div.btn.reserve a{
  padding-left: 2.5rem;
}
div.btn a span.r_btn_t{
  display: block;
  padding-left: 2rem;
  position: relative;
  z-index: 1;
}
div.btn a span.r_btn_t::before{
  content: "";
  position: absolute;
  left: 0;
  top: 55%;
  transform: translateY(-50%);
  z-index: 2;
  width: 1.75rem;
  height: 1.75rem;
  background-color: #fff;
  -webkit-mask-image: url("/code/icons/calendar.svg");
  mask-image: url("/code/icons/calendar.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: var(--headerBtnSize);
  mask-size: var(--headerBtnSize);
}
div.btn a span.r_btn_t > span{
  display: block;
  text-align: center;
  font-size: 0.9rem;
  line-height: 1em;
  margin-bottom: 0.5rem;
}*/
/*footer*/
footer{
  background: -moz-linear-gradient(0deg, rgba(235,224,244,0.8) 0%, rgba(184,224,255,0.8) 50%, rgba(235,224,244,0.8) 100%);
  background: -webkit-linear-gradient(0deg, rgba(235,224,244,0.8) 0%,rgba(184,224,255,0.8) 50%,rgba(235,224,244,0.8) 100%);
  background: linear-gradient(0deg, rgba(235,224,244,0.8) 0%,rgba(184,224,255,0.8) 50%,rgba(235,224,244,0.8) 100%);
  background-color: rgba(255,255,255,0) !important;
}
div.footer_store_box{
  display: flex;
}
body[wc-view-type="sp"] div.footer_store_box{
  flex-direction: column;
}
body[wc-view-type="tb"] div.footer_store_box,
body[wc-view-type="tb-l"] div.footer_store_box,
body[wc-view-type="pc"] div.footer_store_box{
  width: 100% !important;
  justify-content: center;
  margin-bottom: 1rem;
}
div.footer_store_box > div{
}
body[wc-view-type="pc"] div.footer_store_box > div.f_big_btn{
  width: 300px;
}
div.footer_store_box > div.f_big_btn.footer_reserve{
}
body[wc-view-type="sp"] div.footer_store_box > div.f_big_btn.footer_reserve{
  margin-bottom: 1rem;
}
body[wc-view-type="pc"] div.footer_store_box > div.f_big_btn.footer_reserve{
  margin-right: 1rem;
}
div.footer_store_box > div.f_big_btn.footer_store{
}
body[wc-view-type="pc"] div.footer_store_box > div.f_big_btn.footer_store{
  margin-left: 1rem;
}
footer .corporatename .jpname:not(.subname){
  font-family: "Lato" !important;
  font-size: 1.48rem !important;
}
/*
div.f_logo{
  width: 150px;
  height: 150px;
  background-color: #444;
  margin-bottom: 1rem;
  z-index: 2;
  -webkit-mask-image: url("/img/logo/footer_mark.svg");
  mask-image: url("/img/logo/footer_mark.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 150px;
  mask-size:150px;
}*/
footer div.footer .footeritem:not(.footerlogo){
  margin-top: 0 !important;
  padding-bottom: 1rem;
}
body[wc-view-type="sp"] footer div.footer .footeritem:not(.footerlogo){
  margin-top: 1rem !important;
}
footer:not([column-type="1"]) .footeritem{
  margin-right: 0 !important;
}
body[wc-view-type="pc"] footer:not([column-type="1"]) div.footer{
}
footer div.footer .footerflex .flexinner > dl dd.column_flex{
  display: flex;
  flex-direction: column;
}
footer div.footer .footerflex .flexinner > dl dd span.zipcode{
}
footer .corporatename .jpname{
  font-weight: 400 !important;
}
body:not([wc-view-type="sp"]) footer div.footer .footerflex .flexinner > dl{
  width: 100% !important;
}
div.footer_store_box{
}
body[wc-view-type="tb"] div.footer_store_box,
body[wc-view-type="tb-l"] div.footer_store_box{
  justify-content: center !important;
}
body[wc-view-type="pc"] div.footer_store_box{
  width: 100% !important;
}
body[wc-view-type="sp"] div.footer_store_box{
  width: 260px !important;
}
body[wc-view-type="tb"] div.footer_store_box div.f_big_btn{
  width: calc((100% / 2) - 4rem);
}
body[wc-view-type="tb"] div.footer_store_box div.f_big_btn.footer_reserve{
  margin-right: 0.75rem;
}
body[wc-view-type="tb"] div.footer_store_box div.f_big_btn.footer_store{
  margin-left: 0.75rem;
}
body[wc-view-type="tb-l"] div.footer_store_box div.f_big_btn{
  width: 300px;
}
body[wc-view-type="tb-l"] div.footer_store_box div.f_big_btn.footer_reserve{
  margin-right: 0.75rem;
}
body[wc-view-type="tb-l"] div.footer_store_box div.f_big_btn.footer_store{
  margin-left: 0.75rem;
}
div.footer_store_box div.f_big_btn{
  width: 100%;
}
div.footer_store_box div.f_big_btn:last-of-type{
  margin-bottom: 0;
}
div.footer_store_box div.f_big_btn a{
  display: flex;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  height: 115px;
  text-decoration: none;
  border: solid 1px #c3c3c3;
  box-sizing: border-box;
}
body[wc-view-type="sp"] div.footer_store_box div.f_big_btn a{
  height: 105px;
}
div.footer_store_box div.f_big_btn a > span.f_reserve_text{
  font-size: 1.2rem;
  color: #444;
}
div.footer_store_box div.f_big_btn a > span.f_reserve_text::before{
  display: block;
  color: #444;
  font-size: 1.2rem;
  line-height: 1em;
  margin-bottom: 0.5rem;
}
div.footer_store_box div.f_big_btn.footer_reserve a > span.f_reserve_text::before{
  content: "Reserve";
}
div.footer_store_box div.f_big_btn.footer_store a > span.f_reserve_text::before{
  content: "Online store";
}
div.footer_store_box div.f_big_btn a > span.f_reserve_text > span{
  display: table;
  padding-right: 2rem;
  position: relative;
  z-index: 1;
  padding-left: 2.5rem;
}
/*
div.footer_store_box div.f_big_btn.footer_reserve a > span.f_reserve_text > span::before{
  content: "公式LINEから";
  color: #444;
  display: block;
  text-align: center;
  font-size: 0.95rem;
}*/
div.footer_store_box div.f_big_btn a > span.f_reserve_text > span::after{
  content: "";
  position: absolute;
  right: 0;
  top: 55%;
  transform: translateY(-50%);
  z-index: 2;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #444;
  -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: 2.5rem;
  mask-size: 2.5rem;
}
div.footer_store_box div.f_big_btn.footer_reserve a > span.f_reserve_text > span::after{
  top: inherit !important;
  bottom: -0.5rem !important;
  transform: translateY(0) !important;
}
div.footer_store_box div.f_big_btn a > span.f_reserve_text > span > span{
  display: inline-block;
  position: absolute;
  bottom: -0.7rem;
  z-index: 1;
  width: 3rem;
  height: 3rem;
  left: -0.2rem;
}
div.footer_store_box div.f_big_btn.footer_reserve a > span.f_reserve_text > span > span::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 3rem;
  height: 3rem;
  background-color: #333;
  -webkit-mask-image: url("/code/icons/calendar.svg");
  mask-image: url("/code/icons/calendar.svg");
  -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;
}
div.footer_store_box div.f_big_btn.footer_store a > span.f_reserve_text > span > span::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 3rem;
  height: 3rem;
  background-color: #333;
  -webkit-mask-image: url("/img/svg/shop.svg");
  mask-image: url("/img/svg/shop.svg");
  -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;
}
div.f_company_info{
  box-sizing: border-box;
}
body[wc-view-type="tb"] div.f_company_info{
  width: 40% !important;
  padding-left: 1rem;
}
body[wc-view-type="tb-l"] div.footerflex.f_company_info.footeritem{
  width: 270px !important;
}
/*
body[wc-view-type="tb-l"] div.f_company_info{
  width: 400px;
}*/
footer dl.footercontact > dt{
  font-weight: 400!important;
}
footer dl.footercontact div.conditions dl dt::before{
  font-weight: 400 !important;
  background-color: #fff !important;
}
footer dl.footercontact .contactbtnarea .wc-dlbox_tel dt::after{
  background-color: #fff !important;
}
dl.footercontact div.contactbtnarea a.wc-button{
  background-color: #fff !important;
}
body[wc-view-type="sp"] footer div.footer .footerflex .flexinner{
  justify-content: center;
}
div.f_fogo{
  width: 130px;
  height: 130px;
  background-color: #444;
  -webkit-mask-image: url("/img/logo/footer_mark.svg?202307131738");
  mask-image: url("/img/logo/footer_mark.svg?202307131738");
  -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;
  margin-bottom: 1rem;
}
body[wc-view-type="sp"] div.f_fogo{
  width: 120px;
  height: 120px;
}
#wcfooter .footerflex .wc-dlbox_address dt::after,
#wcfooter .footerflex .wc-dlbox_tel dt::after{
  background-color: rgba(255,255,255,0) !important;
  border: solid 1px #444 !important;
  box-sizing: border-box !important;
}
div.f_contact{
  border-bottom: 1px solid #444;
  box-sizing: border-box;
}
body[wc-view-type="tb"] div.f_contact{
  width: 60% !important;
  padding-right: 1rem;
}
body[wc-view-type="tb-l"] div.f_contact{
  width: 400px !important;
}
body[wc-view-type="pc"] div.f_contact{
  width: 550px !important;
}
div.f_contact p.f_contact_title{
  position: relative;
  z-index: 1;
}
div.f_contact p.f_contact_title::before,
div.f_contact p.f_contact_title::after{
  content: "";
  width: 200px;
  height: 1px;
  background-color: #444;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  position: absolute;
}
body[wc-view-type="sp"] div.f_contact p.f_contact_title::before,
body[wc-view-type="sp"] div.f_contact p.f_contact_title::after{
  width: 23vw;
}
body[wc-view-type="tb"] div.f_contact p.f_contact_title::before,
body[wc-view-type="tb"] div.f_contact p.f_contact_title::after{
  width: 150px;
}
body[wc-view-type="tb-l"] div.f_contact p.f_contact_title::before,
body[wc-view-type="tb-l"] div.f_contact p.f_contact_title::after{
  width: 130px;
}
div.f_contact p.f_contact_title::before{
  left: 0;
}
div.f_contact p.f_contact_title::after{
  right: 0;
}
div.f_contact p.f_contact_title span{
  font-size: 1.2rem;
  color: #444;
  display: block;
}
div.f_contact p.f_contact_title span::before{
  content: "Contact";
  font-size: 1.2rem;
  display: block;
}
div.f_contact div.f_contact_box{
  display: flex;
  padding: 0.5rem 1rem 0 1rem;
  box-sizing: border-box;
}
body[wc-view-type="sp"] div.f_contact div.f_contact_box{
  flex-direction: column;
}
p.f_c_mini_title{
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
body[wc-view-type="tb-l"] p.f_c_mini_title{
  font-size: 1.1rem;
}
div.f_contact div.f_contact_box div.f_mail{
}
body[wc-view-type="sp"] div.f_contact div.f_contact_box div.f_mail{
  margin-top: 1rem;
}
body:not([wc-view-type="sp"]) div.f_contact div.f_contact_box div.f_tel,
body:not([wc-view-type="sp"]) div.f_contact div.f_contact_box div.f_mail{
  width: 50%;
}
div.f_contact div.f_contact_box div.f_tel a{
  display: table;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding-left: 1.8rem;
  font-size: 1.45rem;
  text-decoration: none;
  line-height: 1em;
}
div.f_contact div.f_contact_box div.f_tel a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 55%;
  transform: translateY(-50%);
  z-index: 2;
  width: 1.8rem;
  height: 1.8rem;
  background-color: #444;
  -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: 1.8rem;
  mask-size: 1.8rem;
}
div.f_contact div.f_contact_box div.f_tel p.fc_info_box{
  display: flex;
  margin-top: 0.5rem;
  justify-content: center;
}
body[wc-view-type="sp"] div.f_contact div.f_contact_box div.f_tel p.fc_info_box{
  flex-direction: column;
}
div.f_contact div.f_contact_box div.f_tel p.fc_info_box span.fc_info{
  font-size: 0.8rem;
}
div.f_contact div.f_contact_box div.f_tel p.fc_info_box span.fc_info:nth-of-type(1){
  margin-right: 0.25rem;
}
div.f_contact div.f_contact_box div.f_tel p.fc_info_box span.fc_info:nth-of-type(2){
  margin-left: 0.25rem;
}
div.f_contact div.f_contact_box div.f_tel p.fc_info_box span.fc_info > span{
  padding: 0 0.5rem 0 0;
border-radius: 1rem;
margin-right: 0.25rem;
font-size: 0.8rem;
line-height: 1em;
position: relative;
z-index: 1;
}
div.f_contact div.f_contact_box div.f_tel p.fc_info_box span.fc_info > span::after{
  content: ":";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
color: #444;
font-size: 0.9rem;
}
div.f_contact div.f_contact_box div.f_mail div.btn{
  margin: 0 auto;
}
div.f_contact div.f_contact_box div.f_mail div.btn a{
  padding: 0.5rem 2.5rem 0.5rem 1.5rem;
}
div.f_contact div.f_contact_box div.f_mail div.btn a::before{
  display: none !important;
}

footer .footertextlinks{
  width: 240px !important;
}
footer .footertextlinks > div:not(:last-child):not(.nonemargin){
  margin-right: 1rem;
}
footer .footertextlinks > div + div:not(.noneline)::before{
  display: none !important;
}
footer .footertextlinks a{
  text-decoration: none !important;
  font-weight: 400 !important;
}
.footersnsarea > div[svg-color="true"] a{
  background-color: #fff !important;
}
dl.footercontact div.contactbtnarea a.wc-button{
  font-weight: 400 !important;
}
body[touch-pos] footer div.footer::before, body[touch-pos] footer div.footer::after{
  width: 0.8px !important;
}
body[touch-pos] footer div.footer{
  border-bottom: solid 0.8px var(--borderColor) !important;
}
div.footersnsarea div.x{
  background-image: url("/img/svg/x.svg");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
}


/*ページタイトル*/
section.page_title{
  padding: var(--headerHeight) 0;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  background-color: #fff;
}
body[wc-view-type="sp"] section.page_title{
  padding: var(--headerHeight) 6.5vw;
}
body[wc-view-type="tb"] section.page_title,
body[wc-view-type="tb-l"] section.page_title{
  padding: calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="pc"] section.page_title{
  padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2);
}
section.page_title > h1{
  font-size: 1.8rem;
  text-align: center;
}
body[wc-view-type="sp"] section.page_title > h1{
  font-size: 1.5rem;
}
section.page_title > h1::before{
  content: "";
  display: block;
  color: #444;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1em;
  margin-bottom: 1rem;
  text-align: center;
}
section.page_title_img{
  display: flex;
  box-sizing: border-box;
  padding-top: var(--headerHeight);
  position: relative;
  z-index: 1;
}
body:not([wc-view-type="sp"]) section.page_title_img{
  align-items: center;
}
body[wc-view-type="sp"] section.page_title_img{
  flex-direction: column-reverse;
  padding-left: 6.5vw;
}
body[wc-view-type="tb"] section.page_title_img,
body[wc-view-type="tb-l"] section.page_title_img{
}
body[wc-view-type="pc"] section.page_title_img{
}
section.page_title_img div.pagetitle_text{
  width: 50%;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.page_title_img div.pagetitle_text{
  width:100%;
  padding-top: 1.5rem;
}
body[wc-view-type="tb"] section.page_title_img div.pagetitle_text,
body[wc-view-type="tb-l"] section.page_title_img div.pagetitle_text{
  width: 40vw;
  padding-left: 10vw;
}
body[wc-view-type="pc"] section.page_title_img div.pagetitle_text{
  width: 45vw;
  padding-left: calc((100vw - 1100px) / 2);
}
section.page_title_img div.pagetitle_text > h1{
  font-size: 1.8rem;
}
body[wc-view-type="sp"] section.page_title_img div.pagetitle_text > h1{
  font-size: 1.5rem;
}
section.page_title_img div.pagetitle_text > h1::before{
  content: "";
  display: block;
  color: #444;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1em;
  margin-bottom: 0.5rem;
}
section.page_title_img figure{
  width: 50vw;
}
body[wc-view-type="sp"] section.page_title_img figure{
  width: 100%;
}
body[wc-view-type="tb"] section.page_title_img figure,
body[wc-view-type="tb-l"] section.page_title_img figure{
  width: 60vw;
}
body[wc-view-type="pc"] section.page_title_img figure{
  width: 65vw;
}
section.page_title_img figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.page_title_img figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] section.page_title_img figure img{
  height: 55vw;
}
body[wc-view-type="tb"] section.page_title_img figure img{
  height: 33vw;
}
body[wc-view-type="tb-l"] section.page_title_img figure img{
  height: 30vw;
}
body[wc-view-type="pc"] section.page_title_img figure img{
  height: 400px;
}
/*画像ページタイトル*/
section.img_pagetitle{
  background-color: #fff;
  display: flex;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.img_pagetitle{
  flex-direction: column;
  padding: var(--headerHeight) 0 calc(var(--headerHeight) / 1.9) 6.5vw;
}
body[wc-view-type="tb"] section.img_pagetitle{
  flex-direction: column;
  padding: var(--headerHeight) 0 calc(var(--headerHeight) / 1.9) 10vw;
}
body[wc-view-type="tb-l"] section.img_pagetitle{
  padding: var(--headerHeight) 0 calc(var(--headerHeight) / 1.9) 10vw;
  align-items: center;
  justify-content: center;
}
body[wc-view-type="pc"] section.img_pagetitle{
  align-items: center;
  justify-content: center;
  padding: var(--headerHeight) calc((100vw - 1100px) / 2) calc(var(--headerHeight) / 1.9);
}
body[wc-view-type="sp"] section.img_pagetitle div.p_i_text{
}
body[wc-view-type="tb-l"] section.img_pagetitle div.p_i_text,
body[wc-view-type="pc"] section.img_pagetitle div.p_i_text{
  width: 40%;
}
section.img_pagetitle div.p_i_text > h1{
  font-size: 1.5rem;
  color: #444;
}
body[wc-view-type="sp"] section.img_pagetitle div.p_i_text > h1{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
body[wc-view-type="tb"] section.img_pagetitle div.p_i_text > h1{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
section.img_pagetitle div.p_i_text > h1::before {
  font-size: 2rem;
  margin-bottom: 0.75rem;
  display: block;
  line-height: 1em;
  color: #444;
}
section.img_pagetitle figure{
}
body[wc-view-type="tb"] section.img_pagetitle figure,
body[wc-view-type="sp"] section.img_pagetitle figure{
  width: 100%;
}
body[wc-view-type="tb-l"] section.img_pagetitle figure,
body[wc-view-type="pc"] section.img_pagetitle figure{
  width: 60%;
}
section.img_pagetitle figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.img_pagetitle figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}



#wcscrollbtns .scrollbtnwrap.left{
  right: 0 !important;
}