/* 下鴨福助 トップページ専用・レスポンシブCSS 第3版（Facebook対応）
   PC(768px以上)は変更せず、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% !important;
    text-size-adjust: 100% !important;
  }

  #Wrapp {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !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: 290px !important;
    max-width: 82vw !important;
    height: 72px !important;
    margin: 0 auto 7px !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: 11px !important;
    line-height: 1.55 !important;
    letter-spacing: 0.03em !important;
    font-weight: normal !important;
    white-space: normal !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;
  }

  /* スライドショー */
  #slideshow {
    position: relative !important;
    width: 100% !important;
    height: 47vw !important;
    min-height: 150px !important;
    max-height: 285px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  #slideshow img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !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;
  }

  /* 本文 */
  #conte {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  #conte .up,
  .up {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 20px 18px 24px !important;
    box-sizing: border-box !important;
    display: block !important;
    overflow: visible !important;
  }

  #contel {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
  }

  #message {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 17px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
    letter-spacing: .025em !important;
    overflow-wrap: break-word !important;
  }

  #contel h3 {
    margin: 12px 0 8px !important;
    padding: 0 0 5px !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    border-bottom: 1px solid #b7a37d !important;
  }

  /* 更新情報 */
  #whatsnew {
    width: 100% !important;
    height: 300px !important;
    margin: 0 0 20px !important;
    padding: 12px 13px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  #whatsnew dl,
  #whatsnew dt,
  #whatsnew dd {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #whatsnew dl {
    margin: 0 0 6px !important;
    padding: 0 !important;
  }

  #whatsnew dd {
    margin: 0 !important;
    padding: 0 0 7px !important;
  }

  /* 右側バナーを本文下へ */
  #top_rightcolumn {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 20px 0 0 !important;
    padding: 16px 0 0 !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
    border-top: 1px solid #c9bda7 !important;
  }

  #top_rightcolumn .PhotoBox {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: normal !important;
    text-align: center !important;
  }

  #top_rightcolumn .PhotoBox a {
    flex: 0 1 calc(50% - 5px) !important;
    max-width: 170px !important;
    display: block !important;
  }

  #top_rightcolumn .PhotoBox img {
    display: block !important;
    width: 100% !important;
    max-width: 150px !important;
    height: auto !important;
    margin: 4px auto !important;
    padding: 0 !important;
  }

  iframe[src*="facebook.com"] {
    display: block !important;
    width: calc(100% - 36px) !important;
    max-width: 300px !important;
    height: 180px !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
  }

  #footer {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    margin: 18px 0 0 !important;
    padding: 13px 10px !important;
    box-sizing: border-box !important;
    clear: both !important;
    text-align: center !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
  }

  img { max-width: 100%; }
  table { max-width: 100% !important; }

  /* =========================================================
     11. Facebook Page Plugin
  ========================================================= */
  .facebook-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px auto 0 !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    clear: both !important;
  }

  .facebook-wrap iframe {
    display: block !important;
    width: 100% !important;
    max-width: 500px !important;
    min-width: 0 !important;
    height: 500px !important;
    margin: 0 auto !important;
    border: 0 !important;
    overflow: hidden !important;
  }

}

/* =========================================================
   PC版 Facebookボタン：2カラムの下に自然に配置
   HTML側で .up を閉じた後に置くことが前提
========================================================= */
@media screen and (min-width: 768px) {
  .facebook-link-box {
    width: 742px !important;
    margin: 0 auto !important;
    padding: 0 14px 14px !important;
    box-sizing: content-box !important;
    background: #ece9e5 !important;
  }

  .facebook-link-button {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 9px 16px !important;
    gap: 14px !important;
    box-sizing: border-box !important;
    background: linear-gradient(to bottom,#5f002d 0%,#260016 42%,#080808 100%) !important;
    border: 1px solid #3d2730 !important;
    border-top-color: #b78aa0 !important;
    border-bottom-color: #8f7241 !important;
    color: #f7f2e8 !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px #000 !important;
  }

  .facebook-link-icon {
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid #c9b78e !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 25px !important;
    font-weight: bold !important;
    color: #fff !important;
  }

  .facebook-link-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 18px !important;
    text-align: left !important;
  }

  .facebook-link-text strong {
    white-space: nowrap !important;
    font-family: "Yu Mincho","Hiragino Mincho ProN",serif !important;
    font-size: 16px !important;
    font-weight: normal !important;
    letter-spacing: .08em !important;
    color: #f7f2e8 !important;
  }

  .facebook-link-text small {
    font-size: 11px !important;
    line-height: 1.5 !important;
    color: #ddd2d7 !important;
  }

  .facebook-link-arrow {
    flex: 0 0 auto !important;
    font-size: 27px !important;
    color: #d8c59a !important;
  }
}

