/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 04 2026 | 07:13:59 */
/* ===========================================================
   柳蔭LP WordPress投入用CSS ─ 【自動生成ファイル・手で編集しない】

   生成元 : lp/assets/css/yanagikage.css（＝見た目を直すのはこちら）
   生成   : python tools/WP投入用ファイル生成/build_wp.py

   ■ 何をしているファイルか
     元CSSの body{} a{} img{} footer{} *{} といった「サイト全体に効く指定」を
     すべて .yk（ページを包むdiv）配下へ書き換えたもの。
     これにより me-toshimaya.com の他ページに一切影響しない。

   ■ 投入先
     プラグイン「カスタムコード（CSS & JS）」に新規CSSとして貼る。
     可能なら適用対象を /yanagikage/ と /yanagikage/vol-1/ の2ページに限定する。
   =========================================================== */

/* --- テーマ（HAKU）の見た目を、柳蔭ページだけ無効化する ------------------
   HAKUの固定ページは #header（グローバルメニュー）／#page_header（大きなページ見出し）／
   #footer ／#copyright が自動で付き、本文領域 #page_contents は幅860pxに制限される。
   柳蔭LPは自前のヘッダー・フッターを持ちフルブリードで見せる設計なので、
   このページだけテーマ側を隠して本文領域の幅制限を外す。
   :has() は現行ブラウザで動く。PAGE_IDS を埋めると body.page-id-N でも効く（保険）。 */
body:has(.yk) #header,
body:has(.yk) #page_header,
body:has(.yk) #footer,
body:has(.yk) #copyright,
body.page-id-2168 #header,
body.page-id-2168 #page_header,
body.page-id-2168 #footer,
body.page-id-2168 #copyright,
body.page-id-2169 #header,
body.page-id-2169 #page_header,
body.page-id-2169 #footer,
body.page-id-2169 #copyright{ display:none !important; }
body:has(.yk) #page_contents,
body:has(.yk) #article,
body:has(.yk) .post_content,
body.page-id-2168 #page_contents,
body.page-id-2168 #article,
body.page-id-2168 .post_content,
body.page-id-2169 #page_contents,
body.page-id-2169 #article,
body.page-id-2169 .post_content{ width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; }

/* --- 子テーマのフォント強制を、このページだけ打ち消す ----------------------
   【重要】HAKU子テーマ（haku_tcd080_child/style.css）に
     * { font-family:'Noto Serif JP', serif !important; }
   があり、サイト全体の全要素にフォントを強制している。
   柳蔭LPは「本文＝明朝／小さなラベル＝ゴシック」の書き分けが意匠の要なので、
   このページ内だけ !important で上書きする。
   .yk.yk * を inherit にしているのは、<b> や class なしの <span> が
   ゴシックの親の中で明朝に戻ってしまうのを防ぐため（親から素直に受け継がせる）。
   font-size もテーマの body が 14px を指定しているため、
   ローカル版と同じ 16px を明示して見た目を一致させる。

   【注意】!important はHTMLのインライン style よりも強い。
   HTML側に style="font-family:var(--gothic)" と直接書いている箇所
   （コメント未取得のプレースホルダ枠）が明朝に戻ってしまうため、
   インライン指定を尊重するルールを最後に足している。 */
.yk.yk{ font-family:var(--mincho) !important; font-size:16px; }
.yk.yk *{ font-family:inherit !important; }
.yk.yk [style*="--gothic"]{ font-family:var(--gothic) !important; }
.yk.yk [style*="--mincho"]{ font-family:var(--mincho) !important; }

/* --- .yk 内の素の要素をならす -----------------------------------------
   テーマ（HAKU）は本文領域に対して次のような装飾を持っている。
   放っておくと柳蔭LPの見た目が変わってしまうので、このページ内だけ先に打ち消す。

     .post_content p                  line-height:2.4 / margin:0 0 2em
     .post_content h1〜h6             line-height:1.4 / margin-bottom:20px / font-weight:500 / font-size:150%〜
     .post_content li, dt, dd         line-height:2.4
     .post_content dt                 font-weight:bold
     .post_content ul, ol, dl         margin-bottom:24px ／ ul,ol に list-style と margin-left
     .post_content blockquote         白背景・灰色の枠・影、さらに :before/:after で
                                      水色（#5cbcd7）の大きな引用符が入る
                                      ＝「蔵元」「造り手」の引用（.voice）が blockquote なので直撃する

   個別の見た目はこの後の .yk.yk 付きルールが上書きする（そちらの方が詳細度が高い）。 */
