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


●pc sp 共通


===============================================*/
#unagi_2026 article {
  width: 100%;
  margin: 0;
}
#unagi_2026 .visually-hidden {
  display: none;
}
.mask-soldout {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.mask-soldout .soldout {
  background: rgba(63, 57, 57, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border-radius: 2px;
}
.mask-soldout .soldout > p {
  font-size: 1.5rem;
  font-weight: bold;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}
.mask-soldout .soldout > p > span {
  display: block;
  font-size: clamp(1.2rem, 0.945rem + 1.27vw, 1.6rem);
}
.mask-soldout.item .soldout {
  background: rgba(63, 57, 57, 0.8);
}
#unagi_2026 img {
  width: 100%;
  height: auto;
}
#unagi_2026 em {
  font-style: normal;
}
#unagi_2026 .flex {
  display: flex;
}
.date_area caption {
  display: none;
}
#unagi_2026 .fs_small {
  font-size: .82rem;
  text-align: right;
  font-weight: normal;
}
#unagi_2026 .fs_85 {
  font-size: .88rem;
}
#unagi_2026 .fs_9 {
  font-size: .9rem;
}
#unagi_2026 .text_c {
  text-align: center;
}
#unagi_2026 .red {
  color: #e30000;
  font-weight: 600;
}
#unagi_2026 .aten {
  color: #FB625D;
}
.mask-gray {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.mask-gray .mask-gray_text {
  background: rgba(63, 57, 57, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border-radius: 10px;
}
.mask-gray .mask-gray_text > p {
  font-size: clamp(40px, 3.2vw, 48px);
  font-weight: bold;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}
.mask-gray .mask-gray_text > p > span {
  display: block;
  font-size: 1.9rem;
}
#unagi_2026 .gray {
  background-color: #e7e7e7;
  font-size: .9rem;
}
.fix {
  clear: both;
}
#unagi_2026 .bg_black {
  background-color: rgba(0, 0, 25, 0.8);
  margin: 0 auto;
  padding: 3% 3% 4.5%;
}
#unagi_2026 .bg_white {
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 auto;
  padding: 3%;
}
#unagi_2026 .bg_point {
  margin: -4.5% -3% 3%;
}
@media screen and (max-width:736px) {
  #unagi_2026 .bg_black {
    background-color: rgba(0, 0, 25, 0.8);
    margin: 0 auto;
    padding: 3% 3% 8%;
  }
  #unagi_2026 .bg_point {
    margin: -11% -3% 8%;
  }
}
/* --- グレーアウト・終了テキストの重ね合わせ設定 --- */
.toku .toku_list li.is-disabled {
  position: relative; /* テキストを中央配置するための基準 */
  cursor: not-allowed;
  border-color: #ccc !important;
}
/* 背景を暗くして中身をグレーにする */
.toku .toku_list li.is-disabled > * {
  filter: grayscale(100%);
  opacity: 0.4; /* テキストを見やすくするため少し薄めに設定 */
  pointer-events: none; /* 中のクリックを無効化 */
}
/* 「ご予約の受付は終了しました」の文字を重ねる */
.toku .toku_list li.is-disabled::after {
  content: "ご予約の受付は\A終了しました"; /* \A は改行コード */
  white-space: pre-wrap; /* 改行を有効にする */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 完全に中央寄せ */
  width: 90%;
  color: #000;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);  文字の視認性確保 */
  z-index: 10;
  pointer-events: none; /* テキスト自体がクリックを邪魔しないように */
}
/* タイトル部分が目立ちすぎる場合は色を沈める */
.toku .toku_list li.is-disabled [class^="tit_"] {
  background-color: #666 !important;
  text-shadow: none !important;
}
/* アクセシビリティ用（非表示テキスト） */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
/* ==================================
   テキストエリアの共通要素
   ================================== */