/* =========================================================
   スマホ版 Facebookボタン 最終修正
   PC版には影響しません
========================================================= */
@media screen and (max-width: 767px) {

  .facebook-link-box {
    display: block !important;
    visibility: visible !important;
    clear: both !important;
    float: none !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 14px 18px 18px !important;
    box-sizing: border-box !important;
    background: #ece9e5 !important;
    overflow: visible !important;
  }

  .facebook-link-button {
    display: flex !important;
    visibility: visible !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 66px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 11px 13px !important;
    gap: 11px !important;
    box-sizing: border-box !important;

    background: linear-gradient(to bottom,#5f002d 0%,#260016 42%,#080808 100%) !important;
    border: 1px solid #3d2730 !important;
    border-top-color: #b78aa0 !important;
    border-bottom-color: #8f7241 !important;

    color: #f7f2e8 !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px #000 !important;
  }

  .facebook-link-icon {
    display: flex !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid #c9b78e !important;
    border-radius: 50% !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    color: #fff !important;
  }

  .facebook-link-text {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .facebook-link-text strong {
    display: block !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    white-space: normal !important;

    font-family: "Yu Mincho","Hiragino Mincho ProN",serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
    letter-spacing: .05em !important;
    color: #f7f2e8 !important;
  }

  .facebook-link-text small {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    color: #ddd2d7 !important;
  }

  .facebook-link-arrow {
    display: block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 1 !important;
    color: #d8c59a !important;
  }
}


/* =========================================================
   2026-09-18 トップページ 共通デザイン確定版
   既存レスポンシブ構成・スライドショー・更新情報・バナーは維持
   ========================================================= */

/* ---------- PC：トップ固有の770px構成は維持 ---------- */
@media screen and (min-width:768px){
  #Wrapp,
  #head,
  #slideshow,
  #navi,
  #conte,
  #footer{
    width:770px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* ---------- グローバルナビ：下層ページ共通仕様 ---------- */
#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","YuMincho","MS PMincho",serif !important;
  letter-spacing:.05em !important;
}
#navi ul li a:hover,
#navi ul li a:focus{
  background:linear-gradient(to bottom,#c8b79f 0%,#aa967b 100%) !important;
  color:#fffaf1 !important;
}

/* ---------- 本文：生成り・グレージュ・金茶へ統一 ---------- */
#conte,
#conte .up,
.up,
.facebook-link-box{
  background:#eeeae6 !important;
}
.seo_title{
  color:#4a342b !important;
  font-family:"Yu Mincho","Hiragino Mincho ProN","YuMincho","MS PMincho",serif !important;
  font-weight:normal !important;
  letter-spacing:.08em !important;
}
#message{
  color:#3e352f !important;
}
#contel h3{
  color:#4a342b !important;
  font-family:"Yu Mincho","Hiragino Mincho ProN","YuMincho","MS PMincho",serif !important;
  font-weight:normal !important;
  border-bottom:1px solid #b6a58d !important;
}
#whatsnew{
  background:#fffdf9 !important;
  border:1px solid #d8cdbf !important;
  border-left:4px solid #8b6a43 !important;
  color:#40372f !important;
}
#whatsnew a{color:#765f45 !important;}

