/* 京料理 下鴨福助 新着情報
   730px共通仕様版 2026-09-18 */
html{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
body{
  margin:0;background:#000;color:#332d28;
  font-family:"Yu Mincho","Hiragino Mincho ProN","YuMincho","MS PMincho",serif;
  line-height:1.8;
}
.news-page{width:770px;margin:24px auto 0;background:#000}

/* ---------- 共通ヘッダー ---------- */
.news-page .site-header{
  width:770px;height:98px;position:relative;
  background:#050505 url(../bg_header_00_6.png) repeat-x left top;
  border-top:2px solid #9c896e;overflow:hidden;
}
.news-page .site-logo{
  position:absolute;left:24px;top:10px;width:390px;height:72px;
  background:url(../logo_invert_white.png) no-repeat left center;background-size:contain;
}
.news-page .site-logo a{display:block;width:100%;height:100%;text-indent:-9999px;overflow:hidden}
.mobile-head-info{display:none}

/* ---------- タイトル写真 ---------- */
.news-hero{width:770px;height:auto;overflow:hidden;background:#111}
.news-hero img{display:block;width:770px;height:auto;margin:0;object-fit:contain}

/* ---------- グローバルナビ：確定済み共通仕様 ---------- */
#navi{
  width:770px;
  background:#f4efe6 !important;
  border-top:1px solid #c9bca8 !important;
  border-bottom:1px solid #b9aa94 !important;
}
#navi ul{
  width:770px;height:36px;margin:0;padding:0;
  display:flex;list-style:none;background:#f4efe6 !important;
}
#navi ul li{
  flex:1 1 0;height:36px;margin:0;padding:0;
  background:#f4efe6 !important;
  border-right:1px solid #d8cdbc !important;
}
#navi ul li:last-child{border-right:0 !important}
#navi ul li a,
#navi01,#navi02,#navi03,#navi04,#navi05,#navi06,#navi07{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:36px;padding:0;
  background:linear-gradient(to bottom,#fbf8f1 0%,#e8e0d3 100%) !important;
  background-image:none !important;
  color:#55483f !important;text-decoration:none;text-shadow:none !important;border:0 !important;
  font-family:"Yu Mincho","Hiragino Mincho ProN","YuMincho","MS PMincho",serif !important;
  font-size:13px;line-height:36px;letter-spacing:.05em !important;
}
#navi ul li a:hover,#navi ul li a:focus,#navi ul li a#navi01{
  background:linear-gradient(to bottom,#c8b79f 0%,#aa967b 100%) !important;
  color:#fffaf1 !important;
}