#unagi_2026 .title-wrap {
  display: flex;
  align-items: start;
  gap: 12px;
  margin-bottom: 12px;
}
/* 商品番号（四角で囲む） */
#unagi_2026 .item-num {
  /* ▼ 変更・追加箇所 */
  display: flex;
  justify-content: center; /* 左右の中央揃え */
  align-items: center; /* 上下の中央揃え */
  width: 36px; /* 正方形の横幅 */
  height: 36px; /* 正方形の縦幅 */
  font-size: 1.25rem; /* フォントサイズを大きく（元は0.9rem） */
  font-weight: bold; /* サイズアップに合わせて太字に（お好みで外してください） */
  /* 以下は元の設定のまま（paddingは不要になったので削除しています） */
  border: 1px solid #fff;
  line-height: 1;
  flex-shrink: 0;
  box-sizing: border-box;
}
@media screen and (max-width:736px) {
  #unagi_2026 .item-num {
    width: 30px; /* 正方形の横幅 */
    height: 30px; /* 正方形の縦幅 */
  }
}
#unagi_2026 .item-name {
  font-size: clamp(1.2rem, 0.722rem + 1.04vw, 1.5rem);
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
}
/* 売価 */
#unagi_2026 .price {
  font-size: clamp(1.1rem, 0.622rem + 1.04vw, 1.4rem);
  font-weight: bold;
  margin-bottom: 16px;
}
#unagi_2026 .tax-in {
  font-size: clamp(1rem, 0.682rem + 0.69vw, 1.2rem); /* 税込価格は少し下げる */
  font-weight: normal;
  margin-left: 4px;
}
#unagi_2026 .desc {
  font-size: clamp(0.95rem, 0.87rem + 0.17vw, 1rem);
  line-height: 1.6;
  margin-bottom: 0px;
}
/* 商品詳細 (dl) */
#unagi_2026 .spec-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 24px;
  font-size: clamp(0.85rem, 0.77rem + 0.17vw, 0.9rem);
  /*border-top: 1px solid rgba(255,255,255,0.3);*/
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 12px 0;
}
#unagi_2026 .spec-row {
  display: flex;
}
#unagi_2026 .spec-row dt {
  width: 9em; /* 項目名の幅を揃える */
  flex-shrink: 0;
  opacity: 0.9;
  font-weight: 500;
}
#unagi_2026 .spec-row dd {
  margin: 0;
  flex-grow: 1;
  font-weight: normal;
}
/* アイコン画像 (最大3つ) */
#unagi_2026 .icon-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
#unagi_2026 .icon-list img {
  width: 100%;
  max-width: 104px;
}
/* 注釈 (疑似要素で※) */
#unagi_2026 .note-list {
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
  font-size: 0.85rem;
  line-height: 1.5;
  opacity: 0.8;
}
#unagi_2026 .note-list li {
  position: relative;
  /* ※の分だけ左に余白を取り、マイナスインデントでぶら下げにする */
  padding-left: 1.2em;
  margin-bottom: 4px;
}
#unagi_2026 .note-list li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
/* ECサイトへのボタン */
#unagi_2026 .btn-area {
  margin-top: auto; /* 高さが余った場合にボタンを一番下に揃える */
}
#unagi_2026 .btn-ec {
  display: block;
  width: 90%;
  box-sizing: border-box;
  text-decoration: none;
  transition: background 0.3s;
  position: relative;
  border: 0;
  border-radius: 50px;
  background: #0e7432;
  color: #fff;
  text-align: center;
  padding: 1rem;
  font-size: 1.0rem;
  margin: 0px auto;
}
#unagi_2026 .btn-ec:after {
  position: absolute;
  content: '\e905';
  top: 50%;
  right: 20px;
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 1.0rem;
  font-family: "icn_font";
  line-height: 0;
}
#unagi_2026 .btn-ec:hover {
  background: #0b5726;
  cursor: pointer;
  transition: 0.3s;
}
/* ==================================
   レイアウト（SP・共通）
   ================================== */
/* メイン商品全体 */
#unagi_2026 .main-section {
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin-bottom: 80px;
  margin-top: 5px;
}
/* メイン商品単体 (SPは縦1カラム) */
#unagi_2026 .is-main {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#unagi_2026 .is-main .img-area {
  width: 100%;
}
#unagi_2026 .is-main .img-area img {
  width: 100%;
  max-width: 800px;
  aspect-ratio: 8 / 5;
  object-fit: cover;
  margin: 0 auto;
}
#unagi_2026 .is-main .txt-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #fff;
}
/* サブ商品全体 */
#unagi_2026 .sub-grid {
  display: grid;
  grid-template-columns: 1fr; /* SPは縦1カラム */
  gap: 60px;
}
/* サブ商品単体 */
#unagi_2026 .is-sub {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#unagi_2026 .is-sub .img-area img {
  width: 100%;
  max-width: 800px;
  aspect-ratio: 8 / 5;
  object-fit: cover;
  margin: 0 auto;
}
#unagi_2026 .is-sub .txt-area {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  color: #fff;
}
/* ==================================
   PCレイアウト (737px以上)
   ================================== */
@media screen and (min-width: 737px) {
  /* メイン商品：左右2カラム化 */
  #unagi_2026 .is-main {
    display: flex; /* 念のため再指定 */
    flex-direction: row;
    flex-wrap: nowrap; /* ★追加：強制的に横並びを維持して落ちるのを防ぐ */
    align-items: stretch;
    gap: 40px;
  }
  #unagi_2026 .is-main .img-area {
    width: 55%; /* 画像エリアの割合 */
    flex-shrink: 0; /* 画像エリアが潰れないようにする */
  }
  #unagi_2026 .is-main .txt-area {
    flex: 1; /* ★修正：残り45%から隙間の40pxを引いた余白を自動でぴったり埋める */
    width: auto;
  }
  /* サブ商品：上画像・下テキストのまま横2カラムに並べる */
  #unagi_2026 .sub-grid {
    display: grid; /* 念のため再指定 */
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
  }
}
/* ==================================
   こだわりポイント
   ================================== */