/* ---------- Facebook：旧えんじ色から共通の金茶へ ---------- */
.facebook-link-button{
  background:linear-gradient(to bottom,#b9a384 0%,#947b5d 100%) !important;
  border:1px solid #a88d69 !important;
  border-top-color:#cbb99f !important;
  border-bottom-color:#80684e !important;
  color:#fffdf8 !important;
  text-shadow:none !important;
}
.facebook-link-button:hover,
.facebook-link-button:focus{
  background:linear-gradient(to bottom,#a99172 0%,#80684e 100%) !important;
}
.facebook-link-icon{
  border-color:#eadbc3 !important;
  color:#fff !important;
}
.facebook-link-text strong{color:#fffdf8 !important;}
.facebook-link-text small{color:#eee5d9 !important;}
.facebook-link-arrow{color:#f4e5c9 !important;}

/* ---------- スマホ：確定済み2列グレージュナビ ---------- */
@media screen and (max-width:767px){
  #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 #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;
  }

  #conte,
  #conte .up,
  .up,
  .facebook-link-box{
    background:#eeeae6 !important;
  }
}


/* =========================================================
   2026-09-18 トップ右側リンク：写真＋HTML文字のカード化
   ユーザー提供写真を使用
   ========================================================= */

/* 「お買い物」だけ旧色が残らないよう、7項目を完全に同条件へ */
#navi ul li:last-child,
#navi ul li:last-child a,
#navi ul li a#navi07{
  background:#f4efe6 !important;
  background-image:linear-gradient(to bottom,#fbf8f1 0%,#e8e0d3 100%) !important;
  color:#55483f !important;
}
#navi ul li:last-child a:hover,
#navi ul li:last-child a:focus,
#navi ul li a#navi07:hover,
#navi ul li a#navi07:focus{
  background-image:linear-gradient(to bottom,#c8b79f 0%,#aa967b 100%) !important;
  color:#fffaf1 !important;
}

/* 旧画像バナー用余白をリセット */
#top_rightcolumn .PhotoBox{display:none !important;}

.top-feature-grid{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:0;
  padding:0;
}

.top-feature-card{
  position:relative;
  display:grid;
  grid-template-columns:46% 54%;
  min-height:92px;
  overflow:hidden;
  background:#fffdf8;
  border:1px solid #c8b796;
  box-shadow:0 2px 5px rgba(64,45,28,.10);
  color:#49392e !important;
  text-decoration:none !important;
}

.top-feature-photo{
  display:block;
  min-width:0;
  overflow:hidden;
  background:#e8e0d4;
}
.top-feature-photo img{
  display:block;
  width:100%;
  height:100%;
  min-height:92px;
  object-fit:cover;
  transition:transform .35s ease;
}

.top-feature-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:10px 26px 9px 12px;
  background:
    linear-gradient(to right,rgba(255,253,248,.98),rgba(250,246,238,.98));
}
.top-feature-copy:after{
  content:"";
  position:absolute;
  right:19px;
  top:18px;
  bottom:18px;
  width:1px;
  background:#c7a46e;
  opacity:.75;
}
.top-feature-copy strong{
  display:block;
  color:#49362c;
  font-family:"Yu Mincho","Hiragino Mincho ProN","YuMincho","MS PMincho",serif;
  font-size:14px;
  font-weight:normal;
  line-height:1.5;
  letter-spacing:.05em;
}
.top-feature-copy small{
  display:block;
  margin-top:5px;
  color:#9b7c56;
  font-family:Georgia,"Times New Roman",serif;
  font-size:7px;
  line-height:1.2;
  letter-spacing:.18em;
}
.top-feature-arrow{
  position:absolute;
  right:7px;
  top:50%;
  z-index:2;
  transform:translateY(-50%);
  color:#aa7e38;
  font-family:Georgia,serif;
  font-size:24px;
  line-height:1;
}
.top-feature-card:hover,
.top-feature-card:focus{
  border-color:#aa8b60;
  box-shadow:0 3px 9px rgba(64,45,28,.16);
}
.top-feature-card:hover .top-feature-photo img,
.top-feature-card:focus .top-feature-photo img{
  transform:scale(1.035);
}

/* 7個目だけ横長 */
.top-feature-wide{
  grid-column:1/-1;
  grid-template-columns:31% 69%;
  min-height:84px;
}
.top-feature-wide .top-feature-photo img{min-height:84px;}
.top-feature-wide .top-feature-copy strong{font-size:15px;}

/* PCの既存右カラム幅の中で収める */
@media screen and (min-width:768px){
  #top_rightcolumn{
    height:auto !important;
  }
}

/* スマホ：読みやすく1列 */
@media screen and (max-width:767px){
  .top-feature-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .top-feature-card,
  .top-feature-wide{
    grid-column:auto;
    grid-template-columns:42% 58%;
    min-height:104px;
  }
  .top-feature-photo img,
  .top-feature-wide .top-feature-photo img{
    min-height:104px;
  }
  .top-feature-copy{
    padding:12px 34px 11px 14px;
  }
  .top-feature-copy strong,
  .top-feature-wide .top-feature-copy strong{
    font-size:16px;
    line-height:1.5;
  }
  .top-feature-copy small{font-size:8px;}
  .top-feature-arrow{right:10px;font-size:26px;}
}


/* =========================================================
   2026-09-18 トップ右側リンク 第2案
   写真を主役にした「写真上・文字下」カード
   ========================================================= */

.top-feature-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  width:100% !important;
}

.top-feature-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#fffdf8 !important;
  border:1px solid #c7b89f !important;
  box-shadow:0 2px 6px rgba(58,43,29,.10) !important;
  color:#49392e !important;
  text-decoration:none !important;
}

