/* ════════════════════════════════════════════════════════════
   type-space.css — 型「空間紹介LP（写真多め・和紙）」（2026-10-07・縁和）
   元は制作会社の「投稿に貼るHTML」（vendor/enishi-wp/enishi-wp-block.html）の <style>。
   クラス名（.enishi__*）と値はそのまま移し、変えたのは次の所だけ:
     - 幅（2026-10-07 ご指示）: 和紙色は画面いっぱい（参考HTMLを単体で開いたときと同じ）。
       本文も大きな写真も、**左右の端をヘッダーの中身（ロゴ〜メニュー）にそろえる**。
       ヘッダーの左右の余白は lp-base.css の .header{padding:0 clamp(24px,8vw,120px)}。変えるときは下の --root-pad も一緒に
     - 追加の日本語フォント（Zen Kaku Gothic New）は読まない。欧文の Jost は型の設定で読む
     - スマホの固定ボタン帯・画像の未アップロード表示は入れていない
     - 下の「ページの地色・ヘッダー」「大見出し」を足した
   ════════════════════════════════════════════════════════════ */

/* ===== ページの地色・ヘッダー（昼の意匠 le-day のクリームを和紙色に置き換える） ===== */
body.page-type-space{background:#F1EFE8 !important}
body.page-type-space .loader{background:#F1EFE8 !important}
body.page-type-space .header{background:#F1EFE8 !important}
body.page-type-space .header.is-scrolled{background:rgba(241,239,232,.86) !important}
body.page-type-space .sp-main{display:block;background:#F1EFE8;overflow-x:clip}

/* ===== tokens ============================================================ */
.enishi,.enishi-top{
  --washi:#F1EFE8;
  --washi-2:#E9E6DC;
  --washi-3:#DFDBCE;
  --line:#CFC9B8;
  --sumi:#1A1613;
  --text:#262019;
  --text-2:#4A4237;
  --text-mute:#6E6557;
  --on-dark:#F2EEE4;
  --on-dark-mute:#BCB3A2;
  --kohaku:#B8862E;
  --kohaku-deep:#6B4A12;
  --kohaku-soft:#E3C285;
  --mizu:#3C6B62;

  /* 明朝はサイト共通（Shippori Mincho）。本文のゴシックは**端末の書体**を使う
     （元のHTMLは Zen Kaku Gothic New を読み込んでいたが、日本語フォントは全ページで1ファミリに絞っている＝ inc/assets.php） */
  --mincho:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",YuMincho,serif;
  --gothic:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",YuGothic,"Meiryo",system-ui,sans-serif;
  --latin:"Jost","Hiragino Sans",system-ui,sans-serif;

  /* 画面の端の余白＝ヘッダーの左右の余白（lp-base.css の .header と同じ式）。本文も写真もこの内側にそろう */
  --root-pad:clamp(24px, 8vw, 120px);
  --sp-y:clamp(56px, 7vw, 104px);
  --ease:cubic-bezier(.22,.61,.36,1);

  /* 固定ヘッダー（約110px）の分、ページ内リンクの止まる位置を下げる */
  scroll-margin-top:130px;
}

/* ===== テーマ継承のリセット（.enishi の内側だけ） ======================== */
.enishi, .enishi *{box-sizing:border-box}
.enishi{
  font-family:var(--gothic);
  font-size:16px;
  font-weight:400;
  line-height:2.05;
  letter-spacing:.04em;
  color:var(--text);
  background:var(--washi);
  padding-bottom:clamp(24px,3vw,40px);   /* 最後の節とフッターの間 */
}
.enishi p,
.enishi h2, .enishi h3, .enishi h4,
.enishi figure, .enishi figcaption,
.enishi ul, .enishi ol, .enishi li,
.enishi dl, .enishi dt, .enishi dd{margin:0;padding:0}
.enishi ul, .enishi ol{list-style:none}
.enishi img{display:block;width:100%;height:auto;max-width:100%;border-radius:0}
.enishi a{color:inherit;text-decoration:none;box-shadow:none;border:0}
.enishi a:hover{text-decoration:none}
.enishi :focus-visible{outline:2px solid var(--kohaku);outline-offset:3px}

/* ===== レイアウト ======================================================== */
/* 通常幅：本文の列（1000px）。左右の余白は大きな写真の余白とそろえる */
.enishi__inner{padding-inline:var(--root-pad)}
.enishi__narrow{max-width:640px;margin-inline:auto}
.enishi__section{padding-block:var(--sp-y)}
.enishi__stack{display:flex;flex-direction:column}
.enishi__stack[data-gap="s"]{gap:clamp(12px,1.6vw,18px)}
.enishi__stack[data-gap="m"]{gap:clamp(20px,2.6vw,30px)}
.enishi__stack[data-gap="l"]{gap:clamp(32px,4.4vw,56px)}

/* ワイド：大きな写真。本文と同じくヘッダーの端にそろえる（100vw を使わないので横スクロールが出ない） */
.enishi__wide{margin-inline:var(--root-pad)}

/* ===== パーツ ============================================================ */
.enishi__label{
  font-family:var(--latin);font-weight:400;
  font-size:clamp(10px,1vw,11.5px);letter-spacing:.28em;
  text-transform:uppercase;color:var(--kohaku-deep);line-height:1.6;
}
.enishi__label--light{color:var(--kohaku-soft)}

.enishi h2.enishi__h2{
  font-family:var(--mincho);font-weight:600;
  font-size:clamp(20px,2.4vw,32px);line-height:1.7;letter-spacing:.05em;
  text-wrap:balance;color:var(--text);
}
.enishi h3.enishi__h3{
  font-family:var(--mincho);font-weight:600;
  font-size:clamp(17px,1.7vw,21px);line-height:1.7;letter-spacing:.05em;color:var(--text);
}
.enishi__catch{
  font-family:var(--mincho);font-weight:400;
  font-size:clamp(15px,1.6vw,21px);line-height:2;letter-spacing:.08em;color:var(--text);
}
.enishi__body{font-size:clamp(14px,1.05vw,15.5px);line-height:2.2;color:var(--text-2)}
.enishi__note{font-size:clamp(11.5px,.9vw,12.5px);line-height:1.9;color:var(--text-mute)}
.enishi__num{font-family:var(--latin);font-variant-numeric:tabular-nums;letter-spacing:.06em}
.enishi__center{text-align:center}

/* ボタン */
.enishi__btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.9em;
  min-height:56px;padding:0 clamp(22px,3vw,40px);
  font-family:var(--gothic);font-weight:500;
  font-size:clamp(13px,1.05vw,14.5px);letter-spacing:.1em;
  border:1px solid var(--kohaku);background:transparent;color:var(--kohaku-deep);
  transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);
}
.enishi__btn::after{content:"";width:1.6em;height:1px;background:currentColor;transition:width .3s var(--ease)}
.enishi__btn:hover{background:var(--kohaku);color:#FFF9EC;border-color:var(--kohaku)}
.enishi__btn:hover::after{width:2.4em}
.enishi__btn--fill{background:var(--kohaku);color:#FFF9EC}
.enishi__btn--fill:hover{background:var(--kohaku-deep);border-color:var(--kohaku-deep)}
.enishi__btn--light{border-color:rgba(242,238,228,.55);color:var(--on-dark)}
.enishi__btn--light:hover{background:var(--on-dark);color:var(--sumi);border-color:var(--on-dark)}
.enishi__btns{display:flex;flex-wrap:wrap;gap:12px}
.enishi__btns[data-align="center"]{justify-content:center}

.enishi__link{
  display:inline-flex;align-items:center;gap:.7em;
  font-size:13.5px;letter-spacing:.08em;color:var(--text);
  border-bottom:1px solid var(--line);padding-bottom:4px;
  transition:border-color .3s var(--ease),color .3s var(--ease);
}
.enishi__link::after{content:"→";font-family:var(--latin);color:var(--kohaku)}
.enishi__link:hover{color:var(--kohaku-deep);border-color:var(--kohaku)}

/* 画像 */
.enishi__fig{position:relative;overflow:hidden;background:var(--washi-3)}
.enishi__fig img{width:100%;height:100%;object-fit:cover}
.enishi__fig[data-ratio="21x9"]{aspect-ratio:21/9}
.enishi__fig[data-ratio="16x9"]{aspect-ratio:16/9}
.enishi__fig[data-ratio="16x10"]{aspect-ratio:16/10}
.enishi__fig[data-ratio="4x3"]{aspect-ratio:4/3}
.enishi__fig[data-ratio="3x2"]{aspect-ratio:3/2}
.enishi__fig[data-ratio="3x4"]{aspect-ratio:3/4}

/* 「※画像は利用イメージです」 */
.enishi__imgnote{
  position:absolute;right:0;bottom:0;
  font-size:11.5px;line-height:1.5;letter-spacing:.04em;
  color:#F2EEE4;background:rgba(20,17,14,.72);padding:5px 11px;
}

/* ===== 01 冒頭ビジュアル ================================================ */
.enishi__hero{position:relative;overflow:hidden;background:var(--sumi);aspect-ratio:16/9}
.enishi__hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.enishi__hero::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(14,11,9,.66) 0%,rgba(14,11,9,.34) 40%,rgba(14,11,9,0) 70%),
    linear-gradient(180deg,rgba(14,11,9,.30) 0%,rgba(14,11,9,.10) 40%,rgba(14,11,9,.66) 100%);
}
.enishi__hero-in{
  position:relative;z-index:2;height:100%;
  display:flex;flex-direction:column;justify-content:flex-end;
  gap:clamp(12px,1.8vw,20px);
  padding:clamp(20px,3.4vw,52px);color:var(--on-dark);
}
.enishi__hero-in .enishi__catch{color:#E7E1D4}
.enishi__hero-copy{
  font-family:var(--mincho);font-weight:600;
  font-size:clamp(18px,2.6vw,36px);line-height:1.6;letter-spacing:.05em;
  color:var(--on-dark);text-wrap:balance;
}
.enishi__hero-date{
  font-family:var(--latin);font-size:clamp(11px,1.2vw,14px);
  letter-spacing:.3em;color:var(--kohaku-soft);
}
@media (max-width:640px){ .enishi__hero{aspect-ratio:4/5} }

/* ===== 02 INTRODUCTION ================================================== */
.enishi__introlist{
  font-family:var(--mincho);font-size:clamp(14px,1.3vw,17px);
  line-height:2.5;letter-spacing:.09em;color:var(--text);
}

/* ===== 03 STORY ========================================================= */
.enishi__story{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(24px,4vw,56px);align-items:center;
}
.enishi__figcap{
  font-size:clamp(11.5px,.9vw,12.5px);line-height:1.9;color:var(--text-mute);
  letter-spacing:.06em;margin-top:10px;
}
/* AFTER の写真は BEFORE と釣り合う大きさに抑える */
.enishi__after{width:100%;max-width:680px;margin-inline:auto}
.enishi__ba{
  display:grid;grid-template-columns:1fr 1px 1fr;gap:clamp(20px,3.4vw,44px);align-items:center;
  border-block:1px solid var(--line);padding-block:clamp(22px,3.4vw,36px);
}
.enishi__ba .rule{background:var(--line);width:1px;height:100%;min-height:72px}
.enishi__ba .is-past{opacity:.5;filter:saturate(.35)}
@media (max-width:860px){
  .enishi__story{grid-template-columns:1fr;gap:24px}
  .enishi__ba{grid-template-columns:1fr;gap:20px}
  .enishi__ba .rule{width:100%;height:1px;min-height:0}
}

/* ===== 04 HOW TO USE ==================================================== */
.enishi__uses{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);
}
.enishi__uses li{
  background:var(--washi);padding:clamp(16px,2.2vw,26px) clamp(12px,1.6vw,20px);
  display:flex;flex-direction:column;gap:8px;min-height:104px;
  transition:background .35s var(--ease);
}
.enishi__uses li:hover{background:var(--washi-2)}
.enishi__uses .ja{font-family:var(--mincho);font-size:clamp(13px,1.15vw,15.5px);line-height:1.6}
.enishi__uses .en{font-family:var(--latin);font-size:9.5px;letter-spacing:.2em;color:var(--text-mute);margin-top:auto}
@media (max-width:760px){ .enishi__uses{grid-template-columns:repeat(2,1fr)} }

/* ===== 05 FOR YOU ======================================================= */
.enishi__foryou{background:var(--washi-2)}
.enishi__foryou-fig{width:100%;max-width:820px;margin-inline:auto}
.enishi__panel{
  max-width:820px;margin-inline:auto;
  border:1px solid var(--kohaku);background:var(--washi);
  padding:clamp(24px,4vw,52px) clamp(20px,3.6vw,48px);
  display:flex;flex-direction:column;gap:clamp(20px,2.8vw,32px);
}
.enishi__panel-lead{text-align:center}
.enishi__panel-lead b{font-weight:400;border-bottom:1px solid var(--kohaku);padding-bottom:2px}
.enishi__cond{display:flex;flex-direction:column;gap:13px}
.enishi__cond li{
  display:flex;gap:14px;align-items:flex-start;
  font-size:clamp(13.5px,1.05vw,15px);line-height:2.05;color:var(--text-2);
}
.enishi__mk{
  flex:0 0 auto;width:23px;height:23px;margin-top:.45em;
  display:grid;place-items:center;border-radius:50%;
  font-family:var(--latin);font-size:11px;line-height:1;
}
.enishi__mk[data-type="ok"]{background:var(--mizu);color:#F0F4F2}
.enishi__mk[data-type="no"]{background:var(--washi-3);color:var(--text-mute)}
.enishi__ask{
  background:var(--washi-2);border-left:2px solid var(--kohaku);
  padding:15px 18px;font-size:clamp(13px,1vw,14.5px);line-height:1.95;
}

/* ===== 06 DESIGN ======================================================== */
.enishi__design{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,64px);align-items:start}
.enishi__mat{display:flex;gap:1px;background:var(--line);border:1px solid var(--line)}
.enishi__mat li{flex:1;background:var(--washi);padding:16px 8px;text-align:center;display:flex;flex-direction:column;gap:5px}
.enishi__mat .ja{font-family:var(--mincho);font-size:clamp(14px,1.4vw,18px)}
.enishi__mat .en{font-family:var(--latin);font-size:9px;letter-spacing:.2em;color:var(--text-mute)}
.enishi__credit{
  border-top:1px solid var(--line);padding-top:16px;
  font-family:var(--latin);font-size:11px;line-height:2.1;letter-spacing:.06em;color:var(--text-mute);
}
.enishi__credit dt{display:inline;font-weight:400}
.enishi__credit dd{display:inline;color:var(--text-2)}
.enishi__credit div+div{margin-top:2px}
@media (max-width:860px){ .enishi__design{grid-template-columns:1fr} }

/* ===== 07 / 08 ARTWORK ================================================== */
.enishi__art{display:grid;align-items:stretch;gap:0}
.enishi__art[data-side="left"]{grid-template-columns:60% 40%}
.enishi__art[data-side="right"]{grid-template-columns:40% 60%}
.enishi__art-media{position:relative;overflow:hidden;min-height:320px;background:var(--washi-3)}
.enishi__art-media img{width:100%;height:100%;object-fit:cover}
.enishi__art-text{
  background:var(--washi-2);display:flex;align-items:center;
  padding:clamp(26px,4vw,56px) clamp(20px,3.4vw,52px);
}
.enishi__art-text>div{display:flex;flex-direction:column;gap:clamp(14px,1.8vw,22px)}
.enishi__art-head{display:flex;flex-direction:column;gap:6px}
.enishi__art-body{display:flex;flex-direction:column;gap:clamp(14px,1.8vw,22px)}
.enishi__romaji{font-family:var(--latin);font-size:10.5px;letter-spacing:.34em;color:var(--kohaku-deep)}

/* SP：見出し → 写真 → 本文 の順に積む
   （入れ子の display:contents で、head / media / body を同じグリッドの兄弟にする） */
@media (max-width:860px){
  .enishi__art,.enishi__art[data-side="left"],.enishi__art[data-side="right"]{
    grid-template-columns:1fr;background:var(--washi-2);
  }
  .enishi__art-text{display:contents}
  .enishi__art-text>div{display:contents}
  .enishi__art-head{order:1;padding:clamp(26px,5vw,40px) clamp(20px,5vw,36px) 0}
  .enishi__art-media{order:2;min-height:0;aspect-ratio:4/3;margin-block:clamp(18px,4vw,28px)}
  .enishi__art-body{order:3;padding:0 clamp(20px,5vw,36px) clamp(26px,5vw,40px)}
}

/* ===== 09 GARDEN ======================================================== */
.enishi__flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.enishi__flow li{background:var(--washi);padding:clamp(15px,2vw,24px) 14px;display:flex;flex-direction:column;gap:5px}
.enishi__flow li[data-current]{background:var(--washi-2);box-shadow:inset 0 2px 0 var(--kohaku)}
.enishi__flow .ja{font-family:var(--mincho);font-size:clamp(14px,1.4vw,18px);letter-spacing:.06em}
.enishi__flow .en{font-family:var(--latin);font-size:9.5px;letter-spacing:.16em;color:var(--text-mute)}
.enishi__cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3.4vw,52px);align-items:start}
.enishi__uses-row{display:flex;gap:1px;background:var(--line);border:1px solid var(--line)}
.enishi__uses-row li{flex:1;background:var(--washi);padding:14px 8px;text-align:center;font-family:var(--mincho);font-size:clamp(12.5px,1.1vw,14.5px)}
@media (max-width:760px){
  .enishi__flow{grid-template-columns:repeat(2,1fr)}
  .enishi__cols{grid-template-columns:1fr}
}

