@media print,screen and (min-width:767px){.areanav{margin-top:0.45rem}}@media screen and (max-width:767px){.areanav{margin-top:0.3rem}}.areanav .lead{text-align:center;font-weight:bold}@media print,screen and (min-width:767px){.areanav .lead{font-size:0.2rem}}@media screen and (max-width:767px){.areanav .lead{font-size:0.14rem}}.areanav .navbtns{display:-ms-grid;display:grid}@media print,screen and (min-width:767px){.areanav .navbtns{-ms-grid-columns:1fr 0.12rem 1fr 0.12rem 1fr 0.12rem 1fr 0.12rem 1fr;grid-template-columns:repeat(5,1fr);gap:0.12rem;width:8rem;height:0.8rem;margin:0.25rem auto 0}}@media screen and (max-width:767px){.areanav .navbtns{-ms-grid-columns:1fr 0.1rem 1fr 0.1rem 1fr;grid-template-columns:repeat(3,1fr);gap:0.1rem;margin:0.25rem 0.2rem 0;height:1.1rem}}.areanav .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#EEEFEF;font-weight:bold;color:#2E80C6}@media print,screen and (min-width:767px){.areanav .link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:0.1rem;font-size:0.2rem}}@media screen and (max-width:767px){.areanav .link{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 0.15rem;font-size:0.18rem}}.areanav .link:after{content:"";display:block;width:0.1rem;height:0.1rem;border-bottom:1px solid #2E80C6;border-right:1px solid #2E80C6;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media print,screen and (min-width:767px){.areanav .link:after{margin-top:0.05rem}}@media screen and (max-width:767px){.areanav .link:after{}}@media (hover){.areanav .link{-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.areanav .link:after{-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s,-webkit-transform 0.2s}.areanav .link:hover{opacity:0.7}.areanav .link:hover:after{-webkit-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg)}}@media print,screen and (min-width:767px){.areanav .link.sapporo{}}@media screen and (max-width:767px){.areanav .link.sapporo{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/3}}@media print,screen and (min-width:767px){.areanav .link.central{}}@media screen and (max-width:767px){.areanav .link.central{}}@media print,screen and (min-width:767px){.areanav .link.northern{}}@media screen and (max-width:767px){.areanav .link.northern{}}@media print,screen and (min-width:767px){.areanav .link.southern{}}@media screen and (max-width:767px){.areanav .link.southern{}}@media print,screen and (min-width:767px){.areanav .link.eastern{}}@media screen and (max-width:767px){.areanav .link.eastern{}}@media print,screen and (min-width:767px){.areacontent{margin:0.6rem auto 0;width:10rem}}@media screen and (max-width:767px){.areacontent{margin-top:0.4rem}}.areacontent .areatitle{position:sticky;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#FFF;background-color:#2E80C6}@media print,screen and (min-width:767px){.areacontent .areatitle{height:0.5rem;padding-left:0.2rem;font-size:0.24rem;top:0.85rem}}@media screen and (max-width:767px){.areacontent .areatitle{height:0.5rem;padding-left:0.2rem;font-size:0.24rem;top:0.6rem}}@media print,screen and (min-width:767px){.areacontent .plaza{width:8.7rem;margin:0.4rem auto 0;scroll-margin-top:0.7rem}}@media screen and (max-width:767px){.areacontent .plaza{margin:0.4rem 0.2rem 0;scroll-margin-top:0.5rem}}@media print,screen and (min-width:767px){.areacontent .plaza+.plaza{margin-top:0.5rem}}@media screen and (max-width:767px){.areacontent .plaza+.plaza{margin-top:0.5rem}}.areacontent .plazatitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#DBF5FF;text-align:center;font-weight:bold}@media print,screen and (min-width:767px){.areacontent .plazatitle{height:0.5rem;border-radius:0.05rem;font-size:0.18rem}}@media screen and (max-width:767px){.areacontent .plazatitle{height:0.5rem;border-radius:0.05rem;font-size:0.18rem}}.areacontent .placecontent{display:-webkit-box;display:-ms-flexbox;display:flex}@media print,screen and (min-width:767px){.areacontent .placecontent{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (max-width:767px){.areacontent .placecontent{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin-top:0.1rem}}.areacontent .info{-webkit-box-sizing:border-box;box-sizing:border-box}@media print,screen and (min-width:767px){.areacontent .info{width:50%;margin-top:0.2rem;padding-right:0.3rem}}@media screen and (max-width:767px){.areacontent .info{margin-top:0.2rem}}@media print,screen and (min-width:767px){.areacontent .column{}}@media screen and (max-width:767px){.areacontent .column{}}@media print,screen and (min-width:767px){.areacontent .column+.column{margin-top:0.15rem}}@media screen and (max-width:767px){.areacontent .column+.column{margin-top:0.15rem}}.areacontent .columntitle{font-weight:bold}@media print,screen and (min-width:767px){.areacontent .columntitle{font-size:0.16rem}}@media screen and (max-width:767px){.areacontent .columntitle{font-size:0.16rem}}@media print,screen and (min-width:767px){.areacontent .columndesc{margin-top:0.04rem}}@media screen and (max-width:767px){.areacontent .columndesc{margin-top:0.02rem}}@media print,screen and (min-width:767px){.areacontent .columntext{font-size:0.14rem}}@media screen and (max-width:767px){.areacontent .columntext{font-size:0.16rem}}@media print,screen and (min-width:767px){.areacontent .columnnote{font-size:0.12rem}}@media screen and (max-width:767px){.areacontent .columnnote{font-size:0.12rem}}@media print,screen and (min-width:767px){.areacontent .columnnote+.columntext{margin-top:0.1rem}}@media screen and (max-width:767px){.areacontent .columnnote+.columntext{margin-top:0.1rem}}@media print,screen and (min-width:767px){.areacontent .columnlink{}}@media screen and (max-width:767px){.areacontent .columnlink{}}.areacontent .columnlink a{color:#2E80C6;text-decoration:underline}@media print,screen and (min-width:767px){.areacontent .columnlink a{font-size:0.14rem}}@media screen and (max-width:767px){.areacontent .columnlink a{font-size:0.16rem}}.areacontent .columnlist{counter-reset:attention-number 0}@media print,screen and (min-width:767px){.areacontent .columnlist{}}@media screen and (max-width:767px){.areacontent .columnlist{}}@media print,screen and (min-width:767px){.areacontent .columnlist+.columntext{margin-top:0.2rem}}@media screen and (max-width:767px){.areacontent .columnlist+.columntext{margin-top:0.2rem}}@media print,screen and (min-width:767px){.areacontent .columnlistone{font-size:0.14rem}}@media screen and (max-width:767px){.areacontent .columnlistone{font-size:0.16rem}}.areacontent .columnlistone:before{display:inline-block;text-align:center;counter-increment:attention-number 1;content:"(" counter(attention-number) ")"}@media print,screen and (min-width:767px){.areacontent .columnlistone:before{width:0.3rem}}@media screen and (max-width:767px){.areacontent .columnlistone:before{width:0.4rem}}@media print,screen and (min-width:767px){.areacontent .columnlistone span{font-size:0.12rem}}@media screen and (max-width:767px){.areacontent .columnlistone span{font-size:0.12rem}}.areacontent .map{position:relative}@media print,screen and (min-width:767px){.areacontent .map{width:50%;height:2.98rem;margin-top:0.2rem}}@media screen and (max-width:767px){.areacontent .map{height:3rem}}.areacontent .map iframe{width:100%;height:100%}@media print,screen and (min-width:767px){.areacontent .map iframe{}}@media screen and (max-width:767px){.areacontent .map iframe{}}