@charset "UTF-8";

/* 直書きヘッダー 
=================================================== */
.head__btn_ch {
  width: 107px;
  height: 80px;
  background: #fff;
  border: 2px solid #e6e6e6;
  box-sizing: border-box;
  padding-top: 5px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.head__btn_ch img {
  width: 66% !important;
  height: auto;
}

.head__btn_ch p {
  font-size: 15px;
  font-weight: 600;
}

.language li a:hover {
  text-decoration: none;
}



/* 期間限定キャンペーン対象施術 20250929
=================================================== */
/* SPのみ表示 */
.menulist {
  width: 100%;
  max-width: 750px;
  margin-left:auto;
  margin-right:auto;
  padding: min(30px,calc(30 / 750 * 100vw)) min(30px,calc(30 / 750 * 100vw)) min(50px,calc(50 / 750 * 100vw));
  box-sizing:border-box;
  background:#fff;
  position:relative;
  z-index:1;
}
.menulist.bgbrown,
.menulist .bgbrown{
  background:url(../img/limited_coupon/coupon_offer_g__bg_body.webp);
  background-repeat: repeat;
  background-size: min(3px, calc(calc(3/750) * 100vw)) min(3px, calc(calc(3/750) * 100vw));
}
.menulist.bg_color02 {
  background: #FFF2F2;
}
.menulist_wrap.bgwhite{
  background-color:white;
}
.menulist .main{
  margin-top: min(25px,calc(25 / 750 * 100vw));
  border:2px solid #b58311;
  border-radius: min(20px,calc(20 / 750 * 100vw));
  text-align:center;
  overflow:hidden;
  box-sizing:border-box;
}
  .menulist .main .ttlbg{
  margin-top:min(50px,calc(50 / 750 * 100vw));
  padding: min(12px,calc(12 / 750 * 100vw)) 0 min(12px,calc(12 / 750 * 100vw)) 0;
  background:url(../img/limited_coupon/menulist__ttlbg.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width:100%;
  color:white;
  font-size:min(24px,calc(24 / 750 * 100vw));
  font-weight:bold;
  box-sizing:border-box;
  font-family:"Yu Gothic Medium", "YuGothic",sans-serif;
  font-weight:bold;
  letter-spacing:1px;
}
.menulist.type2 .main .ttlbg {
  margin-top:min(80px,calc(80 / 750 * 100vw));
}
.menulist .main .ttlbg.first {
  margin-top: min(30px, calc(30 / 750 * 100vw));
}
.menulist.type2 .main h4.ttlbg.first{
  margin-top: min(40px, calc(40 / 750 * 100vw));
}
.menulist .main h3{
  margin-top: min(0px,calc(0 / 750 * 100vw));
}
.menulist.type2 .main h3{
  margin-top: min(50px,calc(50 / 750 * 100vw));
}
.menulist_wrap{
  padding: min(50px,calc(50 / 750 * 100vw))
  min(30px,calc(30 / 750 * 100vw));
}
.menulist .optline{
  display:flex;
  align-items:center;
}
.menulist .optline .line{
  flex:1;
  border-bottom:1px solid black;
  margin:0 min(18px,calc(18 / 750 * 100vw));
}
.menulist .menulist__items{
  display: flex;
  flex-direction: column; /* 縦方向に配置 */
  width: 100%; /* コンテナの幅 */
  gap: min(20px,calc(20 / 750 * 100vw));
  margin-top:min(20px,calc(20 / 750 * 100vw));
}
.menulist .menulist__items img{
  width:100%
}
.menulist table {
  border-collapse: collapse; /* セルの境界線を重ねる */
  width: 100%; /* テーブルの幅を調整 */
  margin-top:min(30px,calc(30 / 750 * 100vw));
}
.menulist td {
  border: 0px solid black; /* セルの境界線 */
  padding: 0px 8px; /* 上下30px、左右15pxの隙間 */
  text-align: center; /* テキストを中央揃え */
  box-sizing:border-box;
}
.menulist table tr:nth-child(n+2) td {
  padding-top: min(15px,calc(15 / 750 * 100vw));
  box-sizing:border-box;
}
.menulist table.row2{
  width: 66.66%;
  margin-left:auto;
  margin-right:auto;
}
.menulist .coupon_offer_g__btn{
  width: 100%;
  margin-top:0;
}
.menulist .coupon_offer_g__count{
  width: 65%;
  margin-bottom: min(20px,calc(20 / 750 * 100vw));
}
/*キャンペーン対象施術と下部の背景のつなぎ目をネガティブマージンで上重ねして消す*/
.coupon_cta_01{
  position:relative;
  z-index:0;
  margin-top: -2px;
}
.btn_anc__wrap{
  width: min(650px,calc(650 /750 * 100vw));
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 48px;
}
.btn_anc__wrap a{
  width: min(220px,calc(220 / 750 * 100vw));
}
.menulist .coupon_offer_g__frame--body{
  background:none;
  padding: min(25px, calc(calc(25 / 750) * 100vw)) 0 min(30px, calc(calc(30 / 750) * 100vw));
}
/*オファーのボタン位置をセンターにする*/
.menulist .coupon_offer_g__btn a{
  text-align:center;
}
/*オファーのサイズを固定⇒可変に変更　シャドウを白へ*/
.menulist .coupon_title__inner{
  width: 100%;
    box-shadow: none;
}