.yk.yk, .yk.yk *{ box-sizing:border-box; }
.yk.yk h1, .yk.yk h2, .yk.yk h3, .yk.yk h4, .yk.yk h5, .yk.yk h6,
.yk.yk p, .yk.yk figure, .yk.yk figcaption, .yk.yk blockquote,
.yk.yk dl, .yk.yk dt, .yk.yk dd, .yk.yk ul, .yk.yk ol, .yk.yk li,
.yk.yk address, .yk.yk pre, .yk.yk table{
  padding:0; border:0; box-shadow:none; background:none; float:none;
  position:static;
  font-size:inherit; font-weight:inherit; line-height:inherit;
  letter-spacing:inherit; text-align:inherit; color:inherit; font-style:inherit;
}

/* 余白は「0」ではなく【ブラウザ標準値】に戻す。
   ローカル版（＝意匠の正）は、注記の <p> やイベント見出しの <h2> のように
   ブラウザ標準の余白に任せている箇所がある。0にすると詰まって見え方が変わるため、
   標準値を明示して同じ見た目に揃える。
   個別に余白を持つ要素は、この後の指定が上書きする。 */
.yk.yk p{ margin:1em 0; }
.yk.yk h1{ margin:.67em 0; }
.yk.yk h2{ margin:.83em 0; }
.yk.yk h3{ margin:1em 0; }
.yk.yk h4{ margin:1.33em 0; }
.yk.yk h5{ margin:1.67em 0; }
.yk.yk h6{ margin:2.33em 0; }
/* これらは柳蔭CSS側で必ず余白を指定しているので、テーマ値を消すだけでよい */
.yk.yk figure, .yk.yk figcaption, .yk.yk blockquote,
.yk.yk dl, .yk.yk dt, .yk.yk dd, .yk.yk ul, .yk.yk ol, .yk.yk li,
.yk.yk address, .yk.yk pre, .yk.yk table{ margin:0; }
.yk.yk ul, .yk.yk ol{ list-style:none; }
/* テーマが blockquote に足す水色の引用符を消す */
.yk.yk blockquote::before, .yk.yk blockquote::after{ content:none; display:none; }
.yk.yk a, .yk.yk a:hover, .yk.yk a:visited{ color:inherit; text-decoration:none; }

/* 取り込まなかった指定（サイト全体に効くため）: html */

