[data-hapi-hokkaido],[data-hapi-hokkaido] *{box-sizing:border-box}[data-hapi-hokkaido] button,[data-hapi-hokkaido] input,[data-hapi-hokkaido] select{font:inherit}[data-hapi-hokkaido] button{cursor:pointer}[data-hapi-hokkaido] button:disabled{cursor:default;opacity:.45}
.hapi-ppl-wrap[data-hapi-hokkaido]{max-width:1040px;padding:4px 14px 24px;font-size:16px;line-height:1.7}
.hapi-ppl-wrap[data-hapi-hokkaido] [hidden]{display:none!important}
[data-hapi-hokkaido] .hapi-ppl-head{padding:16px 20px;margin:6px 0 12px;border-radius:18px;box-shadow:none}
[data-hapi-hokkaido] .hapi-ppl-region{font-size:12px;margin-bottom:6px}
[data-hapi-hokkaido] .hapi-ppl-head h1{font-size:28px;line-height:1.65;margin:0 0 8px;overflow-wrap:anywhere}
[data-hapi-hokkaido] .hapi-ppl-sub{font-size:16px;line-height:1.8}
[data-hapi-hokkaido] .hapi-ppl-nav{gap:6px;margin-top:12px;font-size:14px}
[data-hapi-hokkaido] .hapi-ppl-nav a{padding:6px 11px;line-height:1.7;min-height:38px;overflow-wrap:anywhere}
[data-hapi-hokkaido] .hapi-ppl-index{margin:0 0 12px;padding:14px 16px;border-radius:16px;background:#f6fbf8;border:1px solid #cee3d5}
[data-hapi-hokkaido] .hapi-ppl-index-heading{margin-bottom:10px;gap:8px}
[data-hapi-hokkaido] .hapi-ppl-index-title{font-size:19px;line-height:1.9;margin:0;padding:0;border:0;background:none;overflow-wrap:anywhere}
[data-hapi-hokkaido] .hapi-ppl-area-total{font-size:13px;white-space:nowrap}
[data-hapi-hokkaido] .hapi-ppl-search{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(200px,1fr);gap:7px 12px;margin:0 0 10px}
[data-hapi-hokkaido] .hapi-ppl-search-field{grid-column:1;grid-row:1;min-width:0;min-height:46px;padding:0 10px;background:#fff;border:1px solid #a8cbb6;border-radius:10px;display:flex;align-items:center;gap:8px}
[data-hapi-hokkaido] .hapi-ppl-search-icon{height:19px;width:19px;flex:0 0 auto}
[data-hapi-hokkaido] .hapi-ppl-area-search{padding:10px 0;min-height:44px;min-width:0;width:100%;border:0;outline:0;font-size:16px;background:transparent;color:#203d2a}
[data-hapi-hokkaido] .hapi-ppl-area-search::placeholder{color:#6b7e70;font-size:14px}
[data-hapi-hokkaido] .hapi-ppl-area-search:focus-visible{outline:0}
[data-hapi-hokkaido] .hapi-ppl-search-field:focus-within{outline:2px solid #2e8250;outline-offset:2px}
[data-hapi-hokkaido] .hapi-ppl-search-clear{font-size:14px;white-space:nowrap;min-height:36px;padding:4px 7px;border:0;background:#edf7f0;color:#245637;border-radius:7px}
[data-hapi-hokkaido] .hapi-ppl-search-status{grid-column:1;grid-row:2;font-size:14px;margin:0;line-height:1.7;color:#556e5d}
[data-hapi-hokkaido] .hhp-city-field{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:3px;min-width:0}
[data-hapi-hokkaido] .hhp-city-field label{font-size:14px;font-weight:700}
[data-hapi-hokkaido] .hhp-city-field select{width:100%;min-width:0;min-height:44px;border:1px solid #a8cbb6;border-radius:9px;padding:6px 28px 6px 10px;font-size:14px;background:#fff;color:#284934}
[data-hapi-hokkaido] .hhp-reset{grid-column:1/-1;justify-self:start;min-height:38px;padding:5px 10px;border-radius:8px;border:1px solid #b3cfbd;background:#fff;color:#305c40;font-size:14px;line-height:1.6;text-align:start}
[data-hapi-hokkaido] .hapi-ppl-chooser summary{font-size:14px;line-height:1.7;min-height:42px;padding:8px 10px}
[data-hapi-hokkaido] .hapi-ppl-index-links{max-height:280px;overflow:auto;overscroll-behavior:contain;gap:6px;margin-top:10px;padding:3px;grid-template-columns:repeat(3,minmax(0,1fr))}
[data-hapi-hokkaido] .hapi-ppl-index-links a{font-size:14px;line-height:1.75;padding:8px;min-width:0;gap:5px;overflow-wrap:anywhere;min-height:43px}
[data-hapi-hokkaido] .hapi-ppl-index-links a>.hapi-ppl-area-label{min-width:0}
[data-hapi-hokkaido] .hapi-ppl-index-links .hapi-ppl-area-count{font-size:12px;white-space:nowrap}
[data-hapi-hokkaido] .hhp-results-heading{scroll-margin-top:20px}
[data-hapi-hokkaido] .hhp-results-summary{font-size:16px;font-weight:700;margin:8px 2px 12px}
[data-hapi-hokkaido] .hapi-ppl-area{padding:14px 16px;margin-bottom:12px;border-radius:15px;box-shadow:none}
[data-hapi-hokkaido] .hapi-ppl-area h2{font-size:18px;padding-bottom:10px;margin-bottom:10px;line-height:1.9;align-items:center}
[data-hapi-hokkaido] .hapi-ppl-area h2>span{min-width:0;overflow-wrap:anywhere}
[data-hapi-hokkaido] .hapi-ppl-area h2>small{font-size:13px;white-space:nowrap;flex:0 0 auto}
[data-hapi-hokkaido] .hapi-ppl-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));columns:auto;gap:8px}
[data-hapi-hokkaido] .hapi-ppl-row{padding:10px 12px;min-height:62px;gap:10px;border-radius:10px;min-width:0}
[data-hapi-hokkaido] .hapi-ppl-name{font-size:16px;font-weight:650;line-height:1.9;min-width:0;overflow-wrap:anywhere}
[data-hapi-hokkaido] .hhp-roman{display:block;max-width:100%;color:#62796a;font-size:13px;font-weight:500;line-height:1.55;margin-top:2px;overflow-wrap:anywhere}
[data-hapi-hokkaido] .hhp-details{font-size:13px;font-weight:650;flex:0 0 auto;color:#356c49;max-width:35%;text-align:end;overflow-wrap:anywhere;line-height:1.6}
[data-hapi-hokkaido] .hhp-pagination{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 18px}
[data-hapi-hokkaido] .hhp-pagination button{border:1px solid #aacbb5;border-radius:9px;background:#fff;color:#285f3b;padding:8px 13px;font-size:14px;min-height:42px;line-height:1.6;max-width:100%;overflow-wrap:anywhere}
[data-hapi-hokkaido] .hhp-page-text{font-size:14px;line-height:1.7}
[data-hapi-hokkaido] .hhp-empty{padding:24px 16px;border:1px solid #d5e6db;border-radius:13px;background:#f8fbf9;font-size:16px}
[data-hapi-hokkaido] .hhp-empty p{margin:8px 0 0;color:#5d7264;font-size:14px;line-height:1.8}
[data-hapi-hokkaido] .hapi-hokkaido-notice{border-top:1px solid #dbe8df;margin-top:18px;padding:12px 2px 0;color:#5b7262;font-size:14px;line-height:1.8}
[data-hapi-hokkaido] .hapi-hokkaido-notice p{margin:6px 0}
[data-hapi-hokkaido] .hapi-hokkaido-notice a{color:#2b6741;text-decoration:underline;text-underline-offset:3px}
[data-hapi-hokkaido] .hhp-translation-error{font-size:14px;padding:8px 10px;border:1px solid #c9d6cc;border-radius:8px;background:#fff;margin:8px 0;line-height:1.7}
[data-hapi-hokkaido] :focus-visible{outline:3px solid #27814b;outline-offset:3px}
.hapi-ppl-wrap[data-hapi-hokkaido] ruby{ruby-position:over;white-space:normal}
[data-hapi-hokkaido] rt{font-size:.5em;line-height:1.1}
@media(max-width:640px){
 .hapi-ppl-wrap[data-hapi-hokkaido]{padding:3px 8px 20px}
 [data-hapi-hokkaido] .hapi-ppl-head{padding:12px 13px;border-radius:14px}
 [data-hapi-hokkaido] .hapi-ppl-head h1{font-size:23px;line-height:1.8}
 [data-hapi-hokkaido] .hapi-ppl-sub{font-size:14px;line-height:1.85}
 [data-hapi-hokkaido] .hapi-ppl-nav{font-size:14px;margin-top:10px}
 [data-hapi-hokkaido] .hapi-ppl-nav a{padding:5px 9px}
 [data-hapi-hokkaido] .hapi-ppl-index{padding:11px 12px;border-radius:13px}
 [data-hapi-hokkaido] .hapi-ppl-search{grid-template-columns:1fr;gap:7px}
 [data-hapi-hokkaido] .hhp-city-field{grid-column:1;grid-row:3}
 [data-hapi-hokkaido] .hapi-ppl-index-links{grid-template-columns:repeat(2,minmax(0,1fr));max-height:245px}
 [data-hapi-hokkaido] .hapi-ppl-area{padding:12px;margin-bottom:10px;border-radius:13px}
 [data-hapi-hokkaido] .hapi-ppl-area h2{font-size:17px}
 [data-hapi-hokkaido] .hapi-ppl-list{grid-template-columns:1fr;gap:7px}
 [data-hapi-hokkaido] .hapi-ppl-row{padding:10px 12px;min-height:58px}
 [data-hapi-hokkaido] .hapi-ppl-name{font-size:16px}
 [data-hapi-hokkaido] .hhp-details{font-size:13px}
 [data-hapi-hokkaido] .hhp-pagination{gap:8px}
}

.hapi-ppl-wrap[dir="rtl"] .hhp-city-field label{text-align:right}.hapi-ppl-wrap .hhp-roman{overflow-wrap:anywhere}.hapi-ppl-wrap [hidden]{display:none!important}