.top-feature-photo{
  display:block !important;
  width:100% !important;
  height:108px !important;
  overflow:hidden !important;
  background:#e9e2d7 !important;
}
.top-feature-photo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  transition:transform .35s ease !important;
}

/* 写真ごとに主役が見える位置へ微調整 */
.top-feature-card:nth-child(1) .top-feature-photo img{object-position:center 58% !important;}
.top-feature-card:nth-child(2) .top-feature-photo img{object-position:center 58% !important;}
.top-feature-card:nth-child(3) .top-feature-photo img{object-position:center 48% !important;}
.top-feature-card:nth-child(4) .top-feature-photo img{object-position:center 60% !important;}
.top-feature-card:nth-child(5) .top-feature-photo img{object-position:center 47% !important;}
.top-feature-card:nth-child(6) .top-feature-photo img{object-position:center 52% !important;}

.top-feature-copy{
  position:relative !important;
  display:block !important;
  min-height:58px !important;
  padding:10px 30px 9px 12px !important;
  background:linear-gradient(to bottom,#fffdf9 0%,#f6f0e7 100%) !important;
  border-top:1px solid #ddd1bf !important;
}
.top-feature-copy:before{
  content:"" !important;
  position:absolute !important;
  left:12px !important;
  top:0 !important;
  width:34px !important;
  height:2px !important;
  background:#9b7b50 !important;
}
.top-feature-copy:after{
  display:none !important;
}

.top-feature-copy strong{
  display:block !important;
  color:#49362c !important;
  font-family:"Yu Mincho","Hiragino Mincho ProN","YuMincho","MS PMincho",serif !important;
  font-size:13px !important;
  font-weight:normal !important;
  line-height:1.45 !important;
  letter-spacing:.045em !important;
  white-space:normal !important;
}
.top-feature-copy small{
  display:block !important;
  margin-top:4px !important;
  color:#9a8061 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:6px !important;
  line-height:1.2 !important;
  letter-spacing:.14em !important;
}

.top-feature-arrow{
  position:absolute !important;
  right:10px !important;
  bottom:16px !important;
  top:auto !important;
  transform:none !important;
  color:#9a7745 !important;
  font-size:22px !important;
  line-height:1 !important;
}

.top-feature-card:hover,
.top-feature-card:focus{
  border-color:#a88d69 !important;
  box-shadow:0 4px 10px rgba(58,43,29,.16) !important;
}
.top-feature-card:hover .top-feature-photo img,
.top-feature-card:focus .top-feature-photo img{
  transform:scale(1.035) !important;
}

/* 7枚目：パンフレットは横長。写真は左、案内は右 */
.top-feature-wide{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:42% 58% !important;
  min-height:92px !important;
}
.top-feature-wide .top-feature-photo{
  width:100% !important;
  height:92px !important;
}
.top-feature-wide .top-feature-photo img{
  height:92px !important;
  object-position:center 52% !important;
}
.top-feature-wide .top-feature-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-height:92px !important;
  padding:12px 34px 11px 16px !important;
  border-top:0 !important;
  border-left:1px solid #ddd1bf !important;
}
.top-feature-wide .top-feature-copy:before{
  left:16px !important;
  top:13px !important;
}
.top-feature-wide .top-feature-copy strong{
  font-size:14px !important;
}
.top-feature-wide .top-feature-arrow{
  right:12px !important;
  bottom:auto !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}

