/* NOBLESSE OBLIGE｜NEWS・活動のきろく 詳細ページ */
*{margin:0;padding:0;box-sizing:border-box}
:root{--maru:'Zen Maru Gothic',sans-serif;--min:'Shippori Mincho',serif;--mono:'Comfortaa',monospace;--ink:#3A362E;--sub:#6A6254}
body{font-family:var(--maru);color:var(--ink);background:linear-gradient(168deg,#F6F2EA 0%,#F3EBEA 42%,#EDF0F6 78%,#F2EEF2 100%);min-height:100svh;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:-20%;pointer-events:none;z-index:0;background:radial-gradient(44% 40% at 14% 16%,rgba(126,168,216,.16),transparent 66%),radial-gradient(40% 38% at 88% 86%,rgba(240,150,144,.14),transparent 66%),radial-gradient(30% 28% at 74% 14%,rgba(244,206,140,.12),transparent 68%)}
.rh{position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:9;display:flex;align-items:center;gap:14px;padding:8px 10px 8px 18px;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),0 8px 24px rgba(60,50,35,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap}
.rh-b{font-family:var(--min);font-weight:700;font-size:11px;letter-spacing:.18em;color:var(--ink);text-decoration:none}
.rh-sep{width:1px;height:14px;background:rgba(90,80,60,.18)}
.rh-l{font-family:var(--maru);font-weight:700;font-size:11px;letter-spacing:.12em;color:#5A5346;text-decoration:none;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.8);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),0 3px 10px rgba(90,80,60,.08);transition:.3s}
.rh-l:hover{transform:translateY(-1px)}
.rh-l.sup{color:#FFF;text-shadow:0 1px 2px rgba(30,70,120,.3);background:linear-gradient(168deg,#8FB2DC,#5B86BA 60%,#7FA4CE);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.6),0 5px 14px rgba(70,110,165,.32)}
main{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:calc(max(10px,env(safe-area-inset-top)) + 84px) 22px 60px}
.crumb{font-family:var(--mono);font-weight:700;font-size:10px;letter-spacing:.34em;color:#A0977F}
.meta{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}
.meta time{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.24em;color:#8A8172}
.bdg{font-weight:700;font-size:10px;letter-spacing:.18em;color:#FFF;padding:4px 12px;border-radius:999px}
.bdg.rec{background:linear-gradient(168deg,#9BBCE4,#5B86BA)}
.bdg.info{background:linear-gradient(168deg,#9BBCE4,#5B86BA)}
.bdg.media{background:linear-gradient(168deg,#F2A79A,#E4695E)}
h1{font-weight:900;font-size:clamp(23px,4.6vw,34px);line-height:1.7;letter-spacing:.06em;margin-top:14px}
.shot{display:block;margin:34px 0 0;text-decoration:none;border-radius:22px;overflow:hidden;background:linear-gradient(168deg,rgba(255,255,255,.7),rgba(255,255,255,.44));box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.7),0 18px 44px rgba(32,44,62,.12);backdrop-filter:blur(10px);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}
.shot:hover{transform:translateY(-4px);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),0 26px 56px rgba(32,44,62,.18)}
.shot-hd{display:flex;align-items:center;justify-content:space-between;padding:13px 18px}
.shot-md{font-weight:700;font-size:12px;letter-spacing:.12em;color:#5A5346}
.shot-go{font-family:var(--mono);font-weight:700;font-size:10px;letter-spacing:.2em;color:#5B86BA}
.shot img{display:block;width:100%;max-height:640px;object-fit:contain;background:linear-gradient(165deg,#F6F3EC,#EEF1F5)}
.shot.noimg img{display:none}
.shot .plate{display:none}
.shot.noimg .plate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:220px;margin:0 14px 14px;border-radius:14px;background:linear-gradient(165deg,#F3F6FA 0%,#EEF3F8 40%,#F6F4EE 75%,#FBF8F0 100%)}
.shot .plate b{font-size:13px;letter-spacing:.1em;color:#8A8172}
.shot .plate small{font-size:10.5px;letter-spacing:.14em;color:#A89E8A}
.prose.glass{margin-top:34px;padding:clamp(22px,4vw,40px) clamp(20px,4.5vw,44px);border-radius:24px;background:linear-gradient(168deg,rgba(255,255,255,.62),rgba(255,255,255,.34) 55%,rgba(255,255,255,.5));box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.7),0 26px 70px rgba(32,44,62,.1);backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08);animation:pFloat 7.5s ease-in-out infinite alternate;position:relative;overflow:hidden}
.prose.glass::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.45) 47%,rgba(255,255,255,.12) 52%,transparent 62%);background-size:260% 100%;background-position:120% 0;animation:pSheen 9s ease-in-out 2s infinite}
@keyframes pFloat{from{transform:translateY(0)}to{transform:translateY(-6px)}}
@keyframes pSheen{0%,55%{background-position:120% 0}85%,100%{background-position:-140% 0}}
@media(prefers-reduced-motion:reduce){.prose.glass,.prose.glass::before{animation:none}}
.prose p{font-size:clamp(14.5px,1.7vw,16px);line-height:2.35;letter-spacing:.05em;color:#4A4740;margin:0 0 1.35em}
.prose p:last-child{margin-bottom:0}
.prose strong{font-weight:800;font-size:1.14em;color:var(--ink);padding-bottom:.26em;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:repeat-x;background-position:0 100%;background-size:64px 7px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='7' viewBox='0 0 64 7'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%238FB6E2'/%3E%3Cstop offset='.5' stop-color='%23F09690'/%3E%3Cstop offset='1' stop-color='%238FB6E2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 3.5q8-3.6 16 0t16 0t16 0t16 0' fill='none' stroke='url(%23g)' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.note{display:flex;gap:12px;align-items:flex-start;margin-top:30px;padding:16px 18px;border-radius:16px;background:linear-gradient(165deg,rgba(240,150,144,.14),rgba(244,206,140,.14));box-shadow:inset 0 0 0 1px rgba(232,104,95,.22)}
.note::before{content:"";flex:0 0 auto;width:.62em;height:.62em;margin-top:.62em;border-radius:50%;background:linear-gradient(135deg,#8FB6E2,#F09690)}
.note p{font-size:12.5px;line-height:2;letter-spacing:.05em;font-weight:700;color:#7A4A44}
.lk{margin-top:44px}
.lk h2{font-family:var(--mono);font-weight:700;font-size:10.5px;letter-spacing:.34em;color:#A0977F}
.lk ul{list-style:none;margin:14px 0 0;display:flex;flex-direction:column;gap:10px}
.lk a{display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none;font-weight:700;font-size:13.5px;letter-spacing:.06em;color:#3F485C;padding:14px 20px;border-radius:999px;background:linear-gradient(168deg,rgba(255,255,255,.78),rgba(255,255,255,.5));box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.7),0 8px 22px rgba(32,44,62,.08);transition:.3s}
.lk a:hover{transform:translateY(-2px)}
.lk a i{font-style:normal;color:#5B86BA}
.pn{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:54px;flex-wrap:wrap}
.pn a{text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.08em;color:#5A5346;padding:12px 18px;border-radius:999px;background:rgba(255,255,255,.75);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),0 6px 16px rgba(60,50,35,.08);transition:.3s}
.pn a:hover{transform:translateY(-2px)}
.pn .all{color:#8A8172}
.cta{margin-top:52px;text-align:center}
.cta a{display:inline-block;text-decoration:none;color:#FFF;font-weight:800;font-size:clamp(16px,2vw,19px);letter-spacing:.14em;padding:19px 52px;border-radius:999px;background:linear-gradient(168deg,#EE8A7E,#E4695E);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.5),0 10px 24px rgba(228,105,94,.32);transition:.3s}
.cta a:hover{transform:translateY(-2px)}
.cta p{margin-top:12px;font-size:11px;letter-spacing:.12em;color:#8A8172}
footer{position:relative;z-index:1;text-align:center;padding:26px 0 40px;font-family:var(--mono);font-weight:700;font-size:9px;letter-spacing:.26em;color:#A89E8A}
@media(max-width:560px){.rh{gap:9px;padding:7px 8px 7px 14px}.rh-l{padding:8px 12px;font-size:10px}main{padding-top:78px}}

.shots{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}
.shots .shot{margin-top:0}
.shots .shot img{aspect-ratio:4/5;height:auto;max-height:none;object-fit:cover;object-position:top center;background:none}
@media(max-width:640px){.shots{grid-template-columns:1fr}}

.pn2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}
.pn2 a{display:flex;flex-direction:column;gap:6px;text-decoration:none;padding:16px 18px;border-radius:18px;background:linear-gradient(168deg,rgba(255,255,255,.7),rgba(255,255,255,.42));box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.7),0 10px 26px rgba(32,44,62,.08);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.pn2 a:hover{transform:translateY(-3px);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),0 18px 36px rgba(32,44,62,.14)}
.pn2 a small{font-family:var(--mono);font-weight:700;font-size:9.5px;letter-spacing:.24em;color:#5B86BA}
.pn2 a b{font-weight:700;font-size:13px;line-height:1.7;letter-spacing:.04em;color:var(--ink)}
.pn2 .nx{text-align:right;align-items:flex-end}
.pn2 .empty{display:block}
.toall{text-align:center;margin-top:22px}
.toall a{display:inline-block;text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.14em;color:#6A6254;padding:11px 22px;border-radius:999px;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}
@media(max-width:560px){.pn2{grid-template-columns:1fr}.pn2 .nx{text-align:left;align-items:flex-start}}