@charset "Shift_JIS";
/* =========================================================
   京料理 下鴨福助　お料理ページ専用レスポンシブCSS
   2026-09-16
   PC(768px以上)は既存 main.css / sub.css / table.css のまま。
   スマートフォン(767px以下)のみ調整します。
========================================================= */

@media screen and (max-width:767px){

html,body{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow-x:hidden!important}
body{-webkit-text-size-adjust:100%}
#Wrapp{width:100%!important;min-width:0!important;max-width:100%!important;margin:0 auto!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important}

/* ---------- ヘッダー ---------- */
#head{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:14px 14px 10px!important;box-sizing:border-box!important;display:block!important;overflow:visible!important}
#logo{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;float:none!important;clear:both!important;width:330px!important;max-width:88vw!important;height:82px!important;margin:0 auto 8px!important;padding:0!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:contain!important;overflow:visible!important}
#logo h1,#logo h1 a{position:static!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important}
#head_r{position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;height:auto!important;float:none!important;clear:both!important;margin:0!important;padding:0!important;box-sizing:border-box!important;text-align:center!important}
#head_r h2{position:static!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;text-align:center!important;font-size:12px!important;line-height:1.65!important;letter-spacing:.03em!important;font-weight:normal!important;white-space:normal!important}
#head_r .mobile-tel{color:#fff!important;text-decoration:none!important;font-weight:bold!important;letter-spacing:.04em!important}
#head_r .pan,.pan{position:static!important;width:100%!important;margin:5px 0 0!important;padding:0!important;text-align:center!important;font-size:10px!important;line-height:1.5!important;white-space:normal!important}
.pan a{margin:0 5px!important}

/* ---------- お料理メイン画像 ---------- */
#conte{width:100%!important;height:auto!important;overflow:hidden!important}
#conte>img,#conte>font>img{display:block!important;width:100%!important;max-width:770px!important;height:auto!important;margin:0 auto!important}

/* ---------- グローバルナビ ---------- */
#navi{width:100%!important;height:auto!important;margin:0!important;padding:0!important;box-sizing:border-box!important;background:#080808!important;border-top:1px solid #ad8797!important;border-bottom:1px solid #8f7241!important}
#navi ul{width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;list-style:none!important;background:#080808!important}
#navi ul li{width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;float:none!important;display:block!important;border-right:1px solid rgba(220,205,175,.32)!important;border-bottom:1px solid rgba(220,205,175,.32)!important;background:#080808!important}
#navi ul li:nth-child(even){border-right:none!important}
#navi ul li:last-child{grid-column:1/-1!important;border-right:none!important;border-bottom:none!important}
#navi ul li a,#navi01,#navi02,#navi03,#navi04,#navi05,#navi06,#navi07{width:100%!important;height:auto!important;min-height:46px!important;margin:0!important;padding:10px 6px!important;box-sizing:border-box!important;float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;background-image:none!important;background:linear-gradient(to bottom,#5f002d 0%,#210014 42%,#050505 100%)!important;border:none!important;border-radius:0!important;text-indent:0!important;white-space:normal!important;text-align:center!important;color:#f7f2e8!important;text-decoration:none!important;text-shadow:0 1px 2px #000!important;font-size:15px!important;line-height:1.25!important;letter-spacing:.08em!important}

/* ---------- 本文全体 ---------- */
#waku{float:none!important;width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:16px 0 0!important;box-sizing:border-box!important;overflow:hidden!important}

/* ページ内リンク */
#ank{width:auto!important;height:auto!important;margin:0 14px 18px!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;color:transparent!important;font-size:0!important}
#ank a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:8px 7px!important;box-sizing:border-box!important;background:linear-gradient(to bottom,#6c123a 0%,#3b071f 55%,#18030d 100%)!important;border:1px solid #8e6c55!important;box-shadow:0 2px 4px rgba(0,0,0,.18)!important;color:#fff8ea!important;text-decoration:none!important;text-align:center!important;font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif!important;font-size:13px!important;line-height:1.35!important;letter-spacing:.03em!important}

/* 見出し画像は福助らしさを残して画面幅へ */
.osu_title,.ryori_title{width:auto!important;height:50px!important;margin-left:14px!important;margin-right:14px!important;margin-bottom:12px!important;box-sizing:border-box!important;background-size:730px 50px!important;background-position:left top!important}
.ryori_title{margin-top:26px!important}

/* ---------- 料理カード：料理名 → 写真 → 説明 ---------- */
table.ryo,table.ryo2{display:block!important;width:auto!important;height:auto!important;margin:0 14px 18px!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.12)!important}
.ryo tbody,.ryo2 tbody{display:block!important;width:100%!important}
.ryo tr,.ryo2 tr{display:flex!important;flex-direction:column!important;width:100%!important}