/* スマホは1列。写真をしっかり見せる */
@media screen and (max-width:767px){
  .top-feature-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .top-feature-card,
  .top-feature-wide{
    grid-column:auto !important;
    display:flex !important;
    flex-direction:column !important;
  }
  .top-feature-photo,
  .top-feature-wide .top-feature-photo{
    height:180px !important;
  }
  .top-feature-photo img,
  .top-feature-wide .top-feature-photo img{
    height:180px !important;
  }
  .top-feature-copy,
  .top-feature-wide .top-feature-copy{
    display:block !important;
    min-height:66px !important;
    padding:12px 38px 11px 15px !important;
    border-left:0 !important;
    border-top:1px solid #ddd1bf !important;
  }
  .top-feature-copy:before,
  .top-feature-wide .top-feature-copy:before{
    left:15px !important;
    top:0 !important;
  }
  .top-feature-copy strong,
  .top-feature-wide .top-feature-copy strong{
    font-size:16px !important;
  }
  .top-feature-copy small,
  .top-feature-wide .top-feature-copy small{
    font-size:7px !important;
  }
  .top-feature-arrow,
  .top-feature-wide .top-feature-arrow{
    right:13px !important;
    bottom:19px !important;
    top:auto !important;
    transform:none !important;
    font-size:25px !important;
  }
}


/* =========================================================
   2026-09-18 トップページ完成版 最終写真調整
   指定どおり「鯖姿寿司」「折詰弁当」の2枚だけを拡大。
   他4枚のトリミング・位置・大きさは第2案から変更しない。
   ========================================================= */

/* 鯖姿寿司：端が切れても商品を大きく見せる */
.top-feature-card:nth-child(4) .top-feature-photo img{
  transform:scale(1.28) !important;
  object-position:center 58% !important;
}

/* 折詰弁当：端が切れても弁当を大きく見せる */
.top-feature-card:nth-child(6) .top-feature-photo img{
  transform:scale(1.28) !important;
  object-position:center 52% !important;
}

/* ホバー時も上記2枚だけ拡大率を維持しつつ、ごく軽く動きを付ける */
.top-feature-card:nth-child(4):hover .top-feature-photo img,
.top-feature-card:nth-child(4):focus .top-feature-photo img,
.top-feature-card:nth-child(6):hover .top-feature-photo img,
.top-feature-card:nth-child(6):focus .top-feature-photo img{
  transform:scale(1.32) !important;
}


/* =========================================================
   2026-09-18 トップページ 最終仕上げ
   1) 6枚の写真カードを少し横長・コンパクトに
   2) パンフレットは写真なしの独立した生成り横長ボタンへ
   ========================================================= */

/* PC：写真比率を少し横長にし、文字部分をコンパクトに */
@media screen and (min-width:768px){
  .top-feature-photo{
    height:94px !important;
  }
  .top-feature-photo img{
    height:94px !important;
  }
  .top-feature-copy{
    min-height:50px !important;
    padding:8px 28px 7px 11px !important;
  }
  .top-feature-copy strong{
    font-size:13px !important;
    line-height:1.38 !important;
  }
  .top-feature-copy small{
    margin-top:3px !important;
  }
  .top-feature-arrow{
    bottom:13px !important;
  }
}

