@charset "UTF-8";
/* MAGAZINE FOOTER — Soft Gallery Compact v4 / November blue-gray */
.mf-soft {
  --mf-ink:#333D46; --mf-muted:#657786; --mf-line:#DDE3E8;
  --mf-accent:#71818D; --mf-cream:#F2F5F7; --mf-white:#fff;
  background:#fff; color:var(--mf-ink); padding:40px 24px 20px;
  font-family:"Overpass","Noto Sans JP",sans-serif; font-weight:400;
}
.mf-soft * { box-sizing:border-box; }
.mf-soft a { color:inherit; text-decoration:none; }
.mf-soft__inner { width:100%; max-width:820px; margin:0 auto; }
.mf-soft__heading { text-align:center; margin-bottom:19px; }
.mf-soft__eyebrow { font-size:10px; letter-spacing:.22em; color:var(--mf-accent); }
.mf-soft__heading h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; font-style:italic; font-size:36px; letter-spacing:-.025em; line-height:1.3; margin:4px 0 0; }
.mf-soft__heading p { font-size:11px; letter-spacing:.08em; margin:0; color:var(--mf-muted); }
.mf-soft__stories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.mf-soft__story { display:block; min-width:0; }
.mf-soft__photo { display:block; width:100%; aspect-ratio:1.9; overflow:hidden; border-radius:5px; background:#F2F5F7; }
.mf-soft__photo picture { display:block; width:100%; height:100%; }
.mf-soft__photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .35s ease; }
@media (hover:hover) and (pointer:fine) { .mf-soft__story:hover img { transform:scale(1.035); } }
.mf-soft__story-caption { display:flex; gap:8px; justify-content:space-between; align-items:center; padding:7px 2px 0; }
.mf-soft__story-name { font-size:12px; letter-spacing:.06em; line-height:1.5; }
.mf-soft__arrow { font-size:17px; color:var(--mf-accent); line-height:1; flex-shrink:0; }
.mf-soft__separation { margin:26px 0 18px; height:1px; background:var(--mf-line); }
.mf-soft__instagram { position:relative; background:var(--mf-cream); border:1px solid #DFE6EA; border-radius:6px; padding:22px 30px 20px; color:var(--mf-ink); }
.mf-soft__ig-meta { display:flex; align-items:center; gap:10px; color:#657786; font-size:10px; letter-spacing:.18em; }
.mf-soft__ig-icon { width:21px; height:21px; flex:none; }
.mf-soft__instagram h3 { font-family:Georgia,"Times New Roman",serif; font-style:italic; font-weight:400; font-size:31px; line-height:1.2; letter-spacing:-.028em; margin:12px 0 9px; }
.mf-soft__instagram p { font-family:"Noto Sans JP",sans-serif; font-size:11px; line-height:1.8; color:var(--mf-muted); letter-spacing:.035em; margin:0 0 15px; }
.mf-soft__ig-link { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:11px 0 0; border-top:1px solid #CDD8DF; font-size:11px; letter-spacing:.13em; font-weight:500; transition:color .2s; }
.mf-soft__ig-link:hover { color:#526575; }
.mf-soft__shop { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px; }
.mf-soft__shop-link { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 19px; min-height:60px; border:1px solid #DDE3E8; border-radius:6px; transition:background .2s,border-color .2s; }
.mf-soft__shop-link:hover { background:#F2F5F7; border-color:#A6B5BF; }
.mf-soft__shop-link strong { display:block; font-weight:400; font-size:13px; letter-spacing:.04em; }
.mf-soft__shop-link small { display:block; color:var(--mf-muted); font-size:10px; letter-spacing:.04em; margin-top:2px; }
.mf-soft__back { display:table; margin:12px auto 0; padding:6px 10px; font-size:10px; letter-spacing:.15em; color:var(--mf-muted)!important; }
.mf-soft__back:hover { color:var(--mf-ink)!important; }
@media screen and (max-width:700px) {
 .mf-soft { padding:30px 15px calc(100px + env(safe-area-inset-bottom)); }
 .mf-soft__inner { width:100%; max-width:100%; }
 .mf-soft__heading { margin-bottom:16px; }
 .mf-soft__heading h2 { font-size:30px; }
 .mf-soft__stories { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
 .mf-soft__story { min-width:0; }
 .mf-soft__photo { width:100%; height:auto; aspect-ratio:auto; overflow:hidden; border-radius:4px; }
 .mf-soft__photo picture { display:block; width:100%; height:auto; }
 .mf-soft__photo img { display:block; width:100%; height:auto; max-width:100%; aspect-ratio:auto; object-fit:contain; object-position:center; transform:none; }
 .mf-soft__story-caption { padding-top:6px; }
 .mf-soft__story-name { font-size:10px; line-height:1.5; }
 .mf-soft__arrow { font-size:15px; }
 .mf-soft__separation { margin:21px 0 14px; }
 .mf-soft__instagram { padding:19px 18px 17px; border-radius:6px; }
 .mf-soft__ig-meta { font-size:9px; letter-spacing:.11em; gap:10px; }
 .mf-soft__ig-icon { width:22px; height:22px; }
 .mf-soft__instagram h3 { font-size:28px; margin:11px 0 9px; }
 .mf-soft__instagram p { font-size:10px; line-height:1.75; margin-bottom:14px; }
 .mf-soft__ig-break { display:none; }
 .mf-soft__ig-link { padding-top:11px; font-size:10px; letter-spacing:.065em; }
 .mf-soft__shop { margin-top:9px; gap:8px; }
 .mf-soft__shop-link { padding:11px 10px; gap:5px; min-height:58px; }
 .mf-soft__shop-link strong { font-size:11px; }
 .mf-soft__shop-link small { font-size:8px; line-height:1.5; }
 .mf-soft__shop-link .mf-soft__arrow { font-size:14px; }
 .mf-soft__back { margin-top:11px; }
}
@media (prefers-reduced-motion:reduce) { .mf-soft * { transition:none!important; } }