/* =========================================================
   在宅覚醒シリーズ（/zaitaku/ 一覧・/zaitaku/YYYYMM/ アーカイブ）
   style.css・archive.css の上に少しだけ足す
========================================================= */

/* 受付状況の箱（buy-box の形を使う） */
.status-box .status-label { display: inline-block; margin: 0 0 .8rem; padding: .2em 1em; border-radius: 999px; background: var(--charcoal); color: #fff; font-size: .72rem; letter-spacing: .08em; }
.status-box .status-text { margin: 0 0 1.2rem; font-size: .88rem; line-height: 1.9; }
.status-box .btn { display: block; }
.status-box .link-arrow { display: inline-block; margin-top: 1rem; font-size: .82rem; }

/* 写真ギャラリー */
.zk-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; max-width: 960px; margin: 0 auto; }
.zk-gallery figure { margin: 0; }
.zk-gallery img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; }
@media (max-width: 760px) { .zk-gallery { grid-template-columns: repeat(2, 1fr); gap: .5rem; } }

/* 動画（タップで読み込む） */
.zk-video { max-width: 720px; margin: 0 auto; }
.zk-video__box { position: relative; aspect-ratio: 16 / 9; background: #000; cursor: pointer; overflow: hidden; }
.zk-video__box img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .85; }
.zk-video__box iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.zk-video__play { position: absolute; left: 50%; top: 50%; width: 72px; height: 50px; margin: -25px 0 0 -36px; border-radius: 14px; background: var(--berry); }
.zk-video__play::after { content: ""; position: absolute; left: 29px; top: 15px; border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent #fff; }
.zk-video__ttl { margin: .8rem 0 0; font-size: .85rem; }

/* 一覧のカード：受付状況のラベル */
.archive-card a { color: inherit; text-decoration: none; display: flex; flex-direction: column; height: 100%; }
.archive-card a:hover .archive-title { color: var(--berry); }
.zk-theme { margin: .3rem 0 0; font-size: .74rem; color: var(--ink-soft); line-height: 1.7; }
.zk-status { position: absolute; right: .6rem; top: .6rem; padding: .15em .8em; border-radius: 999px; background: rgba(14,14,14,.78); color: #fff; font-size: .66rem; letter-spacing: .06em; }

/* 一覧の説明文 */
.zk-lead { max-width: 720px; margin: 0 auto; }
.zk-lead p { margin: 0 0 1.4em; }

/* =========================================================
   LP型アーカイブ（/zaitaku/YYYYMM/。元LPのデザインのまま）
========================================================= */
/* 受付終了のお知らせ帯（パンくずの下） */
.zk-notice { margin: 0; padding: .7rem 1rem; background: var(--charcoal); color: #fff; font-size: .8rem; text-align: center; line-height: 1.7; }
.zk-notice a { color: #fff; text-decoration: underline; margin-left: .6em; }

/* 受付終了の案内：LPのCSS（文字色・サイズ・変数）の影響を受けないよう、サイト共通の値に戻す（tools/lp-archive.js の lp-buy と同じ考え方） */
.lp-body .lp-buy {
  --black: var(--site-black); --ink: var(--site-ink); --ink-soft: var(--site-ink-soft); --line: var(--site-line); --serif: var(--site-serif); --sans: var(--site-sans);
  margin: 2.4rem auto; font-family: var(--sans); color: var(--ink); line-height: 1.9; text-align: center; letter-spacing: .03em; box-sizing: border-box;
  background: var(--paper, #fff); border: 1px solid var(--line); border-top: 4px solid var(--black); padding: 1.6rem 1.6rem 1.4rem; max-width: 640px;
}
.lp-body .lp-buy p { color: var(--ink) !important; font-size: .85rem !important; line-height: 1.9 !important; font-family: var(--sans) !important; font-weight: 400; letter-spacing: .03em; text-align: center; margin: 0 0 1rem !important; }
.lp-body .lp-buy .buy-box-label { margin: 0 !important; font-size: .75rem !important; color: var(--ink-soft) !important; }
.lp-body .lp-buy .zk-closed-ttl { margin: .2rem 0 1rem !important; font-family: var(--serif) !important; font-weight: 700 !important; font-size: 1.3rem !important; color: var(--black) !important; line-height: 1.5 !important; }
.lp-body .lp-buy a.btn-primary { display: block; color: #fff !important; text-decoration: none; }
.lp-body .lp-buy .zk-closed-more { margin: 1rem 0 0 !important; }
.lp-body .lp-buy a.link-arrow { color: var(--berry) !important; font-size: .82rem; }
.lp-body .zk-closed-wrap { padding: 2rem 1rem; }
@media (max-width: 760px) { .lp-body .lp-buy { padding-left: 1rem; padding-right: 1rem; margin-left: 1rem; margin-right: 1rem; } }