/* パンフレット：写真を使わず、生成り＋金茶ラインの独立ボタン */
.top-feature-wide.top-brochure-link{
  grid-column:1 / -1 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:stretch !important;
  min-height:72px !important;
  background:linear-gradient(to bottom,#fffdf8 0%,#f1e9dc 100%) !important;
  border:1px solid #b9a485 !important;
  box-shadow:0 2px 6px rgba(58,43,29,.10) !important;
}

.top-feature-wide.top-brochure-link .top-feature-copy{
  position:relative !important;
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-height:72px !important;
  padding:12px 48px 11px 24px !important;
  border:0 !important;
  background:transparent !important;
}

.top-feature-wide.top-brochure-link .top-feature-copy:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:14px !important;
  bottom:14px !important;
  width:4px !important;
  height:auto !important;
  background:#9b7b50 !important;
}

.top-feature-wide.top-brochure-link .top-feature-copy small{
  order:1 !important;
  margin:0 0 4px !important;
  color:#9a8061 !important;
  font-size:7px !important;
  letter-spacing:.18em !important;
}

.top-feature-wide.top-brochure-link .top-feature-copy strong{
  order:2 !important;
  color:#49362c !important;
  font-size:15px !important;
  line-height:1.4 !important;
  letter-spacing:.07em !important;
}

.top-feature-wide.top-brochure-link .top-feature-arrow{
  right:16px !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  color:#9a7745 !important;
  font-size:26px !important;
}

.top-feature-wide.top-brochure-link:hover,
.top-feature-wide.top-brochure-link:focus{
  background:linear-gradient(to bottom,#faf5ec 0%,#e7dccb 100%) !important;
  border-color:#9f8561 !important;
}

/* スマホでもパンフレットは写真なし横長ボタンのまま */
@media screen and (max-width:767px){
  .top-feature-wide.top-brochure-link{
    display:flex !important;
    min-height:76px !important;
  }
  .top-feature-wide.top-brochure-link .top-feature-copy{
    min-height:76px !important;
    padding:13px 48px 12px 22px !important;
    border-top:0 !important;
  }
  .top-feature-wide.top-brochure-link .top-feature-copy:before{
    left:0 !important;
    top:14px !important;
    bottom:14px !important;
  }
  .top-feature-wide.top-brochure-link .top-feature-copy strong{
    font-size:16px !important;
  }
  .top-feature-wide.top-brochure-link .top-feature-arrow{
    right:15px !important;
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
  }
}


/* =========================================================
   2026-09-18 トップページ 本番完成版・最終微調整
   ・カードの英字を削除
   ・「料理長 今月のおすすめ」にだけ控えめな季節ラベル
   ・更新情報は内容量に合わせた高さを維持（求人リンク用余白は将来活用）
   ========================================================= */

/* 英字削除後の文字部分を自然な余白へ */
.top-feature-card:not(.top-brochure-link) .top-feature-copy{
  justify-content:center !important;
}
.top-feature-card:not(.top-brochure-link) .top-feature-copy strong{
  margin:0 !important;
}

/* 料理長カードだけ控えめに強調 */
.seasonal-label{
  display:inline-block !important;
  align-self:flex-start !important;
  width:max-content !important;
  margin:0 0 4px !important;
  padding:1px 6px 2px !important;
  border:1px solid #b99a6c !important;
  background:#f7f0e4 !important;
  color:#8a6b42 !important;
  font-family:"Yu Mincho","Hiragino Mincho ProN","YuMincho","MS PMincho",serif !important;
  font-size:8px !important;
  font-style:normal !important;
  font-weight:normal !important;
  line-height:1.35 !important;
  letter-spacing:.08em !important;
}

/* パンフレットは日本語だけで端正に */
.top-feature-wide.top-brochure-link .top-feature-copy{
  justify-content:center !important;
}
.top-feature-wide.top-brochure-link .top-feature-copy strong{
  margin:0 !important;
}

/* 更新情報：中身以上に枠を引き伸ばさない */
#top_leftcolumn,
#top_leftcolumn .news,
#top_leftcolumn #news{
  height:auto;
}