/* 空のスペーサー表はスマホでは詰める */
.ryo tr:empty,.ryo2 tr:empty{display:none!important}
.ryo:has(tr:empty):not(:has(img)):not(:has(.ryo_rco)),.ryo2:has(tr:empty):not(:has(img)):not(:has(.ryo2_r2)){display:none!important}

/* 写真セルを先に */
.ryo_l,.ryo2_l,.ryo2_l2{display:block!important;order:1!important;width:100%!important;height:auto!important;padding:0!important;margin:0!important;box-sizing:border-box!important;text-align:center!important;background:#f5f1ee!important}
.ryo_r,.ryo2_r{display:block!important;order:2!important;width:100%!important;height:auto!important;padding:0!important;margin:0!important;box-sizing:border-box!important;background-color:#fff!important;background-size:auto!important}

/* 写真の古い固定枠をスマホでは解除 */
.ryo_l div,.ryo2_l div,.ryo2_l2 div{width:100%!important;height:auto!important;margin:0!important;padding:10px!important;box-sizing:border-box!important;background-image:none!important;text-align:center!important}
.ryo_l img{display:block!important;width:100%!important;max-width:360px!important;height:auto!important;margin:0 auto!important}
.ryo2_l img,.ryo2_l2 img{display:block!important;width:100%!important;max-width:320px!important;height:auto!important;margin:0 auto!important}

/* 料理名 */
.ryo_r1,.ryo_r3,.ryo2_r1{width:auto!important;height:auto!important;margin:0!important;padding:0!important;background-image:none!important;border-bottom:1px solid #d9ccc5!important}
.ryo_r1 p,.ryo_r3 p,.ryo2_r1 p{margin:0!important;padding:13px 14px 11px 38px!important;box-sizing:border-box!important;background-position:10px 10px!important;font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif!important;font-size:16px!important;line-height:1.45!important;font-weight:bold!important;color:#2d2420!important}

/* 説明・価格 */
.ryo_rco,.ryo2_r2{width:auto!important;height:auto!important;margin:0!important;padding:13px 15px 16px!important;box-sizing:border-box!important;font-size:13px!important;line-height:1.8!important;color:#222!important;overflow-wrap:anywhere!important}
.ryo_rco font,.ryo2_r2 font{font-size:inherit!important;color:inherit!important}

/* ---------- 予約ボタン ---------- */
table.yoyaku{display:block!important;width:auto!important;height:auto!important;margin:20px 14px 10px!important}
.yoyaku tbody,.yoyaku tr,.yoyaku td{display:block!important;width:100%!important}
.yoyaku .mobile-reserve{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:58px!important;padding:10px 16px!important;box-sizing:border-box!important;border:1px solid #8c684f!important;background:linear-gradient(to bottom,#76163f 0%,#4d0829 52%,#270414 100%)!important;box-shadow:0 2px 5px rgba(0,0,0,.24)!important;color:#fff!important;text-decoration:none!important;font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif!important}
.yoyaku .mobile-reserve img{display:none!important}
.yoyaku .mobile-reserve span{flex:1 1 auto!important;text-align:center!important;font-size:18px!important;font-weight:bold!important;letter-spacing:.08em!important;text-shadow:0 1px 2px #000!important}
.yoyaku .mobile-reserve b{flex:0 0 auto!important;font-size:21px!important;font-weight:normal!important;color:#dfc8a0!important}

/* ---------- ページ上部へ ---------- */
table.to_top{display:block!important;width:auto!important;height:auto!important;margin:8px 14px 20px!important}
.to_top tbody,.to_top tr,.to_top td{display:block!important;width:100%!important}
.to_top .mobile-to-top{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;min-height:40px!important;padding:6px 0!important;box-sizing:border-box!important;color:#493b35!important;text-decoration:none!important;font-size:13px!important;font-weight:bold!important}
.to_top .mobile-to-top img{display:none!important}
.to_top .mobile-to-top span{display:inline-block!important;padding:7px 11px!important;border:1px solid #aa9c91!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important}

/* ---------- 下部ナビ・フッター ---------- */
#sub_navi{width:auto!important;height:auto!important;margin:12px 14px!important;padding:10px 8px!important;box-sizing:border-box!important;text-align:center!important}
#sub_navi p{margin:0!important;font-size:12px!important;line-height:2.1!important}
#sub_navi a{display:inline-block!important;padding:1px 3px!important}
#footer{clear:both!important;width:100%!important;height:auto!important;min-height:34px!important;margin:0!important;padding:10px 8px!important;box-sizing:border-box!important;text-align:center!important;font-size:10px!important;line-height:1.5!important}

/* 固定幅画像による横スクロール防止 */
#waku img{max-width:100%}
}


/* =========================================================
   お料理ページ 最終デザイン調整 2026-09-16
   ページ内ナビはPC・スマホ共通で刷新
========================================================= */

/* --- 「おすすめ / お料理のご案内」共通ナビ（PCにも適用） --- */
#ank{
  width:730px;
  height:auto;
  margin:18px auto 24px;
  padding:0;
  display:flex;
  gap:10px;
  box-sizing:border-box;
  color:transparent;
  font-size:0;
  border:none;
  background:none;
}
#ank a{
  flex:1 1 0;
  min-width:0;
  min-height:52px;
  padding:10px 34px 10px 16px;
  box-sizing:border-box;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #b6a58d;
  background:linear-gradient(to bottom,#fffefa 0%,#f4efe6 100%);
  box-shadow:0 2px 5px rgba(54,38,27,.12);
  color:#4a342b;
  text-decoration:none;
  text-align:center;
  font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif;
  font-size:15px;
  line-height:1.45;
  letter-spacing:.05em;
  transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
#ank a:after{
  content:"↓";
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  color:#8b6a43;
  font-size:15px;
  font-family:serif;
}
#ank a:hover,
#ank a:focus{
  background:linear-gradient(to bottom,#6b173a 0%,#480923 100%);
  border-color:#70432f;
  color:#fffaf1;
  box-shadow:0 3px 7px rgba(54,15,30,.20);
}
#ank a:hover:after,
#ank a:focus:after{color:#e4cda5}

/* --- スマホ最終調整 --- */
@media screen and (max-width:767px){

  #ank{
    width:auto!important;
    height:auto!important;
    margin:4px 14px 24px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    color:transparent!important;
    font-size:0!important;
  }
  #ank a{
    width:100%!important;
    min-height:58px!important;
    padding:9px 24px 9px 10px!important;
    border:1px solid #b6a58d!important;
    background:linear-gradient(to bottom,#fffefa 0%,#f3ede3 100%)!important;
    box-shadow:0 2px 4px rgba(54,38,27,.12)!important;
    color:#4a342b!important;
    text-shadow:none!important;
    font-size:13px!important;
    line-height:1.45!important;
    letter-spacing:.02em!important;
  }
  #ank a:after{
    right:9px!important;
    color:#8b6a43!important;
    font-size:14px!important;
  }

  /* カード間に余白を取り、料理ごとのまとまりを明確に */
  table.ryo,table.ryo2{
    margin-bottom:24px!important;
    box-shadow:0 2px 6px rgba(42,30,24,.13)!important;
  }

  /* 料理名を少し大きく、余白を整える */
  .ryo_r1 p,.ryo_r3 p,.ryo2_r1 p{
    padding-top:14px!important;
    padding-bottom:13px!important;
    font-size:17px!important;
    line-height:1.5!important;
    letter-spacing:.025em!important;
  }

  /* 説明文を読みやすく */
  .ryo_rco,.ryo2_r2{
    padding:14px 16px 18px!important;
    font-size:14px!important;
    line-height:1.85!important;
  }

  /* 写真まわりに少し上品な余白 */
  .ryo_l div,.ryo2_l div,.ryo2_l2 div{
    padding:12px!important;
  }

  /* 大見出しとの間隔 */
  .osu_title,.ryori_title{
    margin-bottom:15px!important;
  }
}


/* =========================================================
   大見出し刷新：料理長の今月のおすすめ / お料理のご案内
   PC・スマホ共通 2026-09-16
========================================================= */
.osu_title,
.ryori_title{
  width:730px;
  height:auto;
  min-height:58px;
  margin:24px auto 18px;
  padding:0;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fbf8f1 !important;
  background-image:none !important;
  border:1px solid #b6a58d;
  border-left:4px solid #8b6a43;
  box-shadow:0 2px 6px rgba(54,38,27,.12);
}
.osu_title h3,
.ryori_title h3{
  width:100%;
  height:auto;
  margin:0;
  padding:14px 18px;
  box-sizing:border-box;
  background:none !important;
  color:#4a342b !important;
  text-align:center;
  text-indent:0 !important;
  font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif;
  font-size:20px;
  line-height:1.45;
  font-weight:normal;
  letter-spacing:.12em;
}
.osu_title h3 font,
.ryori_title h3 font{
  color:#4a342b !important;
}

@media screen and (max-width:767px){
  .osu_title,
  .ryori_title{
    width:auto !important;
    height:auto !important;
    min-height:54px !important;
    margin:25px 14px 16px !important;
    padding:0 !important;
    background:#fbf8f1 !important;
    background-image:none !important;
    border:1px solid #b6a58d !important;
    border-left:4px solid #8b6a43 !important;
    box-shadow:0 2px 5px rgba(54,38,27,.12) !important;
  }
  .osu_title h3,
  .ryori_title h3{
    margin:0 !important;
    padding:13px 12px !important;
    background:none !important;
    color:#4a342b !important;
    text-align:center !important;
    text-indent:0 !important;
    font-size:18px !important;
    line-height:1.45 !important;
    font-weight:normal !important;
    letter-spacing:.08em !important;
  }
  .osu_title h3 font,
  .ryori_title h3 font{
    color:#4a342b !important;
  }
}


/* =========================================================
   お料理ページ グレージュ統一テスト版 2026-09-17
   店舗案内と同じ生成り・グレージュ・金茶系へ統一
   PC幅・既存レイアウト構造は変更しない
========================================================= */

/* 本文全体：生成りを基調に、右側の意匠は既存のまま活かす */
#waku{
  background-color:#f5f0e7;
  color:#4a4038;
}

/* グローバルナビ：黒・えんじではなく店舗案内と同じグレージュ */
#navi{
  background:#f4efe6 !important;
  border-top:1px solid #c9bca8 !important;
  border-bottom:1px solid #b9aa94 !important;
}
#navi ul{
  background:#f4efe6 !important;
}
#navi ul li{
  background:#f4efe6 !important;
  border-right:1px solid #d8cdbc !important;
  border-bottom:0 !important;
}
#navi ul li a,
#navi01,#navi02,#navi03,#navi04,#navi05,#navi06,#navi07{
  background:linear-gradient(to bottom,#fbf8f1 0%,#e8e0d3 100%) !important;
  background-image:none !important;
  color:#55483f !important;
  text-shadow:none !important;
  border:0 !important;
  font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif !important;
  letter-spacing:.05em !important;
}
#navi ul li a:hover,
#navi ul li a:focus,
#navi ul li a#navi03{
  background:linear-gradient(to bottom,#c8b79f 0%,#aa967b 100%) !important;
  color:#fffaf1 !important;
}

/* ページ内リンク */
#ank a{
  border-color:#bcae99 !important;
  background:linear-gradient(to bottom,#fffdf8 0%,#eee7dc 100%) !important;
  color:#4a3b32 !important;
  text-shadow:none !important;
}
#ank a:after{color:#9a7445 !important;}
#ank a:hover,#ank a:focus{
  background:linear-gradient(to bottom,#c4b39c 0%,#a38e72 100%) !important;
  border-color:#9f896e !important;
  color:#fffaf1 !important;
}
#ank a:hover:after,#ank a:focus:after{color:#fff3d8 !important;}

/* 大見出し */
.osu_title,.ryori_title{
  background:#fbf8f1 !important;
  background-image:none !important;
  border-color:#c6b9a5 !important;
  border-left-color:#a58a67 !important;
  box-shadow:0 2px 6px rgba(65,52,42,.12) !important;
}
.osu_title h3,.ryori_title h3,
.osu_title h3 font,.ryori_title h3 font{
  color:#503c2f !important;
  font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif !important;
}

/* 料理カード */
table.ryo,table.ryo2{
  background:#fbf9f4 !important;
}
.ryo_l,.ryo2_l,.ryo2_l2{
  background:#f1ebe1 !important;
}
.ryo_r,.ryo2_r{
  background-color:#fbf9f4 !important;
}
.ryo_r1,.ryo_r3,.ryo2_r1{
  background:#f5f0e7 !important;
  background-image:none !important;
  border-bottom:1px solid #d7cbbb !important;
}
.ryo_r1 p,.ryo_r3 p,.ryo2_r1 p,
.ryo_r1 p font,.ryo_r3 p font,.ryo2_r1 p font{
  color:#49382e !important;
  font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif !important;
}
.ryo_rco,.ryo2_r2,
.ryo_rco font,.ryo2_r2 font{
  color:#4b433d !important;
}

/* 予約ボタン：店舗案内と同じグレージュ＋金茶アクセント */
.yoyaku .mobile-reserve{
  border:1px solid #a88d69 !important;
  background:linear-gradient(to bottom,#b9a384 0%,#947b5d 100%) !important;
  color:#fffdf8 !important;
  text-shadow:none !important;
  box-shadow:0 2px 5px rgba(57,44,34,.18) !important;
}
.yoyaku .mobile-reserve span{color:#fffdf8 !important;text-shadow:none !important;}
.yoyaku .mobile-reserve b{color:#f4e5c9 !important;}

/* ページ上部へ・下部リンク */
.to_top .mobile-to-top{color:#59493f !important;}
.to_top .mobile-to-top span{
  border-color:#bcae9c !important;
  background:#fbf8f1 !important;
}
#sub_navi,#sub_navi a{color:#59493f !important;}

@media screen and (max-width:767px){
  #navi,#navi ul,#navi ul li{background:#f4efe6 !important;}
  #navi ul li{
    border-right:1px solid #d4c8b7 !important;
    border-bottom:1px solid #d4c8b7 !important;
  }
  #navi ul li a,#navi01,#navi02,#navi03,#navi04,#navi05,#navi06,#navi07{
    background:linear-gradient(to bottom,#fbf8f1 0%,#e7dfd2 100%) !important;
    color:#55483f !important;
    text-shadow:none !important;
  }
  #navi ul li a#navi03{
    background:linear-gradient(to bottom,#c8b79f 0%,#aa967b 100%) !important;
    color:#fffaf1 !important;
  }
  #waku{background-color:#f5f0e7 !important;}
}


/* =========================================================
   2026-09-17 お料理ページ 最終整理
   ・旧「ページ上部へ」を廃止
   ・予約導線をグレージュ系ボタン1個に統一
========================================================= */

table.to_top,
.to_top {
  display:none !important;
}

.yoyaku-modern {
  width:730px;
  max-width:calc(100% - 28px);
  margin:26px auto 24px;
  padding:0;
  box-sizing:border-box;
}

.yoyaku-modern .mobile-reserve {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:58px !important;
  padding:11px 18px !important;
  box-sizing:border-box !important;
  border:1px solid #a88d69 !important;
  background:linear-gradient(to bottom,#b9a384 0%,#947b5d 100%) !important;
  color:#fffdf8 !important;
  text-decoration:none !important;
  text-shadow:none !important;
  box-shadow:0 2px 5px rgba(57,44,34,.18) !important;
  font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif !important;
}

.yoyaku-modern .mobile-reserve img {
  display:none !important;
}

.yoyaku-modern .mobile-reserve span {
  flex:1 1 auto !important;
  text-align:center !important;
  color:#fffdf8 !important;
  font-size:18px !important;
  font-weight:normal !important;
  letter-spacing:.10em !important;
  text-shadow:none !important;
}

.yoyaku-modern .mobile-reserve b {
  flex:0 0 auto !important;
  color:#f4e5c9 !important;
  font-size:21px !important;
  font-weight:normal !important;
}

.yoyaku-modern .mobile-reserve:hover,
.yoyaku-modern .mobile-reserve:focus {
  background:linear-gradient(to bottom,#a99172 0%,#80684e 100%) !important;
}

@media screen and (max-width:767px){
  .yoyaku-modern {
    width:auto !important;
    max-width:none !important;
    margin:22px 14px 20px !important;
  }
  .yoyaku-modern .mobile-reserve {
    min-height:56px !important;
  }
  .yoyaku-modern .mobile-reserve span {
    font-size:17px !important;
  }
}