.district.media-directory--work{--logo-mount:#f6f0e0;--mount-edge:#c4b186}
.district .district-art,
.district .district-item--livedoor .district-art{background:var(--logo-mount);border:1px solid var(--mount-edge);box-shadow:inset 0 1px 0 #fffaf0,0 3px 6px #021b1530}
.district .district-item--local .district-art{background:transparent;border:0;box-shadow:none}
.district .district-caption>span,
.district .district-item--google .district-caption strong>span,
.district-breakdown small,
.district footer.district-foot .district-disclaimer{font-size:13px}
.district .district-caption>span{margin-bottom:6px}
.district .district-caption strong{display:block}
.district .district-intros{grid-auto-rows:auto}
.district footer.district-foot .district-disclaimer{color:#e3dbc9;line-height:1.9}
@media(max-width:760px){
 .district .district-intros{gap:26px 12px;grid-auto-rows:auto}
 .district .district-item:nth-child(n){min-height:176px;padding:25px 9px 17px}
 .district .district-art{height:86px;flex:0 0 86px;margin-bottom:13px;padding:10px 8px}
 .district .district-logo--hatena{width:64px;height:64px}
 .district .district-logo--blogger,.district .district-logo--fc2,
 .district .district-logo--google,.district .district-logo--apple{width:64px;height:64px}
 .district .district-item--note:nth-child(n){grid-column:1 / -1!important;display:grid;grid-template-columns:136px minmax(0,1fr);gap:22px;align-items:center;min-height:182px;padding:25px 14px 19px}
 .district .district-item--note .district-art{width:136px;height:136px;margin:0;padding:0}
 .district .district-logo--note{width:136px;height:136px}
 .district .district-item--note .district-caption{text-align:left}
 .district .district-item--note .district-caption strong{font-size:25px}
 .district .district-item--local:nth-child(n){grid-column:1 / -1!important;display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;align-items:center;min-height:138px;padding:24px 14px 19px;color:#173b30;background:linear-gradient(125deg,#ddc78e,#c5ab71);border-color:#e0ca92;box-shadow:inset 0 1px 0 #fff2c9ad,inset 0 -3px 0 #87703e55,0 8px 12px #020f0d4d}
 .district .district-item--local::before{border-color:#59492233}
 .district .district-item--local .district-index{color:#304c37}
 .district .district-item--local .district-art{width:110px;height:82px;flex-basis:auto;margin:0;padding:0;color:#294b39}
 .district .district-item--local .district-caption{text-align:left}
 .district .district-item--local .district-caption strong{font-size:20px;color:#173b30;line-height:1.65}
 .district .district-item--local .district-caption strong>span{display:block}
 .district .district-item--google .district-caption strong>span{font-size:13px;line-height:1.7}
 .district .district-item--map:nth-child(n){min-height:218px}
 .district .district-caption>span{font-size:13px}
 .district-breakdown small{font-size:13px;line-height:1.8}
 .district footer.district-foot .district-disclaimer{font-size:13px;line-height:1.9}
}
@media(max-width:359px){
 .district .district-item--note:nth-child(n){grid-template-columns:116px minmax(0,1fr);gap:16px;padding-inline:10px;min-height:164px}
 .district .district-item--note .district-art,.district .district-logo--note{width:116px;height:116px}
 .district .district-item--local:nth-child(n){grid-template-columns:82px minmax(0,1fr);gap:12px;padding-inline:10px}
 .district .district-item--local .district-art{width:82px}
 .district .district-item--local .district-caption strong{font-size:18px}
 .district .district-item--google .district-caption strong>span{font-size:13px}
}
.district-breakdown small{color:#eee0c1}