/* お知らせ・キャンペーン記事（2026-11-07 リデザイン・C案「期間を図で」）
   書き出し＝ official/_tools/news_redesign.py（静的な記事）／ functions/_lib/render.js（管理画面で書いた記事）
   色と書体はサイト本体（kino.css の --jk-*）に合わせる */
.jsa{--ink:#4c3e39;--mute:#6f625c;--red:#bf4141;--pale:#f6f4f2;--line:#d9d2cc;--en:Inter,"Noto Sans JP",sans-serif;
  color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",YuGothic,sans-serif;letter-spacing:.04em;line-height:1.9;font-size:15px;
  max-width:760px;margin:0 auto 40px;line-break:strict;overflow-wrap:anywhere;text-align:left}
.jsa *{box-sizing:border-box}
.jsa p{margin:0;padding:0;color:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit}
.jsa ul{margin:0;padding:0;list-style:none}
.jsa li{list-style:none;margin:0}
.jsa a{color:inherit}
.jsa .nb,.jsa small,.jsa time{white-space:nowrap}
/* 見出し */
.jsa-eyebrow{font-family:var(--en);font-size:11px;letter-spacing:.32em;color:var(--mute);display:flex;gap:14px}
.jsa-eyebrow span+span::before{content:"";display:inline-block;width:18px;height:1px;background:currentColor;vertical-align:middle;margin-right:14px}
.jsa .jsa-title{margin:14px 0 0;padding:0;border:0;font-weight:400;line-height:1.3;text-align:left;
  background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--ink)!important}
