.hns{--line:#e3e7ec;--sub:#66727e;--acc:#e8541e;--ink:#1f2a37;font-size:15px;line-height:1.7;color:var(--ink)} .article .hns h2{text-align:left;background:none;border:0;border-left:6px solid var(--acc);border-radius:0;padding:2px 0 2px 12px;margin:34px 0 14px;font-size:20px;color:var(--ink)} .article .hns h3{display:flex;align-items:baseline;gap:8px;background:#fff;color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:8px;padding:9px 14px;margin:26px 0 10px;font-size:17px} .article .hns h3 .c{font-size:.8em;font-weight:400;color:var(--sub)} .article .hns h3 a{margin-left:auto;font-size:.78em;font-weight:700;white-space:nowrap} .article .hns h2:before,.article .hns h2:after,.article .hns h3:before,.article .hns h3:after{display:none} .hns p{margin:0 0 10px} .hns .lead{background:#fff7f2;border:1px solid #f6d3c2;border-radius:10px;padding:14px 16px;margin:0 0 6px} .hns .lead strong{color:#b8400f} .hns .src{font-size:12.5px;color:var(--sub)} .hns table{border-collapse:separate;border-spacing:0;font-size:.9em;margin:6px 0 16px;width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden} .hns th,.hns td{border:0;border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;background:#fff} .hns tr:last-child td{border-bottom:0} .hns th{background:#f8f9fb;color:#475467;font-weight:700;white-space:nowrap} .hns td.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums} .hns .jump{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 6px;padding:0;list-style:none} .hns .jump li{margin:0;padding:0;list-style:none} .hns .jump li:before{display:none} .hns .jump a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.88em;text-decoration:none;background:#fff;color:var(--ink)} .hns .jump a b{color:var(--acc);margin-left:4px;font-weight:700} .hns .cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0 0 8px} .hns .s{border:1px solid #e7eaf0;border-radius:16px;padding:16px 16px 14px;background:#fff;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:box-shadow .2s,border-color .2s} .hns .s:hover{border-color:#d5dbe5;box-shadow:0 6px 18px rgba(16,24,40,.08)} .hns .s .hd{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px} .hns .s .b{display:inline-block;font-size:12px;font-weight:700;color:#fff;border-radius:999px;padding:2px 10px;line-height:1.5} .hns .s .st{display:none;font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;line-height:1.5;white-space:nowrap} .hns .s .st.on{display:inline-flex;align-items:center;gap:5px} .hns .s .st.on:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor} .hns .s .st.y{background:#e8f6ee;color:#16794a}.hns .s .st.n{background:#f2f4f7;color:#667085} .hns .s .nm{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font-weight:800;font-size:17px;line-height:1.45;color:var(--ink);text-decoration:none;margin:0} .hns .s a.nm:hover{color:var(--acc)}.hns .s .nm i{color:#98a2b3;font-size:20px;line-height:1.2} .hns .b-gigo{background:#2b6cb0}.hns .b-taito{background:#c53030}.hns .b-namco{background:#b7791f} .hns .b-round1{background:#c05621}.hns .b-aeon{background:#6b46c1}.hns .b-everyday{background:#2f855a}.hns .b-mandai{background:#c53071}.hns .b-otachu{background:#975a16}.hns .b-opw{background:#2c7a7b}.hns .b-souko{background:#4a5568}.hns .b-soyu{background:#d69e2e}.hns .b-apina{background:#3182ce}.hns .b-amipara{background:#38a169}.hns .b-amuseum{background:#805ad5}.hns .b-adores{background:#e53e3e}.hns .b-kaiyukan{background:#0987a0}.hns .b-rakupa{background:#c05621}.hns .b-capcom{background:#2b6cb0}.hns .b-leisureland{background:#b7791f}.hns .b-silkhat{background:#1a202c}.hns .b-karzoc{background:#d53f8c}.hns .b-catseye{background:#2c5282}.hns .b-jce{background:#6b46c1}.hns .b-yous{background:#dd6b20}.hns .b-wondergoo{background:#e53e3e}.hns .b-thirdplanet{background:#319795}.hns .b-korona{background:#9b2c2c}.hns .b-benex{background:#2f855a}.hns .b-warehouse{background:#4a5568}.hns .b-luluarq{background:#d69e2e}.hns .b-asoble{background:#38a169}.hns .b-mines{background:#805ad5}.hns .b-yuei{background:#b83280}.hns .b-maruhan{background:#c53030}.hns .b-local{background:#718096}.hns .b-pinkpanther{background:#d53f8c}.hns .b-izumi{background:#2b6cb0}.hns .b-eightgrp{background:#dd6b20}.hns .b-tecmopia{background:#3182ce}.hns .b-mg{background:#2c7a7b}.hns .b-daiken{background:#b7791f} .hns .s .ln{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:14px;line-height:1.55} .hns .s .ln li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;word-break:break-word} .hns .s .ln li:before{display:none} .hns .s .ln i{color:#98a2b3;text-align:center;margin-top:3px;font-size:15px} .hns .s .ln small{display:block;color:var(--sub);font-size:12px;line-height:1.5} .hns .s .ln a{color:var(--ink);text-decoration:none} .hns .s .tg{display:flex;flex-wrap:wrap;gap:6px} .hns .s .tg span{font-size:12px;font-weight:700;border-radius:6px;padding:3px 8px;background:#f2f4f7;color:#344054;line-height:1.5} .hns .s .tg .g{background:#e8f6ee;color:#16794a}.hns .s .tg .w{background:#fef3f2;color:#b42318} .hns .s .ok{color:#1d7a46;font-weight:700} .hns .s .warn,.hns .s .al{color:#b42318;font-weight:700} .hns .s .al{font-size:13px;background:#fef3f2;border-radius:8px;padding:6px 10px;line-height:1.5} .hns .s .ac{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:auto} .hns .s .ac a,.hns .s .ac button{display:flex;align-items:center;justify-content:center;gap:5px;height:40px;border-radius:10px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:13.5px;font-weight:700;text-decoration:none;cursor:pointer;font-family:inherit;padding:0 6px;white-space:nowrap;line-height:1} .hns .s .ac a:hover,.hns .s .ac button:hover{background:#f9fafb} .hns .s .ac .p{background:var(--acc);border-color:var(--acc);color:#fff}.hns .s .ac .p:hover{background:#d04512} .hns .s .so{display:block;font-size:12px;color:#98a2b3;line-height:1.5}.hns .s .so a{color:inherit} .hns .rv{flex:none;border:1px solid var(--acc);color:var(--acc);background:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;cursor:pointer;line-height:1.4} .hns .rv:hover{background:#fff4ee} .hns .s .rs{margin:0;font-size:13px} .hns .s .rs summary{display:flex;align-items:center;gap:4px 10px;flex-wrap:wrap;cursor:pointer;list-style:none;color:var(--ink)} .hns .s .rs summary::-webkit-details-marker{display:none} .hns .s .rs summary:after{content:"";width:6px;height:6px;border:solid var(--sub);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin:-3px 0 0 -2px} .hns .s .rs[open] summary:after{transform:rotate(225deg);margin-top:3px} .hns .s .rs summary b{color:#d97706;font-weight:700} .hns .s .rs summary span{white-space:nowrap} .hns .s .rs .c{color:var(--sub)} .hns .s .rs .rb{background:#f7f8fa;border-radius:8px;padding:8px 10px;margin-top:6px} .hns .s .rs .rb p{margin:0 0 4px} .hns .s .rs q{display:block;quotes:none;border-left:3px solid #f6d3c2;padding-left:8px;margin:6px 0 0} .hns .s .rs q small{display:block;color:var(--sub);font-size:12px} .hns .note{font-size:.85em;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:12px 0;color:var(--sub)} .hns .note p:last-child{margin:0} .hns .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 10px} .hns .grid a{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:8px 10px;text-decoration:none;font-size:.92em;background:#fff;color:var(--ink)} .hns .grid a b{color:var(--acc)} .hns .rg{font-weight:700;font-size:.9em;color:var(--sub);margin:14px 0 4px} .hns .cities{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 10px} .hns .city{display:block;border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink);background:#fff} .hns .city:hover{border-color:var(--acc)} .hns .city .t{display:flex;justify-content:space-between;font-weight:700} .hns .city .t b{color:var(--acc)} .hns .city .m{font-size:.78em;color:var(--sub);margin-top:4px;line-height:1.5} .hns .faq .qa{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 10px} .hns .faq .qa p{margin:0} .article .hns .faq h3{display:block;background:none;border:0;padding:0;margin:0 0 6px;font-size:16px;line-height:1.5} .article .hns .faq h3:before{content:"Q.";display:inline;color:var(--acc);margin-right:4px} .hns .back{margin-top:20px;font-size:.88em} .hns td.mix{font-size:.92em;line-height:1.6;color:var(--sub)} @media (max-width:760px){.hns .cards{grid-template-columns:minmax(0,1fr)}.hns .cities{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hns .grid{grid-template-columns:repeat(3,1fr);gap:6px}.hns .grid a{padding:7px 8px;font-size:14px} .hns .src,.hns .city .m{font-size:12px}.hns .note{font-size:13.5px}.hns table{font-size:14px}.hns th,.hns td{padding:8px}.hns th{white-space:normal} .hns table.srcs tr,.hns table.bypref tr{background:#fff} .hns table.bypref tr:first-child{display:none}.hns table.bypref tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px;border-bottom:1px solid var(--line)}.hns table.bypref tr:last-child{border-bottom:0} .hns table.bypref td{padding:0;border:0;white-space:nowrap}.hns table.bypref td:first-child,.hns table.bypref td.n{font-size:15px;font-weight:700}.hns table.bypref td.n strong:after{content:"店";font-size:.8em;margin-left:1px} .hns table.bypref td.mix{grid-column:1/-1;margin-top:3px;font-size:12.5px;white-space:normal} .hns table.srcs tr:first-child{display:none}.hns table.srcs tr{display:block;padding:9px 12px;border-bottom:1px solid var(--line)}.hns table.srcs tr:last-child{border-bottom:0} .hns table.srcs td{display:inline;padding:0;border:0;font-size:13px;color:var(--sub)}.hns table.srcs td:first-child{display:block;font-size:14px;font-weight:700;color:var(--ink)}.hns table.srcs td:last-child:before{content:" / 確認 "}} .hns .find{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 12px} .hns .find a,.hns .find button{display:flex;align-items:center;justify-content:center;gap:6px;height:46px;border:1.5px solid var(--acc);border-radius:10px;background:#fff;color:var(--acc);font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;white-space:nowrap;padding:0 6px;font-family:inherit} .hns .find a.on{background:var(--acc);color:#fff} .hns form.kw{display:flex;gap:8px;margin:0 0 12px} .hns form.kw input{flex:1;min-width:0;height:44px;border:1px solid #c9d0d8;border-radius:10px;padding:0 12px;font-size:16px;background:#fff;margin:0} .hns form.kw button{flex:none;height:44px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-weight:700;padding:0 18px;font-size:14px;cursor:pointer} .hns .chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px} .hns .chips a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:14px;text-decoration:none;background:#fff;color:var(--ink)} .hns .chips a b{color:var(--acc);margin-left:4px} .hns .guides{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:8px 0 14px} .hns .guides a{display:grid;grid-template-columns:44px minmax(0,1fr) 14px;align-items:center;gap:12px;border:1px solid #e7eaf0;border-radius:14px;padding:12px 14px;background:#fff;text-decoration:none;color:var(--ink);box-shadow:0 1px 2px rgba(16,24,40,.05);transition:box-shadow .2s,border-color .2s} .hns .guides a:hover{border-color:#d5dbe5;box-shadow:0 6px 18px rgba(16,24,40,.08)} .hns .guides a>i:first-child{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#fff1ea;color:var(--acc);font-size:20px} .hns .guides a>i:last-child{color:#98a2b3;font-size:18px} .hns .guides em{display:block;font-style:normal;font-size:12px;font-weight:700;color:var(--acc);line-height:1.4} .hns .guides b{color:var(--ink);font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.5;margin:1px 0} .hns .guides span span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:var(--sub);line-height:1.55} .hns .guides a.top{grid-column:1/-1;background:linear-gradient(135deg,#fff4ee,#fff 70%);border-color:#f6d3c2} .hns .guides a.top>i:first-child{background:var(--acc);color:#fff} .hns .rows{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:0 0 10px} .hns .r{position:relative;display:flex;flex-direction:column;gap:3px;border:1px solid #e7eaf0;border-radius:14px;padding:12px 14px;background:#fff;font-size:14px;line-height:1.55;box-shadow:0 1px 2px rgba(16,24,40,.05)} .hns .r .rn{display:block;font-weight:800;font-size:15.5px;line-height:1.5;color:var(--ink);text-decoration:none;padding-right:84px} .hns .r a.rn:hover{color:var(--acc)} .hns .r .ra{display:block;color:var(--sub);font-size:13px} .hns .r .rh{display:block;color:#344054;font-size:13px} .hns .r .rh:before{content:"\f017";font-family:FontAwesome;color:#98a2b3;margin-right:6px} .hns .r .rl{display:flex;gap:8px;margin-top:6px} .hns .r .rl a{flex:1;text-align:center;border:1px solid #d0d5dd;border-radius:9px;padding:7px 4px;font-weight:700;font-size:13px;text-decoration:none;color:#344054;background:#fff;line-height:1.3} .hns .r .rl a:first-child{background:var(--acc);border-color:var(--acc);color:#fff} .hns .r .dist{position:absolute;top:12px;right:12px;background:#fff1ea;color:var(--acc);font-weight:800;font-size:13px;border-radius:999px;padding:2px 10px;line-height:1.5;white-space:nowrap} .hns .r .b{display:inline-block;font-size:12px;font-weight:700;color:#fff;border-radius:999px;padding:1px 9px;margin:0 6px 3px 0;vertical-align:2px;line-height:1.5} .hns .r .ok{color:#16794a;font-weight:700} .hns .ctiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 10px} .hns .ctiles a{display:block;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;text-decoration:none;color:var(--ink)} .hns .ctiles a:hover{border-color:var(--acc)} .hns .ctiles .t{display:flex;justify-content:space-between;gap:6px;font-weight:700;line-height:1.45} .hns .ctiles .t b{color:var(--acc);white-space:nowrap} .hns .ctiles .m{display:block;font-size:12.5px;color:var(--sub);margin-top:3px;line-height:1.5} .hns .nr-ctl{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:8px 0} .hns #nr-geo{height:50px;border:0;border-radius:12px;background:var(--acc);color:#fff;font-weight:800;font-size:15px;cursor:pointer;font-family:inherit} .hns #nr-msg{margin:6px 0 10px;font-size:14px} .hns .nr-mapw{position:relative;margin:4px 0 8px} .hns #nr-map{height:min(62vh,520px);min-height:320px;border:1px solid var(--line);border-radius:12px;background:#eef1f4;z-index:0} .hns #nr-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);color:#fff;font-weight:700;font-size:16px;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:500} .hns #nr-hint.on{opacity:1} .hns .nr-dot{background:var(--acc);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.45)} .hns .nr-cl{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;box-shadow:0 0 0 4px rgba(232,84,30,.25)} .hns .nr-cl.s{background:#f08a4b}.hns .nr-cl.m{background:var(--acc)}.hns .nr-cl.l{background:#b23a0e} .hns .leaflet-popup-content{margin:12px 14px;font-size:14px;line-height:1.55} .hns .nr-pop b{display:block;font-size:15px;margin:2px 0}.hns .nr-pop span{display:block;color:var(--sub);font-size:13px} .hns .nr-pop .b{display:inline-block;color:#fff;font-size:12px}.hns .nr-pop .dist{color:var(--acc);font-weight:700} .hns .nr-pop .rl{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.hns .nr-pop .rl a{font-size:13px} .hns .leaflet-container a.leaflet-popup-close-button{width:28px;height:28px;font-size:20px} .hns #nr-more{display:block;margin:8px auto 0;height:42px;padding:0 22px;border:1px solid var(--acc);border-radius:999px;background:#fff;color:var(--acc);font-weight:700;cursor:pointer} @media (max-width:760px){.hns .find{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hns .guides,.hns .rows{grid-template-columns:minmax(0,1fr)}.hns .ctiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hns .ctiles .m{font-size:12px}} /* 口コミのダイアログ:PC・タブレットは画面中央、スマホ(600px 以下)は下からのシート。中身だけスクロールし、送信ボタンは常に見える */ #hns-dlg{position:fixed;inset:0;margin:auto;border:0;border-radius:16px;padding:0;width:min(560px,calc(100% - 32px));max-width:none;height:fit-content;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);background:#fff;color:var(--ink);box-shadow:0 20px 60px rgba(16,24,40,.3);overflow:hidden} #hns-dlg[open]{display:flex} #hns-dlg::backdrop{background:rgba(16,24,40,.55)} html:has(#hns-dlg[open]){overflow:hidden} #hns-dlg form{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;margin:0;padding:0} #hns-dlg .hd{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--line)} #hns-dlg h3:focus{outline:0} #hns-dlg h3{display:block;font-size:18px;font-weight:800;line-height:1.4;margin:0;padding:0;border:0;background:none;color:var(--ink)} #hns-dlg .sn{font-size:13px;color:var(--sub);margin-top:2px;line-height:1.5} #hns-dlg .hd>div{flex:1;min-width:0} #hns-dlg .x{margin:0 0 0 auto;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#f2f4f7;color:#344054;font-size:20px;line-height:36px;text-align:center;cursor:pointer} #hns-dlg .x:hover{background:#e4e7ec} #hns-dlg .bd{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 20px 10px} #hns-dlg fieldset{border:0;padding:0;margin:16px 0 0;min-width:0} #hns-dlg legend{display:block;font-weight:700;font-size:14.5px;line-height:1.5;margin:0 0 8px;padding:0;border:0;color:var(--ink)} #hns-dlg legend small{font-weight:400;font-size:12px;color:var(--sub);margin-left:6px} #hns-dlg .ch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px} #hns-dlg .ch.c4{grid-template-columns:repeat(4,minmax(0,1fr))} #hns-dlg .ch.w{display:flex;flex-wrap:wrap} #hns-dlg .ch label{display:block;position:relative;margin:0;padding:0} #hns-dlg .ch input{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;margin:0} #hns-dlg .ch span{display:flex;align-items:center;justify-content:center;gap:3px;min-height:42px;padding:6px 12px;border:1.5px solid #d0d5dd;border-radius:10px;background:#fff;color:#344054;font-size:14px;font-weight:700;line-height:1.3;text-align:center;cursor:pointer} #hns-dlg .ch span i{font-style:normal;color:#f5a524} #hns-dlg .ch span:hover{border-color:var(--acc)} #hns-dlg .ch input:checked+span{border-color:var(--acc);background:#fff4ee;color:var(--acc)} #hns-dlg .ch input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px} #hns-dlg .sc{display:flex;justify-content:space-between;margin-top:4px;font-size:12px;color:var(--sub)} #hns-dlg textarea{display:block;width:100%;box-sizing:border-box;height:84px!important;min-height:84px;max-height:180px;padding:10px 12px;border:1.5px solid #d0d5dd;border-radius:10px;font-size:16px;line-height:1.6;resize:vertical} #hns-dlg textarea:focus{border-color:var(--acc);outline:0} #hns-dlg .cnt{text-align:right;font-size:12px;color:var(--sub);margin-top:2px} #hns-dlg .note{font-size:12.5px;line-height:1.6;color:var(--sub);margin:12px 0 2px} #hns-dlg .ft{padding:12px 20px 14px;border-top:1px solid var(--line);background:#fff} #hns-dlg .msg{font-size:13.5px;line-height:1.5;margin:0 0 8px;color:#b42318} #hns-dlg .msg.ok{color:#16794a} #hns-dlg .msg:empty{display:none} #hns-dlg .btns{display:grid;grid-template-columns:1fr 2fr;gap:10px} #hns-dlg .btns button{height:48px;margin:0;border:1.5px solid #d0d5dd;border-radius:10px;background:#fff;color:#344054;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit} #hns-dlg .btns button[type=submit]{background:var(--acc);border-color:var(--acc);color:#fff} #hns-dlg .btns button:disabled{opacity:.6;cursor:default} #hns-dlg .hp{position:absolute;left:-9999px} @media (max-width:600px){ #hns-dlg{inset:auto 0 0 0;margin:0;width:100%;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);border-radius:16px 16px 0 0} #hns-dlg .hd{padding:16px 16px 10px}#hns-dlg .bd{padding:2px 16px 10px} #hns-dlg .ft{padding:10px 16px calc(12px + env(safe-area-inset-bottom))} #hns-dlg .ch.c4{grid-template-columns:repeat(2,minmax(0,1fr))} #hns-dlg .ch span{padding:6px 4px}} .article .hns h2 .c{font-size:.75em;font-weight:400;color:var(--sub);margin-left:8px} .hns .r .nt{display:block;font-size:13.5px;font-weight:700;line-height:1.55;border-radius:8px;padding:6px 10px;margin-top:4px;background:#fef3f2;color:#b42318} .hns .r .nt.g{background:#e8f6ee;color:#16794a}.hns .r .nt.i{background:#f2f4f7;color:#344054;font-weight:400} .hns .r .sr{display:block;font-size:12px;color:#98a2b3;line-height:1.5;margin-top:4px}.hns .r .sr a{color:inherit} /* 右上のバッジ(閉店時刻・台数)は店名の中で右に回り込ませる(文字数が違っても店名に重ならない) */ .hns .r .rn.k{padding-right:0} .hns .r .rk{float:right;margin:1px 0 4px 10px;background:#fff1ea;color:var(--acc);font-weight:800;font-size:14px;border-radius:999px;padding:2px 10px;line-height:1.5;white-space:nowrap} .hns .r .rk small{font-size:.75em;margin-left:1px} .hns .sp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0 14px} .hns .sp a{display:flex;flex-direction:column;gap:2px;border:1px solid #e7eaf0;border-radius:14px;padding:12px 14px;background:#fff;text-decoration:none;color:var(--ink);box-shadow:0 1px 2px rgba(16,24,40,.05)} .hns .sp a:hover{border-color:var(--acc)} .hns .sp a i{color:var(--acc);font-size:20px;margin-bottom:2px} .hns .sp a b{font-size:15px;line-height:1.45} .hns .sp a span{font-size:12.5px;color:var(--sub);line-height:1.5} .hns .ag{background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:14px 16px;margin:0 0 12px} .hns .ag p{margin:0 0 6px}.hns .ag .pf{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0} .hns .ag .pf a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:3px 11px;font-size:14px;text-decoration:none;background:#fff;color:var(--ink)} .hns .ag .pf a:after{content:" \f08e";font-family:FontAwesome;font-size:.75em;color:#98a2b3} .hns .ag.law{background:#fff7f2;border-color:#f6d3c2} .hns .ag h3 small{font-weight:400;color:var(--sub);font-size:.8em} .hns .mo{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px} .hns .mo a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:14px;text-decoration:none;background:#fff;color:var(--ink)} .hns .empty{background:#f7f8fa;border-radius:12px;padding:12px 16px;color:var(--sub);font-size:14px;margin:0 0 12px} .hns ul.hnl{list-style:none;margin:0 0 6px;padding:0;border:1px solid #e7eaf0;border-radius:14px;background:#fff;overflow:hidden} .hns ul.hnl li{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.hns ul.hnl li:first-child{border-top:0}.hns ul.hnl li:before{display:none} .hns ul.hnl a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;color:var(--ink)} .hns ul.hnl em{font-style:normal;font-size:12px;font-weight:700;border-radius:6px;padding:2px 8px;background:#fef3f2;color:#b42318;white-space:nowrap} .hns ul.hnl em.i{background:#f2f4f7;color:#344054} .hns ul.hnl b{font-size:14.5px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .hns ul.hnl span{font-size:12.5px;color:var(--sub);white-space:nowrap} @media (max-width:760px){.hns ul.hnl a{grid-template-columns:auto minmax(0,1fr);gap:4px 10px}.hns ul.hnl span{display:none}.hns ul.hnl b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hns .sp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hns .sp a{padding:11px 12px}.hns .sp a b{font-size:14.5px}.hns .sp a span{font-size:12px}} .hns-shop .tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px} .hns-shop .tags span{display:inline-flex;align-items:center;border-radius:999px;padding:3px 11px;font-size:13px;font-weight:700;background:#eef5ff;color:#1e4e8c;border:1px solid #cfe0f7} .hns-shop .tags span.g{background:#ecf8f0;color:#1d7a46;border-color:#c6e9d3} .hns-shop .tags span.w{background:#fff4ee;color:#b8400f;border-color:#f6d3c2} .hns-shop .open{display:none;margin:8px 0 0;font-size:14px;font-weight:700} .hns-shop .open.on{display:block}.hns-shop .open i{font-style:normal;color:var(--sub);font-weight:400;font-size:12px;margin-left:6px} .hns-shop .open.y b{color:#1d7a46}.hns-shop .open.n b{color:#b42318} .hns-shop .info{width:100%} .hns-shop .info th{width:7.5em;vertical-align:top} .hns-shop .info td .src{display:block;margin-top:2px} .hns-shop .info ul{margin:0;padding:0;list-style:none}.hns-shop .info li{margin:0 0 3px;padding:0;list-style:none}.hns-shop .info li:before{display:none} .hns-shop .info .pl{display:flex;flex-wrap:wrap;gap:4px 5px;margin:4px 0 8px}.hns-shop .info .pl li{margin:0;font-size:13px;line-height:1.5;border:1px solid #d5dbe6;border-radius:999px;padding:1px 9px;background:#f6f8fb;white-space:nowrap} .hns-shop .info .ph{display:block;font-weight:700;font-size:14px} .hns-shop .acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 4px} .hns-shop .acts a,.hns-shop .acts button{display:flex;align-items:center;justify-content:center;gap:6px;height:46px;border:1.5px solid var(--acc);border-radius:10px;background:#fff;color:var(--acc);font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;font-family:inherit;padding:0 4px;white-space:nowrap} .hns-shop .acts .p{background:var(--acc);color:#fff} .hns-shop #sh-map{height:340px;border:1px solid var(--line);border-radius:12px;background:#eef1f4;z-index:0;margin:6px 0 8px} .hns-shop .pin-me{background:#d93025;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.5)} .hns-shop .pin-nb{background:#3b6fb6;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.4)} .hns-shop .pin-st{background:#fff;border:3px solid #333;border-radius:3px} .hns-shop .stat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 12px} .hns-shop .stat div{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 8px;text-align:center;line-height:1.35} .hns-shop .stat b{display:block;font-size:22px;color:var(--acc)}.hns-shop .stat b small{font-size:13px;margin-left:1px} .hns-shop .stat span{font-size:12.5px;color:var(--sub)} .hns-shop .r .ok,.hns-shop .info .ok{color:#1d7a46;font-weight:700} .hns-shop th.n,.hns-shop td.n{white-space:nowrap;text-align:right} .hns-shop .rule{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 10px} .hns-shop .rule p{margin:0 0 6px}.hns-shop .rule p:last-child{margin:0} .hns-shop .rule strong{color:#b42318} .hns-shop .rvbox{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 10px} .hns-shop .rvbox .big{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px;margin:0 0 8px} .hns-shop .rvbox .big b{color:#d97706;font-size:20px} .hns-shop .rvbox q{display:block;quotes:none;border-left:3px solid #f6d3c2;padding-left:10px;margin:8px 0 0} .hns-shop .rvbox q small{display:block;color:var(--sub);font-size:12px} .hns-shop .rvbox .rv{margin-top:10px;padding:8px 18px;font-size:14px} @media (max-width:760px){.hns-shop .info th{width:5.6em}.hns-shop .acts{grid-template-columns:repeat(3,minmax(0,1fr))}.hns-shop .acts a,.hns-shop .acts button{font-size:13px;height:44px} .hns-shop #sh-map{height:300px}.hns-shop .stat b{font-size:20px}} .hns .st-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 6px} .hns .st-facts div{border:1px solid #e7eaf0;border-radius:12px;padding:8px 10px;background:#fff;text-align:center;font-size:12px;color:var(--sub);line-height:1.4} .hns .st-facts b{display:block;font-size:22px;color:var(--ink,#1a2433);line-height:1.2} .hns .st-facts small{font-size:12px;margin-left:1px} .hns .r .tg{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 0} .hns .r .tg span{font-size:12px;line-height:1.5;border-radius:999px;padding:1px 8px;background:#eef5ff;color:#1e4e8c} .hns .r .tg span.g{background:#ecf8f0;color:#1d7a46} .hns .r .wk{font-size:13px;color:var(--sub)} .hns .st-lines{font-size:13px;color:var(--sub);margin:4px 0 10px} @media (max-width:640px){.hns .st-facts{grid-template-columns:repeat(2,minmax(0,1fr))}} .hng{--ink:#1d2433;--sub:#5a6475;--line:#e3e7ee;--bg:#f6f8fb;--accent:#e5484d;--navy:#1f3260;--gold:#e9b62b} .hng *{box-sizing:border-box} .hng-pr{font-size:.75em;color:var(--sub);border:1px solid var(--line);border-radius:6px;padding:3px 10px;display:inline-block} .hng-lead{font-size:1.02em} .hng-answer{border:2px solid var(--navy);border-radius:14px;padding:16px 18px;margin:16px 0 20px;background:#fff} .hng-answer__h{font-weight:800;color:var(--navy);margin:0 0 8px;font-size:1.05em} .hng-answer p{margin:0 0 10px} .hng-picks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0 4px} .hng a.hng-pick{display:block;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:10px 12px;background:var(--bg);text-decoration:none;color:var(--ink)} .hng a.hng-pick:hover{border-color:var(--accent)} .hng-pick__if{display:block;font-size:13px;color:var(--sub);line-height:1.5} .hng-pick__do{display:block;font-weight:800;line-height:1.5;margin-top:2px} .hng-pick__do:after{content:" →";color:var(--accent)} .hng-figure{margin:16px 0}.hng-figure figcaption{font-size:13px;color:var(--sub);text-align:center;margin-top:4px} .hng-svg{width:100%;max-width:520px;height:auto;display:block;margin:0 auto} .hng-figpair{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:640px;margin:0 auto} .hng-figpair .hng-svg{max-width:none} .hng ul.hng-checks{list-style:none;margin:12px 0;padding:0;border:0;background:none;display:grid;gap:8px} .hng ul.hng-checks li{margin:0;padding:12px 14px 12px 44px;border:1px solid var(--line);border-radius:12px;background:#fff;position:relative;line-height:1.7} .hng ul.hng-checks li:before{content:"✓";position:absolute;left:14px;top:12px;width:20px;height:20px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;line-height:20px;text-align:center;font-weight:800} .hng ul.hng-checks b{display:block} .hng-when{display:grid;grid-template-columns:1fr auto;gap:8px;background:var(--bg);border-radius:12px;padding:10px 14px;margin:0 0 12px;font-size:14.5px} .hng-when p{margin:0;line-height:1.6}.hng-when b{display:inline-block;margin-right:8px;color:var(--navy);font-size:12px;border:1px solid var(--navy);border-radius:4px;padding:0 6px;vertical-align:1px} .hng ol.hng-steps{list-style:none;margin:14px 0 8px;padding:0 0 0 22px;border:0;background:none;border-left:3px dotted #c9d0dc;margin-left:10px} .hng li.hng-step{position:relative;margin:0 0 22px;padding:0;list-style:none} .hng li.hng-step:before{content:"";position:absolute;left:-33px;top:4px;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--accent)} .hng-step__label{margin:0;font-size:12px;font-weight:800;color:var(--accent);letter-spacing:.08em} .article .hng .hng-step__title{margin:2px 0 6px;padding:0;border:0;background:none;font-size:17px;line-height:1.5;color:var(--ink);text-align:left} .article .hng .hng-step__title:before,.article .hng .hng-step__title:after{display:none} .hng ul.hng-step__list{margin:6px 0 8px;padding:10px 12px 10px 30px;border:0;background:#fffdf4;border-radius:10px;font-size:14.5px} .hng ul.hng-step__list li{margin:0 0 4px} .article .hng .hng-mh{background:#fff;color:var(--ink);border:1px solid var(--line);border-left:6px solid var(--accent);border-radius:10px;padding:10px 14px;margin:30px 0 12px;font-size:18px;line-height:1.5;text-align:left} .article .hng .hng-mh:before,.article .hng .hng-mh:after{display:none} .hng ul.hng-step__list{margin-top:-4px} .hng-faq{display:grid;gap:10px;margin:12px 0} .hng-qa{border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px 16px} .article .hng .hng-qa h3{margin:0 0 6px;padding:0 0 0 30px;border:0;background:none;color:var(--ink);font-size:16px;line-height:1.55;position:relative;text-align:left} .article .hng .hng-qa h3:before{content:"Q";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:6px;background:var(--navy);color:#fff;font-size:13px;line-height:22px;text-align:center;font-weight:800;display:block;border:0} .article .hng .hng-qa h3:after{display:none} .hng-qa p{margin:0;padding-left:30px;font-size:15px;line-height:1.75} .hng-step p{margin:0 0 8px} .hng-step__key{background:#fff8e6;border-radius:8px;padding:8px 12px} .hng-step__imgs{margin:8px 0;display:grid;gap:8px} @media (min-width:641px){.hng-step__imgs.is-2{grid-template-columns:1fr 1fr}} @media (min-width:960px){.hng li.hng-step.is-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(8,auto) 1fr;column-gap:20px;align-items:start} .hng li.hng-step.is-side>*{grid-column:1}.hng li.hng-step.is-side>.hng-step__imgs{grid-column:2;grid-row:1/-1;margin:0}} .hng-step__imgs img{width:100%;height:auto;border:1px solid var(--line);border-radius:10px;margin:0;display:block} .hng-step__point{border:1px solid #f1d27a;background:#fffdf4;border-radius:10px;padding:10px 12px;font-size:14.5px} .hng-step__point b{display:inline-block;margin-right:8px;background:var(--gold);color:var(--navy);font-size:12px;border-radius:4px;padding:0 6px} .hng-fixes{display:grid;gap:10px;margin:12px 0} .hng-fix{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff} .hng-fix p{margin:0} .hng-fix__q{font-weight:800} .hng-fix__why{font-size:14px;color:var(--sub);margin:2px 0 6px!important} .hng-fix__do{font-size:15px}.hng-fix__do:before{content:"→ ";color:var(--accent);font-weight:800} .hng-note{font-size:14.5px;background:#fff8e6;border-radius:10px;padding:10px 14px;margin:12px 0} .hng-src{font-size:12.5px;color:var(--sub)} .hng-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0} .hng-links a{display:block;border:1px solid var(--line);border-radius:10px;padding:12px 14px;text-decoration:none;font-weight:700;background:#fff} .hng-links a span{display:block;font-size:13px;font-weight:400;color:var(--sub);margin-top:2px} .hnp{border:1px solid #e3e7ee;border-radius:14px;padding:10px;margin:14px auto 18px;background:#fff;max-width:560px} .hnp__stage{position:relative;aspect-ratio:4/3;background:#f6f8fb;border-radius:10px;overflow:hidden} .hnp__stage img{width:100%;height:100%;object-fit:contain;margin:0;display:block} .hnp__stage img[hidden]{display:none} .hnp__bar{display:flex;align-items:center;gap:10px;margin-top:8px} .hnp__cap{flex:1;margin:0;font-weight:700;font-size:15px;line-height:1.5} .hnp__no{display:inline-block;background:#1f3260;color:#fff;border-radius:999px;padding:0 10px;font-size:12px;margin-right:4px} .hnp .hnp__btn{flex:0 0 44px;display:flex;align-items:center;justify-content:center;border:1px solid #e3e7ee;background:#fff;border-radius:10px;width:44px;height:40px;cursor:pointer;margin:0;padding:0;color:#1d2433;line-height:1} .hnp__hint{font-size:12px;color:#5a6475;margin:6px 0 0} .hng-about{font-size:13px;color:var(--sub);border-top:1px solid var(--line);padding-top:10px;margin-top:24px} .hng-fig{display:block;width:100%;max-width:440px;height:auto;margin:0 auto}.hng-figure--top{margin:6px 0 14px}.hng-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.hng-tile{border:1px solid #e3e7ee;border-radius:14px;padding:12px 12px 10px;background:#fff;box-shadow:0 2px 6px rgba(31,50,96,.08)}.hng-tile__ic{width:52px;height:52px;display:block;margin:0 0 6px}.hng-tile p{margin:0}.hng-tile__h{font-weight:800;color:#1f3260;font-size:15.5px}.hng-tile__t{font-size:14px;line-height:1.65;color:#1d2433;margin-top:2px!important}@media (min-width:641px){.hng-tiles{grid-template-columns:repeat(4,1fr)}}.hng-fig.hng-fig--pc{display:none}@media (min-width:960px){.hng-fig.hng-fig--sp{display:none}.hng-fig.hng-fig--pc{display:block}.hng-figure.hng-figure--side{float:right;width:420px;margin:4px 0 14px 28px}.hng h2,.hng h3,.hng .hng-figure:not(.hng-figure--side),.hng .hng-figpair{clear:both}}.hng a.hng-cta{display:flex;align-items:center;gap:12px;border:2px solid #1f3260;border-radius:14px;padding:12px 14px;margin:12px 0;background:#fff;text-decoration:none;color:#1d2433}.hng-cta__ic{width:48px;height:48px;flex:0 0 48px}.hng-cta__t{flex:1;font-weight:800;font-size:16px;line-height:1.5}.hng-cta__t small{display:block;font-weight:400;font-size:13px;color:#5a6475}.hng-cta__go{font-size:28px;color:#e5484d;font-weight:800;line-height:1} @media (max-width:640px){.hng-picks,.hng-links,.hng-figpair{grid-template-columns:1fr}.hng-when{grid-template-columns:1fr;gap:2px} .article .hng .hng-step__title{font-size:16px}.hng ol.hng-steps{padding-left:18px;margin-left:8px}.hng li.hng-step:before{left:-29px}} .hng-find{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.hng .hng-find a{display:flex;align-items:center;justify-content:center;height:46px;border:1.5px solid var(--accent);border-radius:10px;background:#fff;color:var(--accent);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}.hng .hng-find a:first-child{background:var(--accent);color:#fff}.hng-kw{display:flex;gap:8px;margin:0 0 6px}.hng-kw input{flex:1;min-width:0;height:44px;border:1px solid #c9d0d8;border-radius:10px;padding:0 12px;font-size:16px;margin:0}.hng-kw button{flex:none;height:44px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-weight:700;padding:0 18px;font-size:14px}@media (max-width:760px){.hng-find{grid-template-columns:1fr 1fr}.hng .hng-find a:first-child{grid-column:1/-1}}.hng-play{display:grid;grid-template-columns:64px 1fr;gap:8px 14px;align-items:center;border:2px solid var(--accent);border-radius:14px;padding:14px 16px;margin:12px 0;background:#fff8f8}.hng .hng-play .ic{grid-row:1/3;margin:0}.hng-play .ic svg{width:64px;height:64px;display:block}.hng .hng-play p{margin:0;font-size:15px;line-height:1.7}.hng-play .bt{margin:0}.hng .hng-play a{display:flex;align-items:center;justify-content:center;height:44px;border-radius:10px;background:var(--accent);color:#fff;font-weight:800;font-size:15px;text-decoration:none}@media (max-width:640px){.hng-play{grid-template-columns:52px 1fr}.hng-play .ic svg{width:52px;height:52px}.hng .hng-play .ic{grid-row:auto}.hng-play .bt{grid-column:1/-1}}