/* ===== 10 USE CASE ====================================================== */
.enishi__shots{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px)}
.enishi__shot{display:flex;flex-direction:column;gap:12px}
.enishi__shot .cap{font-family:var(--mincho);font-size:clamp(13px,1.15vw,16px);letter-spacing:.06em;line-height:1.7}
.enishi__shot .cap small{display:block;font-family:var(--latin);font-size:9.5px;letter-spacing:.2em;color:var(--text-mute);margin-top:4px}
.enishi__scenes{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.enishi__scenes li{background:var(--washi);padding:clamp(15px,2vw,24px) 12px;display:flex;flex-direction:column;gap:9px;min-height:108px}
.enishi__scenes .ja{font-family:var(--mincho);font-size:clamp(12.5px,1.15vw,15px);line-height:1.75}
.enishi__scenes .en{font-family:var(--latin);font-size:9px;letter-spacing:.18em;color:var(--text-mute);margin-top:auto}
@media (max-width:860px){
  .enishi__shots{grid-template-columns:1fr}
  .enishi__scenes{grid-template-columns:repeat(2,1fr)}
}

/* ===== 11 ANNIVERSARY =================================================== */
.enishi__anniv{background:var(--washi-2)}
.enishi__cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.2vw,28px)}
.enishi__card{
  background:var(--washi);border:1px solid var(--line);
  padding:clamp(20px,2.4vw,30px);display:flex;flex-direction:column;gap:13px;
}
.enishi__card[data-current]{border-color:var(--kohaku)}
.enishi__vol{font-family:var(--latin);font-size:10.5px;letter-spacing:.24em;color:var(--kohaku-deep)}
.enishi__card-ph{background:var(--washi-3);aspect-ratio:16/9;overflow:hidden}
.enishi__card-ph img{width:100%;height:100%;object-fit:cover}
@media (max-width:760px){ .enishi__cards{grid-template-columns:1fr} }