.jsa .jsa-title span{background:none!important;-webkit-text-fill-color:currentColor!important}
.jsa-title .en{display:block;font-family:var(--en);font-weight:100;font-size:clamp(30px,5.4vw,52px);letter-spacing:.02em;line-height:1.2}
.jsa-title .ja{display:block;margin-top:10px;font-size:14px;letter-spacing:.24em;font-weight:700}
.jsa-title .main{display:block;font-size:clamp(20px,3vw,26px);font-weight:700;letter-spacing:.08em;line-height:1.5}
.jsa-title .en+.main{margin-top:8px}
.jsa .jsa-date{margin-top:16px;font-family:var(--en);font-size:13px;letter-spacing:.12em;color:var(--mute)}
.jsa .jsa-status{display:inline-block;margin-top:18px;padding:6px 14px;border:1px solid var(--mute);color:var(--mute);background:var(--pale);font-size:13px;line-height:1.6}
.jsa .jsa-status span{display:block;font-size:12px;white-space:nowrap}
.jsa .jsa-status.is-open{border-color:var(--red);color:var(--red);background:#fff}
/* 本文 */
.jsa-lead{margin-top:36px}
.jsa-lead p+p{margin-top:.6em}
.jsa .jsa-lead__label{font-weight:700;margin-bottom:10px}
.jsa-sec{margin-top:56px}
.jsa .jsa-h{display:flex;align-items:baseline;gap:14px;margin:0 0 20px;padding:0 0 12px;border:0;border-bottom:1px solid var(--line);font-weight:400;background:none;text-align:left}
.jsa-h .en{font-family:var(--en);font-weight:400;font-size:12px;letter-spacing:.3em;color:var(--red)}
.jsa-h .ja{font-size:17px;font-weight:700;letter-spacing:.12em;color:var(--ink)}
.jsa .jsa-small{margin-top:12px;font-size:12.5px;color:var(--mute);line-height:1.8}
/* 大きな数字の帯（割引・休業日） */
.jsa-band{position:relative;margin-top:32px;padding:26px 24px;background:var(--pale);display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.jsa-band.is-ended .jsa-off,.jsa-band.is-ended .jsa-band__txt{color:#9b8f88}
.jsa-band.is-ended{padding-top:56px}
.jsa-band__end{position:absolute;top:0;left:0;padding:3px 12px;background:var(--mute);color:#fff;font-size:11px;letter-spacing:.24em;line-height:1.6}
.jsa .jsa-band__txt{flex:1 1 220px;font-size:14px}
.jsa-band__txt b{font-weight:700}
.jsa .jsa-off{display:flex;align-items:center;gap:10px;font-family:var(--en);line-height:1}
.jsa-off .num{font-weight:100;font-size:clamp(56px,12vw,104px);letter-spacing:-.02em;white-space:nowrap}
.jsa-off .num i{font-style:normal;margin:0 .06em}
.jsa-off .pct{font-weight:400;font-size:clamp(16px,2.6vw,22px);letter-spacing:.08em;line-height:1.15}
.jsa-off .num small{font-size:.42em;margin-left:.08em;letter-spacing:0}
/* 期間の表 */
.jsa-sched{width:100%;border-collapse:collapse;font-size:15px;margin:0;border:0}
.jsa-sched th,.jsa-sched td{padding:14px 8px;border:0;border-bottom:1px solid var(--line);text-align:left;font-weight:400;vertical-align:top;background:none}
.jsa-sched thead th{font-size:12px;color:var(--mute);letter-spacing:.16em;padding-top:0}
.jsa-sched tbody th{font-weight:700;white-space:nowrap;width:4.5em}
.jsa-sched td{font-family:var(--en);letter-spacing:.04em;white-space:nowrap}
.jsa-sched td.jsa-na{font-family:inherit;color:var(--mute);font-size:13px}
.jsa-sched small{font-size:11px;color:var(--mute);margin-left:1px}
.jsa-sched i{font-style:normal;margin:0 .35em;color:var(--mute)}
/* 期間の図 */
.jsa-tlwrap{margin:0 -4px}
.jsa-tl{width:100%;height:auto;display:block}
.jsa-tl--sp{display:none}
.jsa-tl .g{stroke:var(--line);stroke-width:1}
.jsa-tl .m{font:400 17px Inter,sans-serif;fill:var(--mute);letter-spacing:.1em}
.jsa-tl .r{font:700 18px "Noto Sans JP",sans-serif;fill:var(--ink)}
.jsa-tl .rv{fill:var(--red)}
.jsa-tl .hd{fill:#ece5df;stroke:var(--ink);stroke-width:1.2}
.jsa-tl .t{font:400 17px "Noto Sans JP",sans-serif;fill:var(--ink)}
.jsa-tl .tw{fill:#fff;font-weight:700}
.jsa-tl--sp .m,.jsa-tl--sp .t{font-size:13.5px}.jsa-tl--sp .r{font-size:14px}
.jsa .jsa-legend{display:flex;align-items:center;gap:8px;margin:10px 0 18px;font-size:12px;color:var(--mute)}
.jsa-legend span{display:inline-block;width:22px;height:10px;margin-left:10px}
.jsa-legend span:first-child{margin-left:0}
.jsa-legend .rv{background:var(--red)}.jsa-legend .hd{border:1px solid var(--ink);background:#ece5df}
/* 対象商品 */
.jsa-brands{border-top:1px solid var(--line)}
.jsa-h+.jsa-brands{border-top:0}
.jsa-brands li{border-bottom:1px solid var(--line)}
.jsa-brands a,.jsa-brands .nolink{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 4px;color:var(--ink);text-decoration:none}
.jsa-brands span{font-family:var(--en);font-size:16px;letter-spacing:.06em}
.jsa-brands em{font-style:normal;font-size:12px;color:var(--mute);letter-spacing:.1em;white-space:nowrap}
.jsa-brands a em::after{content:"";display:inline-block;width:7px;height:7px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg);margin-left:10px;vertical-align:1px}
.jsa-brands a:hover span{color:var(--red)}
.jsa-brands .off{font-family:var(--en);font-size:20px;font-weight:400;color:var(--ink);letter-spacing:0;white-space:nowrap}
.jsa-brands .off small{font-size:12px;font-weight:400;margin-left:2px}
.jsa-brands .who{display:block;font-size:11px;color:var(--mute);letter-spacing:.14em}
.jsa-figure{margin:28px 0 0;text-align:center}
.jsa-figure img{max-width:min(100%,360px);height:auto;display:inline-block}
/* ご注意 */
.jsa-notes{counter-reset:n}
.jsa-notes li{position:relative;padding:10px 0 10px 2.2em;border-bottom:1px dotted var(--line);font-size:14px;counter-increment:n}
.jsa-notes li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:12px;font-family:var(--en);font-size:12px;color:var(--mute)}
.jsa-notes li.is-key{font-weight:700}
.jsa-notes li.is-key::before{color:var(--red)}
.jsa-notes li small{display:block;font-weight:400;font-size:12.5px;color:var(--mute);white-space:normal}
/* 営業日程（休業の案内） */
.jsa-days{display:flex;flex-wrap:wrap;gap:6px}
.jsa-day{width:64px;padding:10px 0 8px;text-align:center;background:var(--red);color:#fff;font-family:var(--en);line-height:1.2}
.jsa-day b{display:block;font-weight:400;font-size:20px;letter-spacing:.02em}
.jsa-day small{font-size:11px;font-family:"Noto Sans JP",sans-serif}
.jsa-day em{display:block;margin-top:4px;font-style:normal;font-size:11px;font-family:"Noto Sans JP",sans-serif;letter-spacing:.2em}
.jsa-sch{border-top:1px solid var(--line)}
.jsa-sch li{display:flex;align-items:center;gap:16px;padding:14px 4px;border-bottom:1px solid var(--line)}
.jsa-sch .when{flex:1 1 auto;font-family:var(--en);letter-spacing:.04em}
.jsa-sch .when small{font-size:11px;color:var(--mute)}
.jsa-sch .what{flex:none;min-width:7.5em;padding:4px 12px;border:1px solid var(--ink);font-size:13px;text-align:center;white-space:nowrap}
.jsa-sch .is-off .what{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}
.jsa-sch .is-short .what{background:var(--pale)}
.jsa .jsa-who{margin-bottom:10px;font-weight:700}
/* 一般のお知らせ */
.jsa-list li{position:relative;padding:12px 0 12px 1.4em;border-bottom:1px dotted var(--line)}
.jsa-list li::before{content:"";position:absolute;left:2px;top:1.35em;width:7px;height:7px;background:var(--red)}
.jsa-list li small{display:block;font-size:12.5px;color:var(--mute);white-space:normal}
.jsa-sec .jsa-after{margin-top:14px}
.jsa .jsa-closing{margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}
/* 問い合わせ */
.jsa-contact{margin-top:56px;padding:28px 24px;background:var(--pale);text-align:center}
.jsa-tels{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px}
.jsa .jsa-tel{flex:1 1 220px;max-width:300px;display:flex;flex-direction:column;padding:12px 16px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;background:#fff}
.jsa-tel span{font-size:12px;letter-spacing:.12em;color:var(--mute)}
.jsa-tel b{font-family:var(--en);font-weight:400;font-size:20px;letter-spacing:.08em}
.jsa .jsa-tel:hover{background:var(--ink)}.jsa-tel:hover span,.jsa-tel:hover b{color:#fff}
/* 管理画面で書いた記事の部品 */
.jsa-body{margin-top:36px}
.jsa-body>*+*{margin-top:1.2em}
.jsa-body .jsa-h{margin-top:48px}
.jsa .jsa-em{color:var(--red);font-weight:700}
.jsa-body .jsa-figure{margin:28px 0}
.jsa-body .jsa-figure img{max-width:100%}
.jsa .jsa-btn{display:inline-block;min-width:220px;padding:14px 28px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;letter-spacing:.1em;text-align:center;background:#fff}
.jsa .jsa-btn:hover{background:var(--ink);color:#fff}
@media (max-width:767px){
  .jsa{font-size:14.5px}.jsa-sec{margin-top:44px}
  .jsa-sched{font-size:13.5px}.jsa-sched th,.jsa-sched td{padding:12px 4px}
  .jsa-tl{display:none}.jsa-tl.jsa-tl--sp{display:block}
  .jsa-band{padding:22px 18px}
  .jsa-contact{padding:24px 16px}
  .jsa-day{width:calc((100% - 18px)/4)}
  .jsa-sch li{gap:10px}.jsa-sch .what{min-width:6.5em;padding:4px 8px;font-size:12.5px}
}
/* 一覧（/information/・/news/ とその2ページ目以降）。構造は WordPress のまま＝管理画面の新着（render.js の listItem）も同じ見た目になる */
body.category #archive_tandem{max-width:760px;margin:0 auto;--ink:#4c3e39;--mute:#6f625c;--red:#bf4141;--line:#d9d2cc}
body.category #archive_tandem ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
body.category #archive_tandem li.clearfix{display:grid!important;grid-template-columns:96px 1fr;gap:20px;align-items:start;float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:22px 0!important;border:0;border-bottom:1px solid var(--line);background:none}
body.category #archive_tandem li.clearfix::after{display:none}
body.category #archive_tandem .thumL{float:none!important;width:96px!important;height:96px!important;margin:0!important;overflow:hidden;background:#f6f4f2}
body.category #archive_tandem .thumL a{display:block;width:100%;height:100%}
body.category #archive_tandem .thumL img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0}
body.category #archive_tandem .title01{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;float:none!important;width:auto!important;margin:0!important;padding:0!important;text-align:left}
body.category #archive_tandem .title01 .date{order:1;margin:0;font-family:Inter,"Noto Sans JP",sans-serif;font-size:12px;letter-spacing:.12em}
body.category #archive_tandem .title01 .date a{color:var(--mute);text-decoration:none}
body.category #archive_tandem .title01 .categories_label{order:2;margin:0}
body.category #archive_tandem .categories_label ul{border:0;display:flex;gap:6px}
body.category #archive_tandem .categories_label li{display:block!important;padding:0!important;border:0!important;margin:0!important}
body.category #archive_tandem .categories_label a{display:inline-block;padding:1px 8px;border:1px solid var(--line);border-radius:0;font-family:Inter,sans-serif;font-size:10.5px;letter-spacing:.14em;color:var(--mute);text-decoration:none;background:#fff;line-height:1.6}
body.category #archive_tandem .title01 h3.tit_info{order:3;flex-basis:100%;margin:2px 0 0;padding:0;border:0;font-size:16px;font-weight:700;line-height:1.6;letter-spacing:.04em;text-align:left;background:none}
body.category #archive_tandem .title01 h3.tit_info a{color:var(--ink);text-decoration:none}
body.category #archive_tandem .title01 h3.tit_info a:hover{color:var(--red)}
body.category #archive_tandem .title01 #excerpt{order:4;flex-basis:100%;margin:0;min-width:0;overflow:hidden;overflow-wrap:anywhere;word-break:break-all}
body.category #archive_tandem .title01 #excerpt a{text-decoration:none}
body.category #archive_tandem .title01 #excerpt p{margin:0;font-size:13px;line-height:1.8;color:var(--mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}
body.category .wp-pagenavi{margin-top:36px}
@media (max-width:767px){
  body.category #archive_tandem li.clearfix{grid-template-columns:72px 1fr;gap:14px;padding:18px 0!important}
  body.category #archive_tandem .thumL{width:72px!important;height:72px!important}
  body.category #archive_tandem .title01 h3.tit_info{font-size:15px}
}
/* メディア情報（/press/・2026-11-07）＝ official/_tools/press_redesign.py
   記事＝掲載誌カード（大きな表紙＋表）／一覧＝表紙が並ぶ本棚 */
.jsm-card{display:grid;grid-template-columns:minmax(0,280px) 1fr;gap:36px;align-items:start;margin-top:36px}
.jsm-card.is-wide{grid-template-columns:1fr}
.jsm-cover{margin:0;padding:28px 24px;background:var(--pale);text-align:center}
.jsm-cover span,.jsm-gallery span{display:inline-block;width:100%}
.jsm-cover img{display:block;width:100%;height:auto;box-shadow:0 12px 28px rgba(76,62,57,.2)}
.jsm-card.is-wide .jsm-cover{padding:24px}
.jsm-facts{margin:0;border-top:1px solid var(--line)}
.jsm-facts div{display:grid;grid-template-columns:6.5em 1fr;gap:14px;padding:13px 2px;border-bottom:1px solid var(--line)}
.jsm-facts dt{padding-top:2px;font-size:12px;font-weight:400;letter-spacing:.16em;color:var(--mute)}
.jsm-facts dd{margin:0;font-size:15px;line-height:1.7;letter-spacing:.04em}
.jsm-body>*+*{margin-top:.55em}
.jsa .jsm-label{margin-top:28px;font-family:var(--en);font-size:12.5px;letter-spacing:.2em;color:var(--red)}
.jsa .jsm-label:first-child{margin-top:0}
.jsa .jsm-strong{font-weight:700}
.jsm-names{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:4px}
.jsm-names li{font-weight:700;letter-spacing:.08em}
.jsm-rules{border-top:1px solid var(--line)}
.jsm-rules li{display:grid;grid-template-columns:4.2em 1fr;gap:10px;padding:10px 2px;border-bottom:1px dotted var(--line);font-size:14px}
.jsm-rules b{font-family:var(--en);font-weight:400;font-size:12px;letter-spacing:.14em;color:var(--red);padding-top:3px}
.jsm-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.jsm-gallery figure{margin:0;text-align:center}
.jsm-gallery img{display:block;width:100%;height:auto}
.jsa .jsm-links{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px}
.jsm-links .jsa-btn{flex:0 0 auto;white-space:nowrap}
.jsa .jsm-hang,.jsm-shelf .jsm-hang{text-indent:-.5em}
.jsa .jsm-back{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);text-align:center}
.jsm-back .jsa-btn::before{content:"";display:inline-block;width:7px;height:7px;border-bottom:1px solid;border-left:1px solid;transform:rotate(45deg);margin-right:12px;vertical-align:1px}
.jsm-intro{margin:0 0 32px;font-size:14px;line-height:1.9;letter-spacing:.06em;color:var(--mute);text-align:center}
.jsm-shelf__t{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jsm-shelfwrap{--ink:#4c3e39;--mute:#6f625c;--red:#bf4141;--pale:#f6f4f2;max-width:960px;margin:0 auto}
.jsm-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px;margin:0;padding:0;list-style:none}
.jsm-shelf li{margin:0;padding:0;list-style:none;float:none;width:auto;border:0;background:none}
.jsm-shelf a{display:block;color:var(--ink);text-decoration:none}
.jsm-shelf__img{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;padding:16px;background:var(--pale)}
.jsm-shelf__img img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 8px 18px rgba(76,62,57,.18);transition:transform .3s}
.jsm-shelf a:hover .jsm-shelf__img img{transform:translateY(-4px)}
.jsm-shelf__t{display:block;margin-top:14px;font-family:"Noto Sans JP",sans-serif;font-size:13.5px;font-weight:700;line-height:1.6;letter-spacing:.04em;overflow-wrap:anywhere;line-break:strict;text-align:left}
.jsm-shelf a:hover .jsm-shelf__t{color:var(--red)}
.jsm-shelf__d{display:block;margin-top:4px;font-family:Inter,sans-serif;font-size:11.5px;letter-spacing:.12em;color:var(--mute);text-align:left}
@media (max-width:767px){
  .jsm-card{grid-template-columns:1fr;gap:24px}
  .jsm-cover{padding:24px 48px}.jsm-card.is-wide .jsm-cover{padding:16px}
  .jsm-facts div{grid-template-columns:5.5em 1fr;gap:10px}.jsm-facts dd{font-size:14.5px}
  .jsm-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}
  .jsm-shelf__img{padding:12px}.jsm-shelf__t{font-size:13px}
}