li:has(a[href$=".pdf"]) a,li:has(a[href$=".csv"]) a,li:has(a[href$=".xlsx"]) a,li:has(a[href$=".xls"]) a,li:has(a[href$=".doc"]) a,li:has(a[href$=".docx"]) a{vertical-align:middle}.ly_spmenuModalContainer{height:100%}.ly_spmenu{width:100%;max-width:600px;height:100%;margin-left:auto;background-color:var(--white)}.ly_spmenu_container{display:grid;grid-template-rows:auto auto 1fr;row-gap:28px;height:100%}.ly_spmenu_header{display:flex;align-items:flex-end;justify-content:space-between;height:65px;padding-left:28px}.ly_spmenu_search{padding:0 24px;padding-top:8px}.ly_spmenu_main{display:flex;flex-direction:column;row-gap:20px;padding-bottom:40px;background-color:var(--beige)}.el_spmenuNavLink{display:inline-flex;gap:16px;align-items:center;padding:16px 24px;text-decoration:none;transition:opacity .2s ease}.el_spmenuNavLink_imageWrapper{display:inline-flex;align-items:center;justify-content:center;width:35px;height:25px}.el_spmenuNavLink_imageWrapper img{max-width:100%;max-height:100%}.el_spmenuNavLink_textWrapper{display:inline-flex;gap:8px;align-items:center}.el_spmenuNavLink_jp{font-size:var(--fs-md);font-weight:bold}.el_spmenuNavLink_en{font-size:.8em;font-weight:bold;color:var(--pink1)}.el_spmenuNavLink:hover{opacity:.8}.el_spmenuNavLink__iconTall .el_spmenuNavLink_imageWrapper img{max-height:35px}.bl_spmenuNavLinkUnit{display:grid;grid-template-columns:100%;background-color:var(--white)}.bl_spmenuNavLinkUnit_item{border-bottom:2px dashed var(--border-base)}.bl_spmenuNavLinkUnit_item:first-child{border-top:2px dashed var(--border-base)}.bl_spmenuNavLinkUnit .el_spmenuNavLink{width:100%}.el_spmenuCloseButton{display:inline-flex;align-items:center;justify-content:center;width:68px;height:65px;transition:opacity .2s ease}.el_spmenuCloseButton:hover{opacity:.8}.el_headerNavLink{display:inline-flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;width:100px;height:100px;padding:10px;background-color:var(--white)}.el_headerNavLink_imageWrapper{display:inline-flex;align-items:center;justify-content:center;width:45px;height:34px}.el_headerNavLink_imageWrapper img{max-width:100%;max-height:100%;transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-duration:.5s}.el_headerNavLink_text{font-size:var(--fs-smd);font-weight:bold;text-align:center;white-space:nowrap}.el_headerNavLink:hover .el_headerNavLink_imageWrapper img{scale:1.4}.el_headerNavLink__iconTall .el_headerNavLink_imageWrapper img{max-height:48px}.bl_headerLinkUnit{display:flex;align-items:center;justify-content:center}.bl_headerLinkUnit__nav{column-gap:10px}@container ly-header-inner (min-width: 460px){.bl_headerLinkUnit__nav{column-gap:20px}}.bl_headerLinkUnit__banner{column-gap:10px}@container ly-header-inner (min-width: 460px){.bl_headerLinkUnit__banner{column-gap:15px}}.el_headerImageLink{display:inline-flex;align-items:center;justify-content:center}.el_headerImageLink__logo{transition:translate .2s ease}@media(max-width: 767.9px){.el_headerImageLink__logo{width:150px}}@media(min-width: 768px){.el_headerImageLink__logo{width:220px}@container ly-header-inner (min-width: 460px){.el_headerImageLink__logo{width:230px}}}.el_headerImageLink__logo:hover{translate:0 -4px}.el_headerImageLink__spmenuLogo{transition:opacity .2s ease}@media(max-width: 767.9px){.el_headerImageLink__spmenuLogo{width:150px}}@media(min-width: 768px){.el_headerImageLink__spmenuLogo{width:165px}}.el_headerImageLink__spmenuLogo:hover{opacity:.8}.el_headerImageLink__banner{transition:opacity .2s ease}@media(max-width: 767.9px){.el_headerImageLink__banner{width:150px}}@media(min-width: 768px){.el_headerImageLink__banner{width:130px}@container ly-header-inner (min-width: 460px){.el_headerImageLink__banner{width:150px}}}.el_headerImageLink__banner:hover{opacity:.8}@media(max-width: 767.9px){.ly_hamburgerButton{top:8px;right:8px}}@media(min-width: 768px)and (max-width: 1199.9px){.ly_hamburgerButton{top:16px;right:16px}}@media(max-width: 1199.9px){.ly_hamburgerButton{position:fixed;z-index:100}}.el_hamburgerButton{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;transition:opacity .2s ease}@media(max-width: 767.9px){.el_hamburgerButton{width:60px;height:60px}}@media(min-width: 768px)and (max-width: 1199.9px){.el_hamburgerButton{width:65px;height:65px}}@media(max-width: 767.9px){.el_hamburgerButton_icon{width:25px}}@media(min-width: 768px){.el_hamburgerButton_icon{width:35px}}.el_hamburgerButton:hover{opacity:.8}.button-magenta{display:flex;width:fit-content;padding:14px 40px !important;font-size:1.6rem;font-weight:500;color:var(--color-hakodate-white) !important;text-align:center;letter-spacing:.1em;background-color:var(--color-magenta-70) !important;border-radius:var(--radius-level-2) !important;transition:filter .3s ease,background-color .3s ease}.button-magenta:hover{text-decoration:none !important;filter:brightness(0.9)}@container (width >= px-to-em(800)){.button-magenta .button-magenta{font-size:1.8rem}}@container (px-to-em(500) < width ){.page-title h1{font-size:3.2rem}}.hakosuku{--font-zen-maru-gothic: "Zen Maru Gothic";--fs-xs: 12px;--fs-sm: 14px;--fs-smd: 15px;--fs-md: 16px;--fs-lg: 18px;--fs-2l: 20px;--h5-sm-sp: 18px;--h5-md-pc: 20px;--h4-md-sp: 20px;--h4-md-pc: 22px;--h3-md-sp: 22px;--h3-md-pc: 26px;--h3-lg-pc: 28px;--h2-xs-sp: 20px;--h2-xs-pc: 24px;--h2-sm-sp: 24px;--h2-sm-pc: 30px;--h2-md-sp: 28px;--h2-md-pc: 36px;--text-base: #402822;--border-base: #d6d6d6;--link-text: #0072b4;--button-bg: #63443c;--black-shadow: rgb(0 0 0 / 25%);--dark-shadow: rgb(0 0 0 / 20%);--gray-shadow: rgb(0 0 0 / 15%);--red-shadow: rgb(130 5 49 / 20%);--pink-shadow: rgb(242 90 125 / 30%);--green-shadow: rgb(8 75 21 / 20%);--transparent: rgb(0 0 0 / 0%);--white: #fff;--beige: #ffedd7;--light-beige: #fff5e8;--primary: #f25a7d;--green: #7bc571;--pink: #fc83a9;--white-pink: #fffcfd;--light-pink: #fff1f3;--soft-pink: #ffcfdc;--gray: #aaa5a4;--pink1: #ff97b8;--pink2: #fc83a9;--pink3: #f46c97;--pink4: #e23e72;--pink5: #df5c85;--brown: #63443c;--hover-brown: #8b7670;--lh-base: 1.8;--lh-lg: 2;--lh-sm: 1.5;--lh-xs: 1.2;--ls-base: 0.03em;--ls-lg: 0.05em;--ls-h2: 0.2em;--ls-h2-sm: 0.1em;--bdrs-sm: 6px;--bdrs-base: 8px;--bdrs-mlg: 12px;--bdrs-lg: 16px;--bdrs-2l: 20px;--bdrs-xl: 50px;--bdrs-max: 100px}.hakosuku .toggle{position:fixed;right:20px;bottom:20px;z-index:1;display:grid;place-items:center;width:70px;height:70px;padding:9px;cursor:pointer;background-color:var(--beige);border:none;border-radius:50%;box-shadow:var(--shadow-medium-4);transition:background-color .2s ease}@media(hover: hover)and (pointer: fine){.hakosuku .toggle:hover{background-color:var(--light-beige)}}.hakosuku .toggle img{width:50px}.hakosuku .ly_dialog{position:fixed;top:0;left:0;z-index:100;display:none;width:100%;max-width:100%;height:100%;max-height:100%;padding:0;margin:0;background:none;border:none}.hakosuku .ly_dialog::before{position:absolute;inset:0;content:"";background:rgba(0,0,0,.5)}.hakosuku .ly_spmenu{position:relative;background-color:#fff}.hakosuku .ly_spmenu .el_spmenuNavLink{display:inline-flex;gap:16px;align-items:center;padding:16px 24px;font-family:var(--font-zen-maru-gothic);transition:opacity .2s ease}.hakosuku .ly_spmenu .el_spmenuNavLink:hover{text-decoration:none}.hakosuku .ly_spmenu .el_spmenuNavLink .el_spmenuNavLink_jp{color:var(--text-base)}.hakosuku .ly_spmenu .el_spmenuCloseButton{padding:0;cursor:pointer;background:none;border:none}.hakosuku .ly_spmenu .ly_spmenu_container{grid-template-rows:auto 1fr}.hakosuku .ly_spmenu .ly_spmenu_container .el_headerImageLink{display:block;padding:0;color:initial;text-decoration:none;text-underline-offset:0;cursor:pointer;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:none}.hakosuku .ly_spmenu .ly_spmenu_container img{width:auto;aspect-ratio:initial;translate:0}.temp1,.temp2,.temp3,.temp4{margin-bottom:20px;clear:both}.temp1 .thumb{float:left;margin-right:20px;margin-bottom:10px}.temp1 ul,.temp1 ol{display:inline-block;vertical-align:top}.temp2 .thumb{float:right;margin-bottom:10px;margin-left:20px}.temp3,.temp4{display:flex;justify-content:center}.temp3 dl,.temp4 dl{padding:0;margin:0 5px;vertical-align:bottom}.temp3 dl{max-width:48%}.temp4 dl{max-width:31%}.temp3 dl dt,.temp4 dl dt{margin-bottom:10px;text-align:center}.temp3 dl dd,.temp4 dl dd{margin:0;text-align:center}table.temp5,table.temp6{margin-bottom:30px}.temp5 caption,.temp6 caption{text-align:center}.temp5 th,.temp5 td,.temp6 th,.temp6 td{padding:6px 10px;text-align:center;border:1px solid #b3b3b3}.adobeReader,.temp7{padding:10px 20px 10px 196px;margin:0 0 20px;clear:both;background:#fff3f3 url("/_themes/images/adobe_bn.png") no-repeat 20px center;border:1px solid #faa}.adobeReader p,.temp7 p{margin:0 0 10px}@media only screen and (width <= 959px){.temp1 .thumb,.temp2 .thumb{float:none;margin:0 0 1rem;text-align:center}.temp3,.temp4{flex-wrap:wrap}.temp3 dl,.temp4 dl{max-width:100%}.adobeReader,.temp7{padding:55px 20px 10px;background-position:center 10px}}.clearfix::after{display:table;clear:both;content:""}.footer .related-site-carousel{margin-top:32px}:root{--header-height: 80;--action-menu-height: 0}@media(min-width: 37.5em){:root{--header-height: 100}}@media(min-width: 64.0625em){:root{--action-menu-height: 52}}@media(min-width: 80.0625em){:root{--header-height: 112}}@media(min-width: 100.0625em){:root{--header-height: 120}}.header{position:fixed;top:0;left:0;z-index:3;width:100%;container-type:inline-size}.header .header-main{flex-shrink:0}.header .action-menu-container{height:100%;max-height:calc(100% - var(--header-height)*1px)}.header__content{display:flex;flex-direction:column;max-height:100dvh}.aside{position:sticky;top:calc(30px + var(--header-fixed-height, var(--header-height))*1px + var(--action-menu-height)*1px);z-index:2;display:block;margin-top:30px;container-type:inline-size;transition:top 150ms ease-in-out}.primary-layout{container-type:inline-size;margin-top:calc((var(--header-height) + var(--action-menu-height) + var(--drop-down-height, 0))*1px);transition:margin-top 300ms ease-in-out}@media(min-width: 64.0625em){.primary-layout{display:grid;grid-template-rows:auto auto 1fr;grid-template-columns:calc(var(--side-category-width)*1px) calc(100% - var(--side-category-width)*1px)}}@media(min-width: 64.0625em){.primary-layout .header{grid-row:1/2;grid-column:1/3}}@media(min-width: 64.0625em){.primary-layout .breadcrumb-block{grid-row:2/3;grid-column:1/4}}.primary-layout .aside{display:none}@media(min-width: 64.0625em){.primary-layout .aside{display:block;grid-row:3/4;grid-column:1/2;align-self:flex-start;padding-bottom:40px}}.primary-layout .footer{align-self:flex-start;padding-top:40px}@media(min-width: 64.0625em){.primary-layout .footer{grid-column:1/3;padding-top:0}}.primary-layout__main{padding-right:8px;padding-bottom:20px;padding-left:8px;margin-top:20px}@media(min-width: 64.0625em){.primary-layout__main{grid-row:3/4;grid-column:2/3;padding-right:32px;padding-bottom:93px;padding-left:32px;margin-top:40px}}html{font-size:62.5%}body{font-size:1.6rem}.shohtengai{font-family:"Noto Sans JP"}.shohtengai-list{display:flex;flex-direction:column;gap:5px;padding:0;margin-top:36px;list-style:none}@media(min-width: 64.0625em){.shohtengai-list{flex-flow:row nowrap;gap:15px}}.shohtengai-list__item{display:flex;height:120px;text-align:center;background-image:url("/assets/images/shotengai/ichiran.svg") !important;background-repeat:no-repeat !important;background-position:center !important;background-size:100% 100% !important}@media(min-width: 64.0625em){.shohtengai-list__item{flex:1 1 33.333%}}.shohtengai-list__item:nth-child(2){background-image:url("/assets/images/shotengai/event.svg") !important}.shohtengai-list__item:nth-child(3){background-image:url("/assets/images/shotengai/support.svg") !important}.shohtengai-list__item a{display:flex !important;align-items:center;justify-content:center;width:100%;height:100%;border:3px solid #ffedf3 !important;border-radius:8px !important}.shohtengai-list__item a:hover{border:3px solid #fc809f !important}.shohtengai-list__item a span{display:inlinke-block;font-size:1.6rem;font-weight:700;line-height:1.3;color:#000;letter-spacing:.05em}@media(min-width: 64.0625em){.shohtengai-list__item a span{font-size:1.8rem}}.keyword-search-input{width:400px;max-width:100%}.keyword-search-input.is-town-search{grid-template-columns:1fr 24px 15px}.keyword-search-input.is-town-search .keyword-search-input__text{padding-right:50px}.latest-article2.is-town-list{padding:0;border-radius:0;box-shadow:none}.latest-article2.is-town-list .latest-article2-tabs{column-gap:7px}.latest-article2.is-town-list .latest-article2-tabs li{min-width:135px;margin-bottom:0}.latest-article2.is-town-list .latest-article2-tabs li .tab-button{padding:12px 9px;background-color:var(--color-gray-10);border-width:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.latest-article2.is-town-list .latest-article2-tabs li .tab-button:disabled{color:var(--color-hakodate-white);background-color:var(--color-surface-magenta)}.latest-article2.is-town-list .latest-article2-contents__articles{padding:35px 40px;background-color:#f5f5f5;border-bottom-width:0;border-bottom-right-radius:var(--radius-level-4);border-bottom-left-radius:var(--radius-level-4)}@media(min-width: 64.0625em){.latest-article2.is-town-list .latest-article2-contents__articles{padding:42px 52px}}.latest-article2-contents__large-view{display:none}@media(min-width: 64.0625em){.latest-article2-contents__large-view{display:block}}@media(min-width: 64.0625em){.latest-article2-contents__small-view{display:none}}.town-name{display:grid;grid-template-columns:repeat(5, 1fr)}.town-name__item{display:flex;flex-direction:column}.town-name__list{padding:0;margin:0}.town-name__list dt{padding:0 10px 5px;font-size:1.6rem;font-weight:700;border-bottom:dotted 1px #ccc}.town-name__list dd{padding:10px 40px 0 10px;margin:0}.town-name__vartical-list{padding:0;margin:0;list-style:none}.town-name__accordion .accordion__trigger{border-right:1px solid var(--color-gray-30);border-left:1px solid var(--color-gray-30)}.town-name__accordion .accordion__trigger[aria-expanded=true]::after{display:none}.town-name__accordion .town-name__vartical-list li{margin-bottom:0}.town-name__accordion .town-name__vartical-list li:not(:last-child){border-bottom:solid 1px #ccc}.town-name__accordion .town-name__vartical-list a{display:flex !important;justify-content:space-between;padding:10px 20px;background-color:var(--color-hakodate-white)}.town-name__accordion .town-name__vartical-list a::after{flex-shrink:0;width:11px;height:auto;aspect-ratio:1;content:"";background:url("/assets/images/icons/arrow-right.svg") center/contain no-repeat}.town-name__accordion .town-name__vartical-list a:active{text-decoration:none}