#unagi_2026 .commitment-section {
  margin-bottom: 80px; /* 下のサブ商品などとの余白 */
  color: #fff;
  padding: 1.5rem 0 1rem;
  border-top: 4px solid #a1834c;
  border-bottom: 4px solid #a1834c;
}
/* ▼ Grid設定（SPベース：2カラム） */
#unagi_2026 .commitment-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}
/* アイテムの幅割り当て (SP時) */
#unagi_2026 .item-rice {
  grid-column: span 2; /* SPで全幅（2/2） */
}
#unagi_2026 .item-unagi, #unagi_2026 .item-sauce {
  grid-column: span 1; /* SPで半幅（1/2） */
}
/* ① タイトル (四角で囲む) */
#unagi_2026 .commit-tit {
  border: 1px solid #fff;
  border-radius: 5rem;
  padding: 10px 8px;
  margin: 0 0 16px 0;
  font-size: clamp(1rem, 0.761rem + 0.52vw, 1.15rem);
  font-weight: bold;
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-style: normal;
}
/* floatの回り込み解除 (clearfix) */
#unagi_2026 .commit-body::after {
  content: "";
  display: block;
  clear: both;
}
/* ③ 右に小さめの画像 (float使用) */
#unagi_2026 .commit-img {
  float: right;
  width: 40%; /* 親の幅の40%を占有 */
  max-width: 120px; /* 大きくなりすぎないよう制限 */
  margin: 0 0 8px 16px; /* 左と下に余白を持たせてテキストを逃がす */
}
#unagi_2026 .commit-img img {
  width: 100%;
  height: auto;
}
/* ② テキスト */
#unagi_2026 .commit-txt {
  font-size: clamp(0.9rem, 0.741rem + 0.35vw, 1rem);
  line-height: 1.6;
  margin-bottom: 12px;
}
#unagi_2026 .commit-txt > span {
	font-size: 80%;
}
/* ④ 注釈 (float枠内で余分な余白を出さない調整) */
#unagi_2026 .commitment-section .note-list {
  margin-bottom: 0;
}
/* ==================================
   PCレイアウト (737px以上) の上書き
   ================================== */
