@charset "UTF-8"; /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } [type=checkbox] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } [type=radio] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::-webkit-input-placeholder { color: unset; } ::-moz-placeholder { color: unset; } :-ms-input-placeholder { color: unset; } ::-ms-input-placeholder { color: unset; } ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } /* add original reset style */ html { /* iPhone safariで文字サイズが大きくなるバグを回避 */ -webkit-text-size-adjust: 100%; } html { scroll-behavior: smooth; font-size: clamp(50%, 0.9vw, 62.5%); scrollbar-gutter: stable; } @media screen and (max-width: 768px) { html { font-size: 62.5%; } } body { line-height: 1.33; font-family: "Noto Sans", sans-serif; color: #353535; font-size: clamp(1.2rem, 3.2vw, 1.6rem); font-weight: normal; overflow-x: hidden; } body.fixed { overflow: hidden; } *:target { scroll-margin-top: 12rem; } @media screen and (max-width: 879px) { *:target { scroll-margin-top: 5rem; } } a { text-decoration: none; } img { max-width: 100%; width: 100%; vertical-align: bottom; } _::-webkit-full-page-media, _:future, :root * { -webkit-mask-image: none !important; mask-image: none !important; } input[name=tab-item] { display: none; } area { cursor: pointer; } .c-list li { position: relative; line-height: 1.66; } .c-list li::before { display: inline-block; position: absolute; top: 0; left: 0; } .c-list.is_disc li { padding-left: 1em; } .c-list.is_disc li::before { content: "・"; } .c-list.is_circle li { padding-left: 1em; } .c-list.is_circle li::before { content: "●"; } .c-list.is_asterisk li { padding-left: 1em; } .c-list.is_asterisk li::before { content: "※"; } .c-list.is_decimal li { padding-left: 1em; counter-increment: cnt; } .c-list.is_decimal li::before { content: "" counter(cnt) "."; } .c-list.is_arrow li { padding-left: 1.1em; } .c-list.is_arrow li::before { display: inline-block; top: 0.55em; width: 0.9rem; height: 0.9rem; border-top: 0.2rem solid #bfa36c; border-right: 0.2rem solid #bfa36c; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media screen and (max-width: 500px) { .c-list.is_arrow li::before { width: 0.7rem; height: 0.7rem; } } .c-list.is_gap li:not(:first-of-type) { margin-top: 1em; } .c-section { padding-top: 7rem; } @media screen and (max-width: 500px) { .c-section { padding-top: 4.5rem; } } .c-section:last-of-type { padding-bottom: 10rem; } @media screen and (max-width: 500px) { .c-section:last-of-type { padding-top: 4.5rem; } } .c-page-heading { background-color: #F8F7F7; } .c-page-heading__inner { max-width: 141rem; width: 100%; margin: 0 auto; padding: 0 2rem; padding-top: 9rem; padding-bottom: 12rem; } @media screen and (max-width: 768px) { .c-page-heading__inner { padding-top: 4.5rem; padding-bottom: 4.5rem; } } .c-page-heading.is_low .c-page-heading__inner { padding-top: 4.5rem; padding-bottom: 5.4rem; } @media screen and (max-width: 768px) { .c-page-heading.is_low .c-page-heading__inner { padding-top: 2.2rem; padding-bottom: 2.6rem; } } .c-page-heading__title { color: #353535; font-weight: 600; font-size: 3.8rem; font-family: "Noto Serif", "Noto Serif JP", serif; } @media screen and (max-width: 768px) { .c-page-heading__title { font-size: 2rem; } } .c-page-heading__buttons { padding-top: 7rem; padding-bottom: 3rem; border-bottom: 0.2rem solid #E2E2E2; background-color: #FFF; } @media screen and (max-width: 768px) { .c-page-heading__buttons { padding-top: 3.5rem; padding-bottom: 0.8rem; } } .c-page-links { padding-top: 7rem; padding-bottom: 2rem; border-bottom: 0.2rem solid #E2E2E2; } @media screen and (max-width: 768px) { .c-page-links { padding-top: 2rem; } } .c-page-links__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 2rem; } @media screen and (max-width: 768px) { .c-page-links__list { row-gap: 0.8rem; } } .c-page-links__list li a { display: inline-block; padding: 0.77em 1.25em; border: 0.2rem solid #E2E2E2; border-radius: 20rem; color: #666; font-size: 1.6rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .c-page-links__list li a { border-width: 0.15rem; font-size: 1.1rem; } } .c-page-links__list li a:hover { background-color: #F7F7F7; } .c-page-links__list.is_anker li a::after { display: inline-block; width: 0.687em; height: 0.875em; margin-left: 0.3em; background: #6F6F6F; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translateY(0.2rem); transform: translateY(0.2rem); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-arrow-down.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-arrow-down.svg); } .c-page-links__list.is_anker li a:hover::after { -webkit-transform: translateY(0.6rem); transform: translateY(0.6rem); } .c-page-links__transition { margin-top: 1.68em; text-align: right; } @media screen and (max-width: 768px) { .c-page-links__transition { margin-top: 1rem; } } .c-text { line-height: 1.875em; } .c-text-indent { text-indent: 1em; } .c-text-underline { text-decoration: underline; } .c-text-light { font-weight: 300; } .c-text-regular { font-weight: 400; } .c-text-semibold { font-weight: 600; } .c-text-bold { font-weight: 700; } .c-text-underline { text-decoration: underline; } .c-text-italic { font-style: italic; } .c-text-caution { color: #D80000; } .c-text-asterisk { display: block; padding-left: 1em; text-indent: -1em; } .c-text-asterisk::before { margin-right: 0.1em; content: "※"; } .c-title-left-underline1 { position: relative; padding-bottom: 0.4em; color: #353535; font-weight: 600; font-size: 3.6rem; font-family: "Noto Serif", "Noto Serif JP", serif; line-height: 1.25; } @media screen and (max-width: 768px) { .c-title-left-underline1 { font-size: 2rem; } } .c-title-left-underline1::after { position: absolute; bottom: 0; left: 0; width: 15rem; height: 0.2rem; background-color: #353535; content: ""; } @media screen and (max-width: 768px) { .c-title-left-underline1::after { width: 8rem; height: 0.1rem; } } .c-title-left-underline1 .small { font-size: 1.8rem; } @media screen and (max-width: 768px) { .c-title-left-underline1 .small { font-size: 1.2rem; } } .c-title-left-underline2 { position: relative; padding-bottom: 0.4em; color: #353535; font-weight: bold; font-size: 3rem; font-family: "Noto Serif", "Noto Serif JP", serif; line-height: 1.25; } @media screen and (max-width: 768px) { .c-title-left-underline2 { font-size: 1.9rem; } } .c-title-left-underline2::after { position: absolute; bottom: 0; left: 0; width: 8rem; height: 0.2rem; background-color: #bfa36c; content: ""; } @media screen and (max-width: 768px) { .c-title-left-underline2::after { width: 5rem; height: 0.1rem; } } .c-title-gray { color: #757575; font-weight: 500; font-size: 2.4rem; line-height: 1.3; } @media screen and (max-width: 768px) { .c-title-gray { font-size: 1.7rem; } } .c-inner { max-width: 130rem; width: 100%; margin: 0 auto; padding: 0 1rem; } .c-inner.is_top-lg { max-width: 132rem; } .c-button { cursor: pointer; } .c-button.is_square { display: inline-block; width: 23rem; padding: 0.9em 0; border-radius: 0.5rem; background-color: #bfa36c; text-align: center; font-weight: 500; font-size: 1.6rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .c-button.is_square { width: 13.8rem; padding: 0.6em 0; border-radius: 0.3rem; font-size: 1.2rem; } } .c-button.is_square:hover { background-color: #DFC798; } .c-button.is_slender { display: inline-block; width: 24.4rem; padding: 0.377em 0; border: 1px solid #E2E2E2; border-radius: 0.5rem; background-color: #FDFDFD; color: #00054A; text-align: center; font-size: 1.6rem; -webkit-transition: #00054A; transition: #00054A; } @media screen and (max-width: 768px) { .c-button.is_slender { width: 15rem; padding: 0.53em 0; font-size: 1.2rem; } } .c-button.is_slender:hover { background-color: #F7F7F7; } .c-button.is_internal::after { display: inline-block; width: 0.72em; height: 0.72em; margin-left: 0.72em; background: #00054A; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-arrow-top-right.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-arrow-top-right.svg); } .c-button.is_internal:hover::after { -webkit-transform: translate(0.2rem, -0.3rem); transform: translate(0.2rem, -0.3rem); } .c-button.is_external { color: #00054A; } .c-button.is_external::after { display: inline-block; width: 1.25em; height: 1.25em; margin-left: 0.72em; background: #00054A; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-external1.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-external1.svg); } .c-button.is_show::after { display: inline-block; width: 0.687em; height: 0.875em; margin-left: 0.72em; background: #00054A; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translateY(0.2rem); transform: translateY(0.2rem); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-arrow-down.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-arrow-down.svg); } .c-button.is_show:hover::after { -webkit-transform: translateY(0.6rem); transform: translateY(0.6rem); } .c-link { color: #00054A; text-underline-offset: 0.2rem; } .c-link.is_underline { color: #353535; text-decoration: underline; } .c-link.is_underline:hover { text-decoration: none; } .c-link.is_internal::after { display: inline-block; width: 0.72em; height: 0.72em; margin-left: 0.4em; background: #00054A; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translateY(0.2rem); transform: translateY(0.2rem); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-arrow-top-right.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-arrow-top-right.svg); } .c-link.is_internal:hover { text-decoration: underline; } .c-link.is_internal:hover::after { -webkit-transform: translate(0.2rem, -0.3rem); transform: translate(0.2rem, -0.3rem); } .c-link.is_internal-reverse { text-decoration: underline; } .c-link.is_internal-reverse::after { display: inline-block; width: 0.72em; height: 0.72em; margin-left: 0.4em; background: #00054A; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translateY(0.2rem); transform: translateY(0.2rem); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-arrow-top-right.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-arrow-top-right.svg); } .c-link.is_internal-reverse:hover { text-decoration: none; } .c-link.is_internal-reverse:hover::after { -webkit-transform: translate(0.2rem, -0.3rem); transform: translate(0.2rem, -0.3rem); } .c-link.is_external1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-link.is_external1::after { display: inline-block; width: 1.14em; height: 1.14em; margin-left: 0.2em; background: #00054A; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-external1.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-external1.svg); } .c-link.is_external2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: underline; } .c-link.is_external2::after { display: inline-block; width: 1.14em; height: 1.14em; margin-left: 0.2em; background: #00054A; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-external1.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-external1.svg); } .c-link.is_external2:hover { text-decoration: none; } .c-link.is_external3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: auto; margin-left: auto; border-radius: 0.5rem; background-color: #bfa36c; font-size: 1.8rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .c-link.is_external3 { font-size: 1.5rem; } } .c-link.is_external3::after { display: inline-block; width: 1.14em; height: 1.14em; margin-left: 0.2em; background: #00054A; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-external1.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-external1.svg); } .c-link.is_external3:hover { background-color: #DFC798; } .c-link.is_pdf1 { display: inline-block; position: relative; padding-left: 1.875em; color: #333; text-decoration: underline; line-height: 1.88; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .c-link.is_pdf1::before { display: inline-block; position: absolute; top: 0.3em; left: 0; width: 1.375em; height: 1.5em; background: #bfa36c; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-pdf.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-pdf.svg); } .c-link.is_pdf1:hover { opacity: 0.7; } .c-link.is_pdf2 { display: block; position: relative; padding: 1.21em; padding-left: 1.875em; padding-left: 2.8em; border-radius: 1rem; background-color: #f7f7f7; color: #000; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .c-link.is_pdf2::before { display: inline-block; position: absolute; top: 50%; left: 1em; width: 1.375em; height: 1.5em; background: #bfa36c; content: ""; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-pdf.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-pdf.svg); } .c-link.is_pdf2:hover { opacity: 0.7; } .c-link.is_map { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-link.is_map::before { display: inline-block; width: 0.875em; height: 1.25em; margin-right: 0.5em; background: #bfa36c; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-map.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-map.svg); } a > .c-link:hover { pointer-events: none; } .c-breadcrumb { padding: 1.7rem 2rem; } @media screen and (max-width: 768px) { .c-breadcrumb { padding: 1.2rem 2rem; } } .c-breadcrumb ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 1.4rem; -moz-column-gap: 1.4rem; column-gap: 1.4rem; } .c-breadcrumb ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #353535; font-size: 1.4rem; font-family: "Noto Serif", "Noto Serif JP", serif; } @media screen and (max-width: 768px) { .c-breadcrumb ul li { font-size: 1.2rem; } } .c-breadcrumb ul li:not(:first-of-type)::before { display: inline-block; width: 0.64em; height: 1em; margin-right: 1.4rem; background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-chev-right.png); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } .c-breadcrumb ul li a:hover { text-decoration: underline; } .c-modal { position: fixed; top: 0; left: 0; z-index: 100; visibility: hidden; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); opacity: 0; } .c-modal.show { visibility: visible; opacity: 1; } .c-table { width: 100%; border-collapse: collapse; background-color: #f7f7f7; line-height: 1.5; } .c-table.is_bg-white { background-color: #FFF; } .c-table tr th { border: 0.1rem solid #CDCDCD; color: #bfa36c; vertical-align: middle; text-align: center; } @media screen and (max-width: 768px) { .c-table tr th { font-size: 1.4rem; } } .c-table tr td { padding: 0.8em 1.5em; border: 0.1rem solid #CDCDCD; vertical-align: middle; } @media screen and (max-width: 768px) { .c-table tr td { font-size: 1.2rem; } } .c-table thead tr th { padding: 1.5em 0; } .c-table tbody th { padding: 0.8em 1.5rem; } .c-table.is_typeB { background-color: #FFF; } .c-table.is_typeB tr th { width: 12.5em; padding: 0.8em 0; border: 0; border-bottom: 0.2rem solid #bfa36c; vertical-align: top; } .c-table.is_typeB tr td { width: calc(100% - 12.5em); border: 0; border-bottom: 0.2rem solid #CDCDCD; } .c-table.is_typeB tbody th { padding-left: 1em; text-align: left; } @media screen and (max-width: 960px) { .c-table-scroll { overflow-x: scroll; white-space: nowrap; } } .c-table.is_tbody-th-align-left tbody th { text-align: left; } .c-table.is_td-align-right td { text-align: right; } .c-table.is_td-align-center td { text-align: center; } .c-part { padding-top: 6.5rem; } @media screen and (max-width: 768px) { .c-part { padding-top: 3.5rem; } } .c-figure.is_center { text-align: center; } .c-figure.is_auto { padding: 0 10%; } .c-figure.is_auto img { width: auto; } .c-imagemap__wrap { position: relative; } @media screen and (max-width: 500px) { .c-imagemap__wrap.is_3f { max-width: 70%; margin: 0 auto; } } @media screen and (max-width: 500px) { .c-imagemap__wrap.is_rf { max-width: 60%; margin: 0 auto; } } .c-imagemap__close { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; } .c-imagemap-pop { display: none; position: absolute; z-index: 2; width: 22rem; border-radius: 1rem; background-color: #333; color: #FFF; -webkit-transform: translate(-50%, 1.4rem); transform: translate(-50%, 1.4rem); } .c-imagemap-pop::before { display: inline-block; position: absolute; top: 0; left: 50%; border: 1.4rem solid transparent; border-top: 0; border-bottom: 1.4rem solid #333; content: ""; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .c-imagemap-pop:hover { display: block !important; } .c-imagemap-pop__inner { padding: 1.5rem; padding-bottom: 2rem; } @media screen and (max-width: 500px) { .c-imagemap-pop__inner { padding: 1rem; } } .c-imagemap-pop__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 1.3rem; font-size: 1.5rem; line-height: 1.2; } .c-imagemap-pop__name::before, .c-imagemap-pop__name::after { content: ""; display: block; width: 0; height: 0; } .c-imagemap-pop__name::before { margin-top: calc((1 - 1.2) * 0.5em); } .c-imagemap-pop__name::after { margin-bottom: calc((1 - 1.2) * 0.5em); } .c-imagemap-pop__name:hover { text-decoration: underline; } .c-imagemap-pop__num { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.3rem; height: 2.3rem; margin-right: 1rem; border-radius: 0.5rem; background-color: #F47FB4; color: #FFF; font-weight: bold; font-size: 1.2rem; aspect-ratio: 1; } .c-imagemap-pop__categories { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1.4rem; font-size: 1.1rem; } .c-imagemap-pop__categories a { display: inline-block; position: relative; margin-right: 0.8em; padding: 0.36em 1em; border: 1px solid #FFF; border-radius: 10rem; } .c-imagemap-pop__categories a::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10rem; background-color: rgba(255, 255, 255, 0.5); content: ""; opacity: 0; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .c-imagemap-pop__categories a:hover::after { opacity: 1; } .c-imagemap-pop__time { margin-top: 1.2rem; font-size: 1.1rem; } .c-imagemap-pop.is_shopping .c-imagemap-pop__num::after { border-color: #3195EA; background-color: #3195EA; } .c-imagemap-pop.is_enjoy .c-imagemap-pop__num::after { border-color: #29AB6C; background-color: #29AB6C; } .c-column-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 3em; } @media screen and (max-width: 500px) { .c-column-2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .c-column-2 > * { width: 47.3%; } @media screen and (max-width: 500px) { .c-column-2 > * { width: 100%; } .c-column-2 > *:last-of-type { margin-top: 15px; } } .c-column-2 > *:first-child { margin-top: 0 !important; } @media screen and (max-width: 500px) { .c-column-2 > *:first-child { margin-top: auto; } } .c-column-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 3em; } @media screen and (max-width: 500px) { .c-column-3 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .c-column-3::after { display: block; width: 31.4%; content: ""; } @media screen and (max-width: 500px) { .c-column-3::after { width: 100%; } } .c-column-3 > * { width: 31.4%; } @media screen and (max-width: 500px) { .c-column-3 > * { width: 100%; } .c-column-3 > *:not(:first-of-type) { margin-top: 15px; } } .c-column-3_2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 3em; } .c-column-3_2::after { display: block; width: 31.4%; content: ""; } @media screen and (max-width: 500px) { .c-column-3_2::after { width: 100%; } } .c-column-3_2 > * { width: 31.4%; } @media screen and (max-width: 500px) { .c-column-3_2 > * { width: 47.3%; margin-top: 15px; } } .c-column-4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 3em; } .c-column-4::before, .c-column-4::after { display: block; width: 23.5%; content: ""; } .c-column-4::before { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-column-4 > * { width: 23.5%; } @media screen and (max-width: 500px) { .c-column-4 > * { width: 47.3%; margin-top: 15px; } } .c-pagetop { display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; right: 3rem; bottom: 3rem; z-index: 10; visibility: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 6rem; height: 6rem; background-color: #bfa36c; font-family: "Noto Serif", "Noto Serif JP", serif; opacity: 0; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .c-pagetop { right: 2rem; bottom: 2rem; width: 3.5rem; height: 3.5rem; } } .c-pagetop.is_show { visibility: visible; opacity: 1; } .c-pagetop span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #00054A; text-align: center; font-size: 1.4rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .c-pagetop span { font-size: 0.9rem; } } .c-pagetop span::before { display: inline-block; width: 1.5em; height: 1em; margin-bottom: 0.4rem; background: #00054A; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-chev-top-gray.png); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-chev-top-gray.png); } .c-pagetop:hover { background-color: #353535; } .c-pagetop:hover span { color: #bfa36c; } .c-pagetop:hover span::before { background: #bfa36c; } .c-language { position: absolute; background-color: #bfa36c; width: 20rem; left: 50%; bottom: -1.3rem; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); color: #fff; padding: 1rem; z-index: 5; opacity: 0; visibility: hidden; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 1300px) { .c-language { left: initial; right: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @media screen and (max-width: 879px) { .c-language { left: 50%; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } } .c-language.is_show { opacity: 1; visibility: visible; } .c-language::before { content: ""; border-left: 0.7rem solid transparent; border-right: 0.7rem solid transparent; border-bottom: 0.8rem solid #bfa36c; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -99%); transform: translate(-50%, -99%); } @media screen and (max-width: 1300px) { .c-language::before { right: 2.2rem; left: initial; -webkit-transform: translateY(-99%); transform: translateY(-99%); } } @media screen and (max-width: 879px) { .c-language::before { right: initial; left: 50%; -webkit-transform: translate(-50%, -99%); transform: translate(-50%, -99%); } } .c-language__box { background-color: #fff; color: #00054a; padding: 0.24em 0.6em; position: relative; cursor: pointer; } .c-language__box::after { content: "›"; color: #00054a; position: absolute; top: 50%; right: 1rem; font-size: 1.5em; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .c-language__list { display: none; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; border: 0.1rem solid rgb(220, 222, 226); -webkit-transform: translateY(100%); transform: translateY(100%); } .c-language__item { padding: 0.5rem 0.7rem; background: rgba(255, 255, 255, 0.8); color: #353535; font-size: 1.6rem; cursor: pointer; } @media screen and (max-width: 768px) { .c-language__item { font-size: 1.4rem; } } .c-language__item:hover { background: rgba(195, 195, 195, 0.8); } .c-language__item:last-of-type { border-top: 0.1rem solid #353535; } .c-language__item:last-of-type::after { display: inline-block; width: 0.87em; height: 0.87em; margin-left: 0.5em; background: #353535; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translateY(0.1rem); transform: translateY(0.1rem); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-external1.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-external1.svg); } .c-language p { font-size: 1.2rem; margin-top: 1.5em; font-weight: 300; } .l-header { display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 0; left: 0; z-index: 100; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: 5rem; background: -webkit-gradient(linear, left top, right top, from(#1c3278), to(#3581a5)); background: linear-gradient(to right, #1c3278, #3581a5); -webkit-transition: 0.5s linear; transition: 0.5s linear; } @media screen and (max-width: 879px) { .l-header { position: sticky; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 5rem; margin: 0 auto; padding-top: 0.5rem; background: transparent; background-color: #fff; } .l-header::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0.5rem; background-image: -webkit-gradient(linear, left top, right top, from(#1c3278), color-stop(#3581a5), to(#2dc7ee)); background-image: linear-gradient(to right, #1c3278, #3581a5, #2dc7ee); content: ""; } .l-header::after { display: block; position: absolute; bottom: 0; left: 50%; width: calc(100% - 2rem); height: 0.1rem; background-color: #f7f7f7; content: ""; opacity: 0.3; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .l-header__logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 2rem; color: #fff; font-size: 3rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 879px) { .l-header__logo { margin-left: 1rem; color: #353535; font-size: 2.5rem; } } @media screen and (max-width: 500px) { .l-header__logo { font-size: 2.2rem; } } .l-header__logo span { margin-right: 0.2em; font-weight: bold; } .l-header-search-content { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: -4.8rem; left: 0; z-index: 1; visibility: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 9.7rem; background-color: #bfa36c; opacity: 0; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translateY(100%); transform: translateY(100%); } @media screen and (max-width: 879px) { .l-header-search-content { position: relative; top: initial; bottom: initial; visibility: visible; overflow: hidden; height: auto; margin-top: 2.2rem; border-radius: 0.5rem; background-color: transparent; opacity: 1; -webkit-transform: none; transform: none; } } .l-header-search-content.is_show { visibility: visible; opacity: 1; } .l-header-search-content form { display: contents; } .l-header-search-content input { max-width: 71rem; width: 100%; height: 5rem; padding: 0 1em; border-radius: 0.5rem; background-color: #fff; color: #000; } @media screen and (max-width: 879px) { .l-header-search-content input { width: 100%; height: 3.5rem; padding-right: 5.8rem; padding-left: 0.8rem; border: 0.1rem solid #CBC9C9; background-color: #f7f7f7; font-size: 1.8rem; } } .l-header-search-content input::before { display: block; position: absolute; top: 50%; left: 2rem; width: 3rem; height: 3rem; background: #4c4b4c; content: ""; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-search.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-search.svg); } .l-header-search-content__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 13rem; height: 5rem; margin-left: 1rem; border-radius: 0.5rem; background-color: #666; color: #fff; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 879px) { .l-header-search-content__button { position: absolute; top: 0; right: 0; width: 5rem; height: 3.5rem; margin-left: 0; border-radius: 0; -webkit-transform: none; transform: none; } .l-header-search-content__button::after { display: block; width: 2rem; height: 2rem; background: #fff; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-search.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-search.svg); } } .l-header-search-content__button::after { content: "SEARCH"; font-size: 1.6rem; } .l-header-search-content__button:hover { background-color: #6b6b6b; } .l-header__top { min-height: 5rem; } .l-header__top, .l-header__bottom { display: contents; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-header__inquiry { border: 1px solid #fff; border-radius: 30rem; color: #fff; } @media screen and (max-width: 879px) { .l-header__inquiry { display: -webkit-box; display: -ms-flexbox; display: flex; color: #353535; } } .l-header__inquiry select { width: 100%; padding-left: 3.2rem; background: transparent; text-indent: 0.01px; line-height: 1.4; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-header__inquiry select option { border-top: 1px solid #353535 !important; color: #353535; } .l-header__language { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; font-size: 1.4rem; margin-left: 3rem; position: relative; } @media screen and (max-width: 1300px) { .l-header__language { margin-left: 1em; } } @media screen and (max-width: 879px) { .l-header__language { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: auto; } } .l-header__language .language-current { margin-left: 0.2em; font-size: 1.6rem; } @media screen and (max-width: 879px) { .l-header__language .language-current { margin-left: 0.2em; font-size: 1.4rem; } } @media screen and (max-width: 500px) { .l-header__language .language-current { font-size: 1.3rem; } } .l-header__language button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 13rem; height: 3rem; padding: 0 0.8em; border: 0.1rem solid #fff; border-radius: 5rem; color: #fff; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 1300px) { .l-header__language button { left: 50%; width: 1.7em; height: 1.7em; } } @media screen and (max-width: 879px) { .l-header__language button { left: 1em; width: 1em; height: 1em; background: #353535; } } @media screen and (max-width: 768px) { .l-header__language button { border: 0.1rem solid #353535; } .l-header__language button::after { display: block !important; } } .l-header__language button::before { display: inline-block; width: 1.285em; height: 1.285em; background: #fff; content: ""; pointer-events: none; margin-right: 0.6rem; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-earth.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-earth.svg); } @media screen and (max-width: 1300px) { .l-header__language button::before { left: 50%; width: 1.7em; height: 1.7em; } } @media screen and (max-width: 879px) { .l-header__language button::before { left: 1em; width: 1em; height: 1em; background: #353535; } } .l-header__language button::after { display: inline-block; width: 0.7rem; height: 0.6rem; margin-left: auto; background: #fff; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; pointer-events: none; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-caret-down.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-caret-down.svg); } @media screen and (max-width: 879px) { .l-header__language button::after { right: 0.3em; background: #353535; } } .l-header__language button.is_show::after { -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } @media screen and (max-width: 1300px) { .l-header__language button { margin-left: 1em; width: 5rem; height: 5rem; padding: 0 0.4em; border: 0; boprder-radius: 0; } .l-header__language button::after { display: none !important; } } @media screen and (max-width: 879px) { .l-header__language button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 9.8rem; height: 2.6rem; margin-left: auto; border: 0.1rem solid #353535; background-color: #fff; font-size: 1.4rem; } } @media screen and (max-width: 1300px) { .l-header__language button > span { display: none; } } @media screen and (max-width: 879px) { .l-header__language button > span { color: #353535; display: block; } } .l-header__inquiry { display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; width: 11rem; height: 3rem; margin-right: 1rem; margin-left: 1rem; background-color: #fff; color: #353535; font-size: 1.6rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 1300px) { .l-header__inquiry { margin-right: 0; } } @media screen and (max-width: 1300px) { .l-header__inquiry { width: 5rem; height: 5rem; margin-left: 0; border: 0; border-radius: 0; background-color: transparent; } .l-header__inquiry::before { width: 1.5em; height: 1.5em; background: #fff; } .l-header__inquiry:hover { background-color: rgba(255, 255, 255, 0.1); } } @media screen and (max-width: 879px) { .l-header__inquiry { width: 13rem; height: 3rem; margin-left: auto; border-radius: 30rem; background-color: #bfa36c; font-size: 1.4rem; } .l-header__inquiry::before { width: 1.125em; height: 1.125em; background: #353535; } .l-header__inquiry::after { display: inline-block; width: 0.83em; height: 0.83em; margin-left: 0.3em; background: #353535; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-arrow-top-right.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-arrow-top-right.svg); } .l-header__inquiry:hover { background-color: #353535; } } .l-header__inquiry::before { display: inline-block; width: 1.125em; height: 1.125em; margin-right: 0.2em; background: #353535; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-hatena.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-hatena.svg); } .l-header__inquiry:hover { border-color: #353535; background-color: #353535; color: #fff; } .l-header__inquiry:hover::before, .l-header__inquiry:hover::after { background: #fff; } @media screen and (max-width: 1300px) { .l-header__inquiry.is_pc-wide { display: none; } } .l-header__inquiry.is_pc-narrow { display: none; } @media screen and (max-width: 1300px) { .l-header__inquiry.is_pc-narrow { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 879px) { .l-header__inquiry.is_pc-narrow { display: none; } } .l-header__inquiry.is_sp { display: none; } @media screen and (max-width: 879px) { .l-header__inquiry.is_sp { display: -webkit-box; display: -ms-flexbox; display: flex; } } .l-header__search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; width: 5rem; height: 5rem; margin-left: 1rem; background: #bfa36c; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 1300px) { .l-header__search { margin-left: 0; } } @media screen and (max-width: 879px) { .l-header__search.is_pc { display: none; } } .l-header__search.is_sp { display: none; } @media screen and (max-width: 879px) { .l-header__search.is_sp { display: -webkit-box; display: -ms-flexbox; display: flex; } } .l-header__search::after { display: inline-block; width: 2rem; height: 2rem; background: #353535; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-search.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-search.svg); } .l-header__search:hover::after, .l-header__search.is_active::after { background: #fff; } .l-header.is_short { background: -webkit-gradient(linear, left top, right top, from(#1c3278), to(#3581a5)); background: linear-gradient(to right, #1c3278, #3581a5); opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } @media screen and (max-width: 879px) { .l-header.is_short { height: 5rem; padding-left: 1rem; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .l-header.is_short.is_active, .l-header.is_short.is_top { background: #fff; } .l-header.is_short.is_active .l-header__logo, .l-header.is_short.is_top .l-header__logo { color: #353535 !important; } .l-header.is_short.is_active .l-hamburger__bar, .l-header.is_short.is_top .l-hamburger__bar { background-color: #bfa36c; } .l-header.is_short.is_active { position: fixed; } .l-header.is_short .l-header__logo { color: #fff; } .l-header.is_short .l-hamburger__bar { background-color: #fff; } } .l-header.is_short.is_show { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .l-header.is_first { height: auto; background: transparent; -webkit-transform: translateY(-100%); transform: translateY(-100%); } @media screen and (max-width: 879px) { .l-header.is_first { display: none; } } .l-header.is_first.is_show { -webkit-transform: translateY(0); transform: translateY(0); } .l-header.is_first .l-header__top, .l-header.is_first .l-header__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 879px) { .l-header.is_first .l-header__top, .l-header.is_first .l-header__bottom { display: contents; } } .l-header.is_first .l-header__top { width: 100%; background: -webkit-gradient(linear, left top, right top, from(#1c3278), to(#3581a5)); background: linear-gradient(to right, #1c3278, #3581a5); } .l-header.is_first .l-header__top .l-header__language { margin-left: auto; } .l-header.is_first .l-header__bottom { width: 100%; height: 7rem; padding: 0 2rem; } @media screen and (max-width: 879px) { .l-header.is_first .l-header__bottom .l-header__logo { color: #fff; } } .l-header.is_first .l-header__bottom:hover { background-color: #fff; } .l-header.is_first .l-header__bottom:hover .l-header__logo { color: #353535; } .l-header.is_first .l-header__bottom:hover .l-gnav { color: #353535; } .l-header.is_first .l-header__bottom:hover .l-gnav ul li.is_tourism { border-left-color: #353535; } .l-header.is_first .is_tourism a:hover { color: #353535 !important; } .l-header.is_first .is_tourism a:hover::after { background: #353535; } .l-header.is_subpage { position: sticky; -webkit-transform: none !important; transform: none !important; } .l-header.is_subpage .l-header__bottom { background-color: #353535; } .l-header.is_subpage .l-header__bottom:hover { background-color: #353535; } .l-header.is_subpage .l-header__bottom:hover .l-gnav { color: #fff; } .l-header.is_subpage .l-header__bottom:hover .is_tourism { border-left-color: #fff !important; } .l-header.is_subpage .l-header__bottom:hover .is_tourism a:hover { color: #fff !important; } .l-header.is_subpage .l-header__bottom:hover .is_tourism a:hover::after { background: #fff !important; } .l-important { position: fixed; top: -200px; left: 0; z-index: 11; overflow: hidden; width: 100%; height: 5rem; background-color: #B40C0C; color: white; -webkit-transition: 0.2s linear; transition: 0.2s linear; } @media screen and (max-width: 879px) { .l-important { position: relative; top: 0; height: 3.2rem; } } .l-important__list li { padding: 0.82em 3rem; padding-left: 3.27em; text-indent: -1.5em; } @media screen and (max-width: 879px) { .l-important__list li { padding: 1rem 3rem; } } .l-important__list li:not(:first-of-type) { padding-top: 0.5rem; } .l-important__item { font-size: 1.8rem; line-height: 1.6; } .l-important__item::before, .l-important__item::after { content: ""; display: block; width: 0; height: 0; } .l-important__item::before { margin-top: calc((1 - 1.6) * 0.5em); } .l-important__item::after { margin-bottom: calc((1 - 1.6) * 0.5em); } @media screen and (max-width: 879px) { .l-important__item { font-size: 1.2rem; } } .l-important__item::before { display: inline-block; width: 1.5em; height: 1.56em; margin-right: 9px; background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-important.svg); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; vertical-align: middle; } @media screen and (max-width: 879px) { .l-important__item::before { margin-right: 0.5rem; } } .l-important__item:hover { text-decoration: underline; } .l-important__item time::after { content: " : "; } .l-important__button { position: absolute; top: 1.05rem; right: 2rem; border: 0.1rem solid #FFF; border-radius: 30rem; text-align: center; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 879px) { .l-important__button { display: -webkit-box; display: -ms-flexbox; display: flex; top: 0.8rem; right: 0.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2rem; height: 2rem; } .l-important__button::after { display: inline-block; width: 2rem; height: 2rem; background: #FFF; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 50%; mask-size: 50%; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-chev-down.png); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-chev-down.png); } } .l-important__button:hover { background-color: #CE5A5A; } .l-important__button span { display: inline-block; width: 13rem; padding: 0.407em 0; font-size: 1.4rem; } @media screen and (max-width: 879px) { .l-important__button span { display: none; } } .l-important__button:hover { opacity: 0.9; cursor: pointer; } .l-important.is_show .l-important__button::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fade-in { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation: fadeIn 0.5s ease forwards; animation: fadeIn 0.5s ease forwards; } @-webkit-keyframes fadeIn { to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeIn { to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .l-footer-banners { padding-bottom: 10rem; border-top: 1px solid #E2E2E2; } @media screen and (max-width: 768px) { .l-footer-banners { padding-bottom: 4.5rem; } } .l-footer-banners-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 11rem; -webkit-column-gap: 2.48%; -moz-column-gap: 2.48%; column-gap: 2.48%; } @media screen and (max-width: 768px) { .l-footer-banners-list { margin-top: 3.8rem; -webkit-column-gap: 3.95%; -moz-column-gap: 3.95%; column-gap: 3.95%; } } .l-footer-banners-list__item { visibility: hidden; width: 14.6%; height: 0; opacity: 0; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .l-footer-banners-list__item { width: 30.7%; } } .l-footer-banners-list__item.is_visible { visibility: visible; height: auto; margin-bottom: 2rem; opacity: 1; } @media screen and (max-width: 768px) { .l-footer-banners-list__item.is_visible { margin-bottom: 1.5rem; } } .l-footer-banners-list__item a { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-footer-banners-list__item a:hover { opacity: 0.8; } .l-footer-banners__button { margin-top: 3rem; -webkit-transition: 0.5s !important; transition: 0.5s !important; } .l-footer-banners__button.is_close::after { -webkit-transform: translateY(0.1rem) rotate(180deg); transform: translateY(0.1rem) rotate(180deg); } .l-footer-banners__button.is_close:hover::after { -webkit-transform: translateY(-0.3rem) rotate(180deg); transform: translateY(-0.3rem) rotate(180deg); } .l-footer-body { padding: 7rem 0 12rem; background-color: #666; color: #FFF; } @media screen and (max-width: 768px) { .l-footer-body { padding: 3rem 0; } } .l-footer-body__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 142rem; margin: 0 auto; padding: 0 1rem; } .l-footer-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 70%; -webkit-column-gap: 2.56%; -moz-column-gap: 2.56%; column-gap: 2.56%; } @media screen and (max-width: 879px) { .l-footer-nav { width: 100%; } } .l-footer-nav__col { width: 23%; } @media screen and (max-width: 768px) { .l-footer-nav__col { width: 100%; } } .l-footer-nav__cat { position: relative; margin-bottom: 1em; padding-bottom: 0.5em; border-bottom: 2px solid #FFF; font-size: 1.6rem; font-size: 1.6rem; } @media screen and (max-width: 768px) { .l-footer-nav__cat { margin: 0; padding-top: 1em; padding-bottom: 1em; font-size: 1.2rem; } } @media screen and (max-width: 768px) { .l-footer-nav__cat { border-bottom-width: 0.1rem; } } .l-footer-nav__cat:not(:first-of-type) { margin-top: 2em; } @media screen and (max-width: 768px) { .l-footer-nav__cat:not(:first-of-type) { margin: 0; } } .l-footer-nav__cat.is_open { border-bottom: 0; } .l-footer-nav__cat.is_open .l-footer-nav__chev { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .l-footer-nav__chev { display: none; position: absolute; top: 50%; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .l-footer-nav__chev { display: inline-block; position: absolute; top: 50%; right: 0; width: 0.791em; height: 0.416em; background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-chev-down.png); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (max-width: 768px) { .l-footer-nav__list { display: none; padding: 1em; padding-top: 0; border-bottom: 1px solid #FFF; } } .l-footer-nav__list li { font-size: 1.2rem; line-height: 1.5; } @media screen and (max-width: 768px) { .l-footer-nav__list li:first-of-type { margin-top: 0.5em; } } @media screen and (max-width: 768px) { .l-footer-nav__list li:not(:last-of-type) { margin-bottom: 1.5em; } } .l-footer-nav__list li a { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-footer-nav__list li a:hover { color: #bfa36c; } .l-footer-overview { width: 25%; } @media screen and (max-width: 879px) { .l-footer-overview { width: 100%; margin-top: 3.3rem; } } .l-footer-overview__logo { font-weight: 500; font-size: 3.2rem; } @media screen and (max-width: 768px) { .l-footer-overview__logo { font-size: 2.4rem; } } .l-footer-overview__logo span { font-weight: 900; } .l-footer-overview__code { text-align: center; font-size: 1.2rem; } @media screen and (max-width: 768px) { .l-footer-overview__code { font-size: 0.9rem; } } .l-footer-overview__sns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 2.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid #FFF; -webkit-column-gap: 0.55rem; -moz-column-gap: 0.55rem; column-gap: 0.55rem; } @media screen and (max-width: 768px) { .l-footer-overview__sns { margin-top: 1rem; padding-bottom: 1.25em; } } .l-footer-overview__sns li a { display: block; width: 6rem; height: 6rem; } @media screen and (max-width: 768px) { .l-footer-overview__sns li a { width: 4rem; height: 4rem; } } .l-footer-overview__sns li a:hover::before { background: #bfa36c; } .l-footer-overview__sns li a::before { display: block; width: 100%; height: 100%; border-radius: 50%; background: #FFF; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } .l-footer-overview__sns li a.is_x::before { -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-x.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-x.svg); } .l-footer-overview__sns li a.is_facebook::before { -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-facebook.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-facebook.svg); } .l-footer-overview__sns li a.is_instagram::before { -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-instagram.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-instagram.svg); } .l-footer-overview__sns li a.is_line::before { -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-line.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-line.svg); } .l-footer-overview__button { width: 15rem !important; margin-top: 2rem; padding: 0.66em 0 !important; border-radius: 20rem !important; background-color: #FFF !important; color: #666; font-size: 1.4rem !important; } @media screen and (max-width: 768px) { .l-footer-overview__button { width: 12.3rem !important; font-size: 1.2rem !important; } } .l-footer-overview__button:hover { background-color: #bfa36c !important; } .l-footer-overview__button::after { background: #666; } .l-footer__copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 6rem; background-color: #4A4A4A; color: #ABABAB; font-size: 1.4rem; } @media screen and (max-width: 768px) { .l-footer__copyright { height: 3rem; font-size: 0.9rem; } } .l-gnav { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: auto; color: #fff; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 879px) { .l-gnav { position: fixed; top: 5rem; left: 0; z-index: 10; visibility: hidden; overflow-y: scroll; width: 100%; height: calc(100dvh - 4rem); padding: 1.5rem 1rem; background-color: #fff; color: #353535; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: translateY(calc(-100% - 5rem)); transform: translateY(calc(-100% - 5rem)); } .l-gnav.is_show { visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .l-gnav::after { display: block; position: absolute; top: 0; left: 50%; width: 94.6%; height: 0.1rem; background-color: rgba(102, 102, 102, 0.3); content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media screen and (max-width: 879px) { .l-gnav .js-gnav-button > a { pointer-events: none; } } .l-gnav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.6rem; -webkit-column-gap: 1.5em; -moz-column-gap: 1.5em; column-gap: 1.5em; } @media screen and (max-width: 1300px) { .l-gnav > ul { -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; } } @media screen and (max-width: 879px) { .l-gnav > ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 2.3rem; font-size: 2.4rem; } } .l-gnav > ul > li { position: relative; } @media screen and (max-width: 879px) { .l-gnav > ul > li { border-bottom: 0.1rem solid #d1d1d1; } } .l-gnav > ul > li span { display: block; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 879px) { .l-gnav > ul > li span { position: relative; padding: 0.3em 0; padding-right: 2em; } .l-gnav > ul > li span::after { display: inline-block; position: absolute; top: 50%; right: 0; width: 0.416em; height: 0.416em; background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-chev-down.png); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .l-gnav > ul > li span.is_hover { color: #bfa36c; } .l-gnav > ul > li span.is_hover + .l-gnav__megamenu { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, calc(100% + 4rem)); transform: translate(-50%, calc(100% + 4rem)); } .l-gnav > ul > li span.is_hover + .l-gnav__megamenu.is_right { -webkit-transform: translateY(calc(100% + 4rem)); transform: translateY(calc(100% + 4rem)); } .l-gnav > ul > li span.is_open { color: #353535; } .l-gnav > ul > li span.is_open::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .l-gnav > ul > li span.is_open + .l-gnav__megamenu { visibility: visible; opacity: 1; } .l-gnav > ul > li.is_tourism { padding-left: 1.5em; border-left: 2px solid #fff; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 1300px) { .l-gnav > ul > li.is_tourism { margin-left: 0; padding-left: 1em; } } @media screen and (max-width: 879px) { .l-gnav > ul > li.is_tourism { padding-left: 0; border-left: 0; } } .l-gnav > ul > li.is_tourism a { color: #bfa36c; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 879px) { .l-gnav > ul > li.is_tourism a { display: block; padding: 0.3em 0; padding-right: 2em; } } .l-gnav > ul > li.is_tourism a::after { display: inline-block; width: 1em; height: 1em; margin-left: 0.5em; background: #bfa36c; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translateY(0.2rem); transform: translateY(0.2rem); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-external1.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-external1.svg); } @media screen and (max-width: 879px) { .l-gnav > ul > li.is_tourism a::after { position: absolute; top: 50%; right: 0; width: 0.541em; height: 0.541em; background: #bfa36c; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .l-gnav > ul > li.is_tourism a:hover { color: #fff; } .l-gnav > ul > li.is_tourism a:hover::after { background: #fff; } .l-gnav__megamenu { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; bottom: 0; left: 50%; visibility: hidden; padding: 65%; border-radius: 2rem; background-color: #fff; -webkit-box-shadow: 0 0 4rem rgba(0, 0, 0, 0.4); box-shadow: 0 0 4rem rgba(0, 0, 0, 0.4); opacity: 0; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translate(-50%, calc(100% + 6rem)); transform: translate(-50%, calc(100% + 6rem)); -webkit-column-gap: 7.9rem; -moz-column-gap: 7.9rem; column-gap: 7.9rem; /* コンテンツ依存の幅 */ inline-size: -webkit-fit-content; inline-size: -moz-fit-content; inline-size: fit-content; } @media screen and (max-width: 879px) { .l-gnav__megamenu { display: none; position: static; visibility: visible; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; padding-left: 0.5em; -webkit-box-shadow: none; box-shadow: none; opacity: 1; -webkit-transform: none; transform: none; } } .l-gnav__megamenu.is_right { right: 0; left: initial; -webkit-transform: translateY(calc(100% + 6rem)); transform: translateY(calc(100% + 6rem)); } @media screen and (max-width: 879px) { .l-gnav__megamenu.is_right { -webkit-transform: none; transform: none; } } .l-gnav__megamenu::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 4rem; content: ""; -webkit-transform: translateY(-100%); transform: translateY(-100%); } @media screen and (max-width: 879px) { .l-gnav__megamenu::before { display: none; } } .l-gnav__list { display: -ms-grid; display: grid; -webkit-column-gap: 7.9rem; -moz-column-gap: 7.9rem; column-gap: 7.9rem; row-gap: 1.5em; -ms-grid-columns: -webkit-max-content 7.9rem -webkit-max-content; -ms-grid-columns: max-content 7.9rem max-content; grid-template-columns: -webkit-max-content -webkit-max-content; grid-template-columns: max-content max-content; } @media screen and (max-width: 879px) { .l-gnav__list { margin-bottom: 1em; -ms-grid-columns: 1fr; grid-template-columns: 1fr; row-gap: 0.5em; } } .l-gnav__list > li { font-size: 1.6rem; } @media screen and (max-width: 879px) { .l-gnav__list > li { margin-top: 0.5em; font-size: 1.8rem; } } .l-gnav__list > li:nth-of-type(odd) { position: relative; } .l-gnav__list > li:nth-of-type(odd)::after { display: block; position: absolute; top: -10%; right: -3.9rem; width: 0.1rem; height: calc(100% + 1.5em); background-color: #e2e2e2; content: ""; } @media screen and (max-width: 879px) { .l-gnav__list > li:nth-of-type(odd)::after { content: none; } } .l-gnav__list > li > a { display: inline-block; color: #353535; white-space: nowrap; } @media screen and (max-width: 879px) { .l-gnav__list > li > a { color: #666; font-size: 1.8rem; } } .l-gnav__list > li > a::after { display: inline-block; width: 1.18em; height: 1.18em; margin-left: 0.5em; background-image: url(https://www.sendai-airport.co.jp/global/assets/common/megamenu-circle.svg); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translateY(15%); transform: translateY(15%); } @media screen and (max-width: 879px) { .l-gnav__list > li > a::after { display: none; } } .l-gnav__list > li > a:hover { text-decoration: underline; text-underline-offset: 0.5rem; } @media screen and (max-width: 879px) { .l-gnav__list > li > a:hover { text-decoration: none; } } .l-gnav__list > li > a:hover::after { -webkit-transform: translateY(15%) rotate(45deg); transform: translateY(15%) rotate(45deg); } @media screen and (max-width: 879px) { .l-gnav__list.is_flight li:nth-of-type(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .l-gnav__list.is_flight li:nth-of-type(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .l-gnav__list.is_flight li:nth-of-type(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .l-gnav__list.is_access li:nth-of-type(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .l-gnav__list.is_access li:nth-of-type(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .l-gnav__list.is_access li:nth-of-type(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .l-gnav__list.is_access li:nth-of-type(4) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } .l-gnav-alternative-header { display: none; position: fixed; top: 0; left: 0; z-index: 100; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; height: 5rem; margin: 0 auto; padding-top: 0.5rem; padding-left: 1rem; background: transparent; background-color: #fff; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 879px) { .l-gnav-alternative-header { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; opacity: 0; } } .l-gnav-alternative-header.is_active { visibility: visible; opacity: 1; } .l-gnav-alternative-header::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0.5rem; background-image: -webkit-gradient(linear, left top, right top, from(#1c3278), color-stop(#3581a5), to(#2dc7ee)); background-image: linear-gradient(to right, #1c3278, #3581a5, #2dc7ee); content: ""; } .l-hamburger { display: none; position: relative; z-index: 1; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 3rem; height: 2.25rem; margin-right: 1.5rem; margin-left: 1.4rem; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 879px) { .l-hamburger { display: block; } } .l-hamburger__bar { display: inline-block; display: block; position: absolute; left: 0; width: 100%; height: 0.3rem; background-color: #bfa36c; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; pointer-events: none; } .l-hamburger__bar.is_top { top: 0; } .l-hamburger__bar.is_middle { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .l-hamburger__bar.is_bottom { bottom: 0; } .l-hamburger__bar:hover { cursor: pointer; } .l-hamburger.is_active .l-hamburger__bar { background-color: #bfa36c; } .l-hamburger.is_active .l-hamburger__bar.is_top { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .l-hamburger.is_active .l-hamburger__bar.is_middle { opacity: 0; } .l-hamburger.is_active .l-hamburger__bar.is_bottom { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .p-top-slide { position: relative; --pickup-nav-top: 50%; } .swiper-button-prev, .swiper-button-next { top: var(--pickup-nav-top); width: 5rem; height: 5rem; margin-top: 0; background: transparent; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 768px) { .swiper-button-prev, .swiper-button-next { top: var(--pickup-nav-top); width: 4rem; height: 4rem; } } .swiper-button-prev:hover, .swiper-button-next:hover { opacity: 0.8; } .swiper-button-prev::after, .swiper-button-next::after { width: 100%; height: 100%; border-radius: 50%; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { pointer-events: visible; opacity: 1; } .swiper-button-prev { left: 3rem; } .swiper-button-prev::after { background-image: url(https://www.sendai-airport.co.jp/global/assets/common/slide-button-prev.svg); } @media screen and (max-width: 768px) { .swiper-button-prev { left: 0.6rem; } } .swiper-button-prev.swiper-button-disabled::after { background-image: url(https://www.sendai-airport.co.jp/global/assets/common/slide-button-prev-disable.svg); } .swiper-button-next { right: 6rem; } .swiper-button-next::after { background-image: url(https://www.sendai-airport.co.jp/global/assets/common/slide-button-next.svg); } @media screen and (max-width: 768px) { .swiper-button-next { right: 0.6rem; } } .swiper-button-next.swiper-button-disabled::after { background-image: url(https://www.sendai-airport.co.jp/global/assets/common/slide-button-next-disable.svg); } .slide { overflow: hidden; max-height: 0; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } .slide-visible { max-height: 100rem; opacity: 1; } .js-accordion-head { position: relative; } .js-accordion-head:not(:has(.cross))::after { content: ""; display: inline-block; width: 1.2rem; height: 0.7rem; background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-chev-top-gray.png); background-size: contain; background-repeat: no-repeat; background-position: center; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); position: absolute; top: 50%; right: 2.8rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .js-accordion-head:not(:has(.cross)).is_open::after { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .js-accordion-body { display: none; } @-webkit-keyframes fadein { from { visibility: hidden; opacity: 0; -webkit-transform: translateY(-60%); transform: translateY(-60%); } to { visibility: visible; opacity: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @keyframes fadein { from { visibility: hidden; opacity: 0; -webkit-transform: translateY(-60%); transform: translateY(-60%); } to { visibility: visible; opacity: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .p-top { color: #00054a; } .p-top__section-h2 { font-weight: 700; font-size: 4.8rem; font-family: "Noto Serif", "Noto Serif JP", serif; line-height: 1.15; } @media screen and (max-width: 768px) { .p-top__section-h2 { font-size: 1.8rem; } } @media screen and (max-width: 768px) { .p-top__section-h2.is_sp-lg { font-size: 2.4rem; } } .p-top__section-h3 { font-weight: 700; font-size: 3rem; font-family: "Noto Serif", "Noto Serif JP", serif; line-height: 1.15; } @media screen and (max-width: 768px) { .p-top__section-h3 { font-size: 1.8rem; } } .p-top__gray-box { overflow: hidden; margin-top: -2rem; margin-right: calc(50% - 50vw); padding: 7rem 6rem; padding-right: calc(50vw - 50%); background-color: #f7f7f7; } @media screen and (max-width: 768px) { .p-top__gray-box { margin-top: -1.2rem; margin-left: calc(50% - 50vw); padding-top: 2.8rem; padding-bottom: 3.9rem; padding-left: calc(50vw - 50%); } } .p-top-slide { position: relative; margin-top: 4.7rem; margin-right: calc(50% - 50vw + 3rem); } @media screen and (max-width: 768px) { .p-top-slide { margin-top: 2.3rem; } } .p-top-slide-card { padding-right: 2%; color: #4c4b4c; } .p-top-slide-card a { display: block; } .p-top-slide-card a:hover .p-top-slide-card__image img { scale: 1.1; } .p-top-slide-card a:hover .p-top-slide-card__title { text-decoration: underline; } .p-top-slide-card__image { overflow: hidden; border-radius: 2rem; } .p-top-slide-card__image img { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; aspect-ratio: 597/397; -o-object-fit: cover; object-fit: cover; } .p-top-slide-card__title { margin-top: 1.4em; color: #4c4b4c; font-size: 1.6rem; } @media screen and (max-width: 768px) { .p-top-slide-card__title { font-size: 1.2rem; } } .p-top-slide-card__cancel { display: inline-block; margin-top: 1em; padding: 0.23em 0.78em; background-color: #eff7fe; color: #4ec2fd; font-size: 1.4rem; } @media screen and (max-width: 768px) { .p-top-slide-card__cancel { font-size: 1.2rem; } } .p-top-slide-card__price { margin-top: 0.83em; font-weight: bold; font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-top-slide-card__price { font-size: 1.5rem; } } .p-top-route { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-top-route__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 69%; } @media screen and (max-width: 768px) { .p-top-route__items { width: 100%; } } .p-top-route__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (max-width: 768px) { .p-top-route__item { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } @media screen and (max-width: 768px) { .p-top-route__item.is_date { width: 100%; } @supports (-webkit-touch-callout: none) { .p-top-route__item.is_date input[type=date]::-webkit-date-and-time-value { text-indent: -2.7em; } } .p-top-route__item.is_departure, .p-top-route__item.is_arrival { width: 50%; } } .p-top-route__title { color: #666; font-size: 1.6rem; } @media screen and (max-width: 768px) { .p-top-route__title { font-size: 1rem; } } .p-top-route__input { margin-top: 0.5rem; border: 0.1rem solid #e4eae8; background-color: #fff; cursor: pointer; } .p-top-route__input select, .p-top-route__input input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; height: 6rem; color: #666; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-top-route__input select, .p-top-route__input input { height: 3rem; } } .p-top-route__input select:hover, .p-top-route__input input:hover { opacity: 0.8; } .p-top-route__input input { font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-top-route__input input { font-size: 1.2rem; } } .p-top-route__input input::-webkit-calendar-picker-indicator { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .p-top-route__input select { padding-left: 1em; font-size: 1.6rem; } @media screen and (max-width: 768px) { .p-top-route__input select { font-size: 1.2rem; } } .p-top-route__input.is_date, .p-top-route__input.is_hotel { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-top-route__input.is_date::before, .p-top-route__input.is_hotel::before { display: inline-block; width: 1.11em; height: 1.11em; margin-left: 1em; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } @media screen and (max-width: 768px) { .p-top-route__input.is_date { margin-bottom: 1.4rem; } } .p-top-route__input.is_date::before { margin-right: 0.4em; background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-calendar.svg); } @-moz-document url-prefix() { .p-top-route__input.is_date { padding-left: 0.8em; cursor: default; } .p-top-route__input.is_date::before { display: none; } } .p-top-route__input.is_hotel::before { width: 1.22em; height: 1.11em; background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-hotel.svg); } .p-top-route__input.is_hotel::after { display: inline-block; width: 1.3rem; height: 0.7rem; margin-right: 1em; background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-chev-down.png); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } .p-top-route__input.is_hotel select { font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-top-route__input.is_hotel select { font-size: 1.2rem; } } .p-top-route__button { max-width: initial; width: 28.6% !important; height: 6rem; } @media screen and (max-width: 768px) { .p-top-route__button { width: 20rem !important; height: auto; margin: 0 auto; margin-top: 2rem; } } .p-top-mainview { position: relative; overflow: hidden; margin-top: -7rem; } .p-top-mainview-slide { max-height: 90dvh; width: 100%; aspect-ratio: 1400/883; } @media screen and (max-width: 768px) { .p-top-mainview-slide { aspect-ratio: 375/400; } } .p-top-mainview-slide img { height: 100%; -o-object-fit: cover; object-fit: cover; } .p-top-mainview-slide__texts { position: absolute; top: 50%; left: 3rem; z-index: 1; color: #fff; opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 768px) { .p-top-mainview-slide__texts { left: 1rem; } } .p-top-mainview-slide__text1 { display: inline-block; padding-bottom: 0.3em; border-bottom: 0.3rem solid #fff; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-top-mainview-slide__text1 { font-size: 1.2rem; } } .p-top-mainview-slide__text2 { margin-top: 0.3em; font-weight: 600; font-size: 5rem; font-family: "Noto Serif", "Noto Serif JP", serif; line-height: 1.15; } @media screen and (max-width: 768px) { .p-top-mainview-slide__text2 { font-size: 2.4rem; } } .p-top-mainview-slide a .p-top-mainview-slide__text2::after { display: inline-block; width: 0.94em; height: 0.94em; margin-left: 0.2em; background: #fff; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translateY(5%); transform: translateY(5%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-circle-arrow.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-circle-arrow.svg); } .p-top-mainview-slide a:hover .p-top-mainview-slide__text2::after { -webkit-transform: translateY(5%) rotate(45deg); transform: translateY(5%) rotate(45deg); } .p-top-mainview-slide .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; top: 50%; right: 2.85%; bottom: initial; left: initial; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 768px) { .p-top-mainview-slide .swiper-pagination { right: 6%; } } .p-top-mainview-slide .swiper-pagination .swiper-pagination-bullet { width: 1.2rem; height: 1.2rem; background: #f8f7f7; opacity: 1; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-top-mainview-slide .swiper-pagination .swiper-pagination-bullet { width: 0.6rem; height: 0.6rem; } } .p-top-mainview-slide .swiper-pagination .swiper-pagination-bullet:not(:first-of-type) { margin-top: 1rem; } @media screen and (max-width: 768px) { .p-top-mainview-slide .swiper-pagination .swiper-pagination-bullet:not(:first-of-type) { margin-top: 0.5rem; } } .p-top-mainview-slide .swiper-pagination .swiper-pagination-bullet-active { height: 5.5rem; border-radius: 0.6rem; } @media screen and (max-width: 768px) { .p-top-mainview-slide .swiper-pagination .swiper-pagination-bullet-active { height: 2.8rem; } } .p-top-mainview-slide__item.swiper-slide-active .p-top-mainview-slide__texts { -webkit-animation: 0.5s ease-in-out 0.3s forwards fadein; animation: 0.5s ease-in-out 0.3s forwards fadein; } .p-top-mainview-slide__item.is_darken30::after, .p-top-mainview-slide__item.is_darken40::after, .p-top-mainview-slide__item.is_darken60::after, .p-top-mainview-slide__item.is_darken80::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; } .p-top-mainview-slide__item.is_darken30::after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); } .p-top-mainview-slide__item.is_darken40::after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.2))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)); } .p-top-mainview-slide__item.is_darken60::after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.3))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)); } .p-top-mainview-slide__item.is_darken80::after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.2))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)); } .p-top-mainview__info { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; bottom: 0; left: 0; z-index: 1; padding: 0 3rem; padding-top: 2.4rem; background-color: #f8f7f7; color: #353535; } @media screen and (max-width: 768px) { .p-top-mainview__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 0; background-color: transparent; } } .p-top-mainview-flight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 768px) { .p-top-mainview-flight { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 1.3rem 1rem; background-color: #353535; color: #fff; } } .p-top-mainview-flight:hover .p-top-mainview-flight__icon { background-color: #bfa36c; } @media screen and (max-width: 768px) { .p-top-mainview-flight:hover .p-top-mainview-flight__icon { border-color: #bfa36c; } } .p-top-mainview-flight:hover .p-top-mainview-flight__icon::after { background: #353535; } .p-top-mainview-flight:hover .p-top-mainview-flight__text1::after { -webkit-transform: translateY(5%) rotate(45deg); transform: translateY(5%) rotate(45deg); } .p-top-mainview-flight__icon { position: relative; width: 6rem; height: 6rem; border-radius: 0.5rem; background-color: #353535; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-top-mainview-flight__icon { width: 3.5rem; height: 3.5rem; border: 0.1rem solid #fff; } } .p-top-mainview-flight__icon::after { display: inline-block; position: absolute; top: 50%; left: 50%; width: 58.33%; height: 25%; background: #bfa36c; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-departure.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-departure.svg); } .p-top-mainview-flight__texts { margin-left: 1.5rem; font-family: "Noto Serif", "Noto Serif JP", serif; } .p-top-mainview-flight__text1 { font-weight: 700; font-size: 3rem; } @media screen and (max-width: 768px) { .p-top-mainview-flight__text1 { font-size: 1.8rem; } } .p-top-mainview-flight__text1::after { display: inline-block; width: 0.94em; height: 0.94em; margin-left: 0.2em; background: #353535; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translateY(5%); transform: translateY(5%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-circle-arrow.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-circle-arrow.svg); } @media screen and (max-width: 768px) { .p-top-mainview-flight__text1::after { position: absolute; right: 1rem; bottom: 1.4rem; width: 3.5rem; height: 3.5rem; background: #fff; } } .p-top-mainview-flight__text2 { font-weight: 700; font-size: 1.6rem; } @media screen and (max-width: 768px) { .p-top-mainview-flight__text2 { font-size: 1.2rem; } } .p-top-mainview-weather { margin-left: 3rem; padding-left: 1.8rem; border-left: 2px solid #666; line-height: 1.1; } @media screen and (max-width: 768px) { .p-top-mainview-weather { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; margin-left: 0; padding: 0.8rem 1rem; border-left: 0; background-color: rgba(53, 53, 53, 0.7); color: #fff; } } .p-top-mainview-weather__temperature { font-size: 3.6rem; } @media screen and (max-width: 768px) { .p-top-mainview-weather__temperature { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 1.8rem; } } .p-top-mainview-weather__temperature::before { display: inline-block; width: 1.25em; height: 0.833em; margin-right: 0.22em; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } .p-top-mainview-weather__temperature.is_sunny::before { background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-sunny.svg); } .p-top-mainview-weather__temperature.is_cloudy::before { background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-cloudy.svg); } .p-top-mainview-weather__temperature.is_rainy::before { background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-rainy.svg); } .p-top-mainview-weather__temperature.is_snowy1::before { background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-snowy1.svg); } .p-top-mainview-weather__temperature.is_snowy2::before { background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-snowy2.svg); } .p-top-mainview-weather__temperature span { font-size: 0.666em; } .p-top-mainview-weather__time { font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-top-mainview-weather__time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0.5rem; font-size: 1.2rem; } .p-top-mainview-weather__time::after { display: block; width: 0.1rem; height: 1.66em; margin-left: 0.5rem; background-color: #fff; content: ""; } } .p-top-reserve { padding-top: 8rem; padding-bottom: 10rem; background-color: #f8f7f7; } @media screen and (max-width: 768px) { .p-top-reserve { padding-top: 3.5rem; padding-bottom: 4.5rem; } } .p-top-reserve__tab-labels { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } @media screen and (max-width: 768px) { .p-top-reserve__tab-labels { border-top-left-radius: 0; border-top-right-radius: 0; } } .p-top-reserve__tab-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 33.3333333333%; height: 5rem; padding-left: 1.57em; border: 1px solid #fff; background-color: #666; color: #fff; font-size: 1.4rem; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-top-reserve__tab-label { height: 4.5rem; font-size: 1rem; } } .p-top-reserve__tab-label::before { display: inline-block; width: 2.3rem; height: 2rem; margin-right: 0.8em; background: #bfa36c; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } .p-top-reserve__tab-label.is_international::before { -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-international.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-international.svg); } .p-top-reserve__tab-label.is_domestic::before { -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-japan.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-japan.svg); } .p-top-reserve__tab-label.is_hotel::before { -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-hotel.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-hotel.svg); } .p-top-reserve__tab-label:hover, .p-top-reserve__tab-label.is_current { background-color: #353535; } .p-top-reserve__tab-content { visibility: hidden; height: 0; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; background-color: #fff; -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 3rem rgba(0, 0, 0, 0.1); opacity: 0; } @media screen and (max-width: 768px) { .p-top-reserve__tab-content { border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: #f7f7f7; } } .p-top-reserve__tab-content.is_show { visibility: visible; height: auto; opacity: 1; } .p-top-reserve__tab-content-inner { padding: 5rem; } @media screen and (max-width: 768px) { .p-top-reserve__tab-content-inner { padding: 1.8rem 1rem 3rem; } } .p-top-reserve__h2 { position: relative; margin-bottom: 1.25em; padding-bottom: 0.66em; padding-left: 2.2em; border-bottom: 0.2rem solid #e2e2e2; color: #333; font-weight: 500; font-size: 2.4rem; line-height: 1; } @media screen and (max-width: 768px) { .p-top-reserve__h2 { padding-left: 0; border-width: 0.15rem; font-size: 1.5rem; } } .p-top-reserve__h2::after { display: block; position: absolute; bottom: -0.2rem; left: 0; width: 14.2%; height: 0.4rem; background-color: #bfa36c; content: ""; } @media screen and (max-width: 768px) { .p-top-reserve__h2::after { bottom: -0.1rem; height: 0.15rem; } } .p-top-reserve__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 3rem; } .p-top-pickup { position: relative; padding-bottom: 16rem; background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff)); background-image: linear-gradient(to bottom, #f7f7f7, #fff); } @media screen and (max-width: 768px) { .p-top-pickup { padding-bottom: 9rem; } } .p-top-pickup__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 1.6rem; border-bottom: 0.2rem solid #e2e2e2; } @media screen and (max-width: 768px) { .p-top-pickup__head { padding-bottom: 0.8rem; } } .p-top-pickup__tab-label-parent { display: inline-block; width: 19rem; margin-left: 1.3em; padding: 0.1em 0; border: 0.2rem solid #e2e2e2; border-radius: 0.5rem; background-color: #fff; color: #666; text-align: center; font-size: 2.4rem; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-top-pickup__tab-label-parent { width: auto; padding: 0 0.4em; margin-left: 0.66em; font-size: 1.5rem; } .p-top-pickup__tab-label-parent + .p-top-pickup__tab-label-parent { margin-left: 0.5em; } } .p-top-pickup__tab-label-parent:hover { background-color: #f7f7f7; } .p-top-pickup__tab-label-parent.is_current { border-color: #bfa36c; background-color: #bfa36c; color: #000; cursor: text; } .p-top-pickup__tab-content-parent { display: none; } .p-top-pickup__tab-content-parent.is_show { display: block; } .p-top-pickup__tab-content-parent__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 3rem; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 0.8rem; } @media screen and (max-width: 768px) { .p-top-pickup__tab-content-parent__buttons { margin-top: 1.4rem; -webkit-column-gap: 0.6rem; -moz-column-gap: 0.6rem; column-gap: 0.6rem; } } .p-top-pickup__tab-content-parent__buttons li { padding: 0.1em 1.17em; border: 0.1rem solid #e2e2e2; border-radius: 10rem; background-color: #fff; font-size: 1.8rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-top-pickup__tab-content-parent__buttons li { font-size: 1.2rem; } } .p-top-pickup__tab-content-parent__buttons li:not(.is_current) { cursor: pointer; } .p-top-pickup__tab-content-parent__buttons li:not(.is_current):hover { background-color: #f7f7f7; } .p-top-pickup__tab-content-parent__buttons li.open-now { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 2rem; padding: 0; } @media screen and (max-width: 768px) { .p-top-pickup__tab-content-parent__buttons li.open-now { margin-right: 0; } } .p-top-pickup__tab-content-parent__buttons li.open-now::after { display: block; position: absolute; top: 0; right: -1.5rem; width: 0.2rem; height: 3rem; background-color: #e2e2e2; content: ""; } @media screen and (max-width: 768px) { .p-top-pickup__tab-content-parent__buttons li.open-now::after { content: none; } } .p-top-pickup__tab-content-parent__buttons li.open-now label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.1em 0.64em; border-radius: 30rem; } .p-top-pickup__tab-content-parent__buttons li.open-now label::before { display: inline-block; width: 1em; height: 1em; margin-right: 0.3rem; border-radius: 50%; background-color: #e2e2e2; content: ""; } .p-top-pickup__tab-content-parent__buttons li.open-now input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .p-top-pickup__tab-content-parent__buttons li.open-now input[type=checkbox]:checked + label { background-color: #e2e2e2; } .p-top-pickup__tab-content-parent__buttons li.open-now input[type=checkbox]:checked + label::before { background-color: #00b004; background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-check.svg); background-position: center; background-size: 60%; background-repeat: no-repeat; } .p-top-pickup__tab-content-parent__buttons li.is_current { border-color: #666; background-color: #666; color: #fff; } .p-top-pickup__tab-content-parent__buttons li.is_invalid { background-color: #e2e2e2; color: #666; cursor: pointer; pointer-events: none; } .p-top-pickup-slide { overflow-x: hidden; margin-top: 5rem; margin-right: 0; margin-right: calc(50% - 50vw); padding-bottom: 5rem; } @media screen and (max-width: 768px) { .p-top-pickup-slide { margin-top: 2.2rem; padding-bottom: 3rem; } } .p-top-pickup-card { padding-right: 2%; } .p-top-pickup-card a { display: block; } .p-top-pickup-card a:hover .p-top-pickup-card__image img { scale: 1.1; } .p-top-pickup-card a:hover .p-top-pickup-card__name { text-decoration: underline; } .p-top-pickup-card a:hover .p-top-pickup-card__categories { background-color: #e2e2e2; } .p-top-pickup-card__image { overflow: hidden; position: relative; border-radius: 1rem; } @media screen and (max-width: 768px) { .p-top-pickup-card__image { border-radius: 0.5rem; } } .p-top-pickup-card__image img { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-top-pickup-card__categories { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1.16em; padding: 1.33em; border-radius: 1rem; background-color: #efefef; color: #6d6d6d; font-size: 1.2rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-top-pickup-card__categories { margin-top: 1.2rem; padding: 0.82em; border-radius: 0.5rem; } } .p-top-pickup-card__categories li:not(:first-of-type)::before { display: inline-block; margin: 0 0.2em; content: "/"; } .p-top-pickup-card__name { margin-top: 1em; color: #000; font-weight: 500; font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-top-pickup-card__name { margin-top: 1.33em; font-size: 1.2rem; } } .p-top-pickup-card__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.7rem; } .p-top-pickup-card__floor { font-size: 1.4rem; } @media screen and (max-width: 768px) { .p-top-pickup-card__floor { font-size: 1.2rem; } } .p-top-pickup-card__floor::before { display: inline-block; padding: 0.32em 1em; border: 0.1rem solid #e2e2e2; background-color: #f7f7f7; color: #a58545; } .p-top-pickup-card__time { margin-left: 0.5em; color: #6d6d6d; font-size: 1.4rem; } @media screen and (max-width: 768px) { .p-top-pickup-card__time { font-size: 1.2rem; } } .p-top-pickup-card__time::before { display: inline-block; margin-right: 0.3em; margin-left: 0.3em; } @media screen and (max-width: 960px) { .p-top-pickup-card__time::before { width: 100%; margin-left: 0; } } .p-top-pickup-card.is_1f .p-top-pickup-card__floor::before { content: "1F"; } .p-top-pickup-card.is_2f .p-top-pickup-card__floor::before { content: "2F"; } .p-top-pickup-card.is_3f .p-top-pickup-card__floor::before { content: "3F"; } .p-top-pickup-card.is_rf .p-top-pickup-card__floor::before { content: "RF"; } .p-top-pickup-card.is_open .p-top-pickup-card__time::before { color: #00b004; content: "OPEN"; } .p-top-pickup-card.is_closed .p-top-pickup-card__time::before { color: #d70000; content: "CLOSED"; } .p-top-transportation { position: relative; } .p-top-transportation__links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 2%; -moz-column-gap: 2%; column-gap: 2%; row-gap: 3rem; } @media screen and (max-width: 768px) { .p-top-transportation__links { -webkit-column-gap: 4%; -moz-column-gap: 4%; column-gap: 4%; row-gap: 1.4rem; } } .p-top-transportation__links li { width: 32%; } @media screen and (max-width: 768px) { .p-top-transportation__links li { width: 48%; } } .p-top-transportation__links li a { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 1em; background-color: #fff; color: #4c4b4c; font-size: 2.4rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-top-transportation__links li a { padding-right: 2em; font-size: 1.3rem; } } .p-top-transportation__links li a::after { display: inline-block; position: absolute; top: 50%; right: 2rem; width: 0.8rem; height: 1.4rem; background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-chev-right.png); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 768px) { .p-top-transportation__links li a::after { right: 1rem; } } .p-top-transportation__links li a:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .p-top-transportation .p-top__section-h2 { position: relative; z-index: 1; } .p-top-transportation .p-top__gray-box { position: relative; margin-top: -5rem; padding-top: 9rem; } @media screen and (max-width: 768px) { .p-top-transportation .p-top__gray-box { margin-top: -1.2rem; padding-top: 2.8rem; } } .p-top-transportation .p-top__gray-box::before { display: block; position: absolute; top: 0; right: 0; width: calc(100% - 40em); height: 0.2rem; background-color: #353535; content: ""; } @media screen and (max-width: 768px) { .p-top-transportation .p-top__gray-box::before { width: calc(100% - 17em); } } .p-top-facilities { padding-top: 9rem; padding-bottom: 10rem; } @media screen and (max-width: 768px) { .p-top-facilities { padding-top: 3.5rem; padding-bottom: 5rem; } } .p-top-facilities__h3 { font-weight: 700; font-size: 3.6rem; font-family: "Noto Serif", "Noto Serif JP", serif; } @media screen and (max-width: 768px) { .p-top-facilities__h3 { font-size: 2.4rem; } } .p-top-facilities__links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 3.5rem; -webkit-column-gap: 1.56%; -moz-column-gap: 1.56%; column-gap: 1.56%; row-gap: 3rem; } @media screen and (max-width: 768px) { .p-top-facilities__links { margin-top: 2.7rem; -webkit-column-gap: 4%; -moz-column-gap: 4%; column-gap: 4%; row-gap: 1.4rem; } } .p-top-facilities__links li { width: 23.83%; } @media screen and (max-width: 768px) { .p-top-facilities__links li { width: 48%; } } .p-top-facilities__links li a { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 8rem; height: 100%; padding: 1em; padding-right: 2.5em; border-radius: 1rem; background-color: #f7f7f7; color: #666; font-size: 1.8rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; overflow-wrap: break-word; } @media screen and (max-width: 768px) { .p-top-facilities__links li a { min-height: 4.51rem; padding: 0.55em 1em; padding-right: 2em; border-radius: 0.5rem; font-size: 1.2rem; } } .p-top-facilities__links li a::after { display: inline-block; position: absolute; top: 50%; right: 2rem; width: 0.8rem; height: 1.4rem; background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-chev-right.png); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 768px) { .p-top-facilities__links li a::after { right: 1rem; } } .p-top-facilities__links li a:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .p-top-activities { padding-bottom: 12rem; } @media screen and (max-width: 768px) { .p-top-activities { padding-bottom: 4.5rem; } } .p-top-activities .p-top__section-h3 { position: relative; margin-left: -6rem; padding-top: 0.8em; } @media screen and (max-width: 768px) { .p-top-activities .p-top__section-h3 { margin-left: 0; padding-top: 0.61em; } } .p-top-activities .p-top__section-h3::before { display: block; position: absolute; top: 0; left: 0; max-width: 59rem; width: 100%; height: 0.2rem; background-color: #bfa36c; content: ""; } @media screen and (max-width: 768px) { .p-top-activities .p-top__section-h3::before { max-width: initial; width: 83%; height: 0.1rem; } } .p-top-activities-slide { position: relative; margin-top: 6rem; margin-right: calc(50% - 50vw); margin-bottom: min(11rem, 23%); } @media screen and (max-width: 879px) { .p-top-activities-slide { margin-top: 1.8rem; margin-bottom: 25%; } } @media screen and (max-width: 500px) { .p-top-activities-slide { margin-bottom: 30%; } } .p-top-activities-slide__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 960px) { .p-top-activities-slide__flex { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (max-width: 879px) { .p-top-activities-slide__flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .p-top-activities-slide__texts { width: 29%; color: #4c4b4c; -webkit-transform: translateY(-35%); transform: translateY(-35%); padding-bottom: 5rem; } @media screen and (max-width: 960px) { .p-top-activities-slide__texts { -webkit-transform: none; transform: none; } } @media screen and (max-width: 879px) { .p-top-activities-slide__texts { width: 100%; padding-bottom: 0; } } .p-top-activities-slide__title { font-weight: bold; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-top-activities-slide__title { font-size: 1.5rem; } } .p-top-activities-slide__text { margin-top: 2em; font-weight: 500; font-size: 1.6rem; } @media screen and (max-width: 768px) { .p-top-activities-slide__text { font-size: 1.2rem; } } .p-top-activities-slide__images { position: relative; width: 65.7%; } @media screen and (max-width: 879px) { .p-top-activities-slide__images { width: 100%; margin-top: 2.3rem; } } @media screen and (max-width: 879px) { .p-top-activities-slide__image1 { padding-left: 17%; } } .p-top-activities-slide__image1 img { -o-object-fit: cover; object-fit: cover; aspect-ratio: 860/561; } .p-top-activities-slide__image2 { margin-top: -22%; margin-left: -52.2%; width: 59%; } @media screen and (max-width: 960px) { .p-top-activities-slide__image2 { bottom: -40%; } } @media screen and (max-width: 879px) { .p-top-activities-slide__image2 { position: absolute; margin: 0; bottom: -23%; left: 0; } } .p-top-activities-slide__button { margin-top: 1.8em; } .p-top-activities-slide__navigation { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 8rem; bottom: 0; z-index: 5; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 3rem; font-family: "Noto Serif", "Noto Serif JP", serif; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } @media screen and (max-width: 879px) { .p-top-activities-slide__navigation { bottom: -12.5%; font-size: 1.5rem; } } @media screen and (max-width: 768px) { .p-top-activities-slide__navigation { right: 1rem; font-size: 1.5rem; } } .p-top-activities-slide__navigation .swiper-button-prev, .p-top-activities-slide__navigation .swiper-button-next { position: static; width: 4rem; height: 4rem; margin-top: 0; -webkit-transform: none; transform: none; } @media screen and (max-width: 768px) { .p-top-activities-slide__navigation .swiper-button-prev, .p-top-activities-slide__navigation .swiper-button-next { width: 2rem; height: 2rem; } } .p-top-activities-slide__navigation .swiper-pagination-fraction { width: auto; } .p-service-items .c-title-left-underline1 { margin-top: 8rem; } @media screen and (max-width: 768px) { .p-service-items .c-title-left-underline1 { margin-top: 4rem; } } .p-service-items .c-title-left-underline1:first-of-type { margin-top: 5rem; } @media screen and (max-width: 768px) { .p-service-items .c-title-left-underline1:first-of-type { margin-top: 3rem; } } .p-service-items__thumb { overflow: hidden; border-radius: 1rem; } @media screen and (max-width: 768px) { .p-service-items__thumb { border-radius: 0.5rem; } } .p-service-items__thumb img { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-service-items__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 4.5rem; -webkit-column-gap: 3.3333333333%; -moz-column-gap: 3.3333333333%; column-gap: 3.3333333333%; row-gap: 5rem; } @media screen and (max-width: 768px) { .p-service-items__list { margin-top: 2rem; } } .p-service-items__list li { width: 30%; } @media screen and (max-width: 768px) { .p-service-items__list li { width: 48%; } } .p-service-items__list li a { display: block; } .p-service-items__list li a:hover .p-service-items__thumb img { scale: 1.1; } .p-service-items__list li a:hover .c-link { text-decoration: underline; text-underline-offset: 0.5rem; } .p-service-items__list li a:hover .c-link::after { -webkit-transform: translate(0.2rem, -0.3rem); transform: translate(0.2rem, -0.3rem); } .p-service-items__list li p { margin-top: 1.2em; font-weight: 500; font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-service-items__list li p { font-size: 1.4rem; } } .p-service-details { padding-top: 8.7rem; padding-bottom: 14.3rem; background-color: #f7f7f7; } @media screen and (max-width: 768px) { .p-service-details { padding-top: 4rem; padding-bottom: 7rem; } } .p-service-details__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 17rem; } @media screen and (max-width: 768px) { .p-service-details__heading { height: 6rem; } } .p-service-details__heading h1 { color: #353535; font-weight: bold; font-size: 3.6rem; font-family: "Noto Serif", "Noto Serif JP", serif; } @media screen and (max-width: 768px) { .p-service-details__heading h1 { font-size: 1.9rem; } } .p-service-details__unit { padding: 5rem; padding-bottom: 6rem; border-radius: 1rem; background-color: #FFF; } @media screen and (max-width: 768px) { .p-service-details__unit { padding: 2.5rem 1rem; border-radius: 0.5rem; } } .p-service-details__unit:not(:first-of-type) { margin-top: 7rem; } @media screen and (max-width: 768px) { .p-service-details__unit:not(:first-of-type) { margin-top: 3.5rem; } } .p-service-details__image img { border-radius: 1rem; } @media screen and (max-width: 768px) { .p-service-details__image img { border-radius: 0.5rem; } } .p-service-details__image figcaption { margin-top: 1em; } .p-service-details__content:not(:first-child) { margin-top: 5rem; } @media screen and (max-width: 768px) { .p-service-details__content:not(:first-child) { margin-top: 2.5rem; } } .p-service-details__content.is_2col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-service-details__content.is_2col div:first-of-type { width: 59.2%; } @media screen and (max-width: 768px) { .p-service-details__content.is_2col div:first-of-type { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin-top: 2rem; } } .p-service-details__content.is_2col div:last-of-type { width: 38.5%; } @media screen and (max-width: 768px) { .p-service-details__content.is_2col div:last-of-type { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } } .p-service-details__content.is_3col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-service-details__content.is_3col div { width: 31.3%; } @media screen and (max-width: 768px) { .p-service-details__content.is_3col div { width: 100%; } } @media screen and (max-width: 768px) { .p-service-details__content.is_3col div:not(:first-of-type) { margin-top: 2rem; } } .p-service-details__maplink { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2rem; padding: 1.5rem 1rem; background-color: #f7f7f7; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-service-details__maplink .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 4.5em); } .p-service-details__maplink .left::before { display: inline-block; width: 0.875em; height: 1.25em; margin-right: 0.5em; background: #bfa36c; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-map.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-map.svg); } .p-service-details__maplink .left span { width: calc(100% - 1.375em); } .p-service-details__maplink .right { width: 4.5em; text-align: right; pointer-events: none; } .p-service-details__maplink:hover { background-color: #EFEFEF; } .p-service-details__maplink:hover .is_internal::after { -webkit-transform: translate(0.2rem, -0.3rem); transform: translate(0.2rem, -0.3rem); } .p-flight__large-title { text-align: center; font-weight: bold; font-size: 4.8rem; font-family: "Noto Serif", "Noto Serif JP", serif; } @media screen and (max-width: 768px) { .p-flight__large-title { font-size: 2.6rem; } } .p-flight__large-title span { display: block; margin-top: 0.3em; font-weight: 500; font-size: 0.5em; font-family: "Noto Sans", sans-serif; } .p-flight-subjects { padding: 2.7rem; } .p-flight-subject { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-flight-subject__item { width: 50%; } @media screen and (max-width: 768px) { .p-flight-subject__item { width: 100%; } } .p-flight-subject__item:first-of-type { padding-right: 1.5rem; border-right: 0.1rem solid #e2e2e2; } @media screen and (max-width: 768px) { .p-flight-subject__item:first-of-type { margin-bottom: 1.5rem; padding-right: 0; padding-bottom: 1.5rem; border-right: 0; border-bottom: 0.1rem solid #e2e2e2; } } .p-flight-subject__item:last-of-type { padding-left: 1.5rem; } @media screen and (max-width: 768px) { .p-flight-subject__item:last-of-type { padding-left: 0; } } .p-flight-subject__item h2 { color: #353535; text-align: center; font-weight: bold; font-size: 3rem; } @media screen and (max-width: 768px) { .p-flight-subject__item h2 { font-size: 2.2rem; } } .p-flight-subject__item h2 span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-flight-subject__item h2 span::before { display: block; width: 1.1em; height: 1em; margin-right: 0.2em; background: #bfa36c; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } .p-flight-subject__item h2.domestic span::before { -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-japan.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-japan.svg); } .p-flight-subject__item h2.international span::before { -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-international.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-international.svg); } .p-flight-subject__inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 3rem; -webkit-column-gap: 2.8rem; -moz-column-gap: 2.8rem; column-gap: 2.8rem; } @media screen and (max-width: 768px) { .p-flight-subject__inputs { margin-top: 2rem; } } .p-flight-subject__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 11.66em; width: 50%; height: 2.08em; border: 0.2rem solid #e2e2e2; border-radius: 0.5rem; background-color: #fff; color: #666; font-size: 2.4rem; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-flight-subject__label { font-size: 1.6rem; } } .p-flight-subject__label:hover { background-color: #f7f7f7; } .p-flight-subject__radio:checked + .p-flight-subject__label { border-color: #bfa36c; background-color: #bfa36c; color: #000; } @media screen and (max-width: 768px) { .p-flight-subjects.is_row { padding: 2.7rem 0rem; } } .p-flight-subject.is_row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media screen and (max-width: 500px) { .p-flight-subject__item { width: 50%; } } @media screen and (max-width: 768px) { .p-flight-subject__item h2 span { font-size: 1.8rem; } } @media screen and (max-width: 500px) { .p-flight-subject__item h2 span { width: 100%; text-align: left; } } .p-flight-subject__item h2 span::before { margin-right: 0.5em; } .p-flight-subject__item:first-of-type { margin-bottom: 0; padding-right: 1.5rem; padding-bottom: 0; border-right: 0.1rem solid #e2e2e2; border-bottom: 0; } .p-flight-subject__item:last-of-type { padding-left: 1.5rem; } @media screen and (max-width: 768px) { .p-flight-subject__inputs { -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; } } @media screen and (max-width: 500px) { .p-flight-subject__inputs { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 500px) { .p-flight-subject__label { width: 100%; } } @media screen and (max-width: 500px) { .p-flight-subject__label:last-of-type { margin-top: 1rem; } } .p-flight-information { padding-top: 1.5em; padding-bottom: 8rem; background-color: #f8f7f7; } @media screen and (max-width: 768px) { .p-flight-information { padding-bottom: 4rem; } } .p-flight-information__date { margin-bottom: 6rem; text-align: right; font-weight: 500; font-size: 14px; } @media screen and (max-width: 768px) { .p-flight-information__date { margin-bottom: 3rem; font-size: 1.2rem; } } .p-flight-information__reload { margin-left: 8px; padding: 0 10px; border: 1px solid #333; border-radius: 500px; background-color: #fff; font-size: 14px; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 500px) { .p-flight-information__reload { width: 90px; margin-top: 9px; padding: 2px 7px; border-radius: 5px; } } .p-flight-information__reload:hover { background-color: #f7f7f7; } .p-flight-information__reload img { width: auto; height: 16px; margin-left: 5px; vertical-align: bottom; } @media screen and (max-width: 500px) { .p-flight-information__reload img { height: 12px; } } .p-flight-information-unit.is_monthly .p-flight-information-unit__title::before { display: inline-block; width: 1.154em; height: 1.154em; margin-right: 0.615em; margin-left: 6px; background-image: url(https://www.sendai-airport.co.jp/global/assets/flight/icon-title.png); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } .p-flight-information-unit__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; padding: 56px 0 35px; border-bottom: 1px solid #fff; text-align: center; font-weight: 800; font-size: clamp(15px, 4vw, 26px); } @media screen and (max-width: 768px) { .p-flight-information-unit__title { padding: 30px 0 15px; } } .p-flight-information-unit__title a { padding-bottom: 0.2em; border-bottom: 1px solid #353535; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-flight-information-unit__title a::after { display: inline-block; width: 14px; height: 13px; margin-left: 6px; background-image: url(https://www.sendai-airport.co.jp/global/assets/flight/icon-external-bk.png); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; vertical-align: bottom; } .p-flight-information-unit__title a:hover { opacity: 0.8; } .p-flight-information-unit__bottom { margin-top: 19px; line-height: 1.88; } .p-flight-information-unit__bottom::before, .p-flight-information-unit__bottom::after { content: ""; display: block; width: 0; height: 0; } .p-flight-information-unit__bottom::before { margin-top: calc((1 - 1.88) * 0.5em); } .p-flight-information-unit__bottom::after { margin-bottom: calc((1 - 1.88) * 0.5em); } @media screen and (max-width: 500px) { .p-flight-information-unit__bottom { line-height: 1.25; } .p-flight-information-unit__bottom::before, .p-flight-information-unit__bottom::after { content: ""; display: block; width: 0; height: 0; } .p-flight-information-unit__bottom::before { margin-top: calc((1 - 1.25) * 0.5em); } .p-flight-information-unit__bottom::after { margin-bottom: calc((1 - 1.25) * 0.5em); } } .p-flight-information-unit__area { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); padding: 60px 0; padding-right: calc(50vw - 50%); padding-left: calc(50vw - 50%); } @media screen and (max-width: 768px) { .p-flight-information-unit__area { padding-top: 30px; padding-bottom: 30px; } } .p-flight-information-unit__hotel { margin-top: 1.875em; text-align: right; } .p-flight-information-unit__hotel a { border-bottom: 1px solid #353535; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-flight-information-unit__hotel a::after { display: inline-block; width: 14px; height: 13px; margin-left: 6px; background-image: url(https://www.sendai-airport.co.jp/global/assets/flight/icon-external-bk.png); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; vertical-align: bottom; } .p-flight-information-unit__hotel a:hover { opacity: 0.8; } .p-flight-information-group { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 40px; background-color: #fff; } @media screen and (max-width: 960px) { .p-flight-information-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 15px; } } .p-flight-information-group:not(:first-of-type) { margin-top: 20px; } .p-flight-information-group .time { padding-right: 19px; border-right: 1px solid #cfcfcf; font-weight: bold; font-size: clamp(18px, 2.34375vw, 24px); } @media screen and (max-width: 960px) { .p-flight-information-group .time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 0.38em; border-right: 0; border-bottom: 1px solid #cfcfcf; } } .p-flight-information-group .time_before { color: #666; text-decoration: line-through; font-size: 0.75em; } @media screen and (max-width: 960px) { .p-flight-information-group .time_before { margin-left: 0.66em; font-size: 0.66em; } } .p-flight-information-group .place { width: 13em; margin-right: auto; padding-left: 1em; line-height: 1.5; font-size: clamp(18px, 2.34375vw, 24px); } @media screen and (max-width: 960px) { .p-flight-information-group .place { width: auto; margin-top: 0.5em; padding-left: 0; } } .p-flight-information-group .place span { font-weight: bold; } .p-flight-information-group .place a { border-bottom: 1px solid #353535; font-weight: bold; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-flight-information-group .place a { border-bottom: 0; pointer-events: none; } } .p-flight-information-group .place a::after { display: inline-block; width: 14px; height: 13px; margin-left: 6px; background-image: url(https://www.sendai-airport.co.jp/global/assets/flight/icon-external-bk.png); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; vertical-align: bottom; } @media screen and (max-width: 768px) { .p-flight-information-group .place a::after { content: none; } } .p-flight-information-group .place a:hover { opacity: 0.8; } .p-flight-information-group .company { width: 25em; margin-right: auto; font-weight: 500; } @media screen and (max-width: 960px) { .p-flight-information-group .company { width: auto; } } @media screen and (max-width: 500px) { .p-flight-information-group .company { padding-right: 7.5rem; } } .p-flight-information-group .company_main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 960px) { .p-flight-information-group .company_main { margin-top: 2em; } } .p-flight-information-group .company_main img { height: auto; margin-right: 0.81em; width: clamp(52px, 6.7708333333vw, 104px); } .p-flight-information-group .company_main img.is_border { border: 1px solid #d1d1d1; } .p-flight-information-group .company_codeshare { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1.18em; padding-left: 6em; } @media screen and (max-width: 960px) { .p-flight-information-group .company_codeshare { margin-top: 12px; } } .p-flight-information-group .company_codeshare::before { position: absolute; top: 0.1em; left: 0; content: "Codeshare："; } .p-flight-information-group .company_codeshare span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.3em; } .p-flight-information-group .company_codeshare span:not(:last-of-type) { margin-right: 1em; } @media screen and (max-width: 500px) { .p-flight-information-group .company_codeshare span:not(:last-of-type) { margin-right: 0; } .p-flight-information-group .company_codeshare span:not(:last-of-type):after { content: "、"; } } .p-flight-information-group .company_codeshare img { width: auto; height: 22px; margin-right: 0.43em; } @media screen and (max-width: 500px) { .p-flight-information-group .company_codeshare img { display: none; } } .p-flight-information-group .company_codeshare img.is_border { height: 23px; border: 1px solid #d1d1d1; } .p-flight-information-group .gate { display: block; max-height: 8rem; width: 12.6rem; margin-right: auto; margin-right: 1rem; padding: 0 1%; border: 0.2rem solid #e2e2e2; border-radius: 1rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 960px) { .p-flight-information-group .gate { position: absolute; top: 50%; right: 15px; max-height: initial; width: auto; margin-top: 20px; margin-right: 0; padding: 0 3%; padding-bottom: 0.8rem; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (max-width: 500px) { .p-flight-information-group .gate { font-size: 1.4rem; } } .p-flight-information-group .gate:hover { background-color: #f7f7f7; } .p-flight-information-group .gate:hover .map .is_external { color: #bfa36c; } .p-flight-information-group .gate:hover .map .is_external::after { background: #bfa36c; } .p-flight-information-group .gate .num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: 1.8rem; } @media screen and (max-width: 960px) { .p-flight-information-group .gate .num { display: block; } } @media screen and (max-width: 768px) { .p-flight-information-group .gate .num { font-size: 1.4rem; } } .p-flight-information-group .gate .num span { color: #228eab; font-weight: 900; font-size: 1.66em; } .p-flight-information-group .gate .map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 0.3em; border-top: 0.1rem solid #e2e2e2; } @media screen and (max-width: 960px) { .p-flight-information-group .gate .map { display: inline-block; margin-top: 0.5em; } } @media screen and (max-width: 768px) { .p-flight-information-group .gate .map { margin-top: 0; } } .p-flight-information-group .gate .map .c-link { color: #666; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-flight-information-group .gate .map .c-link::after { background: #666; } .p-flight-information-group .status { margin-top: 2rem; } @media screen and (max-width: 960px) { .p-flight-information-group .status { position: absolute; top: 15px; right: 15px; margin-top: 0; } } .p-flight-information-group .status span { display: inline-block; padding: 0.62em 0; border: 0.1rem solid #eee; text-align: center; font-weight: 500; font-size: clamp(12px, 1.5625vw, 14px); width: clamp(140px, 18.2291666667vw, 170px); } @media screen and (max-width: 960px) { .p-flight-information-group .status span { padding: 0.334em 0.5em; width: auto; min-width: 14rem; } } .p-flight-information-group .status.is_gray span { border-color: #eee; background-color: #eee; } .p-flight-information-group .status.is_green span { border-color: #29ab6c; background-color: #e7fff3; color: #29ab6c; } .p-flight-information-group .status.is_yellow span { border-color: #ffe400; background-color: #ffe400; } .p-flight-information-group .status.is_red span { border-color: #d80000; background-color: #ffd6d6; color: #d80000; } .p-flight-schedule { padding-top: 6.5rem; } @media screen and (max-width: 768px) { .p-flight-schedule { padding-top: 3rem; } } .p-flight-schedule__destinations { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 4rem; -webkit-column-gap: 1.6%; -moz-column-gap: 1.6%; column-gap: 1.6%; row-gap: 2.5rem; } @media screen and (max-width: 768px) { .p-flight-schedule__destinations { margin-top: 2rem; -webkit-column-gap: 2%; -moz-column-gap: 2%; column-gap: 2%; row-gap: 1.5rem; } } @media screen and (max-width: 500px) { .p-flight-schedule__destinations { -webkit-column-gap: 4%; -moz-column-gap: 4%; column-gap: 4%; } } .p-flight-schedule__destinations li { width: 23.8%; } @media screen and (max-width: 768px) { .p-flight-schedule__destinations li { width: 32%; } } @media screen and (max-width: 500px) { .p-flight-schedule__destinations li { width: 48%; } } .p-flight-schedule__destinations li span { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 3em; padding-left: 1.43em; border-radius: 1rem; background-color: #f7f7f7; font-size: 1.6rem; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; aspect-ratio: 305/80; } @media screen and (max-width: 768px) { .p-flight-schedule__destinations li span { border-radius: 0.5rem; font-size: 1.4rem; } } .p-flight-schedule__destinations li span::after { position: absolute; top: 50%; right: 1em; width: 1.375em; height: 1.375em; background: #bfa36c; content: ""; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-external1.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-external1.svg); } .p-flight-schedule__destinations li span:hover { -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2); box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2); } .p-flight-schedule__caution { margin-top: 5rem; line-height: 1.87; } @media screen and (max-width: 768px) { .p-flight-schedule__caution { margin-top: 2.5rem; } } .p-flight-schedule-popup { position: fixed; top: 50%; left: 50%; z-index: 201; visibility: hidden; overflow: hidden; max-width: 108rem; max-height: 96dvh; width: calc(100% - 20rem); border-radius: 2rem; background-color: #fff; opacity: 0; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-width: 768px) { .p-flight-schedule-popup { width: 96%; border-radius: 1rem; } } .p-flight-schedule-popup.show { visibility: visible; opacity: 1; } .p-flight-schedule-popup__head { padding-top: 6rem; padding-bottom: 3rem; background-color: #f7f7f7; } @media screen and (max-width: 768px) { .p-flight-schedule-popup__head { padding-top: 3rem; padding-bottom: 2rem; } } .p-flight-schedule-popup__title { color: #353535; text-align: center; font-weight: bold; font-size: 3.6rem; font-family: "Noto Serif", "Noto Serif JP", serif; } @media screen and (max-width: 768px) { .p-flight-schedule-popup__title { font-size: 2.4rem; } } .p-flight-schedule-popup__title span { display: block; margin-top: 0.3em; color: #969696; font-size: 0.5em; } .p-flight-schedule-popup__close { display: block; position: absolute; top: 3.3rem; right: 5rem; width: 2.8rem; height: 2.8rem; cursor: pointer; } @media screen and (max-width: 768px) { .p-flight-schedule-popup__close { top: 2.2rem; right: 2.2rem; width: 2rem; height: 2rem; } } .p-flight-schedule-popup__close::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #afafaf; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-cross.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-cross.svg); } .p-flight-schedule-popup__table-wrap { overflow-y: auto; max-height: calc(96dvh - 10rem); padding: 4.6rem 3.9% 8.3rem; } @media screen and (max-width: 768px) { .p-flight-schedule-popup__table-wrap { padding: 2.3rem 3.9% 4rem; } } .p-flight-schedule-popup-table { width: 100%; } .p-flight-schedule-popup-table thead th { color: #bfa36c; text-align: center; font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-flight-schedule-popup-table thead th { font-size: 1.4rem; } } .p-flight-schedule-popup-table thead th:not(:first-of-type) { width: 10.9%; } @media screen and (max-width: 768px) { .p-flight-schedule-popup-table thead th:not(:first-of-type) { width: 10.1%; } } .p-flight-schedule-popup-table tbody tr { border-top: 0.2rem solid #d8d8d8; } .p-flight-schedule-popup-table tbody tr:last-of-type { border-bottom: 0.2rem solid #d8d8d8; } .p-flight-schedule-popup-table tbody th { color: #353535; vertical-align: middle; font-weight: bold; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-flight-schedule-popup-table tbody th { font-size: 1.6rem; } } .p-flight-schedule-popup-table tbody th span { display: block; font-weight: 400; font-size: 0.66em; } @media screen and (max-width: 768px) { .p-flight-schedule-popup-table tbody th span { font-size: 1.3rem; } } .p-flight-schedule-popup-table tbody td { padding-top: 0.4rem; padding-bottom: 0.4rem; padding-left: 0.5rem; } .p-flight-schedule-popup-table tbody td span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0.1rem solid #d8d8d8; border-radius: 0.5rem; background-color: #d8d8d8; aspect-ratio: 124/75; } @media screen and (max-width: 500px) { .p-flight-schedule-popup-table tbody td span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 6em; border-radius: 0.2rem; aspect-ratio: initial; } } .p-flight-schedule-popup-table tbody td span::after { display: inline-block; width: 2.5rem; height: 1.8rem; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } @media screen and (max-width: 768px) { .p-flight-schedule-popup-table tbody td span::after { width: 1.5rem; } } .p-flight-schedule-popup-table tbody td.on span { border: 0.1rem solid #29ab6c; background-color: #e7fff3; } .p-flight-schedule-popup-table tbody td.on span::after { background-image: url(https://www.sendai-airport.co.jp/global/assets/flight/icon-check.png); } .p-flight-schedule-popup-table tbody td.off span::after { background-image: url(https://www.sendai-airport.co.jp/global/assets/flight/icon-minus.png); } .p-flight-company { margin-top: 7rem; } @media screen and (max-width: 768px) { .p-flight-company { margin-top: 3.5rem; } } .p-flight-company__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 4.5rem; -webkit-column-gap: 1.5625%; -moz-column-gap: 1.5625%; column-gap: 1.5625%; row-gap: 2rem; } @media screen and (max-width: 768px) { .p-flight-company__list { margin-top: 2.3rem; -webkit-column-gap: 2%; -moz-column-gap: 2%; column-gap: 2%; row-gap: 1.5rem; } } @media screen and (max-width: 500px) { .p-flight-company__list { -webkit-column-gap: 4%; -moz-column-gap: 4%; column-gap: 4%; } } .p-flight-company__list li { width: 18.75%; } @media screen and (max-width: 768px) { .p-flight-company__list li { width: 32%; } } @media screen and (max-width: 500px) { .p-flight-company__list li { width: 48%; } } .p-flight-company__list li a { display: -webkit-box; display: -ms-flexbox; display: flex; aspect-ratio: 240/80; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0.1rem solid #bfa36c; border-radius: 1rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-flight-company__list li a:hover { border-color: #e2e2e2; opacity: 0.8; } .p-flight-company__list li a img { max-height: 8rem; width: auto; } .p-faq { counter-reset: item; } .p-faq-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; row-gap: 3rem; } @media screen and (max-width: 768px) { .p-faq-list { row-gap: 2rem; } } .p-faq-list__item { display: inline-block; position: relative; width: 48.3%; border-radius: 50rem; } @media screen and (max-width: 768px) { .p-faq-list__item { width: 100%; } } .p-faq-list__item a { display: block; position: relative; margin-top: 0.2rem; margin-left: 0.2rem; padding: 1.38em 1.5em; padding-right: 2.5em; border: 1px solid #CDCDCD; border-radius: 50rem; background-color: #f7f7f7; color: #666; font-weight: bold; line-height: 1.4; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-faq-list__item a::after { display: block; position: absolute; top: 50%; right: 28px; width: 9px; height: 9px; margin-bottom: 0.1em; border-top: 2px solid #bfa36c; border-right: 2px solid #bfa36c; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); pointer-events: none; } .p-faq__toc { margin-top: 2.5em; } .p-faq__toc > li { margin-top: 1.5em; border: 0.1rem solid #CFCFCF; border-radius: 2rem; line-height: 1.4; } @media screen and (max-width: 768px) { .p-faq__toc > li { border-radius: 1rem; } } @media screen and (max-width: 500px) { .p-faq__toc > li { margin-top: 2rem; } } .p-faq__toc > li h3 { position: relative; padding: 1.66em 0; padding-right: 3em; padding-left: 5em; border-radius: 2rem; background-color: #f7f7f7; font-weight: 500; font-size: 1.8rem; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-faq__toc > li h3 { padding-left: 4em; border-radius: 1rem; font-size: 1.5rem; } } .p-faq__toc > li h3::before { position: absolute; top: 50%; left: 4rem; z-index: 1; margin-right: 0.5em; color: #bfa36c; content: "Q" counter(item, decimal-leading-zero); counter-increment: item; font-weight: bold; font-size: 1.1em; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 768px) { .p-faq__toc > li h3::before { left: 1.5rem; } } .p-faq__toc > li h3 .cross { position: absolute; top: 50%; right: 4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 768px) { .p-faq__toc > li h3 .cross { right: 2rem; } } .p-faq__toc > li h3 .cross::before, .p-faq__toc > li h3 .cross::after { display: inline-block; position: absolute; top: 50%; left: 50%; background-color: #bfa36c; content: ""; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .p-faq__toc > li h3 .cross::before { width: 0.2rem; height: 1.6rem; } .p-faq__toc > li h3 .cross::after { width: 1.6rem; height: 0.2rem; } .p-faq__toc > li h3.is_open { background-color: #FFF; } .p-faq__toc > li h3.is_open .cross::before { opacity: 0; } .p-faq__toc > li h3:hover { opacity: 0.7; } .p-faq__answer { display: none; position: relative; padding: 3rem 4rem; } @media screen and (max-width: 768px) { .p-faq__answer { padding: 2rem; } } .p-faq__answer::before { display: block; position: absolute; top: 0; left: 50%; width: calc(100% - 6rem); height: 0.1rem; background-color: #CFCFCF; content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 768px) { .p-faq__answer::before { width: calc(100% - 4rem); } } .p-faq__answer > *:first-child { margin-top: 0; } .p-vision-unit { padding: 5rem 8rem; border-radius: 3rem; background-color: #f7f7f7; } @media screen and (max-width: 768px) { .p-vision-unit { padding: 3rem; } } .p-vision-unit:not(:first-of-type) { margin-top: 6.5rem; } @media screen and (max-width: 768px) { .p-vision-unit:not(:first-of-type) { margin-top: 3rem; } } .p-vision-unit h2 { text-align: center; font-weight: bold; font-size: 3rem; font-family: "Noto Serif", "Noto Serif JP", serif; } @media screen and (max-width: 768px) { .p-vision-unit h2 { font-size: 2rem; } } .p-vision-unit .c-list li { margin-top: 3.5rem; padding-left: 1.3em; } @media screen and (max-width: 768px) { .p-vision-unit .c-list li { margin-top: 2rem; } } .p-vision-unit .c-list li::before { color: #bfa36c; } .p-vision-unit .c-list li:first-of-type { margin-top: 5.2rem; } @media screen and (max-width: 768px) { .p-vision-unit .c-list li:first-of-type { margin-top: 3rem; } } .p-vision-unit .c-list li span { font-weight: bold; font-size: 1.125em; } .p-profile__links { margin-top: 5rem; } @media screen and (max-width: 768px) { .p-profile__links { margin-top: 2rem; } } .p-profile__table1 th { width: 31rem; padding-left: 1.5em; text-align: left !important; } @media screen and (max-width: 768px) { .p-profile__table1 th { width: 8em; padding-left: 1em; } } .p-profile__table2 { margin-top: 5rem; } @media screen and (max-width: 768px) { .p-profile__table2 { margin-top: 2rem; } } .p-profile__table2 th { width: 22rem; padding-left: 1.5em; text-align: left !important; } @media screen and (max-width: 768px) { .p-profile__table2 th { width: 10em; padding-left: 1em; } } .p-profile__pdf { margin-top: 2rem; } @media screen and (max-width: 768px) { .p-profile__pdf { margin-top: 1rem; } } .p-profile__3col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-profile__3col::after { display: block; width: 31.25%; content: ""; } @media screen and (max-width: 768px) { .p-profile__3col::after { width: 100%; } } .p-profile__3col .p-profile__pdf { width: 31.25%; } @media screen and (max-width: 768px) { .p-profile__3col .p-profile__pdf { width: 100%; } } .p-history__layout { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-history__layout.is_col2 > * { width: 46%; } @media screen and (max-width: 500px) { .p-history__layout.is_col2 > * { width: 48%; } } @media screen and (max-width: 768px) { .p-history__layout.is_col2.is_brackets > * { width: 100%; } } .p-history__layout.is_col3 > * { width: 32.4%; } @media screen and (max-width: 768px) { .p-history__layout.is_col3 > * { width: 48%; } } .p-history__layout.is_area { margin-top: 30px; } @media screen and (max-width: 500px) { .p-history__layout.is_area { margin-top: 15px; } } @media screen and (max-width: 768px) { .p-history__layout.is_area > * { width: 48%; } } @media screen and (max-width: 500px) { .p-history__layout.is_area > * { width: 100%; } } .p-history-tab { margin-top: 10rem; } @media screen and (max-width: 768px) { .p-history-tab { margin-top: 5rem; } } .p-history-tab__labels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; border-radius: 50rem; background-color: #EAEAEA; font-family: "Noto Serif", "Noto Serif JP", serif; } @media screen and (max-width: 768px) { .p-history-tab__labels { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .p-history-tab__label { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 25%; height: 7rem; padding: 0 0.5em; border-radius: 50rem; background-color: #EAEAEA; list-style: none; font-weight: bold; font-size: 1.8rem; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-history-tab__label { width: calc(25% - 2px); height: 5rem; } } .p-history-tab__label.is_current { background-color: #353535; color: #bfa36c; } .p-history-tab__label.is_current .num { color: #bfa36c; } .p-history-tab__label:hover:not(.is_current) { background-color: #D2D2D2; } .p-history-tab__label.is_current { font-size: 1.22em; } @media screen and (max-width: 768px) { .p-history-tab__label.is_current .num { font-size: 1.8em; } } .p-history-tab__label .title { z-index: 1; font-weight: 500; line-height: 1.4; } .p-history-tab__label .title::before, .p-history-tab__label .title::after { content: ""; display: block; width: 0; height: 0; } .p-history-tab__label .title::before { margin-top: calc((1 - 1.4) * 0.5em); } .p-history-tab__label .title::after { margin-bottom: calc((1 - 1.4) * 0.5em); } @media screen and (max-width: 768px) { .p-history-tab__label .title { display: none; } } .p-history-tab__label .num { margin-right: 0.3em; color: #bfa36c; font-weight: 800; font-size: 3rem; } @media screen and (max-width: 768px) { .p-history-tab__label .num { font-size: 2.4rem; } } .p-history-content { display: none; overflow: hidden; } .p-history-content.is_show { display: block; } .p-history-content__h2 { color: #bfa36c; font-weight: bold; font-size: 4.8rem; font-family: "Noto Serif", "Noto Serif JP", serif; } .p-history-content__h2 span { margin-left: 0.5em; color: #353535; font-size: 0.625em; } @media screen and (max-width: 768px) { .p-history-content__h2 span { font-size: 1.8rem; } } .p-history-unit { margin-top: 40px; } @media screen and (max-width: 500px) { .p-history-unit { margin-top: 30px; } } .p-history-unit__text { margin-top: 20px; font-weight: 500; font-size: clamp(12px, 3.2vw, 16px); line-height: 1.6; } .p-history-unit__text::before, .p-history-unit__text::after { content: ""; display: block; width: 0; height: 0; } .p-history-unit__text::before { margin-top: calc((1 - 1.6) * 0.5em); } .p-history-unit__text::after { margin-bottom: calc((1 - 1.6) * 0.5em); } @media screen and (max-width: 500px) { .p-history-unit__text { margin-top: 15px; } } .p-history-unit__text.is_lg { font-weight: bold; font-size: clamp(15px, 4vw, 18px); } .p-history-unit__text.is_area { margin-top: 40px; text-align: center; } .p-history-unit__table { margin-top: 40px; } .p-history-unit__table th { width: 140px; } @media screen and (max-width: 500px) { .p-history-unit__table th { width: 100px; } } .p-history-unit > *:first-child { margin-top: 0; } .p-history-area { margin-top: 60px; padding-top: 60px; border-top: 0.1rem solid #bfa36c; } @media screen and (max-width: 768px) { .p-history-area { margin-top: 30px; padding-top: 30px; } } .p-history-area__title { text-align: center; font-weight: bold; font-size: clamp(18px, 2.34vw, 36px); } .p-history-area__subtitle { margin-bottom: 1em; text-align: center; font-weight: 500; font-size: clamp(15px, 4vw, 18px); line-height: 1.6; } .p-history-area__subtitle::before, .p-history-area__subtitle::after { content: ""; display: block; width: 0; height: 0; } .p-history-area__subtitle::before { margin-top: calc((1 - 1.6) * 0.5em); } .p-history-area__subtitle::after { margin-bottom: calc((1 - 1.6) * 0.5em); } .p-history-area .p-history-unit__figure { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-history-area .p-history-unit__figure:hover { opacity: 0.7; } .p-guide__tab-content-parent { display: none; } .p-guide__tab-content-parent.is_show { display: block; } .p-guide-card { width: 30.15%; } @media screen and (max-width: 768px) { .p-guide-card { width: 48%; } } .p-guide-card a { display: block; } .p-guide-card a:hover .p-guide-card__image img { scale: 1.1; } .p-guide-card a:hover .p-guide-card__name { text-decoration: underline; } .p-guide-card a:hover .p-guide-card__categories { background-color: #f8f7f7; } .p-guide-card__image { overflow: hidden; border-radius: 1rem; } @media screen and (max-width: 768px) { .p-guide-card__image { border-radius: 0.5rem; } } .p-guide-card__image img { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-guide-card__categories { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1.16em; padding: 1.21em; border-radius: 1rem; color: #00054a; font-size: 1.2rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; border: 0.1rem solid #e2e2e2; } @media screen and (max-width: 768px) { .p-guide-card__categories { margin-top: 1.2rem; padding: 0.82em; border-radius: 0.5rem; } } .p-guide-card__categories li:not(:first-of-type)::before { display: inline-block; margin: 0 0.2em; content: "/"; } .p-guide-card__security { color: #bfa36c; border: 0.1rem solid #bfa36c; display: inline-block; font-size: 1.4rem; line-height: 1.71; padding: 0.15em 1em; margin-top: 0.85em; background-color: #f7f7f7; } .p-guide-card__name { margin-top: 0.5em; color: #000; font-weight: 500; font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-guide-card__name { margin-top: 1.33em; font-size: 1.2rem; } } .p-guide-card__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.7rem; } .p-guide-card__floor { font-size: 1.4rem; } @media screen and (max-width: 768px) { .p-guide-card__floor { font-size: 1.2rem; } } .p-guide-card__floor::before { display: inline-block; padding: 0.32em 1em; border: 0.1rem solid #e2e2e2; background-color: #f7f7f7; color: #a58545; } .p-guide-card__time { color: #6d6d6d; font-size: 1.4rem; } @media screen and (max-width: 768px) { .p-guide-card__time { font-size: 1.2rem; } } .p-guide-card__time::before { display: inline-block; margin-right: 0.3em; } @media screen and (max-width: 960px) { .p-guide-card__time::before { width: 100%; margin-left: 0; } } .p-guide-card.is_1f .p-guide-card__floor::before { content: "1F"; } .p-guide-card.is_2f .p-guide-card__floor::before { content: "2F"; } .p-guide-card.is_3f .p-guide-card__floor::before { content: "3F"; } .p-guide-card.is_rf .p-guide-card__floor::before { content: "RF"; } .p-guide-card.is_open .p-guide-card__time::before { color: #00b004; content: "OPEN"; } .p-guide-card.is_closed .p-guide-card__time::before { color: #d70000; content: "CLOSED"; } .p-guide__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 3rem; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 0.8rem; } @media screen and (max-width: 768px) { .p-guide__buttons { margin-top: 1.4rem; -webkit-column-gap: 0.6rem; -moz-column-gap: 0.6rem; column-gap: 0.6rem; } } .p-guide__buttons li { padding: 0.45em 1.17em; border: 0.1rem solid #e2e2e2; border-radius: 10rem; background-color: #fff; font-size: 1.8rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-guide__buttons li { font-size: 1.2rem; } } .p-guide__buttons li:not(.is_current) { cursor: pointer; } .p-guide__buttons li:not(.is_current):hover { background-color: #f7f7f7; } .p-guide__buttons li.open-now { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 2rem; padding: 0; } @media screen and (max-width: 768px) { .p-guide__buttons li.open-now { margin-right: 0; } } .p-guide__buttons li.open-now::after { display: block; position: absolute; top: 0; right: -1.5rem; width: 0.2rem; height: 3rem; background-color: #e2e2e2; content: ""; } @media screen and (max-width: 768px) { .p-guide__buttons li.open-now::after { content: none; } } .p-guide__buttons li.open-now label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0.1em 0.64em; border-radius: 30rem; } .p-guide__buttons li.open-now label::before { display: inline-block; width: 1em; height: 1em; margin-right: 0.3rem; border-radius: 50%; background-color: #e2e2e2; content: ""; } .p-guide__buttons li.open-now input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .p-guide__buttons li.open-now input[type=checkbox]:checked + label { background-color: #e2e2e2; } .p-guide__buttons li.open-now input[type=checkbox]:checked + label::before { background-color: #00b004; background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-check.svg); background-position: center; background-size: 60%; background-repeat: no-repeat; } .p-guide__buttons li.filter { position: relative; padding-right: 2.5em; background-color: #f7f7f7; } .p-guide__buttons li.filter span { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 50%; right: 0.6rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 1.66em; height: 1.66em; border-radius: 50%; background-color: #fff; content: ""; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .p-guide__buttons li.filter span::after { display: inline-block; width: 1em; height: 0.72em; background: #4c4b4c; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-filter.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-filter.svg); } .p-guide__buttons li.filter.active { background-color: #666; color: #fff; } .p-guide__buttons li.filter.active span::after { width: 0.77em; height: 0.77em; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-cross.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-cross.svg); } .p-guide__buttons li.is_current { border-color: #666; background-color: #666; color: #fff; } .p-guide__buttons li.is_invalid { background-color: #e2e2e2; color: #666; cursor: pointer; pointer-events: none; } .p-guide-list { padding-top: 7rem; } @media screen and (max-width: 768px) { .p-guide-list { padding-top: 3.5rem; } } .p-guide-list__tablabels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-guide-list__tablabel { display: inline-block; width: 19rem; margin-left: 1.3em; padding: 0.1em 0; border: 0.2rem solid #e2e2e2; border-radius: 0.5rem; background-color: #fff; color: #666; text-align: center; font-size: 2.4rem; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-guide-list__tablabel { width: auto; margin-left: 0.66em; padding: 0 0.8em; font-size: 1.5rem; } } .p-guide-list__tablabel:hover { background-color: #f7f7f7; } .p-guide-list__tablabel.is_current { border-color: #bfa36c; background-color: #bfa36c; color: #000; cursor: text; pointer-events: none; } .p-guide-list__ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 5.5rem; row-gap: 6.7rem; } .p-guide-list__ul::after { content: ""; width: 30.15%; display: block; } @media screen and (max-width: 768px) { .p-guide-list__ul::after { width: 48%; } } @media screen and (max-width: 768px) { .p-guide-list__ul { row-gap: 3rem; } } @media screen and (max-width: 768px) and (max-width: 768px) { .p-guide-list__ul { margin-top: 2.5rem; } } .p-guide-list-filter { position: fixed; top: 50%; left: 50%; z-index: 102; visibility: hidden; overflow-y: auto; max-width: 128rem; max-height: 94dvh; width: calc(100% - 2rem); padding-top: 4rem; border-radius: 2rem; background-color: #fff; -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2); box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2); opacity: 0; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-width: 768px) { .p-guide-list-filter { padding-top: 2rem; border-radius: 1rem; } } .p-guide-list-filter.show { visibility: visible; opacity: 1; } .p-guide-list-filter__modal { position: fixed; top: 0; left: 0; z-index: 100; visibility: hidden; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); opacity: 0; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-guide-list-filter__modal.show { visibility: visible; opacity: 1; } .p-guide-list-filter__unit { margin-top: 3rem; padding: 0 5rem; } @media screen and (max-width: 768px) { .p-guide-list-filter__unit { padding: 0 2rem; } } @media screen and (max-width: 500px) { .p-guide-list-filter__unit { padding: 0 1rem; } } @media screen and (max-width: 768px) { .p-guide-list-filter__unit { margin-top: 2rem; } } .p-guide-list-filter__title { color: #bfa36c; } .p-guide-list-filter__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1rem; -webkit-column-gap: 2%; -moz-column-gap: 2%; column-gap: 2%; row-gap: 1.5rem; } @media screen and (max-width: 768px) { .p-guide-list-filter__flex { -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 1rem; } } .p-guide-list-filter__item { width: 23.5%; } @media screen and (max-width: 768px) { .p-guide-list-filter__item { width: 48%; } } .p-guide-list-filter__label span { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.41em 1em; border: 0.1rem solid #d8d8d8; border-radius: 0.5rem; background-color: #fff; font-size: 1.8rem; cursor: default; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-guide-list-filter__label span { padding: 0.8em 1em; font-size: 1.5rem; } } @media screen and (max-width: 500px) { .p-guide-list-filter__label span { padding: 0.8em 0.5em; font-size: 1.3rem; } } .p-guide-list-filter__label span::before { display: inline-block; width: 1em; height: 1em; margin-right: 0.3rem; margin-right: 0.4em; border: 0.1rem solid #cdcdcd; border-radius: 50%; background-color: #fff; content: ""; } .p-guide-list-filter__input { position: absolute; opacity: 0; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .p-guide-list-filter__input:checked + span { background-color: #ededed; } .p-guide-list-filter__input:checked + span::before { border-color: #00b004; background-color: #00b004; background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-check.svg); background-position: center; background-size: 60%; background-repeat: no-repeat; } .p-guide-list-filter__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 5.4rem; padding: 1.5rem 5rem; border-bottom-right-radius: 2rem; border-bottom-left-radius: 2rem; background-color: #666; } @media screen and (max-width: 768px) { .p-guide-list-filter__footer { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 2.5rem; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } } .p-guide-list-filter__footer::before { display: block; width: 18.5rem; content: ""; } @media screen and (max-width: 768px) { .p-guide-list-filter__footer::before { display: none; } } .p-guide-list-filter__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 18.5rem; height: 4rem; border: 0.2rem solid #fff; border-radius: 1rem; font-size: 1.8rem; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-guide-list-filter__button { font-size: 1.5rem; } } .p-guide-list-filter__button.is_apply { background-color: #fff; color: #666; } .p-guide-list-filter__button.is_apply:hover { border-color: #e2e2e2; background-color: #e2e2e2; } .p-guide-list-filter__button.is_clear { color: #fff; } .p-guide-list-filter__button.is_clear:hover { background-color: rgba(255, 255, 255, 0.2); } .p-guide-list-filter__close { display: block; position: absolute; top: 3.3rem; right: 5rem; width: 2.8rem; height: 2.8rem; cursor: pointer; } @media screen and (max-width: 768px) { .p-guide-list-filter__close { top: 2.2rem; right: 2.2rem; width: 2rem; height: 2rem; } } .p-guide-list-filter__close::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #afafaf; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-cross.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-cross.svg); } .p-guide-shop__h2 { color: #353535; text-align: center; text-align: center; font-weight: 500; font-size: 3.6rem; font-family: "Noto Serif", "Noto Serif JP", serif; } @media screen and (max-width: 768px) { .p-guide-shop__h2 { font-size: 2.4rem; } } .p-guide-shop-heading { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40rem; background-position: center; background-size: cover; } @media screen and (max-width: 768px) { .p-guide-shop-heading { min-height: 25rem; height: auto; } } .p-guide-shop-heading::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content: ""; } .p-guide-shop-heading__content { position: relative; z-index: 1; width: 100%; color: #fff; } .p-guide-shop-heading__place { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding-bottom: 0.3em; border-bottom: 0.2rem solid #fff; font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-guide-shop-heading__place { font-size: 1.5rem; } } .p-guide-shop-heading__place::before { display: inline-block; width: 0.875em; height: 1.25em; margin-right: 0.5em; background: #bfa36c; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-map.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-map.svg); } .p-guide-shop-heading__title { margin-top: 0.5em; padding-bottom: 1.6rem; font-weight: 500; font-size: 4.8rem; line-height: 1.2; } .p-guide-shop-heading__title::before, .p-guide-shop-heading__title::after { content: ""; display: block; width: 0; height: 0; } .p-guide-shop-heading__title::before { margin-top: calc((1 - 1.2) * 0.5em); } .p-guide-shop-heading__title::after { margin-bottom: calc((1 - 1.2) * 0.5em); } @media screen and (max-width: 768px) { .p-guide-shop-heading__title { font-size: 2.8rem; } } @media screen and (max-width: 500px) { .p-guide-shop-heading__title { padding-bottom: 1rem; } } .p-guide-shop-heading__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 1.4rem; row-gap: 0.5em; -webkit-column-gap: 1.5em; -moz-column-gap: 1.5em; column-gap: 1.5em; } @media screen and (max-width: 768px) { .p-guide-shop-heading__tags { font-size: 1.1rem; -webkit-column-gap: 0.5em; -moz-column-gap: 0.5em; column-gap: 0.5em; } } .p-guide-shop-heading__tags span, .p-guide-shop-heading__tags a { display: inline-block; padding: 0.36em 0.93em; border: 0.1rem solid #fff; border-radius: 0.5rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-guide-shop-heading__tags span:hover, .p-guide-shop-heading__tags a:hover { background-color: rgba(255, 255, 255, 0.3); } .p-guide-shop-heading__time { margin-top: 1em; font-weight: 500; font-size: 2.4rem; line-height: 1.4; } .p-guide-shop-heading__time::before, .p-guide-shop-heading__time::after { content: ""; display: block; width: 0; height: 0; } .p-guide-shop-heading__time::before { margin-top: calc((1 - 1.4) * 0.5em); } .p-guide-shop-heading__time::after { margin-bottom: calc((1 - 1.4) * 0.5em); } @media screen and (max-width: 768px) { .p-guide-shop-heading__time { font-size: 1.5rem; } } .p-guide-shop-heading__time .open-now__label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.24em 0.95em; border-radius: 30rem; background-color: rgba(0, 0, 0, 0.5); font-size: 1.6rem; } @media screen and (max-width: 768px) { .p-guide-shop-heading__time .open-now__label { margin-top: 0.5em; font-size: 1.3rem; } } .p-guide-shop-heading__time .open-now__label::before { display: inline-block; width: 1em; height: 1em; margin-right: 0.3rem; border-radius: 50%; background-color: #e2e2e2; content: ""; } .p-guide-shop-heading__time .open-now__label.is_open::before { background-color: #00b004; } .p-guide-shop-lead { margin-top: 7rem; line-height: 1.87; color: #333; } @media screen and (max-width: 768px) { .p-guide-shop-lead { margin-top: 4.5rem; } } .p-guide-shop-menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-guide-shop-menu__list::after { display: block; max-width: 370px; width: 31.4%; content: ""; } @media screen and (max-width: 500px) { .p-guide-shop-menu__list::after { width: 100%; } } .p-guide-shop-menu__item { width: 31.4%; margin-top: 45px; } @media screen and (max-width: 500px) { .p-guide-shop-menu__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 30px; } } @media screen and (max-width: 500px) { .p-guide-shop-menu__image { width: 40%; } } @media screen and (max-width: 500px) { .p-guide-shop-menu__text { width: 55%; } } .p-guide-shop-menu__name { margin-top: 1em; font-size: 1.8rem; line-height: 1.4; } .p-guide-shop-menu__name::before, .p-guide-shop-menu__name::after { content: ""; display: block; width: 0; height: 0; } .p-guide-shop-menu__name::before { margin-top: calc((1 - 1.4) * 0.5em); } .p-guide-shop-menu__name::after { margin-bottom: calc((1 - 1.4) * 0.5em); } @media screen and (max-width: 500px) { .p-guide-shop-menu__name { margin-top: 0; font-size: 1.5rem; } } .p-guide-shop-menu__price { margin-top: 6px; color: #353535; font-weight: bold; line-height: 1.4; } .p-guide-shop-menu__price::before, .p-guide-shop-menu__price::after { content: ""; display: block; width: 0; height: 0; } .p-guide-shop-menu__price::before { margin-top: calc((1 - 1.4) * 0.5em); } .p-guide-shop-menu__price::after { margin-bottom: calc((1 - 1.4) * 0.5em); } .p-guide-shop-menu__desc { margin-top: 1.78em; font-size: 1.4rem; line-height: 2.14; } .p-guide-shop-menu__desc::before, .p-guide-shop-menu__desc::after { content: ""; display: block; width: 0; height: 0; } .p-guide-shop-menu__desc::before { margin-top: calc((1 - 2.14) * 0.5em); } .p-guide-shop-menu__desc::after { margin-bottom: calc((1 - 2.14) * 0.5em); } @media screen and (max-width: 500px) { .p-guide-shop-menu__desc { margin-top: 15px; font-size: 1.2rem; line-height: 1.88; } .p-guide-shop-menu__desc::before, .p-guide-shop-menu__desc::after { content: ""; display: block; width: 0; height: 0; } .p-guide-shop-menu__desc::before { margin-top: calc((1 - 1.88) * 0.5em); } .p-guide-shop-menu__desc::after { margin-bottom: calc((1 - 1.88) * 0.5em); } } .p-guide-shop-info { margin-top: 8.7rem; padding-bottom: 12rem; background-color: #f7f7f7; } @media screen and (max-width: 768px) { .p-guide-shop-info { margin-top: 4rem; padding-bottom: 6rem; } } .p-guide-shop-info__content:not(:first-child) { margin-top: 5rem; } @media screen and (max-width: 768px) { .p-guide-shop-info__content:not(:first-child) { margin-top: 2.5rem; } } .p-guide-shop-info__content.is_2col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-guide-shop-info__content.is_2col > div:first-of-type { width: 57.1%; } @media screen and (max-width: 768px) { .p-guide-shop-info__content.is_2col > div:first-of-type { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin-top: 2rem; } } .p-guide-shop-info__content.is_2col > div:last-of-type { width: 41%; } @media screen and (max-width: 768px) { .p-guide-shop-info__content.is_2col > div:last-of-type { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } } .p-guide-shop-info__content.is_3col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-guide-shop-info__content.is_3col div { width: 31.3%; } @media screen and (max-width: 768px) { .p-guide-shop-info__content.is_3col div { width: 100%; } } @media screen and (max-width: 768px) { .p-guide-shop-info__content.is_3col div:not(:first-of-type) { margin-top: 2rem; } } .p-guide-shop-info__title { position: relative; padding-top: 30px; padding-bottom: 0.58em; text-align: center; font-weight: 500; font-size: clamp(18px, 4.8vw, 24px); } @media screen and (max-width: 500px) { .p-guide-shop-info__title { padding-top: 20px; } } .p-guide-shop-info__title::after { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #f7f7f7; content: ""; } .p-guide-shop-info__table th { min-width: 85px; padding: 0 1em; border-bottom: 5px solid #eee; background-color: #ccc; vertical-align: middle; font-weight: 500; font-size: clamp(12px, 3.2vw, 14px); } @media screen and (max-width: 768px) { .p-guide-shop-info__table th { padding: 0.5em 1em; border-width: 3px; } } .p-guide-shop-info__table td { padding: 0 1em; border-bottom: 5px solid #eee; background-color: #fff; vertical-align: middle; font-size: clamp(12px, 3.2vw, 14px); } @media screen and (max-width: 768px) { .p-guide-shop-info__table td { padding: 0.5em 1em; border-width: 3px; } } .p-guide-shop-info__table td a { display: inline-block; border-bottom: 1px solid #333; text-decoration: underline; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-guide-shop-info__table td a:hover { opacity: 0.7; } @media screen and (max-width: 768px) { .p-guide-shop-info__image { margin-top: 20px; } } .p-guide-shop-info__map { margin-top: 7rem; padding: 4rem 11.4% 6rem; background-color: #fff; } @media screen and (max-width: 768px) { .p-guide-shop-info__map { margin-top: 3rem; padding: 2rem; } } .p-guide-shop-info__floor { color: #bfa36c; font-size: 3rem; font-family: "Noto Serif", "Noto Serif JP", serif; } @media screen and (max-width: 768px) { .p-guide-shop-info__floor { font-size: 2.2rem; } } .p-guide-shop-info__payment { margin-top: 4rem; } @media screen and (max-width: 768px) { .p-guide-shop-info__payment { margin-top: 2.5rem; } } .p-guide-shop-info__payment .p-guide-shop__h2 { font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-guide-shop-info__payment .p-guide-shop__h2 { font-size: 1.5rem; } } .p-guide-shop-info__subtitle { color: #bfa36c; text-align: center; font-weight: bold; font-size: clamp(16px, 4.26vw, 24px); } .p-guide-shop-info__box-wh { margin-top: 1.4rem; padding: 1.7em 3em; color: #333; line-height: 1.6; border-radius: 1rem; background-color: #fff; } @media screen and (max-width: 768px) { .p-guide-shop-info__box-wh { font-size: 1.4rem; padding: 1em; } } .p-guide-shop-info__box-wh span { display: block; max-inline-size: -webkit-max-content; max-inline-size: -moz-max-content; max-inline-size: max-content; margin-inline: auto; } .p-guide-shop-info__box-wh img { width: auto; height: 3.3rem; margin-top: 1rem; margin-right: 2.6rem; } .p-guide-shop-info__payment-caption { margin-top: 0.71em; text-align: right; font-size: 1.4rem; color: #999; } @media screen and (max-width: 500px) { .p-guide-shop-info__payment-caption { font-size: 1.1rem; } } .p-guide-shop__pdf { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 5rem; } .p-guide-shop__pdf a { width: 32rem; padding: 1.16em 1em; border-radius: 0.5rem; background-color: #bfa36c; color: #eae0cc; text-align: center; font-size: 1.4rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-guide-shop__pdf a { font-size: 1.2rem; } } .p-guide-shop__pdf a:hover { background-color: #dfc798; } .p-guide-shop__pdf a .c-link { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #00054a; font-size: 1.28em; } .p-floormap__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } @media screen and (max-width: 768px) { .p-floormap__links { -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } } @media screen and (max-width: 500px) { .p-floormap__links { -webkit-column-gap: 0.5rem; -moz-column-gap: 0.5rem; column-gap: 0.5rem; } } .p-floormap__links li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.33em; height: 3.33em; border-radius: 1rem; background-color: #353535; color: #bfa36c; font-weight: bold; font-size: 3rem; font-family: "Noto Serif", "Noto Serif JP", serif; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; aspect-ratio: 1; } @media screen and (max-width: 768px) { .p-floormap__links li a { font-size: 2rem; } } @media screen and (max-width: 500px) { .p-floormap__links li a { font-size: 1.6rem; } } .p-floormap__links li a:hover { opacity: 0.8; } .p-floormap__links li a.is_current { background-color: #bfa36c; color: #353535; pointer-events: none; } .p-floormap-list__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2rem; row-gap: 6.5rem; } @media screen and (max-width: 768px) { .p-floormap-list__items { margin-top: 0; row-gap: 2rem; } } .p-floormap-list__items::after { display: block; width: 30.1%; content: ""; } @media screen and (max-width: 768px) { .p-floormap-list__items::after { width: 100%; } } .p-floormap-list__item { position: relative; width: 30.1%; } @media screen and (max-width: 768px) { .p-floormap-list__item { width: 100%; } } .p-floormap-list__item a { display: block; padding: 2rem; border-radius: 1rem; background-color: #f7f7f7; aspect-ratio: 386/350; } @media screen and (max-width: 768px) { .p-floormap-list__item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2rem; aspect-ratio: initial; } } @media screen and (max-width: 500px) { .p-floormap-list__item a { padding: 1rem; } } .p-floormap-list__item a:hover .p-floormap-list__square { background-color: #bfa36c; color: #353535; } .p-floormap-list__square { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.77em; height: 2.77em; border-radius: 1rem; background-color: #353535; color: #bfa36c; font-size: 3.6rem; font-family: "Noto Serif", "Noto Serif JP", serif; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-floormap-list__square { font-size: 2.4rem; } } .p-floormap-list__name { position: relative; z-index: 1; margin-top: 0.8em; font-weight: 500; font-size: 3rem; } @media screen and (max-width: 768px) { .p-floormap-list__name { margin-top: 0; margin-left: 0.8em; font-size: 2rem; } } .p-floormap-list__figure { position: absolute; bottom: 0; left: 50%; width: calc(100% - 4rem); -webkit-transform: translate(-50%, -20%); transform: translate(-50%, -20%); } @media screen and (max-width: 960px) { .p-floormap-list__figure { display: none; } } @media screen and (max-width: 768px) { .p-floormap-list__figure { display: block; top: 50%; right: 2rem; bottom: initial; left: initial; width: auto; height: 5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (max-width: 500px) { .p-floormap-list__figure { display: none; } } .p-floormap-list__pdf { width: 32rem; height: 5rem; margin-top: 7rem; } @media screen and (max-width: 768px) { .p-floormap-list__pdf { margin-top: 3.5rem; } } .p-floormap-figure { padding-top: 45px; } .p-floormap-figure__inner { max-width: 1220px; margin: 0 auto; padding: 0 10px; } .p-floormap-figure__title { color: #bfa36c; font-weight: bold; font-size: clamp(22px, 5.86vw, 30px); } .p-floormap-figure__body { position: relative; } .p-floormap-figure__body img { width: 100%; } @media screen and (max-width: 500px) { .p-floormap-figure__pc { display: none; } } .p-floormap-figure__sp { display: none; } @media screen and (max-width: 500px) { .p-floormap-figure__sp { display: block; } } .p-floormap-figure__pdf { margin-top: 3rem; text-align: right; } .p-floormap-shops { padding-top: 100px; } @media screen and (max-width: 500px) { .p-floormap-shops { padding-top: 50px; } } .p-floormap-shops__unit:not(:first-of-type) { margin-top: 6.5rem; } @media screen and (max-width: 500px) { .p-floormap-shops__unit:not(:first-of-type) { margin-top: 3.5rem; } } .p-floormap-shops__unit.is_shopping .p-floormap-shops__item .num { background-color: #3295EA; } .p-floormap-shops__unit.is_enjoy .p-floormap-shops__item .num { background-color: #29AB6C; } .p-floormap-shops__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media screen and (max-width: 500px) { .p-floormap-shops__list { margin-top: 1rem; } } .p-floormap-shops__item { width: 48.8%; } @media screen and (max-width: 500px) { .p-floormap-shops__item { width: 100%; } } .p-floormap-shops__item a { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2rem; padding: 0.5rem; padding-right: 1em; border-radius: 1rem; background-color: #f7f7f7; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 500px) { .p-floormap-shops__item a { margin-top: 10px; } } .p-floormap-shops__item a::after { display: inline-block; width: 0.72em; height: 0.72em; margin-left: 0.4em; background: #353535; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translateY(0.2rem); transform: translateY(0.2rem); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-arrow-top-right.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-arrow-top-right.svg); } .p-floormap-shops__item a:hover::after { -webkit-transform: translate(0.2rem, -0.3rem); transform: translate(0.2rem, -0.3rem); } .p-floormap-shops__item a .num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.125em; height: 3.125em; border-radius: 1rem; background-color: #F47FB4; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-floormap-shops__item a .num { left: 1em; width: 3.6rem; height: 3.6rem; font-size: 1.2rem; } } .p-floormap-shops__item a .num > span { color: #FFF; font-weight: 500; font-size: 1.33em; } .p-floormap-shops__item a .name { margin-right: auto; margin-left: 1em; line-height: 1.4; } .p-floormap-shops__item a .name::before, .p-floormap-shops__item a .name::after { content: ""; display: block; width: 0; height: 0; } .p-floormap-shops__item a .name::before { margin-top: calc((1 - 1.4) * 0.5em); } .p-floormap-shops__item a .name::after { margin-bottom: calc((1 - 1.4) * 0.5em); } @media screen and (max-width: 768px) { .p-floormap-shops__item a .name { width: calc(100% - 6.1rem); margin-left: 0.5em; font-size: 1.4rem; } } .p-floormap-shops__item a:hover { background-color: #E2E2E2; } .p-floormap-marks { margin-top: 10rem; padding-top: 9rem; padding-bottom: 11rem; background-color: #f7f7f7; } @media screen and (max-width: 500px) { .p-floormap-marks { margin-top: 5rem; padding-top: 4rem; padding-bottom: 6.5rem; } } .p-floormap-marks__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 500px) { .p-floormap-marks__list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; } } .p-floormap-marks__item { width: 20%; margin-top: 20px; } @media screen and (max-width: 500px) { .p-floormap-marks__item { width: 50%; } } .p-floormap-marks__item a { display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 12px; font-size: 1.4rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 500px) { .p-floormap-marks__item a { margin-right: 0; font-size: 1.2rem; } } .p-floormap-marks__item a:hover { opacity: 0.7; } .p-floormap-marks__figure { display: inline-block; width: 3rem; } @media screen and (max-width: 500px) { .p-floormap-marks__figure { width: 2rem; } } .p-floormap-marks__name { display: inline-block; width: calc(100% - 3rem); margin-left: 8px; line-height: 1.2; } .p-floormap-marks__name::before, .p-floormap-marks__name::after { content: ""; display: block; width: 0; height: 0; } .p-floormap-marks__name::before { margin-top: calc((1 - 1.2) * 0.5em); } .p-floormap-marks__name::after { margin-bottom: calc((1 - 1.2) * 0.5em); } .p-floormap__circle { display: inline-block; position: absolute; width: 3.8%; height: auto; border-radius: 50%; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 500px) { .p-floormap__circle { width: 8%; } } .p-floormap__circle.is_to-p { top: 34%; left: 0; } @media screen and (max-width: 500px) { .p-floormap__circle.is_to-p { top: 0; left: 51%; -webkit-transform: rotate(90deg); transform: rotate(90deg); } } .p-floormap__circle.is_to-2f { top: 76%; right: 23%; } @media screen and (max-width: 500px) { .p-floormap__circle.is_to-2f { top: initial; right: initial; bottom: 9%; left: 8%; -webkit-transform: rotate(90deg); transform: rotate(90deg); } } .p-floormap__circle:hover { opacity: 0.8; } .p-access__menus { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; row-gap: 1rem; } @media screen and (max-width: 768px) { .p-access__menus { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } .p-access__menu { display: -webkit-box; display: -ms-flexbox; display: flex; width: 23.8%; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-access__menu { width: 48.5%; font-size: 1.5rem; } } .p-access__menu:nth-of-type(3), .p-access__menu:nth-of-type(4) { font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-access__menu:nth-of-type(3), .p-access__menu:nth-of-type(4) { font-size: 1.3rem; } } @media screen and (max-width: 768px) { .p-access__menu:nth-of-type(4) { font-size: 1.1rem; } } .p-access__menu.is_current a { background-color: #bfa36c; color: #353535; pointer-events: none; } .p-access__menu.is_current a::before { background: #353535; } .p-access__menu a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 0.62em 0.6em 0.62em; border-radius: 1rem; background-color: #353535; color: #bfa36c; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-access__menu a { padding: 0.5em; } } .p-access__menu a::before { width: 3.3rem; height: 3rem; margin-right: 1rem; background: #bfa36c; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: right; mask-position: right; } .p-access__menu a:hover { opacity: 0.9; } .p-access__menu.is_train a::before { -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/access/menu-icon1.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/access/menu-icon1.svg); } .p-access__menu.is_bus a::before { -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/access/menu-icon2.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/access/menu-icon2.svg); } .p-access__menu.is_rental a::before { -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/access/menu-icon3.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/access/menu-icon3.svg); } .p-access__menu.is_parking a::before { -webkit-mask-image: url(https://www.sendai-airport.co.jp/global/assets/access/menu-icon4.svg); mask-image: url(https://www.sendai-airport.co.jp/global/assets/access/menu-icon4.svg); } .p-access__title { text-align: center; font-weight: bold; font-size: 3.6rem; font-family: "Noto Serif", "Noto Serif JP", serif; } @media screen and (max-width: 768px) { .p-access__title { font-size: 2.2rem; } } .p-access__figure-wrap { max-width: 108rem; margin: 0 auto; } .p-access__figure { margin-top: 5rem; text-align: center; } @media screen and (max-width: 768px) { .p-access__figure { margin-top: 2.5rem; } } .p-access__figure img { max-width: 108rem; } .p-access__figure-message { color: #353535; text-align: left; font-weight: 500; font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-access__figure-message { margin-top: 0.5em; text-align: center; font-size: 1.4rem; } } .p-access__figure-message .num { display: inline-block; position: relative; z-index: 0; margin: 0 clamp(8px, 2.13vw, 16px); color: #FFF; } .p-access__figure-message .num::before { display: block; position: absolute; top: 50%; left: 50%; z-index: -1; width: clamp(20px, 5.33vw, 32px); height: clamp(20px, 5.33vw, 32px); border-radius: 50%; background-color: #353535; content: ""; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .p-access__figure2 { position: relative; } .p-access__figure2 figcaption { display: inline-block; position: absolute; right: 0; bottom: 0; padding: 0.45em 0.666em; background-color: #F8F7F7; font-weight: bold; font-size: 1.8rem; font-family: "Noto Serif", "Noto Serif JP", serif; -webkit-transform: translateY(100%); transform: translateY(100%); } @media screen and (max-width: 768px) { .p-access__figure2 figcaption { font-size: 1.2rem; } } .p-access__figure2.is_capwh figcaption { background-color: #FFF; } .p-train__figure { max-width: 108rem; margin: 0 auto; margin-top: 4.6rem; } @media screen and (max-width: 768px) { .p-train__figure { margin-top: 2.5rem; } } .p-train-route__infos { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 5rem; } .p-train-route__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 31.25%; padding: 1em; background-color: #f7f7f7; } @media screen and (max-width: 768px) { .p-train-route__info { width: 100%; } .p-train-route__info:not(:first-of-type) { margin-top: 1.5rem; } } .p-train-route__info dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; text-align: center; } .p-train-route__info dd { margin-top: auto; margin-top: 0.8em; } .p-train-route__link { height: 6rem; } @media screen and (max-width: 768px) { .p-train-route__link { height: 5rem; font-size: 1.4rem !important; } } .p-train-transfer { padding-top: 10rem; } @media screen and (max-width: 768px) { .p-train-transfer { padding-top: 5rem; } } .p-train-transfer__lead { margin-top: 2.7em; font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-train-transfer__lead { font-size: 1.5rem; } } .p-train-transfer__content { margin-top: 5.6rem; } @media screen and (max-width: 500px) { .p-train-transfer__content { margin-top: 5rem; } } .p-train-transfer__labels { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; border-radius: 50rem; background-color: #EAEAEA; font-family: "Noto Serif", "Noto Serif JP", serif; } @media screen and (max-width: 768px) { .p-train-transfer__labels { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: transparent; row-gap: 1.5rem; } } .p-train-transfer__label { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 33.3333333333%; height: 7rem; border-radius: 50rem; background-color: #EAEAEA; list-style: none; text-align: center; font-size: 1.8rem; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-train-transfer__label { width: 100%; height: 5rem; font-size: 1.4rem; } } .p-train-transfer__label.is_current { background-color: #353535; color: #bfa36c; } .p-train-transfer__label:hover:not(.is_current) { background-color: #D2D2D2; } .p-train-transfer__tab-content { display: none; } .p-train-transfer__tab-content.is_show { display: block; } .p-train-transfer__map { position: relative; margin-top: 50px; } @media screen and (max-width: 500px) { .p-train-transfer__map { overflow-x: auto; margin-top: 30px; white-space: nowrap; } .p-train-transfer__map > img { width: 726px; max-inline-size: initial; max-block-size: initial; } } .p-train-transfer__tab-list { margin-top: 2rem !important; } .p-train-transfer__tab-unit { margin-top: 3rem; } .p-train-transfer__tab-unit p { margin-top: 0.5em; line-height: 1.66; } .p-train-transfer__tab-unit p::before, .p-train-transfer__tab-unit p::after { content: ""; display: block; width: 0; height: 0; } .p-train-transfer__tab-unit p::before { margin-top: calc((1 - 1.66) * 0.5em); } .p-train-transfer__tab-unit p::after { margin-bottom: calc((1 - 1.66) * 0.5em); } .p-train-transfer__map-wrap { max-width: 108rem; margin: 0 auto; margin-top: 5rem; } @media screen and (max-width: 768px) { .p-train-transfer__map-wrap { margin-top: 2rem; } } @media screen and (max-width: 768px) { .p-train-transfer__map-wrap > figure { overflow-x: scroll; white-space: nowrap; } } @media screen and (max-width: 768px) { .p-train-transfer__map-wrap > figure > img { min-width: 72.6rem; } } .p-bus { padding-top: 63px; padding-bottom: 107px; } @media screen and (max-width: 500px) { .p-bus { padding-top: 45px; padding-bottom: 50px; } } .p-bus-bus { padding-top: 62px; } @media screen and (max-width: 500px) { .p-bus-bus { padding-top: 45px; } } .p-bus-route { padding-top: 39px; } .p-bus-route__asterisk { margin-top: 46px; line-height: 1.66; } .p-bus-route__asterisk::before, .p-bus-route__asterisk::after { content: ""; display: block; width: 0; height: 0; } .p-bus-route__asterisk::before { margin-top: calc((1 - 1.66) * 0.5em); } .p-bus-route__asterisk::after { margin-bottom: calc((1 - 1.66) * 0.5em); } @media screen and (max-width: 500px) { .p-bus-route__asterisk { margin-top: 30px; } } .p-bus-route__figure { margin-top: 19px; text-align: center; } .p-bus-route__figure img { max-width: 980px; } .p-bus-platform__figure { margin-top: 48px; text-align: center; } @media screen and (max-width: 500px) { .p-bus-platform__figure { margin-top: 25px; } } .p-bus-platform__figure img { max-width: 1000px; } .p-bus-platform__images { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 62px; } @media screen and (max-width: 500px) { .p-bus-platform__images { margin-top: 35px; } } .p-bus-platform__image { position: relative; width: 47.5%; } .p-bus-info { margin-top: 12rem; } @media screen and (max-width: 500px) { .p-bus-info { margin-top: 6rem; } } .p-bus-info__labels { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5.7rem; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 1.5rem; } @media screen and (max-width: 500px) { .p-bus-info__labels { margin-top: 3rem; row-gap: 1rem; } } .p-bus-info__labels::before, .p-bus-info__labels::after { display: block; width: 23.8%; content: ""; } @media screen and (max-width: 768px) { .p-bus-info__labels::before, .p-bus-info__labels::after { width: 32.2%; } } @media screen and (max-width: 500px) { .p-bus-info__labels::before, .p-bus-info__labels::after { width: 49%; } } .p-bus-info__labels::before { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .p-bus-info__label { padding: 0.77em 1.25em; border: 0.2rem solid #E2E2E2; border-radius: 20rem; color: #666; color: #666; font-weight: 600; font-size: 1.6rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-bus-info__label { border-width: 0.15rem; font-size: 1.1rem; } } .p-bus-info__label:hover { background-color: #F7F7F7; cursor: pointer; } .p-bus-info__label.is_current { border-color: #bfa36c; background-color: #bfa36c; color: #00054A; pointer-events: none; } .p-bus-info__label.is_suspension { background-color: #E2E2E2; } .p-bus-info__label.is_suspension:hover { background-color: #D8D8D8; } .p-bus-info__label.is_suspension.is_current { border-color: #D8D8D8; } .p-bus-tab { margin-top: 3.5rem; } @media screen and (max-width: 500px) { .p-bus-tab { margin-top: 2.5rem; } } .p-bus-tab__content { display: none; border-radius: 1rem; background-color: #f7f7f7; } @media screen and (max-width: 768px) { .p-bus-tab__content { border-radius: 0.5rem; } } .p-bus-tab__content.is_show { display: block; } .p-bus-tab__inner { padding: 3rem 5rem 5rem; } @media screen and (max-width: 500px) { .p-bus-tab__inner { padding: 2.5rem 1rem 3rem; } } .p-bus-tab__title { color: #353535; text-align: center; font-weight: 500; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-bus-tab__title { font-size: 1.8rem; } } .p-bus-tab__subtitle { margin-top: clamp(30px, 8vw, 45px); color: #bfa36c; font-weight: bold; font-size: clamp(14px, 3.7vw, 18px); } .p-bus-tab__subtitle .c-link { margin-left: 1em; } .p-bus-tab__table { margin-top: 7rem; } @media screen and (max-width: 500px) { .p-bus-tab__table { margin-top: 2.5rem; } } .p-bus-tab__supplement { margin-top: 1em; text-align: right; font-size: 14px; } .p-bus-tab__timetable dt { font-weight: 500; } .p-bus-tab__timetable dd { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 9px; } .p-bus-tab__timetable dd .place { height: 186px; background-color: #28AA6D; } .p-bus-tab p { margin-top: 39px; line-height: 1.63; } @media screen and (max-width: 500px) { .p-bus-tab p { margin-top: 25px; } } .p-bus-tab__asterisk { margin-top: 2em; line-height: 1.88; } .p-bus-tab__asterisk::before, .p-bus-tab__asterisk::after { content: ""; display: block; width: 0; height: 0; } .p-bus-tab__asterisk::before { margin-top: calc((1 - 1.88) * 0.5em); } .p-bus-tab__asterisk::after { margin-bottom: calc((1 - 1.88) * 0.5em); } .p-bus-tab__asterisk li { padding-left: 1em; text-indent: -1em; } .p-bus-tab__asterisk li::before { content: "※"; } .p-bus-taxi { margin-top: 13rem; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); padding-top: 9rem; padding-right: calc(50vw - 50%); padding-left: calc(50vw - 50%); background-color: #f7f7f7; } @media screen and (max-width: 500px) { .p-bus-taxi { margin-top: 6.5rem; padding-top: 4.5rem; } } .p-bus-company { margin-top: 75px; } @media screen and (max-width: 500px) { .p-bus-company { margin-top: 45px; } } .p-bus-company__table { margin-top: 37px; } @media screen and (max-width: 500px) { .p-bus-company__table { margin-top: 25px; } } .p-bus-company__table tbody td { text-align: center; } .p-rentacar__point { margin-top: 55px; margin-top: 4em; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-rentacar__point { font-size: 1.8rem; } } @media screen and (max-width: 500px) { .p-rentacar__point { margin-top: 2em; } } .p-rentacar__point dt { font-weight: bold; font-family: "Noto Serif", "Noto Serif JP", serif; } .p-rentacar__point dd { margin-top: 10px; font-size: 1.6rem; line-height: 1.2; } .p-rentacar__point dd::before, .p-rentacar__point dd::after { content: ""; display: block; width: 0; height: 0; } .p-rentacar__point dd::before { margin-top: calc((1 - 1.2) * 0.5em); } .p-rentacar__point dd::after { margin-bottom: calc((1 - 1.2) * 0.5em); } .p-rentacar__images { margin-top: 8rem; } @media screen and (max-width: 500px) { .p-rentacar__images { margin-top: 3.5rem; } } .p-rentacar-company { margin-top: 6rem; padding: 2rem 0 3.2rem; border-radius: 1rem; background-color: #F8F7F7; } @media screen and (max-width: 500px) { .p-rentacar-company { margin-top: 3rem; border-bottom: 0.5rem; border-radius: 0.5rem; } } .p-rentacar-company__title { border-bottom: 0.1rem solid #E2E2E2; text-align: center; font-weight: 500; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-rentacar-company__title { font-size: 1.8rem; } } .p-rentacar-company__title::after { display: block; width: 100%; height: 2px; margin-top: 0.5em; content: ""; } .p-rentacar-company__message { margin-top: 5rem; text-align: center; line-height: 1.88; } .p-rentacar-company__message::before, .p-rentacar-company__message::after { content: ""; display: block; width: 0; height: 0; } .p-rentacar-company__message::before { margin-top: calc((1 - 1.88) * 0.5em); } .p-rentacar-company__message::after { margin-bottom: calc((1 - 1.88) * 0.5em); } @media screen and (max-width: 768px) { .p-rentacar-company__message { margin-top: 2.5rem; } } .p-rentacar-company__inner { margin: 0 auto; padding: 1rem 4rem; } @media screen and (max-width: 500px) { .p-rentacar-company__inner { padding: 0 2rem; } } .p-rentacar-company__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 2.4rem; -webkit-column-gap: 0.91%; -moz-column-gap: 0.91%; column-gap: 0.91%; row-gap: 1rem; } @media screen and (max-width: 500px) { .p-rentacar-company__list { -webkit-column-gap: 1.5%; -moz-column-gap: 1.5%; column-gap: 1.5%; } } .p-rentacar-company__list li { max-width: 13.7rem; width: 13.5%; } @media screen and (max-width: 500px) { .p-rentacar-company__list li { width: 23.7%; } } .p-rentacar-company__list li a { display: block; position: relative; height: 100%; } .p-rentacar-company__list li a::after { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 3px); background-color: rgba(255, 255, 255, 0.5); content: ""; opacity: 0; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-rentacar-company__list li a:hover::after { opacity: 1; } .p-rentacar-route { margin-top: 5rem; } .p-rentacar-route__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 108rem; margin: 0 auto; margin-top: 2.6rem; } @media screen and (max-width: 500px) { .p-rentacar-route__list { margin-top: 0; } } .p-rentacar-route__list::after { display: block; width: 18%; content: ""; } @media screen and (max-width: 500px) { .p-rentacar-route__list::after { width: 31%; } } .p-rentacar-route__list li { width: 18%; } @media screen and (max-width: 500px) { .p-rentacar-route__list li { width: 31%; margin-top: 10px; } } .p-rentacar-share { margin-top: 10rem; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); padding-top: 9rem; padding-right: calc(50vw - 50%); padding-bottom: 14rem; padding-left: calc(50vw - 50%); background-color: #F8F7F7; } @media screen and (max-width: 500px) { .p-rentacar-share { margin-top: 5rem; padding-top: 4.5rem; padding-bottom: 5rem; } } .p-rentacar-share .p-rentacar-company { background-color: #FFF; } .p-parking__tableB col:first-of-type { width: 20em; } @media screen and (max-width: 768px) { .p-parking__tableB col:first-of-type { width: 12em; } } .p-parking__tableB col:last-of-type { width: calc(100% - 20em); } @media screen and (max-width: 768px) { .p-parking__tableB col:last-of-type { width: calc(100% - 12em); } } .p-parking-accordion { overflow: hidden; margin-top: 4rem; border-radius: 2rem; background-color: #FFF; -webkit-box-shadow: 0 0 1rem 0.5rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 1rem 0.5rem rgba(0, 0, 0, 0.1); color: #333; } @media screen and (max-width: 768px) { .p-parking-accordion { margin-top: 2rem; border-radius: 1rem; -webkit-box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.1); } } .p-parking-accordion__head { padding: 1em; background-color: #FFF; color: #333; font-weight: bold; font-size: 2.4rem; font-family: "Noto Serif", "Noto Serif JP", serif; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-parking-accordion__head { font-size: 1.8rem; } } .p-parking-accordion__head:hover { background-color: #F7F7F7; } .p-parking-accordion__head .possible { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-parking-accordion__head .possible::after { margin-left: 1em; padding: 0.43em 0.625em; border-radius: 10rem; background-color: #06A82C; color: #FFF; content: "予約可能"; font-weight: normal; font-size: 1.6rem; font-family: "Noto Sans", sans-serif; line-height: 1; } @media screen and (max-width: 768px) { .p-parking-accordion__head .possible::after { font-size: 1.2rem; } } .p-parking-accordion__body { padding: 3.5rem 3rem; } @media screen and (max-width: 768px) { .p-parking-accordion__body { padding: 2rem 1rem; } } .p-parking-accordion__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-parking-accordion__image { width: 43.4%; } @media screen and (max-width: 768px) { .p-parking-accordion__image { width: 100%; } } .p-parking-accordion__texts { width: 53.6%; } @media screen and (max-width: 768px) { .p-parking-accordion__texts { width: 100%; margin-top: 1.5rem; } } .p-parking-accordion__copy { font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-parking-accordion__copy { font-size: 1.5rem; } } .p-parking-accordion__button { max-width: 47rem; margin: 2rem 0 0 !important; padding: 1.21em 0; font-size: 1.6rem !important; } @media screen and (max-width: 768px) { .p-parking-accordion__button { font-size: 1.4rem !important; } } .p-parking-accordion__button span { margin-right: 0.5em; margin-left: 1em; font-size: 0.875em; } .p-parking-accordion__table { min-width: 62rem; } .p-parking-accordion__table thead { background-color: #F2F2F2; } .p-parking-accordion__table thead th { line-height: 1.2; } .p-parking-accordion__table tbody { background-color: #FFF; } .p-parking-accordion__table tbody td { padding: 1.17em 1em; color: #333; text-align: center; } .p-parking-car { padding-bottom: 10rem; } @media screen and (max-width: 768px) { .p-parking-car { padding-bottom: 5rem; } } .p-parking-car__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 3rem; } @media screen and (max-width: 768px) { .p-parking-car__bottom { margin-top: 1rem; } } .p-parking-car__images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; row-gap: 1rem; } .p-parking-car__image { width: 49%; } .p-parking-car__message { width: 100%; margin-bottom: 2em; text-align: center; } .p-parking-lot { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); padding-right: calc(50vw - 50%); padding-bottom: 9rem; padding-left: calc(50vw - 50%); background-color: #f7f7f7; } @media screen and (max-width: 768px) { .p-parking-lot { padding-bottom: 4.5rem; } } .p-parking-lot__dl dt { margin-top: 2em; font-weight: bold; font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-parking-lot__dl dt { font-size: 1.5rem; } } .p-parking-lot__dl dd { margin-top: 1rem; font-size: 1.6rem; } @media screen and (max-width: 768px) { .p-parking-lot__dl dd { font-size: 1.4rem; } } .p-parking-lot__dl dd span { margin-left: 1em; font-size: 0.875em; } .p-parking-lot-bicycle__photo { max-width: 60rem; margin: 0 auto; margin-top: 5rem; margin-bottom: 10rem; } @media screen and (max-width: 768px) { .p-parking-lot-bicycle__photo { margin-top: 3rem; margin-bottom: 7rem; } } .p-parking-lot-bicycle__photo figcaption { margin-top: 1em; text-align: center; } .p-parking-lot-bicycle__map { margin-top: 9rem; text-align: center; } @media screen and (max-width: 768px) { .p-parking-lot-bicycle__map { margin-top: 4.5rem; } } .p-parking-lot-bicycle__map img { max-width: 108rem; } .p-parking-status__map { max-width: 120rem; margin: 0 auto; margin-top: 2.5rem; padding: 0 7.9%; padding-top: 3rem; border-radius: 2rem; background-color: #FFF; } @media screen and (max-width: 768px) { .p-parking-status__map { border-radius: 1rem; } } @media screen and (max-width: 500px) { .p-parking-status__map { padding-top: 1.5rem; } } .p-parking-status__map h3 { color: #4C4B4C; text-align: center; font-weight: 500; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-parking-status__map h3 { font-size: 1.8rem; } } .p-parking-status__map figure { position: relative; margin-top: 3.5rem; } .p-parking-status__flag { position: absolute; width: 13.1%; height: 10.7%; } .p-parking-status__flag::before { display: inline-block; width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } .p-parking-status__flag.is_1a { top: 21.5%; right: 5.8%; } .p-parking-status__flag.is_1b { top: 21.5%; left: 24%; } .p-parking-status__flag.is_1r { top: 27%; right: 17.8%; } .p-parking-status__flag.is_2 { top: 27.5%; left: 3.8%; } .p-parking-status__flag.is_full::before { background-image: url(https://www.sendai-airport.co.jp/global/assets/access/parking/flag-full.png); } .p-parking-status__flag.is_empty::before { background-image: url(https://www.sendai-airport.co.jp/global/assets/access/parking/flag-empty.png); } .p-parking-status__flag.is_congestion::before { background-image: url(https://www.sendai-airport.co.jp/global/assets/access/parking/flag-congestion.png); } .p-parking-status__flag.is_closing::before { background-image: url(https://www.sendai-airport.co.jp/global/assets/access/parking/flag-closing.png); } .p-parking-status__unit { margin-top: 60px; padding: 0 2.5%; padding-bottom: 30px; border: 1px solid #F2F2F2; border-radius: 20px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 500px) { .p-parking-status__unit { margin-top: 30px; padding-bottom: 15px; border-radius: 10px; } } .p-parking-status__unit + .p-parking-status__unit { margin-top: 40px; } @media screen and (max-width: 500px) { .p-parking-status__unit + .p-parking-status__unit { margin-top: 20px; } } .p-parking-status__place { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.33em 0; border-bottom: 1px solid #F2F2F2; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-parking-status__place:hover { opacity: 0.7; } .p-parking-status__place::after { display: inline-block; position: absolute; top: 50%; right: 0; width: 16px; height: 9px; background-image: url(https://www.sendai-airport.co.jp/global/assets/common/icon-chev-down--bk.png); background-size: contain; background-repeat: no-repeat; content: ""; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .p-parking-status__place.is_open::after { -webkit-transform: translateY(-75%) rotate(180deg); transform: translateY(-75%) rotate(180deg); } .p-parking-status__title { font-weight: 700; font-size: clamp(18px, 4.8vw, 24px); } @media screen and (max-width: 500px) { .p-parking-status__title { padding-left: 0.3em; } } .p-parking-status__tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 20px; border: 3px solid #000; font-weight: 500; } .p-parking-status__tag::before { display: inline-block; padding: 0.25em 0.87em; color: #FFF; font-size: clamp(12px, 2.7vw, 16px); } .p-parking-status__tag.is_full { border-color: #BE3030; } .p-parking-status__tag.is_full::before { background-color: #BE3030; content: "満車"; } .p-parking-status__tag.is_empty { border-color: #06A82C; } .p-parking-status__tag.is_empty::before { background-color: #06A82C; content: "空車"; } .p-parking-status__tag.is_congestion { border-color: #FC0; } .p-parking-status__tag.is_congestion::before { background-color: #FC0; color: #333; content: "混雑"; } .p-parking-status__tag.is_closing { border-color: #333; } .p-parking-status__tag.is_closing::before { background-color: #333; content: "閉鎖"; } .p-parking-status__tag span { padding: 0 0.5em; font-weight: 500; } .p-parking-status__tag span:first-of-type { min-width: 4em; border-right: 2px solid #A0A0A0; text-align: right; font-size: clamp(14px, 3.73vw, 18px); } .p-parking-status__tag span:last-of-type { font-size: clamp(10px, 2.7vw, 14px); } .p-parking-status__body { padding-top: 25px; padding-bottom: 30px; } @media screen and (max-width: 500px) { .p-parking-status__body { padding-top: 0; padding-bottom: 0 !important; } } .p-parking-status__dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: clamp(12px, 2.7vw, 16px); } .p-parking-status__dl dt { width: 21%; padding: 1.5em 1.88em; border-right: 1px solid #9C9C9C; font-weight: bold; } @media screen and (max-width: 500px) { .p-parking-status__dl dt { width: 100%; padding: 0.5em 0.5em; border-right: 0; background-color: #F2F2F2; } } .p-parking-status__dl dt:nth-of-type(odd) { background-color: #F2F2F2; } .p-parking-status__dl dd { width: 79%; padding: 1.5em 1.88em; line-height: 1.5; } .p-parking-status__dl dd::before, .p-parking-status__dl dd::after { content: ""; display: block; width: 0; height: 0; } .p-parking-status__dl dd::before { margin-top: calc((1 - 1.5) * 0.5em); } .p-parking-status__dl dd::after { margin-bottom: calc((1 - 1.5) * 0.5em); } @media screen and (max-width: 500px) { .p-parking-status__dl dd { width: 100%; margin-top: 1em; margin-bottom: 1.5em; padding: 0 0.5em; padding-top: 0; background-color: #FFF; } } .p-parking-status__dl dd:nth-of-type(odd) { background-color: #F2F2F2; } @media screen and (max-width: 500px) { .p-parking-status__dl dd:nth-of-type(odd) { background-color: #FFF; } } .u-d-none { display: none; } .u-d-block { display: block; } .u-d-inline-block { display: inline-block; } .u-d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .u-d-inline { display: inline; } @media screen and (max-width: 500px) { .u-d-sp-none { display: none; } .u-d-sp-block { display: block; } .u-d-sp-inline-block { display: inline-block; } .u-d-sp-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .u-d-sp-inline { display: inline; } } @media screen and (max-width: 768px) { .u-d-tb-none { display: none; } .u-d-tb-block { display: block; } .u-d-tb-inline-block { display: inline-block; } .u-d-tb-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .u-d-tb-inline { display: inline; } } @media screen and (max-width: 960px) { .u-d-pc-none { display: none; } .u-d-pc-block { display: block; } .u-d-pc-inline-block { display: inline-block; } .u-d-pc-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .u-d-pc-inline { display: inline; } } .u-m-0auto { margin: 0 auto !important; } .u-mt-0 { margin-top: 0 !important; } .u-mt-1em { margin-top: 1em !important; } .u-mt-2em { margin-top: 2em !important; } .u-mt-2_5em { margin-top: 2.5em !important; } .u-mt-3em { margin-top: 3em !important; } .u-mt-3_5em { margin-top: 3.5em !important; } .u-mb-0 { margin-bottom: 0 !important; } .u-mb-1em { margin-bottom: 1em !important; } .u-mb-2em { margin-bottom: 2em !important; } .u-mb-2_5em { margin-bottom: 2.5em !important; } .u-mb-3em { margin-bottom: 3em !important; } .u-mb-3_5em { margin-top: 3.5em !important; } .u-ml-0 { margin-left: 0 !important; } .u-ml-1em { margin-left: 1em !important; } .u-ml-2em { margin-left: 2em !important; } .u-ml-2_5em { margin-left: 2.5em !important; } .u-ml-3em { margin-left: 3em !important; } .u-ml-3_5em { margin-top: 3.5em !important; } .u-mr-0 { margin-right: 0 !important; } .u-mr-1em { margin-right: 1em !important; } .u-mr-2em { margin-right: 2em !important; } .u-mr-2_5em { margin-right: 2.5em !important; } .u-mr-3em { margin-right: 3em !important; } .u-mr-3_5em { margin-top: 3.5em !important; } .u-mt-0rem { margin-top: 0rem !important; } .u-mt-1rem { margin-top: 1rem !important; } .u-mt-2rem { margin-top: 2rem !important; } .u-mt-2_5rem { margin-top: 2.5rem !important; } .u-mt-3rem { margin-top: 3rem !important; } .u-mt-3_5rem { margin-top: 3.5rem !important; } .u-mb-0rem { margin-bottom: 0rem !important; } .u-mb-1rem { margin-bottom: 1rem !important; } .u-mb-2rem { margin-bottom: 2rem !important; } .u-mb-2_5rem { margin-bottom: 2.5rem !important; } .u-mb-3rem { margin-bottom: 3rem !important; } .u-mb-3_5rem { margin-bottom: 3.5rem !important; } .u-ml-0rem { margin-left: 0rem !important; } .u-ml-1rem { margin-left: 1rem !important; } .u-ml-2rem { margin-left: 2rem !important; } .u-ml-2_5rem { margin-left: 2.5rem !important; } .u-ml-3rem { margin-left: 3rem !important; } .u-ml-3_5rem { margin-left: 3.5rem !important; } .u-mr-0rem { margin-right: 0rem !important; } .u-mr-1rem { margin-right: 1rem !important; } .u-mr-2rem { margin-right: 2rem !important; } .u-mr-2_5rem { margin-right: 2.5rem !important; } .u-mr-3rem { margin-right: 3rem !important; } .u-mr-3_5rem { margin-right: 3.5rem !important; } .u-align-left { text-align: left !important; } .u-align-center { text-align: center !important; } .u-align-right { text-align: right !important; } .u-align-justify { text-align: justify !important; } @media screen and (max-width: 500px) { .u-align-sp-left { text-align: left !important; } .u-align-sp-center { text-align: center !important; } .u-align-sp-right { text-align: right !important; } .u-align-sp-justify { text-align: justify !important; } } @media screen and (max-width: 768px) { .u-align-tb-left { text-align: left !important; } .u-align-tb-center { text-align: center !important; } .u-align-tb-right { text-align: right !important; } .u-align-tb-justify { text-align: justify !important; } } @media screen and (max-width: 960px) { .u-align-pc-left { text-align: left !important; } .u-align-pc-center { text-align: center !important; } .u-align-pc-right { text-align: right !important; } .u-align-pc-justify { text-align: justify !important; } } .u-flex-start-start, .u-flex-start-center, .u-flex-start-end, .u-flex-start-stretch, .u-flex-start-baseline, .u-flex-center-start, .u-flex-center-center, .u-flex-center-end, .u-flex-center-stretch, .u-flex-center-baseline, .u-flex-end-start, .u-flex-end-center, .u-flex-end-end, .u-flex-end-stretch, .u-flex-end-baseline, .u-flex-between-start, .u-flex-between-center, .u-flex-between-end, .u-flex-between-stretch, .u-flex-between-baseline, .u-flex-around-start, .u-flex-around-center, .u-flex-around-end, .u-flex-around-stretch, .u-flex-around-baseline, .u-flex-evenly-start, .u-flex-evenly-center, .u-flex-evenly-end, .u-flex-evenly-stretch, .u-flex-evenly-baseline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .u-flex-start-start.u-flex-wrap, .u-flex-start-center.u-flex-wrap, .u-flex-start-end.u-flex-wrap, .u-flex-start-stretch.u-flex-wrap, .u-flex-start-baseline.u-flex-wrap, .u-flex-center-start.u-flex-wrap, .u-flex-center-center.u-flex-wrap, .u-flex-center-end.u-flex-wrap, .u-flex-center-stretch.u-flex-wrap, .u-flex-center-baseline.u-flex-wrap, .u-flex-end-start.u-flex-wrap, .u-flex-end-center.u-flex-wrap, .u-flex-end-end.u-flex-wrap, .u-flex-end-stretch.u-flex-wrap, .u-flex-end-baseline.u-flex-wrap, .u-flex-between-start.u-flex-wrap, .u-flex-between-center.u-flex-wrap, .u-flex-between-end.u-flex-wrap, .u-flex-between-stretch.u-flex-wrap, .u-flex-between-baseline.u-flex-wrap, .u-flex-around-start.u-flex-wrap, .u-flex-around-center.u-flex-wrap, .u-flex-around-end.u-flex-wrap, .u-flex-around-stretch.u-flex-wrap, .u-flex-around-baseline.u-flex-wrap, .u-flex-evenly-start.u-flex-wrap, .u-flex-evenly-center.u-flex-wrap, .u-flex-evenly-end.u-flex-wrap, .u-flex-evenly-stretch.u-flex-wrap, .u-flex-evenly-baseline.u-flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .u-flex-start-start.u-flex-column, .u-flex-start-center.u-flex-column, .u-flex-start-end.u-flex-column, .u-flex-start-stretch.u-flex-column, .u-flex-start-baseline.u-flex-column, .u-flex-center-start.u-flex-column, .u-flex-center-center.u-flex-column, .u-flex-center-end.u-flex-column, .u-flex-center-stretch.u-flex-column, .u-flex-center-baseline.u-flex-column, .u-flex-end-start.u-flex-column, .u-flex-end-center.u-flex-column, .u-flex-end-end.u-flex-column, .u-flex-end-stretch.u-flex-column, .u-flex-end-baseline.u-flex-column, .u-flex-between-start.u-flex-column, .u-flex-between-center.u-flex-column, .u-flex-between-end.u-flex-column, .u-flex-between-stretch.u-flex-column, .u-flex-between-baseline.u-flex-column, .u-flex-around-start.u-flex-column, .u-flex-around-center.u-flex-column, .u-flex-around-end.u-flex-column, .u-flex-around-stretch.u-flex-column, .u-flex-around-baseline.u-flex-column, .u-flex-evenly-start.u-flex-column, .u-flex-evenly-center.u-flex-column, .u-flex-evenly-end.u-flex-column, .u-flex-evenly-stretch.u-flex-column, .u-flex-evenly-baseline.u-flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .u-flex-start-start.u-flex-row-reverse, .u-flex-start-center.u-flex-row-reverse, .u-flex-start-end.u-flex-row-reverse, .u-flex-start-stretch.u-flex-row-reverse, .u-flex-start-baseline.u-flex-row-reverse, .u-flex-center-start.u-flex-row-reverse, .u-flex-center-center.u-flex-row-reverse, .u-flex-center-end.u-flex-row-reverse, .u-flex-center-stretch.u-flex-row-reverse, .u-flex-center-baseline.u-flex-row-reverse, .u-flex-end-start.u-flex-row-reverse, .u-flex-end-center.u-flex-row-reverse, .u-flex-end-end.u-flex-row-reverse, .u-flex-end-stretch.u-flex-row-reverse, .u-flex-end-baseline.u-flex-row-reverse, .u-flex-between-start.u-flex-row-reverse, .u-flex-between-center.u-flex-row-reverse, .u-flex-between-end.u-flex-row-reverse, .u-flex-between-stretch.u-flex-row-reverse, .u-flex-between-baseline.u-flex-row-reverse, .u-flex-around-start.u-flex-row-reverse, .u-flex-around-center.u-flex-row-reverse, .u-flex-around-end.u-flex-row-reverse, .u-flex-around-stretch.u-flex-row-reverse, .u-flex-around-baseline.u-flex-row-reverse, .u-flex-evenly-start.u-flex-row-reverse, .u-flex-evenly-center.u-flex-row-reverse, .u-flex-evenly-end.u-flex-row-reverse, .u-flex-evenly-stretch.u-flex-row-reverse, .u-flex-evenly-baseline.u-flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .u-flex-start-start.u-flex-column-reverse, .u-flex-start-center.u-flex-column-reverse, .u-flex-start-end.u-flex-column-reverse, .u-flex-start-stretch.u-flex-column-reverse, .u-flex-start-baseline.u-flex-column-reverse, .u-flex-center-start.u-flex-column-reverse, .u-flex-center-center.u-flex-column-reverse, .u-flex-center-end.u-flex-column-reverse, .u-flex-center-stretch.u-flex-column-reverse, .u-flex-center-baseline.u-flex-column-reverse, .u-flex-end-start.u-flex-column-reverse, .u-flex-end-center.u-flex-column-reverse, .u-flex-end-end.u-flex-column-reverse, .u-flex-end-stretch.u-flex-column-reverse, .u-flex-end-baseline.u-flex-column-reverse, .u-flex-between-start.u-flex-column-reverse, .u-flex-between-center.u-flex-column-reverse, .u-flex-between-end.u-flex-column-reverse, .u-flex-between-stretch.u-flex-column-reverse, .u-flex-between-baseline.u-flex-column-reverse, .u-flex-around-start.u-flex-column-reverse, .u-flex-around-center.u-flex-column-reverse, .u-flex-around-end.u-flex-column-reverse, .u-flex-around-stretch.u-flex-column-reverse, .u-flex-around-baseline.u-flex-column-reverse, .u-flex-evenly-start.u-flex-column-reverse, .u-flex-evenly-center.u-flex-column-reverse, .u-flex-evenly-end.u-flex-column-reverse, .u-flex-evenly-stretch.u-flex-column-reverse, .u-flex-evenly-baseline.u-flex-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .u-flex-start-start.u-flex-grow-1, .u-flex-start-center.u-flex-grow-1, .u-flex-start-end.u-flex-grow-1, .u-flex-start-stretch.u-flex-grow-1, .u-flex-start-baseline.u-flex-grow-1, .u-flex-center-start.u-flex-grow-1, .u-flex-center-center.u-flex-grow-1, .u-flex-center-end.u-flex-grow-1, .u-flex-center-stretch.u-flex-grow-1, .u-flex-center-baseline.u-flex-grow-1, .u-flex-end-start.u-flex-grow-1, .u-flex-end-center.u-flex-grow-1, .u-flex-end-end.u-flex-grow-1, .u-flex-end-stretch.u-flex-grow-1, .u-flex-end-baseline.u-flex-grow-1, .u-flex-between-start.u-flex-grow-1, .u-flex-between-center.u-flex-grow-1, .u-flex-between-end.u-flex-grow-1, .u-flex-between-stretch.u-flex-grow-1, .u-flex-between-baseline.u-flex-grow-1, .u-flex-around-start.u-flex-grow-1, .u-flex-around-center.u-flex-grow-1, .u-flex-around-end.u-flex-grow-1, .u-flex-around-stretch.u-flex-grow-1, .u-flex-around-baseline.u-flex-grow-1, .u-flex-evenly-start.u-flex-grow-1, .u-flex-evenly-center.u-flex-grow-1, .u-flex-evenly-end.u-flex-grow-1, .u-flex-evenly-stretch.u-flex-grow-1, .u-flex-evenly-baseline.u-flex-grow-1 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .u-flex-start-start.u-flex-grow-0, .u-flex-start-center.u-flex-grow-0, .u-flex-start-end.u-flex-grow-0, .u-flex-start-stretch.u-flex-grow-0, .u-flex-start-baseline.u-flex-grow-0, .u-flex-center-start.u-flex-grow-0, .u-flex-center-center.u-flex-grow-0, .u-flex-center-end.u-flex-grow-0, .u-flex-center-stretch.u-flex-grow-0, .u-flex-center-baseline.u-flex-grow-0, .u-flex-end-start.u-flex-grow-0, .u-flex-end-center.u-flex-grow-0, .u-flex-end-end.u-flex-grow-0, .u-flex-end-stretch.u-flex-grow-0, .u-flex-end-baseline.u-flex-grow-0, .u-flex-between-start.u-flex-grow-0, .u-flex-between-center.u-flex-grow-0, .u-flex-between-end.u-flex-grow-0, .u-flex-between-stretch.u-flex-grow-0, .u-flex-between-baseline.u-flex-grow-0, .u-flex-around-start.u-flex-grow-0, .u-flex-around-center.u-flex-grow-0, .u-flex-around-end.u-flex-grow-0, .u-flex-around-stretch.u-flex-grow-0, .u-flex-around-baseline.u-flex-grow-0, .u-flex-evenly-start.u-flex-grow-0, .u-flex-evenly-center.u-flex-grow-0, .u-flex-evenly-end.u-flex-grow-0, .u-flex-evenly-stretch.u-flex-grow-0, .u-flex-evenly-baseline.u-flex-grow-0 { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .u-flex-start-start.u-flex-shrink-1, .u-flex-start-center.u-flex-shrink-1, .u-flex-start-end.u-flex-shrink-1, .u-flex-start-stretch.u-flex-shrink-1, .u-flex-start-baseline.u-flex-shrink-1, .u-flex-center-start.u-flex-shrink-1, .u-flex-center-center.u-flex-shrink-1, .u-flex-center-end.u-flex-shrink-1, .u-flex-center-stretch.u-flex-shrink-1, .u-flex-center-baseline.u-flex-shrink-1, .u-flex-end-start.u-flex-shrink-1, .u-flex-end-center.u-flex-shrink-1, .u-flex-end-end.u-flex-shrink-1, .u-flex-end-stretch.u-flex-shrink-1, .u-flex-end-baseline.u-flex-shrink-1, .u-flex-between-start.u-flex-shrink-1, .u-flex-between-center.u-flex-shrink-1, .u-flex-between-end.u-flex-shrink-1, .u-flex-between-stretch.u-flex-shrink-1, .u-flex-between-baseline.u-flex-shrink-1, .u-flex-around-start.u-flex-shrink-1, .u-flex-around-center.u-flex-shrink-1, .u-flex-around-end.u-flex-shrink-1, .u-flex-around-stretch.u-flex-shrink-1, .u-flex-around-baseline.u-flex-shrink-1, .u-flex-evenly-start.u-flex-shrink-1, .u-flex-evenly-center.u-flex-shrink-1, .u-flex-evenly-end.u-flex-shrink-1, .u-flex-evenly-stretch.u-flex-shrink-1, .u-flex-evenly-baseline.u-flex-shrink-1 { -ms-flex-negative: 1; flex-shrink: 1; } .u-flex-start-start.u-flex-shrink-o, .u-flex-start-center.u-flex-shrink-o, .u-flex-start-end.u-flex-shrink-o, .u-flex-start-stretch.u-flex-shrink-o, .u-flex-start-baseline.u-flex-shrink-o, .u-flex-center-start.u-flex-shrink-o, .u-flex-center-center.u-flex-shrink-o, .u-flex-center-end.u-flex-shrink-o, .u-flex-center-stretch.u-flex-shrink-o, .u-flex-center-baseline.u-flex-shrink-o, .u-flex-end-start.u-flex-shrink-o, .u-flex-end-center.u-flex-shrink-o, .u-flex-end-end.u-flex-shrink-o, .u-flex-end-stretch.u-flex-shrink-o, .u-flex-end-baseline.u-flex-shrink-o, .u-flex-between-start.u-flex-shrink-o, .u-flex-between-center.u-flex-shrink-o, .u-flex-between-end.u-flex-shrink-o, .u-flex-between-stretch.u-flex-shrink-o, .u-flex-between-baseline.u-flex-shrink-o, .u-flex-around-start.u-flex-shrink-o, .u-flex-around-center.u-flex-shrink-o, .u-flex-around-end.u-flex-shrink-o, .u-flex-around-stretch.u-flex-shrink-o, .u-flex-around-baseline.u-flex-shrink-o, .u-flex-evenly-start.u-flex-shrink-o, .u-flex-evenly-center.u-flex-shrink-o, .u-flex-evenly-end.u-flex-shrink-o, .u-flex-evenly-stretch.u-flex-shrink-o, .u-flex-evenly-baseline.u-flex-shrink-o { -ms-flex-negative: 0; flex-shrink: 0; } .u-flex-start-start, .u-flex-start-center, .u-flex-start-end, .u-flex-start-stretch, .u-flex-start-baseline { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .u-flex-center-start, .u-flex-center-center, .u-flex-center-end, .u-flex-center-stretch, .u-flex-center-baseline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .u-flex-end-start, .u-flex-end-center, .u-flex-end-end, .u-flex-end-stretch, .u-flex-end-baseline { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .u-flex-between-start, .u-flex-between-center, .u-flex-between-end, .u-flex-between-stretch, .u-flex-between-baseline { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .u-flex-around-start, .u-flex-around-center, .u-flex-around-end, .u-flex-around-stretch, .u-flex-around-baseline { -ms-flex-pack: distribute; justify-content: space-around; } .u-flex-evenly-start, .u-flex-evenly-center, .u-flex-evenly-end, .u-flex-evenly-stretch, .u-flex-evenly-baseline { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .u-flex-start-start, .u-flex-center-start, .u-flex-end-start, .u-flex-between-start, .u-flex-around-start, .u-flex-evenly-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .u-flex-start-center, .u-flex-center-center, .u-flex-end-center, .u-flex-between-center, .u-flex-around-center, .u-flex-evenly-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .u-flex-start-end, .u-flex-center-end, .u-flex-end-end, .u-flex-between-end, .u-flex-around-end, .u-flex-evenly-end { -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .u-flex-start-stretch, .u-flex-center-stretch, .u-flex-end-stretch, .u-flex-between-stretch, .u-flex-around-stretch, .u-flex-evenly-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .u-flex-start-baseline, .u-flex-center-baseline, .u-flex-end-baseline, .u-flex-between-baseline, .u-flex-around-baseline, .u-flex-evenly-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } /*# sourceMappingURL=style.css.map */