.yk.yk{ --ink:#1c1a17; --ink-soft:#6a655d; --line:rgba(28,26,23,.14); --paper:#ffffff; --paper-2:#faf9f6; --accent:#b3241d; --mincho:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","HGS明朝E","MS PMincho",serif; --gothic:"Yu Gothic","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif; }
.yk.yk, .yk.yk *{ box-sizing:border-box; }
.yk.yk{ margin:0; color:var(--ink); background:var(--paper); font-family:var(--mincho) !important; line-height:2.0; letter-spacing:.06em; font-feature-settings:"palt"; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; font-weight:400; }
.yk.yk img{ max-width:100%; display:block; }
.yk.yk a{ color:inherit; text-decoration:none; }
.yk.yk .demo-ribbon{ position:fixed; inset:0 0 auto 0; z-index:200; background:#1c1a17; color:#f3efe7; font-family:var(--gothic) !important; font-size:11.5px; letter-spacing:.05em; text-align:center; padding:6px 12px; }
.yk.yk .demo-ribbon b{ color:#f0c48a; }
.yk.yk .lang{ position:fixed; top:40px; right:26px; z-index:150; font-family:var(--gothic) !important; font-size:12px; letter-spacing:.12em; color:var(--ink); border:1px solid var(--line); background:rgba(255,255,255,.7); padding:7px 14px; border-radius:2px; backdrop-filter:blur(4px); }
.yk.yk .lang.on-dark{ color:#fff; border-color:rgba(255,255,255,.5); background:rgba(0,0,0,.14); }
.yk.yk .brand-logo{ position:absolute; top:42px; left:26px; z-index:150; }
.yk.yk .brand-logo img{ height:40px; width:auto; }
.yk.yk .brand-logo.on-dark img{ filter:brightness(0) invert(1); opacity:.95; }
.yk.yk .intro{ height:100svh; display:grid; place-items:center; background:var(--paper); position:relative; }
.yk.yk .intro .vtext{ writing-mode:vertical-rl; font-size:clamp(17px,2.3vw,22px); letter-spacing:.34em; line-height:2.6; color:var(--ink); font-weight:400; }
.yk.yk .intro .vtext .r{ color:var(--accent); }
.yk.yk .intro .en{ position:absolute; bottom:40px; left:50%; transform:translateX(-50%); font-family:var(--gothic) !important; font-size:10.5px; letter-spacing:.5em; color:var(--ink-soft); }
.yk.yk .scrollcue{ position:absolute; bottom:26px; right:34px; writing-mode:vertical-rl; font-family:var(--gothic) !important; font-size:10px; letter-spacing:.3em; color:var(--ink-soft); display:flex; align-items:center; gap:10px; padding-bottom:30px; }
.yk.yk .scrollcue::after{ content:""; position:absolute; bottom:0; left:50%; width:1px; height:22px; background:linear-gradient(var(--ink-soft),transparent); animation:yk-cue 2.4s ease-in-out infinite; }
@keyframes yk-cue{0%{transform:scaleY(0);transform-origin:top;opacity:0}45%{opacity:.9}100%{transform:scaleY(1);transform-origin:top;opacity:0}}
.yk.yk .hero{ height:100svh; position:relative; display:grid; place-items:center; overflow:hidden; background-position:center 42%; background-size:cover; background-repeat:no-repeat; color:#fff; }
.yk.yk .hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.12) 40%,rgba(0,0,0,.5)); }
.yk.yk .hero .h-inner{ position:relative; z-index:2; text-align:center; }
.yk.yk .hero .h-title{ font-size:clamp(46px,9vw,90px); letter-spacing:.28em; font-weight:400; margin:0; padding-left:.28em; text-shadow:0 2px 26px rgba(0,0,0,.4); }
.yk.yk .hero .h-sub{ font-size:clamp(13px,1.8vw,16px); letter-spacing:.24em; margin-top:22px; opacity:.94; }
.yk.yk .hero .h-en{ font-family:var(--gothic) !important; font-size:10.5px; letter-spacing:.44em; opacity:.75; margin-top:10px; }
.yk.yk .hero .h-series{ font-family:var(--gothic) !important; font-size:11px; letter-spacing:.36em; opacity:.8; margin:0 0 18px; }
.yk.yk .hero .h-title .x{ display:block; font-size:.32em; letter-spacing:.2em; padding-left:0; margin-top:20px; opacity:.95; text-shadow:0 2px 18px rgba(0,0,0,.45); }
.yk.yk .section{ max-width:860px; margin-inline:auto; padding:clamp(90px,15vw,180px) 26px; text-align:center; }
.yk.yk .eyebrow{ font-family:var(--gothic) !important; font-size:11px; letter-spacing:.4em; color:var(--accent); margin:0 0 30px; }
.yk.yk .section h2{ font-size:clamp(22px,3.4vw,32px); font-weight:400; letter-spacing:.12em; line-height:1.9; margin:0 0 34px; }
.yk.yk .section p{ font-size:clamp(14px,1.6vw,16px); color:#37332c; line-height:2.3; margin:0 auto; max-width:38em; letter-spacing:.05em; }
.yk.yk .section .p-soft{ color:var(--ink-soft); }
.yk.yk .full{ position:relative; height:min(88svh,760px); overflow:hidden; }
.yk.yk .full img{ width:100%; height:100%; object-fit:cover; }
.yk.yk .full .cap{ position:absolute; left:0; right:0; bottom:0; padding:40px 26px; color:#fff; background:linear-gradient(0deg,rgba(0,0,0,.5),transparent); text-align:center; }
.yk.yk .full .cap .t{ font-size:clamp(18px,2.6vw,26px); letter-spacing:.14em; }
.yk.yk .full .cap .s{ font-family:var(--gothic) !important; font-size:11.5px; letter-spacing:.1em; opacity:.85; margin-top:8px; }
.yk.yk .full.contain{ background:var(--paper-2); height:auto; padding:clamp(60px,10vw,110px) 26px; }
.yk.yk .full.contain img{ height:auto; max-width:560px; margin:0 auto; box-shadow:0 22px 60px rgba(0,0,0,.16); }
.yk.yk .full.contain .cap{ position:static; background:none; color:var(--ink-soft); padding:20px 0 0; }
.yk.yk .full.contain .cap .t{ color:var(--ink); }
.yk.yk .cap .ai{ display:block; font-family:var(--gothic) !important; font-size:10px; opacity:.72; margin-top:6px; letter-spacing:.05em; }
.yk.yk .quote{ margin:44px auto 0; max-width:34em; padding:28px 22px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.yk.yk .quote p{ font-size:14px; line-height:2.4; color:#37332c; margin:0; letter-spacing:.05em; }
.yk.yk .quote .src{ font-family:var(--gothic) !important; font-size:11px; color:var(--ink-soft); margin-top:14px; letter-spacing:.12em; }
.yk.yk .drinks{ max-width:1120px; margin-inline:auto; padding:clamp(80px,12vw,150px) 26px; text-align:center; }
.yk.yk .drinks h2{ font-size:clamp(22px,3.4vw,32px); font-weight:400; letter-spacing:.12em; line-height:1.9; margin:0 0 46px; }
.yk.yk .drinks .lead{ font-size:clamp(14px,1.6vw,16px); color:#37332c; line-height:2.3; max-width:38em; margin:-24px auto 46px; letter-spacing:.05em; }
.yk.yk .drinks .grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:26px 18px; }
.yk.yk .drinks figure{ margin:0; }
.yk.yk .drinks figure img{ width:100%; aspect-ratio:4/5; object-fit:cover; }
.yk.yk .drinks .no{ font-family:var(--gothic) !important; font-size:10px; letter-spacing:.34em; color:var(--accent); margin-top:16px; }
.yk.yk .drinks .name{ font-size:16px; letter-spacing:.14em; margin-top:6px; }
.yk.yk .drinks .desc{ font-family:var(--gothic) !important; font-size:11.5px; color:var(--ink-soft); line-height:1.9; margin-top:6px; letter-spacing:.04em; }
@media (max-width:960px){
  .yk.yk .drinks .grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:640px){
  .yk.yk .drinks .grid{ grid-template-columns:repeat(2,1fr); gap:28px 14px; }
}
.yk.yk .materials{ max-width:960px; margin-inline:auto; padding:clamp(80px,12vw,150px) 26px; text-align:center; }
.yk.yk .materials h2{ font-size:clamp(22px,3.4vw,32px); font-weight:400; letter-spacing:.12em; line-height:1.9; margin:0 0 46px; }
.yk.yk .materials .cols{ display:grid; grid-template-columns:repeat(2,1fr); gap:34px; text-align:left; align-items:start; }
.yk.yk .materials .card{ padding:34px 30px; background:var(--paper-2); border-top:2px solid var(--accent); }
.yk.yk .materials .kind{ font-family:var(--gothic) !important; font-size:10.5px; letter-spacing:.34em; color:var(--accent); margin:0 0 14px; }
.yk.yk .materials .name{ font-size:18px; letter-spacing:.1em; line-height:1.8; margin:0 0 6px; }
.yk.yk .materials .maker{ font-family:var(--gothic) !important; font-size:11.5px; color:var(--ink-soft); letter-spacing:.06em; margin:0 0 18px; }
.yk.yk .materials .body{ font-size:14px; color:#37332c; line-height:2.2; margin:0; letter-spacing:.04em; }
.yk.yk .materials .body + .body{ margin-top:16px; }
.yk.yk .materials .body em{ font-style:normal; font-family:var(--gothic) !important; font-size:.94em; letter-spacing:.06em; }
@media (max-width:760px){
  .yk.yk .materials .cols{ grid-template-columns:1fr; gap:22px; }
}
.yk.yk .blender{ max-width:960px; margin-inline:auto; padding:clamp(80px,12vw,150px) 26px; text-align:center; }
.yk.yk .blender h2{ font-size:clamp(22px,3.4vw,32px); font-weight:400; letter-spacing:.12em; line-height:1.9; margin:0 0 46px; }
.yk.yk .blender .cols{ display:grid; grid-template-columns:300px 1fr; gap:40px; text-align:left; align-items:start; }
.yk.yk .blender .photo{ margin:0; }
.yk.yk .blender .photo img{ width:100%; aspect-ratio:3/4; object-fit:cover; }
.yk.yk .blender .photo figcaption{ font-family:var(--gothic) !important; font-size:11px; color:var(--ink-soft); margin-top:10px; line-height:1.8; }
.yk.yk .blender .photo .box{ aspect-ratio:3/4; border:1px dashed var(--line); background:var(--paper-2); display:grid; place-items:center; padding:22px; text-align:center; font-family:var(--gothic) !important; font-size:11.5px; color:var(--ink-soft); line-height:2; }
.yk.yk .blender .prof .name{ font-size:22px; letter-spacing:.1em; margin:0; }
.yk.yk .blender .prof .role{ display:block; font-family:var(--gothic) !important; font-size:11.5px; letter-spacing:.1em; color:var(--ink-soft); margin-top:10px; line-height:1.9; }
.yk.yk .blender .prof .body{ font-size:14px; color:#37332c; line-height:2.2; margin:24px 0 0; letter-spacing:.04em; }
.yk.yk .blender .prof .awards{ font-family:var(--gothic) !important; font-size:12px; color:var(--ink-soft); line-height:2.1; letter-spacing:.04em; margin:24px 0 0; padding:16px 18px; background:var(--paper-2); border-left:2px solid var(--line); }
.yk.yk .blender .voice{ margin:30px 0 0; padding:26px 24px; background:var(--paper-2); border-left:2px solid var(--accent); }
.yk.yk .blender .voice p{ font-size:15px; line-height:2.2; margin:0; letter-spacing:.05em; }
.yk.yk .blender .voice .src{ font-family:var(--gothic) !important; font-size:11px; color:var(--ink-soft); margin-top:14px; letter-spacing:.1em; }
.yk.yk .blender .dst{ margin-top:46px; text-align:left; border-top:1px solid var(--line); padding-top:26px; }
.yk.yk .blender .dst .h{ font-family:var(--gothic) !important; font-size:10.5px; letter-spacing:.3em; color:var(--accent); margin:0 0 12px; }
.yk.yk .blender .dst dl{ display:grid; grid-template-columns:auto 1fr; gap:8px 22px; margin:0; font-family:var(--gothic) !important; font-size:12px; color:var(--ink-soft); line-height:1.9; }
.yk.yk .blender .dst dt{ letter-spacing:.12em; }
.yk.yk .blender .dst dd{ margin:0; color:var(--ink); }
@media (max-width:760px){
  .yk.yk .blender .cols{ grid-template-columns:1fr; gap:26px; }
  .yk.yk .blender .dst dl{ grid-template-columns:1fr; gap:2px; }
  .yk.yk .blender .dst dt{ margin-top:10px; }
}
.yk.yk .spec{ max-width:620px; margin-inline:auto; padding:clamp(70px,11vw,120px) 26px; }
.yk.yk .spec .eyebrow{ text-align:center; }
.yk.yk .spec dl{ margin:0; }
.yk.yk .spec .row{ display:flex; justify-content:space-between; gap:20px; padding:16px 0; border-bottom:1px solid var(--line); font-size:15px; }
.yk.yk .spec .row dt{ color:var(--ink-soft); letter-spacing:.14em; margin:0; }
.yk.yk .spec .row dd{ margin:0; text-align:right; }
.yk.yk .spec .price{ text-align:center; margin-top:44px; }
.yk.yk .spec .price .v{ font-size:clamp(30px,6vw,42px); letter-spacing:.06em; }
.yk.yk .spec .price .n{ font-family:var(--gothic) !important; font-size:12px; color:var(--ink-soft); margin-top:6px; }
.yk.yk .tmp{ font-family:var(--gothic) !important; font-size:10px; letter-spacing:.06em; color:#fff; background:var(--accent); border-radius:2px; padding:2px 7px; margin-left:8px; vertical-align:2px; }
.yk.yk .release{ text-align:center; padding:clamp(80px,13vw,150px) 26px; background:var(--paper-2); }
.yk.yk .release .dates{ font-size:clamp(15px,2vw,18px); letter-spacing:.1em; margin:0 0 34px; }
.yk.yk .release .dates .r{ color:var(--accent); }
.yk.yk .btn{ display:inline-block; font-family:var(--gothic) !important; font-size:13px; letter-spacing:.2em; color:var(--ink); border:1px solid var(--ink); padding:16px 44px; border-radius:1px; transition:.25s; }
.yk.yk .btn:hover{ background:var(--ink); color:#fff; }
.yk.yk .note{ font-family:var(--gothic) !important; font-size:12px; color:var(--ink-soft); margin-top:22px; line-height:1.9; }
.yk.yk .event{ max-width:760px; margin-inline:auto; padding:clamp(70px,11vw,120px) 26px; text-align:center; }
.yk.yk .event .rows{ text-align:left; margin-top:20px; }
.yk.yk .event .r{ display:flex; gap:24px; padding:16px 0; border-bottom:1px solid var(--line); }
.yk.yk .event .r .k{ font-family:var(--gothic) !important; font-size:12px; letter-spacing:.16em; color:var(--ink-soft); min-width:120px; }
.yk.yk .event .r .v{ font-size:16px; }
.yk.yk .lineup{ max-width:900px; margin-inline:auto; padding:clamp(80px,12vw,150px) 26px; text-align:center; }
.yk.yk .lineup h2{ font-size:clamp(22px,3.4vw,32px); font-weight:400; letter-spacing:.12em; line-height:1.9; margin:0 0 46px; }
.yk.yk .lineup .cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,340px)); gap:30px; justify-content:center; }
.yk.yk .lineup .card{ display:block; border:1px solid var(--line); background:var(--paper); transition:.25s; }
.yk.yk .lineup .card:hover{ box-shadow:0 18px 44px rgba(0,0,0,.10); transform:translateY(-3px); }
.yk.yk .lineup .card img{ width:100%; aspect-ratio:3/2; object-fit:cover; }
.yk.yk .lineup .card .t{ font-size:19px; letter-spacing:.1em; margin:26px 24px 10px; }
.yk.yk .lineup .card .d{ font-family:var(--gothic) !important; font-size:12px; color:var(--ink-soft); line-height:1.9; margin:0 24px 20px; letter-spacing:.04em; }
.yk.yk .lineup .card .more{ font-family:var(--gothic) !important; font-size:11.5px; letter-spacing:.2em; color:var(--accent); margin:0 24px 26px; }
.yk.yk .lineup .card .more::after{ content:" →"; }
.yk.yk .quick{ text-align:center; padding:clamp(60px,9vw,100px) 26px; background:var(--paper-2); border-top:1px solid var(--line); }
.yk.yk .quick .rows{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px 44px; margin:0 0 32px; }
.yk.yk .quick .rows div{ font-size:15px; letter-spacing:.1em; }
.yk.yk .quick .rows .k{ font-family:var(--gothic) !important; font-size:11px; letter-spacing:.28em; color:var(--ink-soft); display:block; margin-bottom:6px; }
.yk.yk .quick .rows .r{ color:var(--accent); }
.yk.yk .backlink{ text-align:center; padding:clamp(60px,9vw,100px) 26px; border-top:1px solid var(--line); }
.yk.yk .backlink .eyebrow{ margin-bottom:22px; }
.yk.yk .backlink .t{ font-size:clamp(18px,2.4vw,24px); font-weight:400; letter-spacing:.12em; line-height:1.9; margin:0 0 14px; }
.yk.yk .backlink .d{ font-family:var(--gothic) !important; font-size:12.5px; color:var(--ink-soft); line-height:2; max-width:34em; margin:0 auto 30px; }
.yk.yk .legal{ text-align:center; padding:60px 26px; border-top:1px solid var(--line); }
.yk.yk .legal .t{ color:var(--accent); font-size:15px; letter-spacing:.14em; margin:0 auto 10px; }
.yk.yk .legal p{ font-family:var(--gothic) !important; font-size:12px; color:var(--ink-soft); max-width:640px; margin:6px auto 0; line-height:1.9; }
.yk.yk .legal .disc{ font-size:10.5px; opacity:.8; margin-top:16px; }
.yk.yk footer{ text-align:center; padding:78px 26px 46px; background:var(--paper-2); color:var(--ink-soft); border-top:1px solid var(--line); }
.yk.yk footer .f-inner{ max-width:900px; margin-inline:auto; }
.yk.yk footer .f-logo{ margin:0 auto 22px; }
.yk.yk footer .f-logo img{ height:78px; width:auto; margin:0 auto; }
.yk.yk footer .f-tag{ font-size:14px; color:var(--ink); letter-spacing:.16em; margin-bottom:34px; }
.yk.yk footer .f-nav{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px 30px; font-family:var(--gothic) !important; font-size:13px; letter-spacing:.1em; margin-bottom:30px; }
.yk.yk footer .f-nav a{ color:var(--ink); opacity:.85; }
.yk.yk footer .f-nav a:hover{ opacity:1; color:var(--accent); }
.yk.yk footer .f-store{ display:inline-block; font-family:var(--gothic) !important; font-size:13px; letter-spacing:.2em; color:#fff; background:var(--accent); padding:15px 54px; border-radius:1px; transition:.25s; }
.yk.yk footer .f-store:hover{ filter:brightness(1.08); }
.yk.yk footer .f-sns{ display:flex; justify-content:center; gap:20px; margin:28px 0 4px; }
.yk.yk footer .f-sns a{ display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--line); border-radius:50%; color:var(--accent); transition:.25s; }
.yk.yk footer .f-sns a:hover{ background:var(--accent); color:#fff; border-color:var(--accent); }
.yk.yk footer .f-sns svg{ width:17px; height:17px; }
.yk.yk footer .f-sub{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px 22px; font-family:var(--gothic) !important; font-size:11.5px; letter-spacing:.06em; margin-top:34px; padding-top:26px; border-top:1px solid var(--line); }
.yk.yk footer .f-sub a{ color:var(--ink-soft); }
.yk.yk footer .f-sub a:hover{ color:var(--accent); }
.yk.yk footer .f-company{ font-family:var(--gothic) !important; font-size:11.5px; color:var(--ink-soft); line-height:2; margin-top:22px; }
.yk.yk footer .f-copy{ font-family:var(--gothic) !important; font-size:11px; color:var(--accent); letter-spacing:.08em; margin-top:18px; }
.yk.yk footer .f-note{ font-family:var(--gothic) !important; font-size:10.5px; opacity:.6; margin-top:18px; line-height:1.8; }
.yk.yk.yk-js .reveal{ opacity:0; transform:translateY(22px); transition:opacity 1s ease, transform 1s ease; }
.yk.yk .reveal.in{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){
  .yk.yk.yk-js .reveal{ opacity:1;transform:none;transition:none }
  .yk.yk .scrollcue::after{ animation:none }
}
@media (max-width:640px){
  .yk.yk .lang{ top:36px; right:14px; padding:6px 10px; font-size:11px; }
  .yk.yk .event .r{ flex-direction:column; gap:4px; }
  .yk.yk .spec .row{ font-size:14px; }
  .yk.yk .quick .rows{ gap:22px; flex-direction:column; }
}
/* --- 上部の確認用リボンがテーマの固定要素に隠れないように ------------------ */
.yk.yk .demo-ribbon{ z-index:9999; }