@media screen and (min-width: 737px) {
  #unagi_2026 .commitment-grid {
    grid-template-columns: repeat(4, 1fr); /* PCで4カラムに変更 */
  }
  /* * .item-rice は span 2 のまま（4カラム中2カラム分）
   * .item-unagi, .item-sauce は span 1 のまま（4カラム中1カラム分）
   * これにより自動的にご希望の比率になります。
   */
}
/*===============================================





●pc.css 画面の横幅が737px以上




===============================================*/
@media screen and (min-width:737px) {
	#contents {
    width: 100%;
    min-height: 100%;
    background-image: url("bg_pc.webp");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;
    z-index: -10;
}
  /*#unagi_2026 {
    width: calc(100vw - 0.7%);
    margin: 0 calc(50% - 50vw);
    min-height: 100%;
    background-image: url("bg_pc.webp");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;
    z-index: -10;
  }*/
  #unagi_2026 main {
    max-width: 1200px;
    margin: 0 auto;
  }
  #unagi_2026 .pc-none {
    display: none;
  }
  #anc_allergy {
    margin-top: -95px;
    padding-top: 95px;
  }
  #unagi_2026 .pc_flex {
    display: flex;
  }
  /* .table_pc {
    margin: 0 !important;
    padding: 0 !important;
  } 
  .table_sp {
    display: none;
  }*/
  /*===============  date_area ===============*/
  #unagi_2026 .date_area {
    width: 100%;
    margin: 0 auto 2rem;
  }
  #unagi_2026 .date_area_tit {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin: 2.5rem 0 1rem;
  }
  #unagi_2026 .common_tit {
    text-align: center;
    font-family: "Zen Old Mincho", serif;
    font-weight: 900;
    font-style: normal;
    color: #000;
  }
  #unagi_2026 .common_tit span {
    display: inline-block;
    padding: 0 4rem;
    margin-bottom: 1rem;
    font-size: 2.4rem;
    position: relative;
  }
  #unagi_2026 .common_tit span:before, #unagi_2026 .common_tit span:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 3rem;
    height: 1px;
    background-color: #666;
  }
  #unagi_2026 .common_tit span:before {
    left: 0;
  }
  #unagi_2026 .common_tit span:after {
    right: 0;
  }
  #unagi_2026 .common_tit.white {
    color: #fff;
  }
  #unagi_2026 .common_tit.white span:before, #unagi_2026 .common_tit.white span:after {
    background-color: #fff;
    margin-bottom: 1rem;
  }
  #unagi_2026 .date_area .date {
    display: flex;
    font-family: "Zen Old Mincho", serif;
    font-weight: 900;
    font-style: normal;
  }
  #unagi_2026 .date_area .date dt {
    padding: .6rem 1rem;
    margin-right: .5rem;
    background-color: #c11f1d;
    border-radius: 2rem;
    font-size: 1.5rem;
    line-height: 1.5em;
  }
  #unagi_2026 .date_area .date dd {
    font-size: 2.3rem;
    color: #000;
    display: flex;
    align-items: center;
  }
  #unagi_2026 .date_area .date span {
    font-size: 1.5rem;
  }
  #unagi_2026 .date_area .schedule {
    width: 100%;
    background-color: #fff;
    border: 1px solid;
    margin-bottom: .5rem;
    table-layout: fixed;
  }
  #unagi_2026 .schedule .koumoku {
    width: 5.8em;
  }
  #unagi_2026 .schedule th, #unagi_2026 .schedule td {
    border: 1px solid #c3c3c3;
    padding: .5rem;
    text-align: center;
  }
  #unagi_2026 .schedule .blue_th {
    background-color: #186CA1;
    color: #fff;
    font-weight: 600;
    padding: .5rem 0;
    border: 1px solid #186CA1;
  }
  #unagi_2026 .schedule_date td {
    padding: 1rem 1rem .8rem 1rem;
  }
  #unagi_2026 .schedule .schedule_haya {
    padding: 1rem 0;
    background-color: #fffce2;
    font-weight: 600;
  }
  #unagi_2026 .schedule .end {
    background-color: rgba(63, 57, 57, 0.8);
    color: #fff;
    font-weight: 600;
    border: 1px solid #313131;
    font-size: 1.2rem;
  }
  #unagi_2026 .yellow_sell {
    /* background-color: #fff100; */
    width: 30%;
    background-color: #fffbc2;
  }
  .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 10px solid #bbcce9;
    border-bottom: 0;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 0.4rem;
  }
  .date_note {
    color: #333;
  }
  /*===============  toku_area ===============*/
  .toku {
    padding: 0;
  }
  .toku .toku_list {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-weight: 500;
  }
  .toku .toku_list li {
    width: calc(100% / 3 - 15px);
    background-color: #fff;
    border-radius: .5rem;
    position: relative;
  }
  /*toku .toku_list li:first-child {
    text-align: center;
  }
  .toku .toku_list li .toku_tit {
    margin-top: 0;
    padding: .4rem;
    color: #fff;
    font-weight: 600;
    text-align: center;
  }*/
  /*=====//特典2025追加=====*/
  .waku_haya {
    border: 3px solid #e27516;
  }
  .waku_fmo {
    border: 3px solid #33963d;
  }
  .waku_fmoL {
    border: 3px solid #33963d;
    background-color: #fff;
    border-radius: .5rem;
  }
  .waku_tenpo {
    border: 3px solid #2280bc;
  }
  .toku .toku_list li h3 {
    font-size: 1.4rem;
  }
  .toku .toku_list li .tit_haya {
    margin-top: 0;
    padding: .4rem;
    background-color: #e27516;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1), 1px 1px 3px rgba(0, 0, 0, 1), 1px 1px 3px rgba(0, 0, 0, 1);
	  /* ▼ 追加：高さを揃えて文字を上下中央にする */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 3rem; /* PC用の高さに調整 */
    box-sizing: border-box;
  }
  .toku .toku_list li .tit_fmo, .tit_fmo {
    margin-top: 0;
    padding: .4rem;
    background-color: #33963d;
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-size: 1.4rem;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1), 1px 1px 3px rgba(0, 0, 0, 1), 1px 1px 3px rgba(0, 0, 0, 1);
/* ▼ 追加：高さを揃えて文字を上下中央にする */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 3rem; /* PC用の高さに調整 */
    box-sizing: border-box;
  }
  .toku .toku_list li .tit_tenpo {
    margin-top: 0;
    padding: .4rem;
    background-color: #2280bc;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1), 1px 1px 3px rgba(0, 0, 0, 1), 1px 1px 3px rgba(0, 0, 0, 1);
	  /* ▼ 追加：高さを揃えて文字を上下中央にする */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 3rem; /* PC用の高さに調整 */
    box-sizing: border-box;
  }
  /*=====特典2025追加//=====*/
  .toku .toku_list li .toku_text {
    padding: 1rem .8rem;
    font-weight: 500;
  }
  .toku_textL {
    padding: 1rem .8rem .5rem;
    font-weight: 800;
    font-size: 1.5rem;
  }
  .redL {
    font-weight: 800;
    font-size: 2.4rem;
    color: #b60c0c;
  }
  /* .toku .toku_list li:first-child .toku_text {
    padding: 3rem 1rem 1rem;
  }*/
  .toku_price {
    display: block;
    width: 90%;
    padding-top: 0.5rem;
    margin: 0 auto .5rem;
    text-align: center;
  }
  .toku_price em {
    font-size: 5rem;
  }
  /*  .toku .toku_list li:nth-child(2) .toku_tit {
    display: flex;
    align-items: center;
    justify-content: center;
  }*/
  .toku_tit_2_text {
    max-width: 100px;
  }
  .famimano_app_text {
    width: 30%;
    max-width: 140px;
  }
  .toku_2_text2 {
    width: 30%;
    max-width: 100px;
  }
  .toku_text_img {
    width: 80%;
    margin: 0 auto;
  }
  .toku_text_img_small {
    width: 75%;
  }
		.toku .toku_img {
		width: 20%;
		height: auto;
		float: left;
			margin-right: 1rem;
	}	
  /*===============  btn_area ===============*/
  .btn_area {
    margin: 2rem 0;
  }
  .max_950 {
    max-width: 950px;
    margin: 0 auto;
  }
  .yoyaku_btn {
    width: 95%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .yoyaku_btn li {
    width: 49%;
  }
  .yoyaku_btn li:first-child {
    width: 100%;
  }
  .yoyaku_btn li:first-child .ly-bg-fill {
    border: 2px solid #0e7432;
    background-color: #058032;
  }
  .yoyaku_btn li:first-child a.ly-mod-btn.ly-bg-fill:hover {
    border: 2px solid #009a3e;
    background-color: #009a3e;
  }
  .yoyaku_btn li:not(:first-child) a.ly-mod-btn.ly-bg-fill {
    padding: 20px 50px 20px 50px;
  }
  .yoyaku_btn .ly-mod-btn {
    border-radius: 4rem;
  }
  .yoyaku_btn .ly-mod-btn span {
    display: block;
    font-size: .9rem;
    margin-top: .2rem;
  }
  .bottom_btn .yoyaku_btn {
    max-width: 1200px;
  }
  .yoyaku_btn li:first-child .ly-bg-fill.btn_gray {
    border: 2px solid #757373;
    background-color: #757373;
  }
  .yoyaku_btn li:first-child a.ly-mod-btn.ly-bg-fill.btn_gray:hover {
    border: 2px solid #9c9a9a;
    background-color: #9c9a9a;
  }
  /*=============reserv_area=============*/
  .reserv_area .date_area_main_tit, .reserv_area .date dd, .reserv_area .date_note {
    color: #313131;
  }
  .reserv_area_tit {
    text-align: center;
    font-size: 1.4rem;
    color: #186CA1;
    background-color: none;
    border: 2px solid #186CA1;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
  }
  /*=============note_area=============*/
  .note_area {
    padding: 0;
  }
  .note_list {}
  ul.note_list li {
    font-size: .9em;
    margin-bottom: 0;
  }
  .note_list li::before {
    display: inline-block;
    content: "※";
  }
  .note_area h3 {
    border-bottom: none;
    margin: 0;
    padding: 0;
    font-size: 1em;
  }
  #res .ly-mod-def-list li:before {
    left: -3px;
    background: #333;
    width: 4px;
    height: 4px;
  }
  #res .ly-mod-def-list li {
    margin-left: 1rem;
    line-height: 1.7;
  }
  #res .square:before {
    content: "■";
    font-size: 1em;
    padding-right: 0.2rem;
  }
  #res .inquiry {
    background-color: #FFF;
    border: 1px solid #000;
    padding: 0;
  }
  #res .inquiry h3 {
    background-color: #dcdddd;
    font-size: 120%;
    font-weight: bold;
    color: #333;
    line-height: 1.3;
    text-align: center;
    padding: 0.8% 2%;
  }
  /* #res .inquiry dl dd {
    font-size: 100%;
    color: #333;
    line-height: 1.3;
    text-align: left;
    margin: 1.5%;
} */
  .inquiry_text {
    padding: 1rem;
  }
  #res .ly-mod-ttl-lt {
    margin: 0;
    border-bottom: none;
    padding: 0px;
  }
  /*====2025追加====*/
  #unagi_2026 .ph {
    width: 380px;
    margin-left: .5rem;
  }
  #unagi_2026 .item_list .pc_flex .c_txt02 {
    max-width: 550px;
  }
  #unagi_2026 .item_name02 {
    font-size: clamp(1rem, 0.727rem + 1.36vw, 1.75rem);
    color: #f1d88e;
    font-family: "NotoSerifJP", sans-serif;
    margin-bottom: 1rem;
  }
  #unagi_2026 .line {
    border-bottom: solid 2px #f1d88e;
    padding: 1rem;
  }
  #unagi_2026 .btn_area {
    width: 100%;
    height: auto;
    margin: 15px auto 10px;
  }
  #unagi_2026 .btn-online {
    position: relative;
    width: auto;
    border: 0;
    border-radius: 50px;
    background: #0e7432;
    color: #fff;
    text-align: center;
    padding: 1rem;
    font-size: 1.0rem;
    margin: 0px auto;
  }
  #unagi_2026 .btn-online:after {
    position: absolute;
    content: '\e905';
    top: 50%;
    right: 20px;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 1.0rem;
    font-family: "icn_font";
    line-height: 0;
  }
  #unagi_2026 .btn-online:hover {
    background: #0b5726;
    cursor: pointer;
    transition: 0.3s;
  }
  #unagi_2026 .btn-online > span {
    font-size: 80%;
  }
  #unagi_2026 .btn-end {
    position: relative;
    width: auto;
    border: 0;
    border-radius: 50px;
    background: #757373;
    color: #fff;
    text-align: center;
    padding: 1rem;
    font-size: 1.0rem;
    margin: 0px auto;
  }
  #unagi_2026 .btn-end:after {
    position: absolute;
    content: '\e905';
    top: 50%;
    right: 20px;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 1.0rem;
    font-family: "icn_font";
    line-height: 0;
  }
  #unagi_2026 .btn-end:hover {
    background: #555;
    cursor: pointer;
    transition: 0.3s;
  }
  #unagi_2026 a {
    text-decoration: none;
  }
  #unagi_2026 .btn-pdf {
    position: relative;
    width: auto;
    border: 0;
    border-radius: 50px;
    background: #0171a6;
    color: #fff;
    text-align: center;
    padding: 1rem;
    font-size: 1.0rem;
    margin: 0px auto;
  }
  #unagi_2026 .btn-pdf:after {
    position: absolute;
    content: '\e905';
    top: 50%;
    right: 20px;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 1.0rem;
    font-family: "icn_font";
    line-height: 0;
  }
  #unagi_2026 .btn-pdf:hover {
    background: #00608d;
    cursor: pointer;
    transition: 0.3s;
  }
}
/*===============================================



●sp.css  画面の横幅が736pxまで



===============================================*/
@media screen and (max-width:736px) {
  .mask-soldout .soldout > p {
    font-size: 1.3rem;
  }
  #unagi_2026 .sp-none {
    display: none;
  }
  #anc_allergy {
    margin-top: -54px;
    padding-top: 54px;
  }
  #unagi_2026 {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0;
    margin-top: -10px;
    background-image: url("bg_sp.webp");
    /*background-attachment: fixed;
    background-repeat: no-repeat;*/
  }
  .w95 {
    width: 95%;
    margin: 0 auto;
  }
  /*.table_pc {
    display: none !important;
  }*/
  #unagi_2026 .common_tit {
    text-align: center;
    font-family: "Zen Old Mincho", serif;
    font-weight: 900;
    font-style: normal;
    color: #000;
  }
  #unagi_2026 .common_tit span {
    display: inline-block;
    padding: 0 4rem;
    margin: 1rem 0;
    font-size: 1.3rem;
    position: relative;
  }
  #unagi_2026 .common_tit span:before, #unagi_2026 .common_tit span:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 3rem;
    height: 1px;
    background-color: #666;
  }
  #unagi_2026 .common_tit span:before {
    left: 0;
  }
  #unagi_2026 .common_tit span:after {
    right: 0;
  }
  #unagi_2026 .common_tit.white {
    color: #fff;
  }
  #unagi_2026 .common_tit.white span:before, #unagi_2026 .common_tit.white span:after {
    background-color: #fff;
  }
  /*===============  date_area ===============*/
  #unagi_2026 .date_area {
    margin: 0 auto 2rem;
  }
  #unagi_2026 .date_area_tit {
    margin-bottom: 1rem;
    text-align: center;
    color: #fff;
  }
  #unagi_2026 .date_area .date {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Zen Old Mincho", serif;
    font-weight: 900;
    font-style: normal;
  }
  #unagi_2026 .date_area .date dt {
    padding: .2rem .5rem;
    margin-right: .5rem;
    background-color: #367d46;
    border-radius: 2rem;
    font-size: .9rem;
  }
  #unagi_2026 .date_area .date dt:first-child {
    background-color: #c11f1d;
    ;
  }
  #unagi_2026 .date_area .date dd {
    margin-right: 1rem;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    color: #000;
  }
  #unagi_2026 .date_area .date dd:last-child {
    margin-right: 0;
  }
  #unagi_2026 .date_area .date span {
    font-size: 1rem;
  }
  #unagi_2026 .date_area .schedule {
    width: 100%;
    font-size: .8rem;
    background-color: #fff;
    margin-bottom: .5rem;
    line-height: 1.1em;
  }
  #unagi_2026 .schedule .koumoku {
    width: 3.8em;
  }
  #unagi_2026 .schedule th, #unagi_2026 .schedule td {
    border: 1px solid #c3c3c3;
    padding: .2rem;
    text-align: center;
  }
  #unagi_2026 .schedule .blue_th {
    background-color: #186CA1;
    color: #fff;
    font-weight: 600;
    padding: .3rem 0;
    border: 1px solid #186CA1;
  }
  #unagi_2026 .schedule_date td {
    padding: 0.1rem 0.1rem 0.2rem 0.1rem;
    text-align-last: center;
  }
  #unagi_2026 .schedule_date td .week {
    font-size: .7rem;
  }
  #unagi_2026 .schedule .schedule_haya {
    padding: .2rem 0;
    background-color: #fffce2;
    font-weight: 600;
  }
  #unagi_2026 .schedule .end {
    background-color: rgba(63, 57, 57, 0.8);
    color: #fff;
    font-weight: 600;
    border: 1px solid #313131;
  }
  #unagi_2026 .yellow_sell {
    /* background-color: #fff100; */
    background-color: #fffbc2;
    font-size: .7rem;
  }
  .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 6px solid #bbcce9;
    border-bottom: 0;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 0.1rem;
  }
  .date_note {
    color: #333;
    font-size: 0.8rem;
    margin-top: 0.3rem;
  }
  /*===============  toku_area ===============*/
  .toku {
    padding: 0;
    margin-bottom: 1rem;
  }
  .toku .toku_list {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-weight: 500;
  }
  .toku .toku_list li {
    width: calc(100% / 2 - .5rem);
    background-color: #fff;
    border-radius: .5rem;
    position: relative;
  }
  .toku .toku_list li:first-child {
    width: 100%;
    text-align: center;
    margin-bottom: .2rem;
  }
  .toku .toku_list li .toku_tit {
    font-size: clamp(0.9rem, 0.923rem + 0.38vw, 1.1rem);
    margin-top: 1rem;
    padding: .2rem;
    background-color: #284c7f;
    color: #fff;
    text-align: center;
  }
  /*=====//特典2025追加=====*/
  .waku_haya {
    border: 3px solid #e27516;
  }
  .waku_end {
    border: 3px solid #e27516;
  }
  .waku_fmo {
    border: 3px solid #33963d;
  }
  .waku_fmoL {
    border: 3px solid #33963d;
    background-color: #fff;
    border-radius: .5rem;
  }
  .waku_tenpo {
    border: 3px solid #2280bc;
  }
  .toku .toku_list li .tit_haya {
    font-size: clamp(0.9rem, 0.923rem + 0.38vw, 1.1rem);
    margin-top: 0;
    padding: .2rem;
    background-color: #e27516;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1), 1px 1px 3px rgba(0, 0, 0, 1), 1px 1px 3px rgba(0, 0, 0, 1);
  }
  .toku .toku_list li .tit_fmo, .tit_fmo {
    font-size: clamp(0.9rem, 0.923rem + 0.38vw, 1.1rem);
    margin-top: 0;
    padding: .2rem;
    background-color: #33963d;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1), 1px 1px 3px rgba(0, 0, 0, 1), 1px 1px 3px rgba(0, 0, 0, 1);
  }
  .toku .toku_list li .tit_tenpo {
    font-size: clamp(0.9rem, 0.923rem + 0.38vw, 1.1rem);
    margin-top: 0;
    padding: .2rem;
    background-color: #2280bc;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1), 1px 1px 3px rgba(0, 0, 0, 1), 1px 1px 3px rgba(0, 0, 0, 1);
	  /* ▼ 追加：高さを揃えて文字を上下中央にする */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 3.5rem; /* tit_fmoと同じ数値にする */
    box-sizing: border-box;
  }
	.toku .toku_img {
		width: 30%;
		height: auto;
		float: left;
		margin-right: .5rem
	}	
  .toku .toku_textL {
    padding: .5rem .8rem .5rem;
    font-weight: 800;
    font-size: 0.95rem;
  }
  .toku .redL {
    font-weight: 800;
    font-size: 1.27rem;
    color: #b60c0c;
    line-height: 1.8rem;
  }
  /*=====特典2025追加//=====*/
  .toku .toku_list li .toku_text {
    padding: .5rem;
    font-weight: 500;
  }
  /*.toku .toku_list li:first-child .toku_text {
    padding: 1rem 1rem 0rem;
    display: flex;
  }
  .toku .toku_list li:first-child .toku_text > p {
    width: 50%;
  }*/
  .toku .toku_list .left_text {
    margin-right: .3rem;
  }
  .toku_price {
    display: block;
    width: 90%;
    padding-top: 0.5rem;
    margin: 0 auto .5rem;
    text-align: center;
  }
  .toku_price em {
    font-size: 5rem;
  }
  .toku .toku_list li:nth-child(2) .toku_tit {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .toku_tit_2_text {
    width: clamp(3.9rem, 3.054rem + 4.23vw, 5rem);
  }
  .famimano_app_text {
    width: 30%;
    max-width: 140px;
  }
  .toku_2_text2 {
    width: 30%;
    max-width: 100px;
  }
  .toku_text_img {
    width: 90%;
    margin: 0 auto;
  }
  #unagi_2026 .toku_list .fs_small {
    font-size: .75rem;
    text-align: left;
    font-weight: normal;
  }
  #unagi_2026 .fs_small {
    font-size: .65rem;
    text-align: left;
    font-weight: normal;
  }
  #unagi_2026 .fs_85 {
    font-size: .8rem;
  }
  /*===============  btn_area ===============*/
  .btn_area {
    margin: 2rem 0;
  }
  .max_950 {
    width: 95%;
    margin: 0 auto;
  }
  .yoyaku_btn {
    width: 95%;
    margin: 0 auto;
  }
  .yoyaku_btn li {
    width: 100%;
  }
  .yoyaku_btn li:first-child .ly-bg-fill {
    border: 2px solid #0e7432;
    background-color: #058032;
    font-size: 1.1rem;
    padding: 14px 29px 14px 26px;
  }
  /* .yoyaku_btn li:first-child a.ly-mod-btn.ly-bg-fill:hover {
    border: 2px solid #009a3e;
    background-color: #009a3e;
  } */
  .yoyaku_btn li:first-child a.ly-mod-btn.ly-bg-fill.btn_gray {
    border: 2px solid #757373;
    background-color: #757373;
    font-size: 0.93333rem;
  }
  .yoyaku_btn li:not(:first-child) a.ly-mod-btn.ly-bg-fill {
    padding: 20px 50px 20px 50px;
  }
  .yoyaku_btn .ly-mod-btn {
    border-radius: 4rem;
  }
  .yoyaku_btn .ly-mod-btn span {
    display: block;
    font-size: .8rem;
    margin-top: .2rem;
  }
  /*=============reserv_area=============*/
  .reserv_area .date_area_main_tit, .reserv_area .date dd, .reserv_area .date_note {
    color: #313131;
  }
  .reserv_area_tit {
    text-align: center;
    font-size: 1rem;
    background-color: none;
    border: 2px solid #186CA1;
    color: #186CA1;
    padding: 0.2rem 1rem;
    margin-bottom: 1rem;
  }
  /*=============note_area=============*/
  .note_area {
    padding: 0;
  }
  ul.note_list li {
    font-size: .9em;
    margin-bottom: 0;
  }
  .note_list li::before {
    display: inline-block;
    content: "※";
  }
  .note_area h3 {
    border-bottom: none;
    margin-bottom: 0.2rem;
    padding: 0;
    font-size: 1em;
  }
  #res .ly-mod-def-list li:before {
    left: -3px;
    background: #333;
    width: 4px;
    height: 4px;
  }
  #res .ly-mod-def-list li {
    margin-left: 1rem;
    line-height: 1.7;
  }
  #res .square:before {
    content: "■";
    font-size: 1em;
    padding-right: 0.2rem;
  }
  #res .inquiry {
    background-color: #FFF;
    border: 1px solid #000;
    padding: 0;
  }
  #res .inquiry h3 {
    background-color: #dcdddd;
    font-size: 100%;
    font-weight: bold;
    color: #333;
    line-height: 1.3;
    text-align: center;
    padding: 1.5% 2%;
  }
  .inquiry_text {
    padding: 1rem;
  }
  /* #res .inquiry dl dd {
    font-size: 90%;
    color: #333;
    line-height: 1.3;
    text-align: left;
    margin: 2%;
} */
  #res .ly-mod-ttl-lt {
    margin: 0;
    border-bottom: none;
    padding: 0px;
  }
  #unagi_2026 .gray {
    font-size: .7rem;
  }
  #unagi_2026 .fs8 {
    font-size: .8rem;
  }
  #unagi_2026 .date_area .schedule {
    margin-bottom: 0;
  }
  /*====2025追加====*/
  #unagi_2026 .ph {
    width: auto;
    margin-top: 1rem;
  }
  #unagi_2026 .item_list .pc_flex .c_txt02 {
    max-width: 560px;
  }
  #unagi_2026 .item_name02 {
    font-size: 0.98rem;
    color: #f1d88e;
    font-family: "NotoSerifJP", sans-serif;
    margin-bottom: .5rem;
  }
  #unagi_2026 .line {
    border-bottom: solid 2px #f1d88e;
    padding: 1rem;
  }
  #unagi_2026 .btn_area {
    width: 100%;
    height: auto;
    margin: 15px auto 10px;
  }
  #unagi_2026 .btn-online {
    position: relative;
    width: auto;
    border: 0;
    border-radius: 50px;
    background: #0e7432;
    color: #fff;
    text-align: center;
    padding: 1rem;
    font-size: 1.0rem;
    margin: 0px auto;
  }
  #unagi_2026 .btn-online:after {
    position: absolute;
    content: '\e905';
    top: 50%;
    right: 16px;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 1.0rem;
    font-family: "icn_font";
    line-height: 0;
  }
  #unagi_2026 .btn-online:hover {
    background: #0b5726;
    cursor: pointer;
    transition: 0.3s;
  }
  #unagi_2026 .btn-end {
    position: relative;
    width: auto;
    border: 0;
    border-radius: 50px;
    background: #757373;
    color: #fff;
    text-align: center;
    padding: 1rem;
    font-size: 1.0rem;
    margin: 0px auto;
  }
  #unagi_2026 .btn-end:after {
    position: absolute;
    content: '\e905';
    top: 50%;
    right: 16px;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 1.0rem;
    font-family: "icn_font";
    line-height: 0;
  }
  #unagi_2026 .btn-end:hover {
    background: #555;
    cursor: pointer;
    transition: 0.3s;
  }
  #unagi_2026 .btn-online > span {
    font-size: 70%;
  }
  #unagi_2026 a {
    text-decoration: none;
  }
  #unagi_2026 .btn-pdf {
    position: relative;
    width: auto;
    border: 0;
    border-radius: 50px;
    background: #0171a6;
    color: #fff;
    text-align: center;
    padding: 1rem;
    font-size: 1.0rem;
    margin: 0px auto;
  }
  #unagi_2026 .btn-pdf:after {
    position: absolute;
    content: '\e905';
    top: 50%;
    right: 16px;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 1.0rem;
    font-family: "icn_font";
    line-height: 0;
  }
  #unagi_2026 .btn-pdf:hover {
    background: #00608d;
    cursor: pointer;
    transition: 0.3s;
  }
  .ly-sp-mt5 {
    margin-top: 4px;
  }
}