/* Kohana. build-07 r13 (2026-11-03, local, not published) — loaded after build07k.css. CSS only.
   1. ご成婚エピソード: the excerpt from answer ⑦ (.tm-ex-sub) had its own, smaller size (phones 15px / PC 15.5px against
      16px / 17px for answer ⑤). Family, weight, line-height (34px), letter-spacing and colour already came from .tm-quote for
      both; only the size differed. ⑦ now takes ⑤'s size; the 34px line rhythm (and the ruled lines) is unchanged.
   2. PC (64em and up): a clear two-column hero in a centred box of at most 1200px. Left: the copy, the LINE button, the notes
      (vertically centred, as before). Right: the logo with the IBJ AWARD banner centred under it; the logo and the banner
      are centred together on the same line as the copy column. The background still fills the screen; the light follows the
      logo. Phones and tablets: unchanged. */

/* 1. letters */
.tm-ex-sub{font-size:inherit}
@media(min-width:64em){.tm-ex-sub{font-size:inherit}}

/* 2. PC two columns (--cx / --cw: the box; --lcx: the centre of the right column; --g: the gap between logo and banner) */
@media(min-width:64em){
 #top-fv{--cw:min(100%,1200px);--cx:max(0px,calc((100% - 1200px)/2));--lcx:calc(var(--cx) + var(--cw)*.74);
  --aw:clamp(140px,10.5vw,160px);--g:clamp(24px,3.2svh,36px);
  --lw:min(clamp(290px,23vw,360px),calc((100svh - var(--hh) - 140px - var(--aw) - var(--g))*1.0877));
  --lx:calc(var(--lcx) - var(--lw)/2);
  /* the copy's box is centred with its padding (top: --hh, bottom: 24px); the right column is centred on the same line */
  --ly:calc(50% + (var(--hh) - 24px)/2 - (var(--lh) + var(--g) + var(--aw))/2)}
 #top-fv .copy{margin-left:var(--cx);width:calc(var(--cw)*.5);padding-left:calc(var(--cw)*.04)}
 #top-fv>.iaw-adopted{--aw:clamp(140px,10.5vw,160px);left:calc(var(--lcx) - var(--aw)/2);right:auto;bottom:auto;
  top:calc(var(--ly) + var(--lh) + var(--g))}
}

/* 3. phones: the letters note 「ご本人のご希望により、お名前とお写真は掲載していません。」 (28 characters) on one line.
   Only this note, only below 600px: a slightly tighter spacing, and a size that fits the line width with about 3% to spare
   (13px at most: 375px → about 11.3px, 390px → 11.8px, 430px → 13px). From 375px it never wraps; below that it keeps 11px
   and may wrap, never overflow. The text is unchanged. */
@media(max-width:37.49em){
 #letters .tm-note{letter-spacing:.02em;font-size:max(11px,min(13px,calc((100vw - 2*var(--pad,20px))/29.6)))}
}
@media(min-width:23.4375em) and (max-width:37.49em){#letters .tm-note{white-space:nowrap}}