.column { background-color: #E8EEF0; }
.column::before { background-image: url("../images/location/colimn_sidebar01.png"); }
.column .column-title { color: #355497; }
.column .column-title .time { color: #222; font-size: 1.1rem; display: block; margin-top: .5rem; }

.lnav-container .lnav-list { display: grid; gap: 2rem; grid-template-columns: repeat(2, 1fr); max-width: 800px; margin: 0 auto; }
.lnav-container .lnav-list .lnav a { display: block; padding: 1.5rem .5rem; font-size: 1.6rem; line-height: 1.2; text-align: center; border-radius: 30px; color: #fff; transition: .3s; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.24)); box-shadow: inset 0px -10px 16px rgba(0, 0, 0, 0.24); position: relative; }
.lnav-container .lnav-list .lnav a::after { content: ""; display: block; width: 10px; height: 10px; border-top: solid 1px #fff; border-right: solid 1px #fff; position: absolute; top: 50%; right: 15px; transform: translateY(-50%) rotate(135deg); z-index: 2; }
.lnav-container .lnav-list .lnav:hover a { filter: brightness(120%) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.24)); }
.lnav-container .lnav-list .lnav.lnav01 a { background: #618cbe; }
.lnav-container .lnav-list .lnav.lnav02 a { background: #56aa9e; }
@media screen and (max-width: 600px) { .lnav-container .lnav-list { gap: 1rem; }
  .lnav-container .lnav-list .lnav a { padding: 1.5rem .5rem; font-size: 1.4rem; } }

.loc-head { text-align: center; }
.loc-head .loc-head-subttl { font-size: min(3vw, 2.4rem); line-height: 1.4; }
.loc-head .loc-head-ttl { width: 90%; max-width: 700px; margin: 2rem auto 0 auto; }
.loc-head .lead { margin-top: 2rem; }
@media screen and (max-width: 600px) { .loc-head .lead { margin-top: 1.5rem; } }

.town-head { margin-top: 6rem; }

.area-ttl { padding: .5rem; text-align: center; font-size: min(5vw, 3.2rem); }
.area-ttl .note { color: #222; display: inline-block; }

.loc-box { margin-top: 6rem; }

.op0 { opacity: 0; }

.img-list { display: grid; gap: 2rem; margin-top: 4rem; }
.img-list .name { margin-top: .5rem; font-size: 1.3rem; line-height: 1.4; }
.img-list .name .time { display: block; font-size: 1.1rem; }
.img-list .name + .txt { margin-top: 1rem; }
.img-list .li-l .name { font-size: 1.5rem; }
.img-list .txt { font-size: 1.3rem; line-height: 1.8; }
@media screen and (max-width: 600px) { .img-list { gap: 1rem; } }

#loc01, #loc02 { overflow-y: hidden; }

#loc01 .en-title + .lead { font-size: min(3.75vw, 2rem); }
#loc01 .haijima-town .area-ttl { color: #355497; border: solid 3px #7d9ec9; }
#loc01 .haijima-town .area-ttl + .lead { margin-top: 2rem; }
#loc01 .haijima-town .img-list { grid-template-columns: repeat(2, 1fr); }
#loc01 .shopping .img-list { grid-template-columns: repeat(4, 1fr); }
#loc01 .shopping .img-list01 { align-items: end; }
#loc01 .shopping .img-list01 .li-l { grid-column: span 3; display: grid; gap: 2rem; grid-template-columns: repeat(2, 1fr); align-items: end; }
#loc01 .gourmet .g-list { grid-template-columns: repeat(2, 1fr); }
#loc01 .gourmet .li-item { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); grid-template-rows: subgrid; grid-row: span 2; }
#loc01 .gourmet .li-item .g-ttl { background: #957467; padding: .5rem; text-align: center; color: #fff; font-size: 1.4rem; letter-spacing: .1em; line-height: 1.2; grid-column: span 2; }
#loc01 .gourmet .li-item .g-ttl .time { font-size: 1.1rem; display: inline-block; }
#loc01 .gourmet .li-item .img .icon { width: 50%; max-width: 70px; position: absolute; top: -5%; right: -5%; z-index: 2; }
#loc01 .gourmet .li-item .txt + .img { margin-top: 2rem; }
#loc01 .gourmet .li-item .shopdata { font-size: 1.2rem; line-height: 1.6; }
#loc01 .gourmet .li-item .shopdata .data-ttl { margin-top: 1rem; color: #355497; font-size: 1.3rem; letter-spacing: .1em; line-height: 1; padding-bottom: .5rem; border-bottom: solid 1px #355497; margin-bottom: .5rem; }
#loc01 .edu .img-list { grid-template-columns: repeat(4, 1fr); }
#loc01 .medi .img-list { grid-template-columns: repeat(4, 1fr); }
#loc01 .bnr-shien { margin: 8rem auto 0 auto; padding-bottom: 5rem; }
#loc01 .bnr-shien a, #loc01 .bnr-shien .soon { display: block; }
#loc01 .bnr-shien a .img, #loc01 .bnr-shien .soon .img { display: block; }
#loc01 .bnr-shien a { transition: .3s; }
#loc01 .bnr-shien a:hover { opacity: .6; }
#loc01 .bnr-shien .soon { background: #000; position: relative; }
#loc01 .bnr-shien .soon::after { content: "Comming Soon"; color: #fff; font-weight: bold; font-size: 2rem; letter-spacing: .05em; line-height: 1; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }
#loc01 .bnr-shien .soon .img { opacity: .4; }
#loc01 .park .img-list { grid-template-columns: repeat(4, 1fr); }
#loc01 .park .img-list01 { align-items: end; }
#loc01 .park .img-list01 .li-l { grid-column: span 3; display: grid; gap: 2rem; grid-template-columns: repeat(2, 1fr); align-items: end; }
#loc01 .park .onsen .column-inner-box { display: grid; gap: 0 2rem; grid-template-columns: 40% 1fr; }
#loc01 .park .onsen .onsen-img { display: grid; gap: 1rem; grid-template-columns: 60% 1fr; grid-template-areas: "li01 li02" "li01 li03"; }
#loc01 .park .onsen .onsen-img .li01 { grid-area: li01; }
#loc01 .park .onsen .onsen-img .li01 .img { width: 100%; height: 100%; overflow: hidden; }
#loc01 .park .onsen .onsen-img .li01 .img img { width: 100%; height: 100%; object-fit: cover; }
#loc01 .park .onsen .onsen-img .li02 { grid-area: li02; }
#loc01 .park .onsen .onsen-img .li03 { grid-area: li03; }
#loc01 .comf .com-box { margin-top: 3rem; display: grid; gap: 3rem; grid-template-columns: 60% 1fr; }
#loc01 .comf .com-box .com01 { background: #E0EAF0; padding: 3rem 2rem; display: grid; gap: 1.5rem; grid-template-columns: 45% 1fr; }
#loc01 .comf .com-box .com01 .com-ttl { grid-column: span 2; font-size: min(4.25vw, 2rem); }
#loc01 .comf .com-box .com02 .rank-ttl { text-align: center; font-size: min(4vw, 1.9rem); }
#loc01 .comf .com-box .com02 .rank-ttl .txt-s { font-size: 90%; display: inline-block; }
#loc01 .comf .com-box .com02 .img { width: 90%; max-width: 300px; margin: 2rem auto; }
#loc01 .akishima-town .area-ttl { color: #355497; border: solid 3px #7d9ec9; }
#loc01 .akishima-town .area-ttl + .lead { margin-top: 2rem; }
#loc01 .mori .img-list01 { grid-template-columns: repeat(4, 1fr); }
#loc01 .mori .img-list01 .img .cap { display: block; text-align: right; }
#loc01 .mori .mori-map { margin: 3rem auto; }
#loc01 .mori .mori-detail { display: grid; gap: 3rem; grid-template-columns: 50% 1fr; align-items: end; }
#loc01 .mori .mori-detail .txt-box .mori-logo { max-width: 400px; }
#loc01 .mori .mori-detail .txt-box .mori-logo .time { margin-top: .5rem; padding-left: 25%; }
#loc01 .mori .mori-detail .txt-box .mori-logo + .lead { margin-top: 1rem; }
#loc01 .mori .mori-detail .txt-box .mori-cinema { margin-top: 3rem; display: grid; gap: 1rem; grid-template-columns: 1fr 45%; }
#loc01 .mori .mori-detail .txt-box .mori-cinema .cinema-logo .lead { margin-top: 1rem; font-size: min(2.125vw, 1.3rem); }
#loc01 .mori .mori-detail .txt-box .mori-cinema .cinema-img-box .img { width: 100%; }
#loc01 .mori .mori-detail .txt-box .mori-cinema .cinema-img-box .lead { margin-top: 4px; font-size: clamp(12px, 1.2vw, 1.4rem); line-height: 1.28; }
#loc01 .mori .mori-detail .img-box { display: grid; gap: 2rem; grid-template-columns: repeat(2, 1fr); }
#loc01 .mori .mori-detail .img-box .li-l { grid-column: span 2; }
#loc01 .mori .mori-shoplist-box { margin-top: 5rem; padding-bottom: 3rem; border-bottom: solid 2px #355497; }
#loc01 .mori .mori-shoplist-box .mori-shoplist-ttl { color: #355497; font-size: 2rem; line-height: 1; letter-spacing: .05em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; align-items: center; }
#loc01 .mori .mori-shoplist-box .mori-shoplist-ttl div, #loc01 .mori .mori-shoplist-box .mori-shoplist-ttl li { min-height: 0%; }
#loc01 .mori .mori-shoplist-box .mori-shoplist-ttl::after { content: ""; display: block; width: auto; height: 2px; background: #355497; -webkit-box-flex: 1; flex-grow: 1; }
#loc01 .mori .mori-shoplist-box .mori-shoplist { margin-top: 3rem; display: grid; gap: 2rem; grid-template-columns: repeat(4, 1fr); grid-template-areas: "shop01 shop03 shop05 shop06" "shop02 shop04 shop05 shop07"; }
#loc01 .mori .mori-shoplist-box .mori-shoplist .shoplist-item { font-family: "Helvetica Neue", "Helvetica","Yu Gothic",  'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.6; }
#loc01 .mori .mori-shoplist-box .mori-shoplist .shoplist-item b { display: block; padding-bottom: .5rem; color: #355497; }
#loc01 .mori .mori-shoplist-box .mori-shoplist .shoplist-item01 { grid-area: shop01; }
#loc01 .mori .mori-shoplist-box .mori-shoplist .shoplist-item02 { grid-area: shop02; }
#loc01 .mori .mori-shoplist-box .mori-shoplist .shoplist-item03 { grid-area: shop03; }
#loc01 .mori .mori-shoplist-box .mori-shoplist .shoplist-item04 { grid-area: shop04; }
#loc01 .mori .mori-shoplist-box .mori-shoplist .shoplist-item05 { grid-area: shop05; }
#loc01 .mori .mori-shoplist-box .mori-shoplist .shoplist-item06 { grid-area: shop06; }
#loc01 .mori .mori-shoplist-box .mori-shoplist .shoplist-item07 { grid-area: shop07; }
#loc01 .mori .village { margin-top: 3rem; display: grid; gap: 3rem; grid-template-columns: 50% 1fr; align-items: end; }
#loc01 .mori .village .txt-box .village-logo { max-width: 400px; }
#loc01 .mori .village .txt-box .village-logo .time { margin-top: .5rem; padding-left: 25%; }
#loc01 .mori .village .txt-box .village-logo + .lead { margin-top: 1rem; }
#loc01 .mori .village .txt-box .village-map { margin: 3rem auto 0 auto; }
#loc01 .mori .village .img-box { display: grid; gap: 2rem; grid-template-columns: repeat(2, 1fr); }
#loc01 .mori .village .img-box .li-l { grid-column: span 2; }
#loc01 .mori .ensis { padding-bottom: 7%; }
#loc01 .mori .ensis .eisin-block { margin-top: 3rem; display: grid; gap: 3rem; grid-template-columns: 55% 1fr; align-items: start; position: relative; }
#loc01 .mori .ensis .txt-box .lead .ensis-img01 { width: 50%; float: right; margin: 0 0 1.5rem 1.5rem; }
#loc01 .mori .ensis .txt-box .lead::after { content: ""; display: block; clear: both; }
#loc01 .mori .ensis .img-box { display: grid; gap: 2rem; grid-template-columns: repeat(2, 1fr); }
#loc01 .mori .ensis .img-box .li-l { grid-column: span 2; }
#loc01 .mori .ensis .illust02 { width: 15%; position: absolute; left: -14%; bottom: -25%; z-index: 2; }
@media screen and (max-width: 1040px) { #loc01 .gourmet .g-list br.pc { display: none !important; }
  #loc01 .gourmet .g-list .op0 { display: none; }
  #loc01 .park .onsen .column-inner-box { gap: 2rem; grid-template-columns: 1fr; }
  #loc01 .park .onsen .column-inner-box .onsen-img { max-width: 600px; margin: 0 auto; } }
@media screen and (max-width: 800px) { #loc01 .comf .com-box { grid-template-columns: 1fr; } }
@media screen and (max-width: 600px) { #loc01 .shopping .img-list { grid-template-columns: repeat(2, 1fr); }
  #loc01 .shopping .img-list01 { grid-template-columns: 1fr; }
  #loc01 .shopping .img-list01 .li-item { width: 50%; margin: 0 auto; }
  #loc01 .shopping .img-list01 .li-l { width: 100%; grid-column: span 1; grid-template-columns: 1fr; }
  #loc01 .gourmet .g-list { grid-template-columns: 1fr; }
  #loc01 .edu .img-list { grid-template-columns: repeat(2, 1fr); }
  #loc01 .medi .img-list { grid-template-columns: repeat(2, 1fr); }
  #loc01 .bnr-shien .soon::after { font-size: 1.5rem; }
  #loc01 .park .img-list { grid-template-columns: repeat(2, 1fr); }
  #loc01 .park .img-list01 { grid-template-columns: 1fr; }
  #loc01 .park .img-list01 .illust { width: 50%; max-width: 120px; margin: 0 auto; }
  #loc01 .park .img-list01 .li-l { width: 100%; grid-column: span 1; grid-template-columns: 1fr; }
  #loc01 .comf .com-box .com01 { grid-template-columns: 1fr; }
  #loc01 .comf .com-box .com01 .com-ttl { grid-column: span 1; order: 1; }
  #loc01 .comf .com-box .com01 .img-box { order: 3; }
  #loc01 .comf .com-box .com01 .lead { order: 2; }
  #loc01 .mori .img-list01 { grid-template-columns: repeat(2, 1fr); }
  #loc01 .mori .mori-map .img { overflow-y: scroll; }
  #loc01 .mori .mori-map .img img { height: 350px; width: auto; }
  #loc01 .mori .mori-map .img .cap { display: none; }
  #loc01 .mori .mori-map .note { text-align: right; }
  #loc01 .mori .mori-detail { grid-template-columns: 1fr; }
  #loc01 .mori .mori-detail .mori-logo .img { margin: 0 auto; }
  #loc01 .mori .mori-shoplist-box .mori-shoplist { grid-template-columns: repeat(2, 1fr); grid-template-areas: "shop01 shop02" "shop03 shop04" "shop05 shop05" "shop06 shop07"; }
  #loc01 .mori .village { grid-template-columns: 1fr; }
  #loc01 .mori .ensis { padding-bottom: 15%; }
  #loc01 .mori .ensis .eisin-block { grid-template-columns: 1fr; }
  #loc01 .mori .ensis .illust02 { width: 20%; left: -15%; bottom: -15%; } }
@media screen and (max-width: 480px) { #loc01 .mori .mori-shoplist-box .mori-shoplist { gap: 1.5rem; grid-template-columns: 1fr; grid-template-areas: "shop01" "shop02" "shop03" "shop04" "shop05" "shop06" "shop07"; } }

#loc02 .loc-head::before, #loc02 .loc-head::after { border-top: solid 10px #77b7ad; border-bottom: solid 10px #77b7ad; }
#loc02 .loc-head::before { border-left: solid 10px #77b7ad; }
#loc02 .loc-head::after { border-right: solid 10px #77b7ad; }
#loc02 .loc-head .loc-head-ttl { color: #006881; }
#loc02 .area-ttl { color: #006881; border: solid 3px #77b7ad; }
#loc02 .area-ttl + .lead { margin-top: 2rem; }
#loc02 .maincopy { color: #006881; }
#loc02 .tachikawa .tachikawa-box01 .img-list { position: relative; grid-template-columns: 55% 1fr; }
#loc02 .tachikawa .tachikawa-box01 .img-list .li-item .lead { margin-top: 1rem; }
#loc02 .tachikawa .tachikawa-box01 .img-list .li-item02 .img .cap { bottom: auto; top: 10px; }
#loc02 .tachikawa .tachikawa-box01 .img-list .illust03 { position: absolute; right: -5%; bottom: -5rem; width: 15%; z-index: 2; }
#loc02 .tachikawa .tachikawa-box02 { margin-top: 5rem; }
#loc02 .tachikawa .tachikawa-box02 .img-list { grid-template-columns: repeat(4, 1fr); }
#loc02 .showa .lead { padding-right: 20%; position: relative; }
#loc02 .showa .illust04 { width: 20%; position: absolute; bottom: -1rem; right: 0; z-index: 2; }
#loc02 .showa .img-list { grid-template-columns: repeat(3, 1fr); }
@media screen and (max-width: 600px) { #loc02 .loc-head::before, #loc02 .loc-head::after { border-top: solid 7px #77b7ad; border-bottom: solid 7px #77b7ad; }
  #loc02 .loc-head::before { border-left: solid 7px #77b7ad; }
  #loc02 .loc-head::after { border-right: solid 7px #77b7ad; }
  #loc02 .tachikawa .tachikawa-box01 .img-list { grid-template-columns: 1fr; }
  #loc02 .tachikawa .tachikawa-box01 .img-list .li-item02 .img .cap { bottom: 10px; top: auto; }
  #loc02 .tachikawa .tachikawa-box01 .img-list .illust03 { right: -2%; bottom: auto; top: -6rem; width: 20%; }
  #loc02 .tachikawa .tachikawa-box02 .img-list { grid-template-columns: repeat(2, 1fr); }
  #loc02 .showa .lead { padding-right: 0; }
  #loc02 .showa .lead::after { content: ""; display: block; clear: both; }
  #loc02 .showa .illust04 { width: 30%; position: static; float: right; }
  #loc02 .showa .img-list { grid-template-columns: repeat(2, 1fr); } }