@charset "UTF-8"; /*! theme Name: 群馬ファッションマーケット Author: Tetsuya Kogure Teta"s llc Description: 群馬ファッションマーケット web site Version: 1.0.0 */ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap"); /*** The new CSS reset - version 1.9 (last updated 19.6.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 - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio, table, thead, tbody, tfoot, tr, th, td):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { 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; } /* 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; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::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; } /* * 機能：clamp関数の文字列を返す * 引数：$size-at-min-width サイズ(フォントサイズなど)の最小値(pxやremなどの単位は必須) * 　　　$size-at-max-width サイズ(フォントサイズなど)の最大値(pxやremなどの単位は必須) * 　　　$min-width [省略可]サイズが最小値に到達する画面幅 * 　　　$max-width [省略可]サイズが最大値に到達する画面幅 * 使用方法： *　　デフォルトの最小画面幅$min-width-defaultと最大画面幅$max-width-defaultを事前に指定しておく *　　最小幅と最大幅をデフォルト以外にしたい場合は、引数にそれぞれ単位付きの画面幅を入れる */ html { scroll-behavior: smooth; scroll-padding-top: 100px; } body { font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: 400; font-style: normal; display: flex; flex-direction: column; min-height: 100dvh; font-size: 16px; line-height: 1.75; letter-spacing: 0; color: #262626; text-justify: inter-character; font-feature-settings: "palt"; } ul, ol { margin: 0; padding: 0; } p { margin-bottom: 0; } a:hover, a:active, a:focus { text-decoration: none; } a { opacity: 1; transition: opacity 0.2s; color: inherit; text-decoration: none; } a:hover, a:focus { opacity: 0.75; transition: opacity 0.4s; text-decoration: none; } @media (min-width: 600px) { a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; } } a[href="#"] { pointer-events: none; cursor: default; text-decoration: none; } object { pointer-events: none; } a.svg { display: inline-block; position: relative; z-index: 1; } a.svg span { display: inline-block; } a.svg span object { position: relative; z-index: -1; } img { max-width: 100%; height: auto; vertical-align: bottom; } button { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; cursor: pointer; } input[type=submit], input[type=button] { cursor: pointer; } label:has(input[type=checkbox]) { cursor: pointer; } input[type=checkbox], input[type=radio] { all: revert; } hr { border-top: solid 1px; background: transparent; opacity: 1; } map area { cursor: pointer; } sup { vertical-align: super; font-size: smaller; } body.is-menuOpen { overflow: hidden; } .l-body { position: relative; } @media (min-width: 600px) { .l-body::before { content: ""; position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1920px; height: 100%; z-index: -1; background: left 21px bottom 20px/616px auto no-repeat url("../images/bg-left-pc.webp"), right 21px bottom 20px/616px auto no-repeat url("../images/bg-right-pc.webp"); background-attachment: fixed; } } .l-main { background-color: #ffffff; } .l-header, .l-main, .l-footer { container: layout inline-size; width: 100%; max-width: 600px; margin: 0 auto; } @media (max-width: 1270px) and (min-width: 980px) { .l-header, .l-main, .l-footer { margin-left: calc(100% - 600px - 320px - 40px); } } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .l-container--small { position: relative; width: 100%; max-width: 600px; margin: 0 auto; padding: 0 20px; } @media (min-width: 600px) { .l-container--small { padding: 0 40px; } } .l-container--small { max-width: 940px; } .l-container { position: relative; width: 100%; max-width: 600px; margin: 0 auto; padding: 0 20px; } @media (min-width: 600px) { .l-container { padding: 0 40px; } } .l-container--large { position: relative; width: 100%; max-width: 600px; margin: 0 auto; padding: 0 20px; } @media (min-width: 600px) { .l-container--large { padding: 0 40px; } } .l-container--large { max-width: 1110px; } .l-container--xlarge { position: relative; width: 100%; max-width: 600px; margin: 0 auto; padding: 0 20px; } @media (min-width: 600px) { .l-container--xlarge { padding: 0 40px; } } .l-container--xlarge { max-width: 1530px; } .l-container--fluid { position: relative; width: 100%; max-width: 600px; margin: 0 auto; padding: 0 20px; } @media (min-width: 600px) { .l-container--fluid { padding: 0 40px; } } .l-container--fluid { width: 100%; max-width: inherit; } .l-header { position: sticky; top: 0; width: 100%; z-index: 9999; } @media (min-width: 980px) { .l-header { position: static; } } .l-header__inner { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 58px; padding-left: 20px; background-color: #ffffff; } @media (min-width: 980px) { .l-header__inner { justify-content: center; } } @media (min-width: 980px) { .l-headerLogo__link--img { width: 250px; height: auto; } } @media (max-width: 979.98px) { .l-headerNav { font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS PMincho", serif; font-weight: 700; font-style: normal; position: fixed; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100dvw; height: 100dvh; padding: 20px; color: #004150; background-color: #ffffff; visibility: hidden; opacity: 0; z-index: -1; transition: opacity 0.3s ease-out; } .l-headerNav.is-menuOpen { opacity: 1; visibility: visible; z-index: 99999; } .l-headerNavTitle { display: block; margin-bottom: 5.5263157895dvh; text-align: center; } .l-headerNav__list { display: flex; flex-direction: column; width: 100%; max-width: 260px; margin-bottom: 12.6315789474dvh; } .l-headerNav__item { display: flex; justify-content: center; padding: 15px 0; border-bottom: solid 1px #004150; } .l-headerNav__itemTitle { margin-bottom: 20px; font-size: 20px; line-height: 1; } .l-headerNav__item--hasSub { flex-direction: column; align-items: center; } .l-headerNav__link { font-size: 20px; line-height: 1; } .l-headerNav__subList { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .l-headerNav__subLink { font-size: 14px; line-height: 1; } } @media (min-width: 980px) { .l-headerNav { font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS PMincho", serif; font-weight: 700; font-style: normal; position: fixed; top: clamp(1dvh, 50dvh - 270px, 203px); left: calc((100% - 600px) / 2 + 600px + (100% - 600px) / 4); transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: min(5dvh, 40px); width: 23.8095238095vw; max-width: 400px; min-width: 320px; padding: min(5dvh, 52px) 0; color: #004150; background-color: #ffffff; filter: drop-shadow(0 0px 10px rgba(0, 0, 0, 0.15)); } .l-headerNav::before, .l-headerNav::after { content: ""; position: absolute; top: -203px; display: block; width: 2px; height: 203px; background-color: #000000; filter: none; } .l-headerNav::before { left: 20px; } .l-headerNav::after { right: 20px; } .l-headerNavTitle { width: 100%; text-align: center; } .l-headerNavTitle--img { width: 249px; height: auto; } .l-headerNav__list { display: flex; flex-direction: column; gap: 0; width: 100%; max-width: 260px; margin: 0 auto; } .l-headerNav__item { display: flex; flex-direction: column; align-items: center; padding: 13px 0 17px; border-bottom: solid 1px #004150; } .l-headerNav__itemTitle { margin-bottom: 20px; text-align: center; font-size: 20px; line-height: 1; font-weight: 700; } .l-headerNav__link { font-size: 20px; line-height: 1; font-weight: 700; } .l-headerNav__subItem { white-space: nowrap; } .l-headerNav__subLink { font-size: 14px; line-height: 1; font-weight: 700; } .l-headerNavLogo { display: none; } } @media (max-width: 1270px) and (min-width: 980px) { .l-headerNav { left: auto; right: 20px; transform: none; } } @media (min-width: 980px) { .l-headerMenuButton { display: none; } } .l-headerMenuButton { position: relative; z-index: 999999; } .l-headerMenuButton__button { display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; background-color: #004150; cursor: pointer; } .l-headerMenuButton__icon { display: block; width: 28px; height: 16px; mask: center/contain no-repeat url("../images/header-menu-icon-open.webp"); background-color: #ffffff; } .l-headerMenuButton.is-menuOpen .l-headerMenuButton__icon { mask: center/contain no-repeat url("../images/header-menu-icon-close.webp"); } @keyframes navFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .l-main { flex-grow: 1; } .l-footer { padding-top: 100px; padding-bottom: 22px; background: bottom center/contain no-repeat url("../images/footer-bg-sp.webp") #f6f5ec; } @media (min-width: 600px) { .l-footer { background-image: url("../images/footer-bg-pc.webp"); background-color: #ffffff; } } .l-footerLogo { margin-bottom: 90px; text-align: center; } @media (min-width: 600px) { .l-footerLogo { margin-bottom: 173px; } } .l-footerLogo--img { display: inline-block; width: 109px; height: auto; } .l-footerInfo { display: flex; flex-direction: column; align-items: center; gap: 22px; } .l-footerInfo__text::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.125) * 0.5em); } .l-footerInfo__text::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.125) * 0.5em); } .l-footerInfo__text { font-size: 16px; line-height: 1.125; } .l-footerInfo__copyright::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 2) * 0.5em); } .l-footerInfo__copyright::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 2) * 0.5em); } .l-footerInfo__copyright { font-size: 12px; line-height: 2; } span[class^=button-] { pointer-events: none; } .c-button01 { font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS PMincho", serif; font-weight: 700; font-style: normal; display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 260px; min-height: 40px; text-align: center; font-size: 16px; line-height: 1; color: #004150; border: solid 2px #ffd92a; background-color: #ffffff; transition: all 0.2s; } .c-button01:hover, .c-button01:focus, .c-button01:active { background-color: #ffd92a; opacity: 1; transition: all 0.4s; } .c-button02 { display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 200px; min-height: 40px; text-align: center; font-size: 14px; line-height: 1; font-weight: 700; color: #004150; border: solid 2px #004150; background-color: #ffffff; transition: all 0.2s; } .c-button02:hover, .c-button02:focus, .c-button02:active { background-color: #004150; color: #ffffff; opacity: 1; transition: all 0.4s; } .c-title01 { font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS PMincho", serif; font-weight: 700; font-style: normal; position: relative; display: block; padding-bottom: 25px; text-align: center; font-size: 20px; line-height: 1; color: #004150; } .c-title01::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100px; height: 1px; background-color: #004150; } .c-color--primary { color: #ffd92a; } .c-color--secondary { color: #004150; } .c-color--text { color: #262626; } .c-color--black { color: #000000; } .c-color--white { color: #ffffff; } .c-color--darkgray { color: #595757; } .c-color--dark { color: #6b3c30; } .c-color--light { color: #f6f5ec; } .c-color--pink { color: #e8606f; } .c-color--orange { color: #f4a900; } .c-color--blue { color: #009ddc; } .c-color--green { color: #6cb95a; } .c-color--transparent { color: transparent; } .c-pageTop__inner { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 60px; } .c-pageTop__button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; } .c-pageTop__button::before, .c-pageTop__button::after { content: ""; display: inline-block; width: 15px; height: 13px; mask: center/contain no-repeat url("../images/icon-pagetop-arrow.webp"); background-color: #ffffff; } @media (max-width: 599.98px) { .c-pageTop__button::before { display: none; } } .c-pageTop__button--text { display: block; padding-bottom: 0.1em; font-size: 16px; line-height: 1; font-weight: 600; color: #ffffff; } .p-homeHero { display: flex; align-items: flex-end; width: 100%; aspect-ratio: 375/490; margin-bottom: 42px; padding-bottom: 14.4vw; background: top center/contain no-repeat url("../images/home-hero-bg.webp"); } @media (min-width: 600px) { .p-homeHero { aspect-ratio: 600/819; margin-bottom: 99px; padding-top: 66.3333333333%; padding-bottom: 15.5%; background: top center/contain no-repeat url("../images/home-hero-bg-pc.webp"); } } .p-homeHero__inner { width: 100%; margin: 0 auto; padding: 0 20px; } @media (min-width: 600px) { .p-homeHero__inner { width: 88.1666666667%; margin: 0 auto; } } .p-homeHeroTitle--img { display: block; width: 100%; height: auto; } .p-homeAbout { margin-bottom: 54px; } @media (min-width: 600px) { .p-homeAbout { margin-bottom: 112px; } } .p-homeAbout__inner { display: grid; grid-template-columns: 1fr; gap: 40px; } @media (min-width: 600px) { .p-homeAbout__inner { gap: 27px; } } .p-homeAboutItem.type-02 { display: flex; align-items: end; justify-content: space-between; gap: 9px; margin-top: -28px; } @media (min-width: 600px) { .p-homeAboutItem.type-02 { justify-content: space-between; width: 100%; margin-top: -52px; } .p-homeAboutItem.type-02 .p-homeAboutText { padding-top: 52px; } } .p-homeAboutText::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.75) * 0.5em); } .p-homeAboutText::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.75) * 0.5em); } .p-homeAboutText { font-size: 16px; line-height: 1.75; } .p-homeAboutImage { width: 109px; } .p-homeEvent { margin-bottom: 60px; } @media (min-width: 600px) { .p-homeEvent { margin-bottom: 112px; } } .p-homeEventTitle { margin-bottom: 40px; } .p-homeEventList { display: grid; grid-template-columns: 1fr; gap: 36px; } .p-homeEventListItem { display: flex; flex-direction: column; align-items: center; gap: 15px; } .p-homeEventListItem__title { display: flex; align-items: center; justify-content: center; width: 100px; height: 20px; border-right: solid 4px #ffd92a; border-left: solid 4px #ffd92a; } .p-homeEventListItem__title--text { font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS PMincho", serif; font-weight: 700; font-style: normal; text-align: center; font-size: 16px; line-height: 1; color: #004150; } .p-homeEventListItem__detail::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.5) * 0.5em); } .p-homeEventListItem__detail::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.5) * 0.5em); } .p-homeEventListItem__detail { text-align: center; font-size: 16px; line-height: 1.5; font-weight: 700; } .p-homeNews { margin-bottom: 80px; } @media (min-width: 600px) { .p-homeNews { margin-bottom: 100px; } } .p-homeNewsTitle { margin-bottom: 20px; } .p-homeNewsList { display: grid; grid-template-columns: 1fr; gap: 20px; } .p-homeNewsList__inner { display: grid; grid-template-columns: 1fr; gap: 20px; } .p-homeNewsList__inner.is-acordion { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .p-homeNewsList__inner.is-acordion.is-open { max-height: 1000px; margin-bottom: 20px; transition: max-height 0.5s ease; } .p-homeNewsListItem { display: flex; flex-direction: column; gap: 10px; padding-bottom: 20px; border-bottom: solid 1px #004150; } .p-homeNewsListItem__date::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.2857142857) * 0.5em); } .p-homeNewsListItem__date::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.2857142857) * 0.5em); } .p-homeNewsListItem__date { font-size: 14px; line-height: 1.2857142857; } .p-homeNewsListItem__detail::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.25) * 0.5em); } .p-homeNewsListItem__detail::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.25) * 0.5em); } .p-homeNewsListItem__detail { font-size: 16px; line-height: 1.25; } .p-homeNewsMore { text-align: center; } .p-homeEventDetail { margin-bottom: 94px; padding-top: 54px; padding-bottom: 40px; background-color: #f6f5ec; } @media (min-width: 600px) { .p-homeEventDetail { margin-bottom: 78px; padding-top: 54px; padding-bottom: 60px; } } .p-homeEventDetailTitle { margin-bottom: 40px; } .p-homeEventDetailList { display: grid; grid-template-columns: 1fr; gap: 20px; } .p-homeEventDetailListItem { padding: 10px 10px 40px; background-color: #ffffff; } @media (min-width: 600px) { .p-homeEventDetailListItem { padding: 20px 20px 40px; } } .p-homeEventDetailListItem__image { width: 100%; margin-bottom: 20px; } @media (min-width: 600px) { .p-homeEventDetailListItem__image { margin-bottom: 13px; } } .p-homeEventDetailListItem__image--img { display: block; width: 100%; height: auto; } .p-homeEventDetailListItem__title { margin-bottom: 18px; text-align: center; font-size: 20px; line-height: 1; font-weight: 700; } @media (min-width: 600px) { .p-homeEventDetailListItem__title { font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS PMincho", serif; font-weight: 700; font-style: normal; margin-bottom: 26px; color: #004150; } } .p-homeEventDetailListItem__text::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.25) * 0.5em); } .p-homeEventDetailListItem__text::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.25) * 0.5em); } .p-homeEventDetailListItem__text { margin-bottom: 20px; padding: 0 28px; font-size: 16px; line-height: 1.25; } .p-homeEventDetailListItem__more { text-align: center; } .p-homeMap { margin-bottom: 95px; } @media (min-width: 600px) { .p-homeMap { margin-bottom: 113px; } } .p-homeMapTitle { margin-bottom: 40px; } .p-homeMap__image { margin-bottom: 20px; } @media (min-width: 600px) { .p-homeMap__image--img { display: block; width: 100%; height: auto; } } .p-homeMapList { display: grid; grid-template-columns: 1fr; gap: 20px; background: bottom 9px right 9px/108px auto no-repeat url("../images/home-map-bg.webp"); } .p-homeMapListItem { display: grid; grid-template-columns: 36px 1fr; gap: 17px; } .p-homeMapListItem__color--box { display: block; width: 36px; height: 36px; border-radius: 4px; } .p-homeMapListItem__color--box.color-pink { background-color: #e8606f; } .p-homeMapListItem__color--box.color-orange { background-color: #f4a900; } .p-homeMapListItem__color--box.color-blue { background-color: #009ddc; } .p-homeMapListItem__color--box.color-green { background-color: #6cb95a; } .p-homeMapListItem__text--title::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.375) * 0.5em); } .p-homeMapListItem__text--title::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.375) * 0.5em); } .p-homeMapListItem__text--title { margin-bottom: 6px; font-size: 16px; line-height: 1.375; font-weight: 600; color: #004150; } .p-homeMapListItem__text--detail::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.0714285714) * 0.5em); } .p-homeMapListItem__text--detail::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.0714285714) * 0.5em); } .p-homeMapListItem__text--detail { font-size: 14px; line-height: 1.0714285714; font-weight: 600; } .p-homeMapListItem__text--link { text-decoration: underline; } .p-homeInstagram { margin-bottom: 80px; } @media (min-width: 600px) { .p-homeInstagram { margin-bottom: 100px; } } .p-homeInstagramTitle { margin-bottom: 20px; } .p-homeInstagram__inner { position: relative; width: 100%; aspect-ratio: 1/1; margin-bottom: 20px; padding-bottom: 100%; } @media (min-width: 600px) { .p-homeInstagram__inner { margin-bottom: 40px; } } .p-homeInstagram__inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .p-homeInstagram__link { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 100; } .p-homeInstagramMore { text-align: center; } .p-homeAccess { padding-top: 54px; padding-bottom: 40px; background-color: #f6f5ec; } .p-homeAccessTitle { margin-bottom: 40px; } .p-homeAccessGoogleMap { width: 100%; aspect-ratio: 335/200; margin-bottom: 20px; } .p-homeAccessGoogleMap iframe { width: 100%; height: 100%; border: none; } .p-homeAccessImageeMap { margin-bottom: 20px; } @media (min-width: 600px) { .p-homeAccessImageeMap { margin-bottom: 0; padding: 20px; background-color: #ffffff; } .p-homeAccessImageeMap--img { display: block; width: 100%; height: auto; } } @media (min-width: 600px) { .p-homeAccessInfo { padding: 0 20px 20px; background-color: #ffffff; } } .p-homeAccessInfoList { margin-bottom: 10px; } .p-homeAccessInfoList__item::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.25) * 0.5em); } .p-homeAccessInfoList__item::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.25) * 0.5em); } .p-homeAccessInfoList__item { padding-left: 1.2em; font-size: 16px; line-height: 1.25; text-indent: -1.2em; } .p-homeAccessInfoList__item::before { content: "◯ "; display: inline; } .p-homeAccessInfo__notice::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.2857142857) * 0.5em); } .p-homeAccessInfo__notice::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.2857142857) * 0.5em); } .p-homeAccessInfo__notice { font-size: 14px; line-height: 1.2857142857; } body.front-page .l-footer { background-color: #ffffff; } .c-pageLocalMenu { margin-bottom: 41px; padding-top: 53px; } .c-pageLocalMenu__inner { width: 100%; max-width: 259px; margin: 0 auto; } @media (min-width: 600px) { .c-pageLocalMenu__inner { max-width: none; margin: 0; padding: 0 10px; } } .c-pageLocalMenu__title { margin-bottom: 40px; } .c-pageLocalMenu__list { display: grid; grid-template-columns: 1fr; gap: 0; } @media (min-width: 600px) { .c-pageLocalMenu__list { grid-template-columns: repeat(2, 1fr); } } .c-pageLocalMenu__item { font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS PMincho", serif; font-weight: 700; font-style: normal; padding: 12px 10px 14px; text-align: center; font-size: 20px; line-height: 1; border-top: solid 1px #004150; } .c-pageLocalMenu__item.is-active { background-color: #ffd92a; } @media (max-width: 599.98px) { .c-pageLocalMenu__item:last-child { border-bottom: solid 1px #004150; } } @media (min-width: 600px) { .c-pageLocalMenu__item { border-bottom: solid 1px #004150; } } .c-pageLocalMenu__link { color: #004150; } .c-pageTab { position: sticky; top: 58px; padding: 20px 0; background-color: #f6f5ec; } @media (min-width: 600px) { .c-pageTab { top: 0; } } .c-pageTab__inner { display: flex; align-items: center; justify-content: center; gap: 15px; } .c-pageTab { z-index: 10; } .c-pageTab__link { display: inline-flex; align-items: center; justify-content: center; width: 160px; min-height: 40px; text-align: center; font-size: 14px; line-height: 1.7142857143; font-weight: 600; color: #004150; border: solid 1px #004150; } .c-pageTab__link.is-active { color: #ffffff; background-color: #004150; } .c-pageList { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 15px; align-items: stretch; } @media (max-width: 599.98px) { .c-pageList:not(:last-child) { margin-bottom: 33px; } } .c-pageList__item { display: flex; flex-direction: column; align-items: stretch; } .c-pageList__number { font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS PMincho", serif; font-weight: 700; font-style: normal; display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; font-size: 20px; line-height: 1; color: #004150; } .c-pageList__image { position: relative; width: 100%; aspect-ratio: 1/1; margin-bottom: 20px; background-color: #ffffff; } .c-pageList__image--img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .c-pageList__logo { position: relative; width: 100%; aspect-ratio: 160/60; margin-bottom: 12px; overflow: hidden; } .c-pageList__logo--img { mix-blend-mode: multiply; } .c-pageList__logo--nologo .c-pageList__logo--img { mix-blend-mode: normal; } .c-pageList__name { font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS PMincho", serif; font-weight: 700; font-style: normal; } .c-pageList__name::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.05) * 0.5em); } .c-pageList__name::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.05) * 0.5em); } .c-pageList__name { display: flex; align-items: center; justify-content: center; min-height: 2.1em; margin-bottom: 24px; text-align: center; font-size: 20px; line-height: 1.05; color: #004150; } .c-pageList__name--3row { min-height: 3.15em; } .c-pageList__zip::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.7142857143) * 0.5em); } .c-pageList__zip::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.7142857143) * 0.5em); } .c-pageList__zip { display: flex; align-items: center; justify-content: center; min-height: 28px; margin-bottom: 20px; text-align: center; font-size: 14px; line-height: 1.7142857143; font-weight: 600; color: #004150; background-color: #ffffff; } .c-pageList__zip.type-02 { color: #ffffff; background-color: #004150; } .c-pageList__date::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.7142857143) * 0.5em); } .c-pageList__date::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.7142857143) * 0.5em); } .c-pageList__date { display: flex; align-items: center; justify-content: center; min-height: 28px; margin-bottom: 20px; text-align: center; font-size: 14px; line-height: 1.7142857143; font-weight: 400; color: #ffffff; background-color: #004150; } .c-pageList__description::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.4) * 0.5em); } .c-pageList__description::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.4) * 0.5em); } .c-pageList__description { margin-bottom: 22px; font-size: 15px; line-height: 1.4; letter-spacing: 0.05em; } .c-pageList__more { width: 100%; margin-top: auto; text-align: center; } .p-salesFactory { padding-top: 33px; padding-bottom: 74px; background-color: #f6f5ec; } @media (min-width: 600px) { .p-salesFactory { padding-top: 0; } } .p-salesFactory__title { margin-top: 5px; margin-bottom: 40px; } @media (min-width: 600px) { .p-salesFactory__title { margin-top: 0; padding-top: 54px; } } .p-salesCraft { background-color: #f6f5ec; } @media (min-width: 600px) { .p-salesCraft { padding-bottom: 40px; } } .p-salesCraft__title { margin-bottom: 40px; } .p-workshopContent { padding-top: 40px; background-color: #f6f5ec; } @media (min-width: 600px) { .p-workshopContent { padding-top: 80px; padding-bottom: 60px; } } .p-workshopContentItems { display: grid; grid-template-columns: 1fr; gap: 40px; } @media (min-width: 600px) { .p-workshopContentItems { padding: 0 10px; } } .p-workshopContentItem { padding-bottom: 40px; border-bottom: solid 1px #004150; } @media (min-width: 600px) { .p-workshopContentItem { padding-bottom: 48px; } } .p-workshopContentItem__image { margin-bottom: 20px; } .p-workshopContentItem__image--img { width: 100%; height: auto; } .p-workshopContentItem__title { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-bottom: 12px; color: #004150; } .p-workshopContentItem__title--large { font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS PMincho", serif; font-weight: 700; font-style: normal; } .p-workshopContentItem__title--large::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.1) * 0.5em); } .p-workshopContentItem__title--large::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.1) * 0.5em); } .p-workshopContentItem__title--large { font-size: 20px; line-height: 1.1; text-align: center; } .p-workshopContentItem__title--small::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.7142857143) * 0.5em); } .p-workshopContentItem__title--small::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.7142857143) * 0.5em); } .p-workshopContentItem__title--small { font-size: 14px; line-height: 1.7142857143; text-align: center; } .p-workshopContentItem__description::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.25) * 0.5em); } .p-workshopContentItem__description::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.25) * 0.5em); } .p-workshopContentItem__description { margin-bottom: 20px; font-size: 16px; line-height: 1.25; } @media (min-width: 600px) { .p-workshopContentItem__description { text-align: center; } } .p-workshopContentItem__infoTable { width: 100%; margin: 0 auto 10px; } .p-workshopContentItem__infoTable tr:not(:last-child) th, .p-workshopContentItem__infoTable tr:not(:last-child) td { border-bottom: solid 1px #000000; } .p-workshopContentItem__infoTableHeader { width: 23.8805970149%; padding: 10px 10px; text-align: center; font-size: 16px; line-height: 1.25; font-weight: 400; background-color: #ffd92a; vertical-align: center; } .p-workshopContentItem__infoTableData { width: 76.1194029851%; padding: 10px 16px; text-align: left; font-size: 16px; line-height: 1.25; font-weight: 400; background-color: #ffffff; } .p-workshopContentItem__notice::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.2857142857) * 0.5em); } .p-workshopContentItem__notice::after { content: ""; display: block; height: 0; width: 0; margin-top: calc((1 - 1.2857142857) * 0.5em); } .p-workshopContentItem__notice { width: 100%; margin: 0 auto; font-size: 14px; line-height: 1.3846153846; } .p-foodCafe { padding-top: 33px; padding-bottom: 74px; background-color: #f6f5ec; } @media (min-width: 600px) { .p-foodCafe { padding-top: 14px; } } .p-foodCafe__title { margin-bottom: 40px; } .p-foodBakery { background-color: #f6f5ec; } @media (min-width: 600px) { .p-foodBakery { padding-bottom: 40px; } } .p-foodBakery__title { margin-bottom: 40px; } .w-100 { width: 100%; } .u-frame-wrapper__video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; } @media (max-width: 599.98px) { .u-frame-wrapper__video { padding-bottom: 163.829787234%; } } .u-frame-wrapper__video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .u-frame-wrapper__map { position: relative; width: 100%; height: 0; padding-bottom: 55.5555555556%; overflow: hidden; } .u-frame-wrapper__map iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .u-noscroll { overflow: hidden; } .u-footer--pusher { width: 100%; min-height: 900px; aspect-ratio: 1440/900; } .anime-container { overflow: hidden; } .anime { visibility: hidden; animation-play-state: paused; } .anime.animated { visibility: visible; animation-play-state: running; } @keyframes loop { 0% { transform: translateX(-100%); } to { transform: translateX(100%); } } @keyframes loop2 { 0% { transform: translateX(-200%); } to { transform: translateX(0); } } @keyframes slideAndHold { 0%, 70% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes purun { 0% { transform: scale(1, 1) translate(0%, 0%); } 15% { transform: scale(0.9, 0.9) translate(0%, 5%); } 30% { transform: scale(1.5, 1) translate(0%, 0%); } 50% { transform: scale(0.8, 1.3) translate(0%, -10%); } 70% { transform: scale(1.1, 0.9) translate(0%, 5%); } 100% { transform: scale(1, 1) translate(0%, 0%); } } @keyframes poyon { 0% { transform: scale(1, 1) translate(0%, 0%); opacity: 0; } 15% { transform: scale(0.9, 0.9) translate(0%, 5%); } 30% { transform: scale(1.3, 0.8) translate(0%, 10%); } 50% { transform: scale(0.8, 1.3) translate(0%, -10%); opacity: 1; } 70% { transform: scale(1.1, 0.9) translate(0%, 5%); } 100% { transform: scale(1, 1) translate(0%, 0%); } } @keyframes kakukaku { 0% { transform: rotate(0deg); } 25% { transform: rotate(10deg) translateX(-50px); } 50% { transform: rotate(0deg); } 75% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } } @keyframes kakukaku2 { 0% { transform: rotate(0deg); } 25% { transform: rotate(-10deg) translateX(0); } 50% { transform: rotate(0deg); } 75% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } } @keyframes slideInFromLeft { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes slideOutFromLeft { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } @keyframes slideInFromRight { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes slideInFromBottom { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @keyframes slideInFromTop { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInFromBottom { 0% { transform: translateY(40px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .u-anime__fadeInFromBottom { animation-fill-mode: backwards; animation-name: fadeInFromBottom; } @keyframes fadeOutFromBottom { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(-40px); opacity: 0; } } @keyframes fadeInFromTop { 0% { transform: translateY(-40px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fadeInFromLeft { 0% { transform: translateX(-40px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes fadeInFromRight { 0% { transform: translateX(40px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes appearFromLeft { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes appearFromRight { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes appearFromTop { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes appearFromBottom { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } /* temp */ @keyframes open { from { opacity: 0; } to { opacity: 1; } } @keyframes close { from { opacity: 1; } to { opacity: 0; } } @keyframes slideopen { from { left: -100%; } to { left: 0; } } @keyframes close { from { width: 100%; } to { width: 0; } } @keyframes external-link { from { transform: translateX(100%); } to { transform: translateX(0); } } @keyframes move-y { from { transform: translateY(0); } to { transform: translateY(10px); } } @keyframes move-x { 0% { transform: translateX(0); } 100% { transform: translateX(-40px); } } .u-anime-tsdu-0 { animation-duration: 0s; } .u-anime-tsdu-1 { animation-duration: 0.1s; } .u-anime-tsdu-2 { animation-duration: 0.2s; } .u-anime-tsdu-3 { animation-duration: 0.3s; } .u-anime-tsdu-4 { animation-duration: 0.4s; } .u-anime-tsdu-5 { animation-duration: 0.5s; } .u-anime-tsdu-6 { animation-duration: 0.6s; } .u-anime-tsdu-7 { animation-duration: 0.7s; } .u-anime-tsdu-8 { animation-duration: 0.8s; } .u-anime-tsdu-9 { animation-duration: 0.9s; } .u-anime-tsdu-10 { animation-duration: 1s; } .u-anime-tsdu-11 { animation-duration: 1.1s; } .u-anime-tsdu-12 { animation-duration: 1.2s; } .u-anime-tsdu-13 { animation-duration: 1.3s; } .u-anime-tsdu-14 { animation-duration: 1.4s; } .u-anime-tsdu-15 { animation-duration: 1.5s; } .u-anime-tsdu-16 { animation-duration: 1.6s; } .u-anime-tsdu-17 { animation-duration: 1.7s; } .u-anime-tsdu-18 { animation-duration: 1.8s; } .u-anime-tsdu-19 { animation-duration: 1.9s; } .u-anime-tsdu-20 { animation-duration: 2s; } .u-anime-tsdu-21 { animation-duration: 2.1s; } .u-anime-tsdu-22 { animation-duration: 2.2s; } .u-anime-tsdu-23 { animation-duration: 2.3s; } .u-anime-tsdu-24 { animation-duration: 2.4s; } .u-anime-tsdu-25 { animation-duration: 2.5s; } .u-anime-tsdu-26 { animation-duration: 2.6s; } .u-anime-tsdu-27 { animation-duration: 2.7s; } .u-anime-tsdu-28 { animation-duration: 2.8s; } .u-anime-tsdu-29 { animation-duration: 2.9s; } .u-anime-tsdu-30 { animation-duration: 3s; } .u-anime-tsdu-31 { animation-duration: 3.1s; } .u-anime-tsdu-32 { animation-duration: 3.2s; } .u-anime-tsdu-33 { animation-duration: 3.3s; } .u-anime-tsdu-34 { animation-duration: 3.4s; } .u-anime-tsdu-35 { animation-duration: 3.5s; } .u-anime-tsdu-36 { animation-duration: 3.6s; } .u-anime-tsdu-37 { animation-duration: 3.7s; } .u-anime-tsdu-38 { animation-duration: 3.8s; } .u-anime-tsdu-39 { animation-duration: 3.9s; } .u-anime-tsdu-40 { animation-duration: 4s; } .u-anime-tsdu-41 { animation-duration: 4.1s; } .u-anime-tsdu-42 { animation-duration: 4.2s; } .u-anime-tsdu-43 { animation-duration: 4.3s; } .u-anime-tsdu-44 { animation-duration: 4.4s; } .u-anime-tsdu-45 { animation-duration: 4.5s; } .u-anime-tsdu-46 { animation-duration: 4.6s; } .u-anime-tsdu-47 { animation-duration: 4.7s; } .u-anime-tsdu-48 { animation-duration: 4.8s; } .u-anime-tsdu-49 { animation-duration: 4.9s; } .u-anime-tsdu-50 { animation-duration: 5s; } .u-anime-tsdu-51 { animation-duration: 5.1s; } .u-anime-tsdu-52 { animation-duration: 5.2s; } .u-anime-tsdu-53 { animation-duration: 5.3s; } .u-anime-tsdu-54 { animation-duration: 5.4s; } .u-anime-tsdu-55 { animation-duration: 5.5s; } .u-anime-tsdu-56 { animation-duration: 5.6s; } .u-anime-tsdu-57 { animation-duration: 5.7s; } .u-anime-tsdu-58 { animation-duration: 5.8s; } .u-anime-tsdu-59 { animation-duration: 5.9s; } .u-anime-tsdu-60 { animation-duration: 6s; } .u-anime-tsdu-61 { animation-duration: 6.1s; } .u-anime-tsdu-62 { animation-duration: 6.2s; } .u-anime-tsdu-63 { animation-duration: 6.3s; } .u-anime-tsdu-64 { animation-duration: 6.4s; } .u-anime-tsdu-65 { animation-duration: 6.5s; } .u-anime-tsdu-66 { animation-duration: 6.6s; } .u-anime-tsdu-67 { animation-duration: 6.7s; } .u-anime-tsdu-68 { animation-duration: 6.8s; } .u-anime-tsdu-69 { animation-duration: 6.9s; } .u-anime-tsdu-70 { animation-duration: 7s; } .u-anime-tsdu-71 { animation-duration: 7.1s; } .u-anime-tsdu-72 { animation-duration: 7.2s; } .u-anime-tsdu-73 { animation-duration: 7.3s; } .u-anime-tsdu-74 { animation-duration: 7.4s; } .u-anime-tsdu-75 { animation-duration: 7.5s; } .u-anime-tsdu-76 { animation-duration: 7.6s; } .u-anime-tsdu-77 { animation-duration: 7.7s; } .u-anime-tsdu-78 { animation-duration: 7.8s; } .u-anime-tsdu-79 { animation-duration: 7.9s; } .u-anime-tsdu-80 { animation-duration: 8s; } .u-anime-tsdu-81 { animation-duration: 8.1s; } .u-anime-tsdu-82 { animation-duration: 8.2s; } .u-anime-tsdu-83 { animation-duration: 8.3s; } .u-anime-tsdu-84 { animation-duration: 8.4s; } .u-anime-tsdu-85 { animation-duration: 8.5s; } .u-anime-tsdu-86 { animation-duration: 8.6s; } .u-anime-tsdu-87 { animation-duration: 8.7s; } .u-anime-tsdu-88 { animation-duration: 8.8s; } .u-anime-tsdu-89 { animation-duration: 8.9s; } .u-anime-tsdu-90 { animation-duration: 9s; } .u-anime-tsdu-91 { animation-duration: 9.1s; } .u-anime-tsdu-92 { animation-duration: 9.2s; } .u-anime-tsdu-93 { animation-duration: 9.3s; } .u-anime-tsdu-94 { animation-duration: 9.4s; } .u-anime-tsdu-95 { animation-duration: 9.5s; } .u-anime-tsdu-96 { animation-duration: 9.6s; } .u-anime-tsdu-97 { animation-duration: 9.7s; } .u-anime-tsdu-98 { animation-duration: 9.8s; } .u-anime-tsdu-99 { animation-duration: 9.9s; } .u-anime-tsdu-100 { animation-duration: 10s; } .u-anime-tsde-0 { animation-delay: 0s; } .u-anime-tsde-1 { animation-delay: 0.1s; } .u-anime-tsde-2 { animation-delay: 0.2s; } .u-anime-tsde-3 { animation-delay: 0.3s; } .u-anime-tsde-4 { animation-delay: 0.4s; } .u-anime-tsde-5 { animation-delay: 0.5s; } .u-anime-tsde-6 { animation-delay: 0.6s; } .u-anime-tsde-7 { animation-delay: 0.7s; } .u-anime-tsde-8 { animation-delay: 0.8s; } .u-anime-tsde-9 { animation-delay: 0.9s; } .u-anime-tsde-10 { animation-delay: 1s; } .u-anime-tsde-11 { animation-delay: 1.1s; } .u-anime-tsde-12 { animation-delay: 1.2s; } .u-anime-tsde-13 { animation-delay: 1.3s; } .u-anime-tsde-14 { animation-delay: 1.4s; } .u-anime-tsde-15 { animation-delay: 1.5s; } .u-anime-tsde-16 { animation-delay: 1.6s; } .u-anime-tsde-17 { animation-delay: 1.7s; } .u-anime-tsde-18 { animation-delay: 1.8s; } .u-anime-tsde-19 { animation-delay: 1.9s; } .u-anime-tsde-20 { animation-delay: 2s; } .u-anime-tsde-21 { animation-delay: 2.1s; } .u-anime-tsde-22 { animation-delay: 2.2s; } .u-anime-tsde-23 { animation-delay: 2.3s; } .u-anime-tsde-24 { animation-delay: 2.4s; } .u-anime-tsde-25 { animation-delay: 2.5s; } .u-anime-tsde-26 { animation-delay: 2.6s; } .u-anime-tsde-27 { animation-delay: 2.7s; } .u-anime-tsde-28 { animation-delay: 2.8s; } .u-anime-tsde-29 { animation-delay: 2.9s; } .u-anime-tsde-30 { animation-delay: 3s; } .u-anime-tsde-31 { animation-delay: 3.1s; } .u-anime-tsde-32 { animation-delay: 3.2s; } .u-anime-tsde-33 { animation-delay: 3.3s; } .u-anime-tsde-34 { animation-delay: 3.4s; } .u-anime-tsde-35 { animation-delay: 3.5s; } .u-anime-tsde-36 { animation-delay: 3.6s; } .u-anime-tsde-37 { animation-delay: 3.7s; } .u-anime-tsde-38 { animation-delay: 3.8s; } .u-anime-tsde-39 { animation-delay: 3.9s; } .u-anime-tsde-40 { animation-delay: 4s; } .u-anime-tsde-41 { animation-delay: 4.1s; } .u-anime-tsde-42 { animation-delay: 4.2s; } .u-anime-tsde-43 { animation-delay: 4.3s; } .u-anime-tsde-44 { animation-delay: 4.4s; } .u-anime-tsde-45 { animation-delay: 4.5s; } .u-anime-tsde-46 { animation-delay: 4.6s; } .u-anime-tsde-47 { animation-delay: 4.7s; } .u-anime-tsde-48 { animation-delay: 4.8s; } .u-anime-tsde-49 { animation-delay: 4.9s; } .u-anime-tsde-50 { animation-delay: 5s; } .u-anime-tsde-51 { animation-delay: 5.1s; } .u-anime-tsde-52 { animation-delay: 5.2s; } .u-anime-tsde-53 { animation-delay: 5.3s; } .u-anime-tsde-54 { animation-delay: 5.4s; } .u-anime-tsde-55 { animation-delay: 5.5s; } .u-anime-tsde-56 { animation-delay: 5.6s; } .u-anime-tsde-57 { animation-delay: 5.7s; } .u-anime-tsde-58 { animation-delay: 5.8s; } .u-anime-tsde-59 { animation-delay: 5.9s; } .u-anime-tsde-60 { animation-delay: 6s; } .u-anime-tsde-61 { animation-delay: 6.1s; } .u-anime-tsde-62 { animation-delay: 6.2s; } .u-anime-tsde-63 { animation-delay: 6.3s; } .u-anime-tsde-64 { animation-delay: 6.4s; } .u-anime-tsde-65 { animation-delay: 6.5s; } .u-anime-tsde-66 { animation-delay: 6.6s; } .u-anime-tsde-67 { animation-delay: 6.7s; } .u-anime-tsde-68 { animation-delay: 6.8s; } .u-anime-tsde-69 { animation-delay: 6.9s; } .u-anime-tsde-70 { animation-delay: 7s; } .u-anime-tsde-71 { animation-delay: 7.1s; } .u-anime-tsde-72 { animation-delay: 7.2s; } .u-anime-tsde-73 { animation-delay: 7.3s; } .u-anime-tsde-74 { animation-delay: 7.4s; } .u-anime-tsde-75 { animation-delay: 7.5s; } .u-anime-tsde-76 { animation-delay: 7.6s; } .u-anime-tsde-77 { animation-delay: 7.7s; } .u-anime-tsde-78 { animation-delay: 7.8s; } .u-anime-tsde-79 { animation-delay: 7.9s; } .u-anime-tsde-80 { animation-delay: 8s; } .u-anime-tsde-81 { animation-delay: 8.1s; } .u-anime-tsde-82 { animation-delay: 8.2s; } .u-anime-tsde-83 { animation-delay: 8.3s; } .u-anime-tsde-84 { animation-delay: 8.4s; } .u-anime-tsde-85 { animation-delay: 8.5s; } .u-anime-tsde-86 { animation-delay: 8.6s; } .u-anime-tsde-87 { animation-delay: 8.7s; } .u-anime-tsde-88 { animation-delay: 8.8s; } .u-anime-tsde-89 { animation-delay: 8.9s; } .u-anime-tsde-90 { animation-delay: 9s; } .u-anime-tsde-91 { animation-delay: 9.1s; } .u-anime-tsde-92 { animation-delay: 9.2s; } .u-anime-tsde-93 { animation-delay: 9.3s; } .u-anime-tsde-94 { animation-delay: 9.4s; } .u-anime-tsde-95 { animation-delay: 9.5s; } .u-anime-tsde-96 { animation-delay: 9.6s; } .u-anime-tsde-97 { animation-delay: 9.7s; } .u-anime-tsde-98 { animation-delay: 9.8s; } .u-anime-tsde-99 { animation-delay: 9.9s; } .u-anime-tsde-100 { animation-delay: 10s; } .u-d--block { display: block; } .u-d--inline-block { display: inline-block; } .u-d--flex { display: flex; } .u-d--inline-flex { display: inline-flex; } .u-d--none { display: none; } .u-d--inline { display: inline; } @media (min-width: -0.02) { .u-d--xs-block { display: block; } .u-d--xs-inline-block { display: inline-block; } .u-d--xs-flex { display: flex; } .u-d--xs-inline-flex { display: inline-flex; } .u-d--xs-none { display: none; } .u-d--xs-inline { display: inline; } } @media (min-width: 575.98px) { .u-d--sm-block { display: block; } .u-d--sm-inline-block { display: inline-block; } .u-d--sm-flex { display: flex; } .u-d--sm-inline-flex { display: inline-flex; } .u-d--sm-none { display: none; } .u-d--sm-inline { display: inline; } } @media (min-width: 599.98px) { .u-d--md-block { display: block; } .u-d--md-inline-block { display: inline-block; } .u-d--md-flex { display: flex; } .u-d--md-inline-flex { display: inline-flex; } .u-d--md-none { display: none; } .u-d--md-inline { display: inline; } } @media (min-width: 979.98px) { .u-d--lg-block { display: block; } .u-d--lg-inline-block { display: inline-block; } .u-d--lg-flex { display: flex; } .u-d--lg-inline-flex { display: inline-flex; } .u-d--lg-none { display: none; } .u-d--lg-inline { display: inline; } } @media (min-width: 1199.98px) { .u-d--xl-block { display: block; } .u-d--xl-inline-block { display: inline-block; } .u-d--xl-flex { display: flex; } .u-d--xl-inline-flex { display: inline-flex; } .u-d--xl-none { display: none; } .u-d--xl-inline { display: inline; } } @media (min-width: 1919.98px) { .u-d--xxl-block { display: block; } .u-d--xxl-inline-block { display: inline-block; } .u-d--xxl-flex { display: flex; } .u-d--xxl-inline-flex { display: inline-flex; } .u-d--xxl-none { display: none; } .u-d--xxl-inline { display: inline; } } .u-text--start { text-align: left; } .u-text--center { text-align: center; } .u-text--end { text-align: right; } @media (min-width: -0.02) { .u-text--xs-start { text-align: left; } .u-text--xs-center { text-align: center; } .u-text--xs-end { text-align: right; } } @media (min-width: 575.98px) { .u-text--sm-start { text-align: left; } .u-text--sm-center { text-align: center; } .u-text--sm-end { text-align: right; } } @media (min-width: 599.98px) { .u-text--md-start { text-align: left; } .u-text--md-center { text-align: center; } .u-text--md-end { text-align: right; } } @media (min-width: 979.98px) { .u-text--lg-start { text-align: left; } .u-text--lg-center { text-align: center; } .u-text--lg-end { text-align: right; } } @media (min-width: 1199.98px) { .u-text--xl-start { text-align: left; } .u-text--xl-center { text-align: center; } .u-text--xl-end { text-align: right; } } @media (min-width: 1919.98px) { .u-text--xxl-start { text-align: left; } .u-text--xxl-center { text-align: center; } .u-text--xxl-end { text-align: right; } } .u-fw--bold { font-weight: bold; } .u-fw--bolder { font-weight: bolder; } .u-fw--normal { font-weight: normal; } .u-fw--light { font-weight: light; } .u-fw--lighter { font-weight: lighter; } .u-fst--italic { font-style: italic; } .u-fst--normal { font-style: normal; } @media (min-width: -0.02) { .u-fw--xs-bold { font-weight: bold; } .u-fw--xs-bolder { font-weight: bolder; } .u-fw--xs-normal { font-weight: normal; } .u-fw--xs-light { font-weight: light; } .u-fw--xs-lighter { font-weight: lighter; } .u-fst--xs-italic { font-style: italic; } .u-fst--xs-normal { font-style: normal; } } @media (min-width: 575.98px) { .u-fw--sm-bold { font-weight: bold; } .u-fw--sm-bolder { font-weight: bolder; } .u-fw--sm-normal { font-weight: normal; } .u-fw--sm-light { font-weight: light; } .u-fw--sm-lighter { font-weight: lighter; } .u-fst--sm-italic { font-style: italic; } .u-fst--sm-normal { font-style: normal; } } @media (min-width: 599.98px) { .u-fw--md-bold { font-weight: bold; } .u-fw--md-bolder { font-weight: bolder; } .u-fw--md-normal { font-weight: normal; } .u-fw--md-light { font-weight: light; } .u-fw--md-lighter { font-weight: lighter; } .u-fst--md-italic { font-style: italic; } .u-fst--md-normal { font-style: normal; } } @media (min-width: 979.98px) { .u-fw--lg-bold { font-weight: bold; } .u-fw--lg-bolder { font-weight: bolder; } .u-fw--lg-normal { font-weight: normal; } .u-fw--lg-light { font-weight: light; } .u-fw--lg-lighter { font-weight: lighter; } .u-fst--lg-italic { font-style: italic; } .u-fst--lg-normal { font-style: normal; } } @media (min-width: 1199.98px) { .u-fw--xl-bold { font-weight: bold; } .u-fw--xl-bolder { font-weight: bolder; } .u-fw--xl-normal { font-weight: normal; } .u-fw--xl-light { font-weight: light; } .u-fw--xl-lighter { font-weight: lighter; } .u-fst--xl-italic { font-style: italic; } .u-fst--xl-normal { font-style: normal; } } @media (min-width: 1919.98px) { .u-fw--xxl-bold { font-weight: bold; } .u-fw--xxl-bolder { font-weight: bolder; } .u-fw--xxl-normal { font-weight: normal; } .u-fw--xxl-light { font-weight: light; } .u-fw--xxl-lighter { font-weight: lighter; } .u-fst--xxl-italic { font-style: italic; } .u-fst--xxl-normal { font-style: normal; } } .u-text--decoration-underline { text-decoration: underline; } .u-text--decoration-line-through { text-decoration: line-through; } .u-text--decoration-none { text-decoration: none; } @media (min-width: -0.02) { .u-text--decoration-xs-underline { text-decoration: underline; } .u-text--decoration-xs-line-through { text-decoration: line-through; } .u-text--decoration-xs-none { text-decoration: none; } } @media (min-width: 575.98px) { .u-text--decoration-sm-underline { text-decoration: underline; } .u-text--decoration-sm-line-through { text-decoration: line-through; } .u-text--decoration-sm-none { text-decoration: none; } } @media (min-width: 599.98px) { .u-text--decoration-md-underline { text-decoration: underline; } .u-text--decoration-md-line-through { text-decoration: line-through; } .u-text--decoration-md-none { text-decoration: none; } } @media (min-width: 979.98px) { .u-text--decoration-lg-underline { text-decoration: underline; } .u-text--decoration-lg-line-through { text-decoration: line-through; } .u-text--decoration-lg-none { text-decoration: none; } } @media (min-width: 1199.98px) { .u-text--decoration-xl-underline { text-decoration: underline; } .u-text--decoration-xl-line-through { text-decoration: line-through; } .u-text--decoration-xl-none { text-decoration: none; } } @media (min-width: 1919.98px) { .u-text--decoration-xxl-underline { text-decoration: underline; } .u-text--decoration-xxl-line-through { text-decoration: line-through; } .u-text--decoration-xxl-none { text-decoration: none; } } /*# sourceMappingURL=style.css.map */