/* スマホでは季節ラベルを少し読みやすく */
@media screen and (max-width:767px){
  .seasonal-label{
    margin-bottom:5px !important;
    padding:2px 7px !important;
    font-size:10px !important;
  }
}


/* =========================================================
   2026-09-18 トップページ 最終3点調整
   1. 英字削除後のカード文字欄の余白を縮小
   2. パンフレットボタンの縦幅を縮小
   3. 「お買い物」を他6ナビと完全に同じ通常色へ
   ========================================================= */

/* 1. 6枚のカード：日本語だけになった分、文字欄を少し浅く */
@media screen and (min-width:768px){
  .top-feature-card:not(.top-brochure-link) .top-feature-copy{
    min-height:42px !important;
    padding:6px 27px 6px 10px !important;
  }
  .top-feature-card:not(.top-brochure-link) .top-feature-copy strong{
    line-height:1.34 !important;
  }
  .top-feature-card:not(.top-brochure-link) .top-feature-arrow{
    bottom:10px !important;
  }

  /* 季節ラベル付きの1枚目だけ窮屈にならない高さ */
  .top-feature-card:first-child .top-feature-copy{
    min-height:50px !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
  }
  .seasonal-label{
    margin-bottom:2px !important;
  }
}

/* 2. パンフレット：独立ボタンとして一段コンパクトに */
.top-feature-wide.top-brochure-link{
  min-height:54px !important;
}
.top-feature-wide.top-brochure-link .top-feature-copy{
  min-height:54px !important;
  padding:8px 44px 8px 20px !important;
}
.top-feature-wide.top-brochure-link .top-feature-copy:before{
  top:9px !important;
  bottom:9px !important;
}
.top-feature-wide.top-brochure-link .top-feature-copy strong{
  font-size:14px !important;
}
.top-feature-wide.top-brochure-link .top-feature-arrow{
  font-size:23px !important;
}

/* 3. 「お買い物」：最後の項目専用の旧指定を完全に打ち消し、
      他6項目と同じ通常ナビ仕様に固定 */
#navi ul li:last-child{
  background:#f4efe6 !important;
  border-right:0 !important;
  border-bottom:0 !important;
}
#navi ul li:last-child a,
#navi ul li a#navi07{
  background:#f4efe6 !important;
  background-image:linear-gradient(to bottom,#fbf8f1 0%,#e8e0d3 100%) !important;
  color:#55483f !important;
  text-shadow:none !important;
  border:0 !important;
  font-family:"Yu Mincho","Hiragino Mincho ProN","YuMincho","MS PMincho",serif !important;
  letter-spacing:.05em !important;
}
#navi ul li:last-child a:hover,
#navi ul li:last-child a:focus,
#navi ul li a#navi07:hover,
#navi ul li a#navi07:focus{
  background:#c8b79f !important;
  background-image:linear-gradient(to bottom,#c8b79f 0%,#aa967b 100%) !important;
  color:#fffaf1 !important;
}

/* スマホでは既存の読みやすさを優先しつつパンフレットだけ少し縮小 */
@media screen and (max-width:767px){
  .top-feature-wide.top-brochure-link,
  .top-feature-wide.top-brochure-link .top-feature-copy{
    min-height:62px !important;
  }
  .top-feature-wide.top-brochure-link .top-feature-copy{
    padding:10px 46px 10px 20px !important;
  }
}


/* =========================================================
   2026-09-18 最終確認で判明した2点の修正
   ========================================================= */

/* カード：
   同じ行の左カードが高い場合でも、右カードの文字背景を
   カード最下部まで伸ばして白い余りを出さない */
.top-feature-card:not(.top-brochure-link) .top-feature-copy{
  flex:1 1 auto !important;
  width:100% !important;
  box-sizing:border-box !important;
}

/* お買い物：
   他6項目は共通指定で background-image:none になっているため、
   7番目も完全に同じ状態にする */
#navi ul li:last-child a,
#navi ul li a#navi07{
  background:#f4efe6 !important;
  background-image:none !important;
  color:#55483f !important;
}