.district .district-index{font-size:12px;color:#f4ecd9;background:#17382d;padding:0 2px;border-radius:1px}
.district .district-item--local .district-index{color:#f4ecd9}
@media(min-width:761px) and (max-width:1100px){.district .district-item--note .district-caption{transform:translateY(-2px)}}
*,*::before,*::after{transition-property:transform,opacity,box-shadow,color,background-color,border-color,fill,stroke!important;transition-duration:180ms!important;transition-delay:0ms!important}
.button:active,button:active{transform:scale(.97);transition-duration:80ms!important}
.button.gold:hover{box-shadow:inset 0 1px 0 #fff0,0 8px 16px #0002}
.flow.playing>article:nth-of-type(1){animation-delay:0s}
.flow.playing>article:nth-of-type(2){animation-delay:.6s}
.flow.playing>article:nth-of-type(3){animation-delay:1.2s}
.district .district-total .district-example{font-size:14px;line-height:1.8;letter-spacing:0;white-space:nowrap}
.district .district-item--livedoor .district-art{background:#fffaf0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:active,button:active,.atlas-motion-toggle:hover{transform:none}}