/* ===== 12 CLOSING ======================================================= */
.enishi__close{position:relative;overflow:hidden;background:var(--sumi);display:grid}
.enishi__close-img{position:absolute;inset:0}
.enishi__close-img img{width:100%;height:100%;object-fit:cover}
.enishi__close-img::after{content:"";position:absolute;inset:0;background:radial-gradient(78% 64% at 50% 48%, rgba(10,8,6,.88) 0%, rgba(10,8,6,.66) 58%, rgba(10,8,6,.54) 100%),rgba(14,11,9,.32)}
.enishi__close-in{
  position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:clamp(22px,3vw,36px);text-align:center;
  padding:clamp(48px,7vw,96px) clamp(20px,3.4vw,48px);color:var(--on-dark);
}
.enishi .enishi__close-in h2.enishi__h2{color:var(--on-dark);font-family:var(--mincho);font-weight:400;font-size:clamp(17px,2.1vw,28px);line-height:2;letter-spacing:.08em}
.enishi__tel{font-family:var(--latin);font-size:12.5px;letter-spacing:.14em;color:var(--on-dark-mute);line-height:2}
.enishi__tel a{color:var(--on-dark);border-bottom:1px solid rgba(242,238,228,.4)}

.enishi__purpose{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.enishi__purpose a{
  background:var(--washi);padding:clamp(18px,2.4vw,28px) clamp(12px,1.6vw,20px);
  display:flex;flex-direction:column;gap:7px;min-height:108px;transition:background .35s var(--ease);
}
.enishi__purpose a:hover{background:var(--washi-2)}
.enishi__purpose .ja{font-family:var(--mincho);font-size:clamp(13px,1.2vw,16px);line-height:1.65}
.enishi__purpose .en{font-family:var(--latin);font-size:9.5px;letter-spacing:.16em;color:var(--kohaku-deep);margin-top:auto}
@media (max-width:760px){ .enishi__purpose{grid-template-columns:repeat(2,1fr)} }

@media (prefers-reduced-motion:reduce){
  .enishi *,.enishi *::before,.enishi *::after{transition-duration:.001ms!important;animation:none!important}
}

/* ===== 大見出し（ページの先頭） ========================================= */
.enishi-top{
  box-sizing:border-box;padding-inline:var(--root-pad);
  padding-top:clamp(116px,12vw,150px);padding-bottom:clamp(22px,3vw,36px);
  display:flex;flex-direction:column;gap:clamp(10px,1.4vw,16px);
  font-family:var(--gothic);color:var(--text);
}
.enishi__crumb{font-size:11.5px;letter-spacing:.08em;line-height:1.8;color:var(--text-mute);display:flex;flex-wrap:wrap;align-items:center;gap:0 .2em}
.enishi__crumb a{color:var(--text-mute);transition:color .3s var(--ease)}
.enishi__crumb a:hover{color:var(--kohaku-deep)}
.enishi__crumb .sep::before{content:"›";margin:0 .6em;color:var(--line)}
.enishi__crumb .cur{color:var(--kohaku-deep)}
.enishi-top h1.enishi__title{
  font-family:var(--mincho);font-weight:600;margin:0;
  font-size:clamp(21px,2.6vw,34px);line-height:1.6;letter-spacing:.05em;color:var(--text);text-wrap:balance;
}
.enishi__date{font-family:var(--latin);font-size:12px;letter-spacing:.2em;color:var(--text-mute)}

/* ===== 元のHTMLが style 属性で書いていた所 ============================= */
.enishi__head{align-items:center}
.enishi__label--mute{color:var(--text-mute)}
.enishi__link--inline{font-size:inherit}
.enishi__section--tight{padding-bottom:clamp(28px,3.4vw,48px)}
.enishi__section--purpose{padding-block:clamp(36px,4.4vw,64px)}

/* ===== 日本語の折り返し =====================================================
   見出しや短い項目が「「記憶／が生まれる」「ガラ／ディナー」のように語の途中で折れないよう、
   文節で折り返す（Chrome・Edge）。未対応のブラウザは従来どおり。項目欄は keep-all で語を守る */
.enishi-top h1.enishi__title,.enishi h2.enishi__h2,.enishi h3.enishi__h3,.enishi__catch,.enishi__hero-copy{word-break:auto-phrase}
.enishi__uses .ja,.enishi__scenes .ja,.enishi__purpose .ja,.enishi__shot .cap{word-break:auto-phrase}
@supports not (word-break:auto-phrase){ .enishi__purpose .ja{word-break:keep-all} }
/* 場面の一覧が奇数のとき、スマホの2列で最後に空き枠（線の色）が出ないよう、最後の1つを横いっぱいに */
@media (max-width:860px){ .enishi__scenes li:last-child:nth-child(odd){grid-column:1 / -1} }
/* はじめにの本文は改行の位置を欄で決めている（2行）。狭い画面で行が折れるときも語の途中で切らない */
.enishi__narrow .enishi__body{word-break:auto-phrase}
/* スマホは1行に入らないので、欄の改行を効かせると「…から／始まり、／…」と細切れになる → 改行を外して流す */
@media (max-width:640px){ .enishi__narrow .enishi__body br{display:none} }
/* 参考の不具合を直した所: 「ご利用いただける方」の写真が左に寄っていた（.enishi figure{margin:0} が中央寄せを打ち消す）→ 下の枠と同じく中央に */
.enishi figure.enishi__foryou-fig{margin-inline:auto}
/* 過ごし方の一覧：項目数が3の倍数のときは3列（テンプレが data-cols を付ける）。スマホは2列で、奇数なら最後の1つを横いっぱいに */
.enishi__uses[data-cols="3"]{grid-template-columns:repeat(3,1fr)}
@media (max-width:760px){
  .enishi__uses[data-cols="3"]{grid-template-columns:repeat(2,1fr)}
  .enishi__uses li:last-child:nth-child(odd){grid-column:1 / -1}
}