/* ---------- 本文：730px ---------- */
.news-main{width:770px;background:#f4f0e8;padding:28px 20px 44px}
.news-heading{text-align:center;margin:0 0 22px}
.news-heading .en{display:block;color:#91785b;font:11px/1.4 Georgia,serif;letter-spacing:.28em}
.news-heading h2{margin:5px 0 8px;color:#342f2a;font-size:25px;font-weight:normal;letter-spacing:.18em}
.news-heading:after{content:"";display:block;width:70px;height:1px;margin:14px auto 0;background:#a58a62}

.news-filter{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.news-filter button{
  border:1px solid #b9aa96;background:#fbf8f2;color:#554b41;
  padding:7px 18px;border-radius:18px;
  font:14px "Yu Mincho","Hiragino Mincho ProN",serif;cursor:pointer;
}
.news-filter button.active{background:#887968;border-color:#887968;color:#fff}

.news-list{width:730px;margin:0 auto}
.news-item{
  display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;
  padding:24px 0;border-top:1px solid #d6cab8;
}
.news-item:last-child{border-bottom:1px solid #d6cab8}
.news-item.no-image{grid-template-columns:1fr}
.news-photo{width:190px;height:143px;background:#e7e0d4;overflow:hidden}
.news-photo img{width:100%;height:100%;object-fit:cover;display:block}
.news-date{color:#8b765d;font:13px Georgia,"Yu Mincho",serif;letter-spacing:.08em}
.news-title{margin:4px 0 10px;color:#4a4037;font-size:18px;font-weight:normal;line-height:1.5}
.news-text{
  font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  font-size:13px;line-height:1.85;color:#3f3a35;
}
.news-text p{margin:.25em 0 .8em}
.news-text strong{color:#54242b}
.news-text a{color:#6f2734}
.news-text.is-collapsed{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;
  overflow:hidden;max-height:9.25em;position:relative;
}
.read-more{
  display:block;margin:8px 0 0 auto;padding:5px 0;
  border:0;border-bottom:1px solid #9b8874;background:transparent;color:#76604e;
  font:13px "Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  cursor:pointer;letter-spacing:.05em;
}
.read-more:hover{color:#4f4034}
.notice-end{text-align:right}

/* ---------- 2026年1月：過去のお知らせ ---------- */
.archive-notices{display:block;padding:24px 0 26px}
.archive-notices-inner{border-top:1px solid #cdbfa9;border-bottom:1px solid #cdbfa9;padding:20px 0 8px}
.archive-kicker{color:#9b8062;font:11px Georgia,"Times New Roman",serif;letter-spacing:.18em;margin-bottom:4px}
.archive-title{margin:0;color:#4a4037;font:normal 18px/1.5 "Yu Mincho","Hiragino Mincho ProN",serif}
.archive-intro{margin:4px 0 13px;color:#776b60;font-size:12px;line-height:1.7}
.archive-notice{border-top:1px solid #e0d6c7}
.archive-notice summary{
  list-style:none;display:grid;grid-template-columns:100px minmax(0,1fr) auto;
  align-items:center;gap:14px;padding:12px 28px 12px 4px;
  cursor:pointer;color:#4c4037;position:relative;
}
.archive-notice summary::-webkit-details-marker{display:none}
.archive-notice summary::after{
  content:"＋";position:absolute;right:4px;top:50%;transform:translateY(-50%);
  color:#76604e;font-size:17px;font-family:Arial,sans-serif;
}
.archive-notice[open] summary::after{content:"－"}
.archive-notice summary:hover span{color:#695848}
.archive-notice summary time{color:#8b765d;font:12px Georgia,"Yu Mincho",serif;letter-spacing:.04em}
.archive-notice summary span{font:normal 14px/1.55 "Yu Mincho","Hiragino Mincho ProN",serif}
.archive-notice summary small{color:#9a8876;font-size:11px;white-space:nowrap}
.archive-body{margin:0 0 13px 114px;padding:4px 32px 12px 0;max-width:590px}
.archive-body p{margin:.25em 0 .85em}
.archive-notices .news-text{max-height:none;overflow:visible;display:block}

/* ---------- フッター ---------- */
.news-footer{
  width:770px;padding:24px 20px 28px;background:#111;color:#aaa;text-align:center;
  font-family:Meiryo,sans-serif;font-size:11px;
}
.news-footer a{color:#ddd;text-decoration:none}
.news-footer .links{margin-bottom:10px;line-height:2}

/* ---------- スマホ ---------- */
@media(max-width:767px){
  body{background:#000}
  .news-page{width:100%;margin:0}

  .news-page .site-header{
    width:100%;height:auto;min-height:0;padding:16px 14px 12px;
    position:relative;overflow:visible;background:#050505;border-top:2px solid #9c896e;
  }
  .news-page .site-logo{
    position:relative;left:auto;top:auto;width:350px;max-width:92vw;height:92px;
    margin:0 auto 6px;background-position:center;background-size:contain;
  }
  .mobile-head-info{
    display:block;width:100%;margin:0;padding:0;text-align:center;color:#fff;
    font-size:12px;line-height:1.55;letter-spacing:.03em;
  }
  .mobile-head-info a{color:#fff;text-decoration:none}
  .mobile-head-info>div:nth-child(3) a{font-weight:bold;font-size:15px;letter-spacing:.04em}
  .mobile-head-links{display:flex;justify-content:center;gap:36px;margin-top:6px;font-size:10px;line-height:1.5}

  .news-hero{width:100%;height:auto;overflow:hidden}
  .news-hero img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}

  #navi{width:100%;height:auto;margin:0;padding:0;background:#f4efe6 !important}
  #navi ul{
    width:100%;height:auto;margin:0;padding:0;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    background:#f4efe6 !important;
  }
  #navi ul li{
    width:auto;height:auto;float:none;border-right:1px solid #d4c8b7 !important;
    border-bottom:1px solid #d4c8b7 !important;
  }
  #navi ul li:nth-child(even){border-right:none !important}
  #navi ul li:last-child{grid-column:1/-1;border-right:none !important;border-bottom:none !important}
  #navi ul li a,#navi01,#navi02,#navi03,#navi04,#navi05,#navi06,#navi07{
    width:100%;height:auto;min-height:46px;padding:10px 6px;box-sizing:border-box;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(to bottom,#fbf8f1 0%,#e7dfd2 100%) !important;
    color:#55483f !important;text-indent:0;text-align:center;text-decoration:none;text-shadow:none !important;
    font-size:15px;line-height:1.25;letter-spacing:.08em !important;
  }
  #navi ul li a#navi01{
    background:linear-gradient(to bottom,#c8b79f 0%,#aa967b 100%) !important;
    color:#fffaf1 !important;
  }

  .news-main{width:100%;padding:22px 18px 38px}
  .news-heading h2{font-size:23px}
  .news-filter{gap:6px;margin-bottom:18px}
  .news-filter button{font-size:12px;padding:6px 13px}
  .news-list{width:100%;margin:0}
  .news-item{grid-template-columns:1fr;gap:14px;padding:22px 0}
  .news-photo{width:100%;height:auto;aspect-ratio:4/3;max-height:280px}
  .news-title{font-size:18px}
  .news-text{font-size:14px}
  .read-more{display:inline-block;float:right;margin-top:10px;padding:7px 2px 5px;min-height:32px;font-size:13px}

  .archive-notices{padding:18px 0 20px}
  .archive-notices-inner{padding-top:16px}
  .archive-title{font-size:17px}
  .archive-intro{font-size:12px;margin-bottom:10px}
  .archive-notice summary{grid-template-columns:1fr;gap:2px;padding:11px 30px 11px 2px}
  .archive-notice summary time{font-size:11px}
  .archive-notice summary span{font-size:14px}
  .archive-notice summary small{font-size:10px}
  .archive-body{margin:0;padding:4px 28px 12px 2px;max-width:none}

  .news-footer{width:100%;padding:24px 20px 32px}
}

@media print{
  .archive-notice:not([open]) .archive-body{display:none!important}
}

#managed-news-list{display:contents}.news-photo-empty{background:#f2eee7;min-height:140px}

/* 2026-09-19 FIX: 年別フィルターのJSが archive-notices に display:grid を
   インライン指定した場合でも、過去のお知らせ本文を730px幅いっぱいに保つ。 */
.archive-notices > .archive-notices-inner{
  grid-column:1 / -1;
  width:100%;
  min-width:0;
}