:root{--district-gold:#cfb279;--district-cream:#f5ead2;--district-night:#0a2824;--district-ease:cubic-bezier(.16,1,.3,1)}
.district.media-directory--work{padding:38px 34px 28px;background:radial-gradient(ellipse at 25% 8%,#28463a80,transparent 44%),linear-gradient(135deg,#0e342d,#091f1d);border:1px solid #bca16d;box-shadow:0 22px 45px #091c2926,5px 7px 0 #bca16d;overflow:hidden;border-radius:5px;isolation:isolate}
.district.media-directory--work::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.17;background:linear-gradient(180deg,#0b2824 0%,#0b282460 20%,#0b2824 75%),url('./assets/light.webp') center top/100% auto no-repeat;pointer-events:none}
.district-head{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;padding-bottom:24px;border-bottom:1px solid #c4a46b70}
.district .eyebrow{font-size:15px;letter-spacing:.14em;color:#e9ce94;margin:0 0 12px;line-height:1.5}
.district h3{font-family:var(--serif);font-size:clamp(28px,3.2vw,42px);font-weight:500;line-height:1.65;letter-spacing:.03em}
.district-total{display:flex;align-items:center;gap:20px;color:#f5e5c0}.district-total strong{font:400 140px/.95 var(--serif);letter-spacing:-.065em;color:#edcf92;text-shadow:0 5px 24px #e3b96720}.district-total>span{font-size:20px;line-height:1.8}
.district-breakdown{grid-column:1/-1;font-size:21px;line-height:1.7;margin:0}.district-breakdown>span{font-size:18px;color:#e3d6b7}
.district .district-controls{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:18px 0 28px;font-size:16px}.district .atlas-motion-toggle{font-size:14px;min-height:44px;background:#0f322a;border-color:#97825a;color:#e9d4a6}
.district-stage{position:relative;isolation:isolate}.district-stage::before{content:"";position:absolute;inset:28px -8px 10px;z-index:-1;background:url('./assets/media/town-r13.svg') center/100% auto no-repeat;opacity:.16;pointer-events:none}.district-group{margin:0 0 18px;font-size:17px;letter-spacing:.04em;color:#ebd7ad;line-height:1.8}.district-group b{font-weight:500;padding-left:10px}
.district-intros,.district-maps>ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 22px;list-style:none!important;margin:0!important;padding:0!important;align-items:start}
.district .district-item{position:relative;grid-column:span 2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;margin:0;min-height:0;padding:22px 18px 16px;background:linear-gradient(145deg,#244a3b,#102f28 65%);border:1px solid #c8aa6a;box-shadow:inset 0 1px 0 #fff3d06b,inset 0 -3px 0 #081a1570,0 10px 14px #020f0d70,0 0 18px #d7b3660d;border-radius:3px;color:#f6ecd6;overflow:visible}
.district .district-item::before{content:"";position:absolute;inset:5px;border:1px solid #d7bd7f26;pointer-events:none;border-radius:1px}.district .district-item::after{content:"";position:absolute;left:12%;right:12%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#fff0c0,transparent);box-shadow:0 0 10px #e3be6a70;pointer-events:none}
.district .district-item--note{grid-column:span 3;display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;min-height:200px;background:radial-gradient(ellipse at 10% 10%,#bba56b26,transparent 70%),linear-gradient(140deg,#365644,#17382c)}
.district .district-item--hatena{grid-column:span 3;display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;min-height:200px;background:linear-gradient(140deg,#e6d9b9,#cabb96);color:#183a2f}
.district .district-item--local{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:28px;background:linear-gradient(125deg,#dfc98f,#bfa46d);color:#19372c;padding:20px 32px;min-height:150px}
.district-index{position:absolute;top:7px;left:12px;font:12px/1.3 var(--sans);letter-spacing:.12em;color:#e3c795}.district-item--hatena .district-index,.district-item--local .district-index{color:#5e4d2c}
.district-art{height:128px;display:flex;align-items:center;justify-content:center;position:relative;background:#fff;border:0;padding:18px;box-shadow:0 4px 9px #03130f30;min-width:0;margin-bottom:16px;border-radius:2px}
.district-logo{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;opacity:1!important;filter:none!important;transform:none!important;background:transparent}
.district-item--livedoor .district-art{background:#172d28}.district-item--note .district-art{height:150px;padding:0;margin:0;box-shadow:none}.district-item--hatena .district-art{height:150px;padding:6px;margin:0}.district-item--local .district-art{width:166px;height:112px;flex:0 0 166px;padding:0;background:transparent;box-shadow:none;margin:0}.district-art svg{width:100%;height:100%;display:block}
.district-caption>span{display:block;font-size:13px;line-height:1.6;letter-spacing:.03em;color:#ddccaa;margin-bottom:3px}.district-caption strong{display:block;font-size:23px;line-height:1.65;font-weight:500;word-break:normal;overflow-wrap:normal}.district-caption strong>span{display:block}.district-item--note .district-caption strong{font-size:34px}.district-item--hatena .district-caption>span,.district-item--local .district-caption>span{color:#4e5d40}.district-item--local .district-caption strong{font-size:26px}
.district .district-light{top:-26px;height:26px;left:50%;background:linear-gradient(#bda06544,#f0ce86);box-shadow:0 0 8px #e4bf6840}
.district-maps{margin-top:32px;padding-top:24px;border-top:1px solid #c5aa704d}.district-maps>ul{grid-template-columns:1fr 1fr}.district .district-item--map{grid-column:auto;display:grid;grid-template-columns:112px 1fr;gap:20px;align-items:center;padding:24px 22px 20px;background:linear-gradient(135deg,#233f39,#102d29)}.district-item--map .district-art{height:112px;margin:0;padding:16px}.district-item--map .district-caption strong{font-size:21px}
.district-foot{padding-top:22px;margin-top:26px;border-top:1px solid #c5aa7055}.district .district-variation{font-size:15px;line-height:1.7;color:#ead5ab;margin:0 0 10px}.district .district-disclaimer{font-size:13px;line-height:1.9;color:#d0c8b6;margin:0;max-width:72em}
.media-summary{margin:30px 0 38px;padding:24px 30px 20px;border-block:1px solid #b99b65;background:#eee6d4;position:relative}.media-summary-head{display:flex;align-items:center;gap:36px}.media-summary-number{display:flex;align-items:center;gap:16px}.media-summary-number strong{font:400 92px/1 var(--serif);letter-spacing:-.06em;color:#765827}.media-summary-number>span{font-size:18px;line-height:1.6}.media-summary-head>p{font-size:19px;line-height:1.8;margin:0}.media-summary-head>p>span{display:block;font-size:14px;color:#5c624e}.media-ribbon{display:flex;align-items:center;gap:16px;white-space:nowrap;overflow-x:auto;scrollbar-width:thin;padding:14px 0 10px;border-bottom:1px solid #c7b695;margin-top:6px;font-size:14px;line-height:1.6}.media-ribbon>span+span::before{content:'·';padding-right:16px;color:#967845}.media-summary .media-summary-note{font-size:14px;line-height:1.8;margin:12px 0 0}.media-summary-link{display:inline-block;font-size:15px;line-height:1.7;margin-top:8px;text-decoration:underline;text-underline-offset:5px}.media-summary-link span{padding-left:8px}
.flow-media-note{background:#eee7d7;padding:20px 24px;border-block:1px solid #b99b65;margin:24px 0}.flow-media-note p{margin:0 0 8px;line-height:1.85}
[data-contract] p,.faq details p:has(.contract-sentence){word-break:normal;overflow-wrap:normal;line-height:1.9;text-wrap:pretty;letter-spacing:0}
.contract-sentence{display:block}.contract-sentence+.contract-sentence{margin-top:.55em}.contract-unit{display:inline-block;white-space:nowrap;max-width:100%}
@media(max-width:1100px){.district .district-item--note,.district .district-item--hatena{grid-template-columns:120px 1fr;gap:16px}.district .district-item--map{grid-template-columns:88px 1fr;gap:14px;padding-inline:16px}.district-caption strong{font-size:21px}.district-item--map .district-caption strong{font-size:19px}.district-total strong{font-size:124px}.district-art{padding:12px}}
@media(max-width:760px){
 .district.media-directory--work{padding:28px 16px 24px;margin:28px 0 36px;box-shadow:3px 5px 0 #bca16d,0 16px 30px #14272128}
 .district-head{display:block;padding-bottom:20px}.district .eyebrow{font-size:13px;letter-spacing:.12em;margin-bottom:12px}.district h3{font-size:28px;line-height:1.65;letter-spacing:.01em}.district-total{margin-top:22px;gap:18px}.district-total strong{font-size:132px}.district-total>span{font-size:18px}.district-breakdown{font-size:20px;margin-top:15px}.district-breakdown>span{font-size:16px}.district .district-controls{margin:16px 0 26px;gap:8px;flex-wrap:wrap;font-size:14px}.district .district-controls>span{margin:0}.district .atlas-motion-toggle{font-size:13px;padding:6px 10px}
 .district-intros{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.district .district-item{grid-column:auto!important;min-height:0;display:block;padding:22px 10px 14px;margin-top:0;box-shadow:inset 0 1px 0 #fff3d075,inset 0 -3px 0 #081a1550,0 9px 12px #020f0d80,0 0 15px #d7b36610}.district .district-item:nth-child(even){margin-top:15px}.district .district-item--note{grid-column:1/-1!important;display:grid;grid-template-columns:140px 1fr;gap:18px;padding:24px 16px;min-height:188px}.district .district-item--hatena{display:block;grid-column:auto!important;min-height:0;padding:22px 10px 14px;margin-top:0}.district .district-item--blogger{margin-top:18px}.district .district-item--fc2{margin-top:0}.district .district-item--jugem{margin-top:18px}.district .district-item--ameba{margin-top:0}.district .district-item--livedoor{margin-top:18px}
 .district-art{height:112px;padding:12px 8px;margin-bottom:12px}.district-item--note .district-art{height:140px}.district-item--hatena .district-art{height:112px;padding:0;margin-bottom:12px}.district-caption>span{font-size:12px;letter-spacing:0;margin-bottom:4px}.district-caption strong{font-size:18px;line-height:1.65}.district-item--note .district-caption strong{font-size:29px}.district .district-item--local{grid-column:1/-1!important;display:flex;gap:15px;padding:24px 14px;min-height:152px;margin-top:0}.district-item--local .district-art{width:145px;flex-basis:145px;height:112px}.district-item--local .district-caption strong{font-size:21px}.district-index{font-size:11px;left:10px;top:6px}.district-group{font-size:16px;margin-bottom:16px}.district-group b{padding-left:7px}
 .district-maps{margin-top:30px;padding-top:20px}.district-maps>ul{display:grid;grid-template-columns:1fr;gap:24px}.district .district-item--map{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:24px 12px 18px;min-height:148px;margin-top:0}.district-item--map .district-art{height:100px;padding:12px}.district-item--map .district-caption strong{font-size:18px}.district-item--map .district-caption strong>span{font-size:17px}.district-foot{margin-top:24px;padding-top:18px}.district .district-variation{font-size:14px}.district .district-disclaimer{font-size:12px;line-height:1.9}
 .media-summary{padding:20px 16px;margin:24px 0 30px}.media-summary-head{display:block}.media-summary-number strong{font-size:88px}.media-summary-number>span{font-size:17px}.media-summary-head>p{font-size:16px;line-height:1.8;margin-top:10px}.media-summary-head>p>span{font-size:13px}.media-ribbon{font-size:13px;gap:12px;margin-top:10px;padding:12px 0}.media-ribbon>span+span::before{padding-right:12px}.media-summary .media-summary-note{font-size:13px}.media-summary-link{font-size:14px;margin-top:10px}
 [data-contract] p{font-size:18px;line-height:1.9}.contract-sentence+.contract-sentence{margin-top:.65em}
}
@media(max-width:359px){.district.media-directory--work{padding-inline:12px}.district .district-item--note{grid-template-columns:112px 1fr;padding-inline:12px;gap:14px}.district-item--note .district-art{height:112px}.district .district-item--local{gap:10px}.district-item--local .district-art{width:115px;flex-basis:115px}.district .district-item--map{grid-template-columns:80px 1fr;gap:12px}.district-item--map .district-art{height:80px}.district-caption strong{font-size:17px}.district h3{font-size:26px}.district-item--local .district-caption strong{font-size:19px}.district-item--map .district-caption strong>span{font-size:15px}}
@media(prefers-reduced-motion:reduce){.district *{animation:none!important;transition:none!important}}
.district footer.district-foot{background:transparent;color:#d0c8b6;padding:18px 0 0;text-align:left;display:block;box-shadow:none}
.district footer.district-foot p{color:#d0c8b6}.district footer.district-foot .district-variation{color:#ead5ab}
@media(min-width:761px){.district .district-item--ameba,.district .district-item--livedoor{grid-column:span 3}.district-logo--ameba,.district-logo--livedoor{max-width:300px}.district-logo--fc2{max-width:112px;height:100%}.district-logo--jugem{max-width:237px;height:54px}}
.district.media-directory--work::before{opacity:.32;background:linear-gradient(180deg,#0b2824a0,#0b282470 28%,#0b2824 74%),url('./assets/hero.webp') 65% 0/auto 650px no-repeat}
@media(max-width:760px){.media-summary{padding:16px;margin:18px 0 18px}.media-summary-head>p{margin-top:4px}.media-ribbon{margin-top:4px}.media-summary .media-summary-note{margin-top:8px}}

@media(max-width:760px){.media-summary{padding-block:12px;margin-block:12px}.media-summary-number strong{font-size:80px}.media-ribbon{margin-top:0}.media-summary .media-summary-note{margin-top:4px}.media-summary-link{margin-top:6px}}
.media-ribbon:focus-visible{outline:2px solid #785c2a;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}