@charset "UTF-8"; /*--------------------------------------* * foundation *--------------------------------------*/ /*** The new CSS reset - version 1.8.5 (last updated 14.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" attribute is exclud, because 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):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; } /* 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; } .pc-hide { display: block; } .pc-hide_i { display: inline-block; } @media (min-width: 1040px) { .pc-hide { display: none; } .pc-hide_i { display: none; } } .sp-hide { display: none; } .sp-hide_i { display: none; } @media (min-width: 1040px) { .sp-hide { display: block; } .sp-hide_i { display: inline-block; } } .ib { display: inline-block; } .ib_space { padding: 0 0.5rem; } .ib_space_r { padding-right: 1rem; } .ib_space_l { padding-left: 1rem; } .ib_space_l2 { padding-left: 1em; } .txt-c { text-align: center; } .txt-r { text-align: right; } .txt-l { text-align: left; } .note { font-size: 0.8em; letter-spacing: 1px; line-height: 1.5; } .note_ls0 { letter-spacing: 0; } .note_sub { font-size: 0.9rem; } .note_11 { font-size: 11px; } .font-regular { font-weight: 500; font-size: 16px; } @media (min-width: 768px) { .font-regular { font-size: 16px; } } .font-medium { font-size: clamp(1.125rem, 0.9545rem + 0.7273vw, 1.5rem); line-height: 1.6; } .font-point { color: #ec367a; } .font-point__sub { background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 255, 255, 0)), color-stop(0%, rgb(255, 188, 213))); background: linear-gradient(rgba(255, 255, 255, 0) 60%, rgb(255, 188, 213) 0%); } .font-weight { font-weight: bold; } .font-alphabet { font-family: sans-serif; } .font-alphabet.padding { padding: 8px 5px 5px; } .width100 { width: 100%; max-width: 750px; } .width100.max1200 { max-width: 1200px; } .width90 { width: 90%; max-width: 750px; } .portrait { width: 90% !important; } @media (min-width: 1040px) { .portrait { width: 50% !important; } } .padding-t50 { padding-top: 50px !important; } /*--------------------------------------* * layout *--------------------------------------*/ .page-wrap { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; -webkit-font-feature-settings: "pkna" 1; font-feature-settings: "pkna" 1; font-size: 16px; font-weight: 400; line-height: 160%; letter-spacing: 1px; color: #101010; background: #ffecec url(../../images/bg.png); width: 100%; } @media (min-width: 768px) { .page-wrap { background-size: auto; font-size: 16px; line-height: 160%; } } @media (min-width: 1040px) { .page-wrap a { cursor: pointer; } .page-wrap a a:hover { text-decoration: none; cursor: pointer; } } .page-wrap .sns-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } @media (min-width: 1040px) { .page-wrap .sns-box { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; } } .page-wrap .sns-box__twitter { width: 100%; } @media (min-width: 1040px) { .page-wrap .sns-box__twitter { width: 60%; margin: 0 auto; } } .page-wrap .sns-box .sns-link__insta { background: #ff0060; } .page-wrap .l-header { width: 100%; background: #ff7aac; } .page-wrap .l-header__inner { width: 100%; padding: 5px 10px 8px; max-width: 1200px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-wrap .l-header-logo { width: 100px; } @media (min-width: 768px) { .page-wrap .l-header-logo { width: 180px; } } .page-wrap .l-header-logo a { display: block; line-height: 1; } .page-wrap .l-header-lang { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 80px; } .page-wrap .l-header-lang__title { width: 100%; text-align: center; color: #ffffff; font-size: 10px; font-weight: bold; line-height: 1; } .page-wrap .l-header-lang dd { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .page-wrap .l-header-lang__btn { display: block; width: 35px; height: 35px; margin: 0 auto; } @media (min-width: 768px) { .page-wrap .l-header-lang__btn { -webkit-transition: 300ms; transition: 300ms; } .page-wrap .l-header-lang__btn:hover { opacity: 0.3; } } .page-wrap .l-menu { padding: 20px 0; } .page-wrap .l-menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 15px; width: 90%; min-width: 330px; margin: 0 auto; } @media (min-width: 768px) { .page-wrap .l-menu__list { width: 100%; max-width: 750px; padding: 30px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .page-wrap .l-menu__item { width: calc(50% - 8px); height: 100px; } @media (min-width: 768px) { .page-wrap .l-menu__item { width: 170px; height: 100px; } } .page-wrap .l-menu__item a { width: 100%; height: 100%; background: #ec367a; border-radius: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; font-size: 12px; font-weight: 700; color: #ffffff; } @media (min-width: 768px) { .page-wrap .l-menu__item a { -webkit-transition: 300ms; transition: 300ms; } .page-wrap .l-menu__item a:hover { background-color: #ff7aac; } .page-wrap .l-menu__item a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } } .page-wrap .l-menu__img { 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: 50px; height: 50px; padding-top: 5px; } @media (min-width: 768px) { .page-wrap .l-menu__img img { -webkit-transition: 300ms; transition: 300ms; } } .page-wrap .l-footer { background: #ffffff; text-align: center; padding: 0 0 30px; } .page-wrap .l-footer .l-headline { padding: 13px 5px 15px; font-size: 1.5em; font-weight: 400; line-height: 1; width: 100%; text-align: center; margin-bottom: 20px; } .page-wrap .l-footer-sponsor { background: #f0f0f0; padding: 20px 0; width: 100%; margin: 15px auto 0; } .page-wrap .l-footer-sponsor__list { width: 100%; max-width: 1100px; margin: 0 auto; padding: 0px 20px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; } @media (min-width: 768px) { .page-wrap .l-footer-sponsor__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .page-wrap .l-footer-sponsor__list.bn-large { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-wrap .l-footer-sponsor__list.bn-large .l-footer-sponsor__item { width: 100%; max-width: 400px; } .page-wrap .l-footer-sponsor__item { width: calc(50% - 8px); max-width: 200px; line-height: 0; } .page-wrap .l-footer-sponsor__item a { width: 100%; display: inline-block; line-height: 0; } .page-wrap .l-footer-sponsor__item a img { border: 1px solid #555555; } @media (min-width: 768px) { .page-wrap .l-footer-sponsor__item a { -webkit-transition: 300ms; transition: 300ms; } .page-wrap .l-footer-sponsor__item a:hover { opacity: 0.5; } } .page-wrap .l-footer-sponsor__item img { width: 100%; border: 1px solid #555555; } .page-wrap .l-footer-sponsorship { padding: 40px 20px; width: 100%; } .page-wrap .l-footer-contact { width: 90%; margin: 0 auto; padding: 40px 20px; border-top: 1px solid #999999; text-align: left; font-weight: 400; } .page-wrap .l-footer-contact__headline { position: relative; margin-bottom: 40px; font-size: 1.5em; text-align: center; } .page-wrap .l-footer-contact__headline::after { position: absolute; content: ""; height: 1px; width: 360px; background: #999999; left: calc(50% - 180px); bottom: -5px; } .page-wrap .l-footer-contact__info { max-width: 750px; margin: 0 auto; } .page-wrap .l-footer-contact__temporary { border: 1px solid #999999; padding: 15px; text-align: center; margin-bottom: 20px; } .page-wrap .l-footer-contact__temporary p { padding: 10px 0; } .page-wrap .l-footer-contact__temporary__title { border: 1px solid #ec367a; padding: 5px 8px 3px; margin: 5px 0; } .page-wrap .l-footer-contact__temporary span { display: inline-block; } .page-wrap .l-footer-contact__address span { display: inline-block; } @media (min-width: 768px) { .page-wrap .l-footer-contact__tel { max-width: 1100px; margin: 0 auto; } } .page-wrap .l-footer-contact__tel span { display: inline-block; } .page-wrap .l-footer-contact__tel span:last-child { font-size: 0.8em; } @media (min-width: 768px) { .page-wrap .l-footer-contact__mail { max-width: 1100px; margin: 0 auto; } } .page-wrap .l-footer-contact__mail span { display: inline-block; } .page-wrap .l-footer-contact__mail span:last-child { font-size: 0.8em; } .page-wrap .l-footer-policy { margin-top: 20px; margin-bottom: 20px; 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; gap: 14px; } .page-wrap .l-footer-policy a { text-decoration: underline; color: #ec367a; } .page-wrap .l-footer__logo img { width: 80%; max-width: 150px; } .page-wrap .l-footer__copyright { font-size: 0.8rem; line-height: 1.5; } .page-wrap .l-footer__copyright__note { padding: 10px 20px; } @media (min-width: 768px) { .page-wrap .l-footer__copyright__note { width: 80%; max-width: 1100px; margin: 0 auto; } } /*------------------- * component *-------------------*/ #mbsGlobalHeader { position: relative; z-index: 10000; } .page-wrap .c-headline { background: #f46484; color: #ffffff; padding: 13px 5px 10px; font-size: 1.5em; font-weight: bold; line-height: 1.3; width: 100%; text-align: center; margin-bottom: 20px; } .page-wrap .c-headline__sub { color: #f46484; font-size: 1.5em; line-height: 1; font-weight: bold; text-align: center; margin-top: 20px; } .page-wrap .c-main { background: #ffffff; width: 100%; max-width: 1100px; margin: 15px auto 80px; } @media (min-width: 768px) { .page-wrap .c-main { width: 90%; } } .page-wrap .c-outline { background: #ffffff; width: 100%; max-width: 1100px; margin: 15px auto; text-align: center; } @media (min-width: 768px) { .page-wrap .c-outline { padding-bottom: 15px; } .page-wrap .c-outline .c-text__comments { text-align: center; } } .page-wrap .c-text { padding: 20px 20px; font-size: 1.5em; line-height: 1; font-weight: 500; } .page-wrap .c-text:last-of-type { padding-bottom: 10px; } .page-wrap .c-text span { font-size: 1rem; } .page-wrap .c-text__comments { width: 90%; margin: 0 auto; font-size: 1rem; line-height: 1.7; font-weight: 400; padding: 1rem 0 0; text-align: left; } .page-wrap .c-text__info { width: 90%; margin: 0 auto; font-size: 1rem; line-height: 1.7; font-weight: 400; padding: 1rem 0 15px; text-align: left; } .page-wrap .c-map { width: 100%; margin: 15px auto 0; border: 1px solid #f0f0f0; line-height: 0; } @media (min-width: 768px) { .page-wrap .c-map { width: 90%; margin-bottom: 15px; } } .page-wrap .c-route { width: 80%; min-width: 350px; max-width: 1100px; margin: -20px auto 20px; border: 1px solid #f46484; } .page-wrap .c-route .c-headline__sub { background: #f46484; color: #ffffff; font-size: 1.3em; line-height: 1; margin-top: 0; padding: 8px; } .page-wrap .c-route__list { padding: 0px 20px; } .page-wrap .c-route__item { position: relative; padding: 10px 20px; border-bottom: 1px solid #ffbcd5; } .page-wrap .c-route__item::before { position: absolute; content: ""; width: 3px; height: 3px; background: #101010; top: calc(10px + 0.8em); left: 10px; } .page-wrap .c-route__item:last-child { border-bottom: 0; } .page-wrap .c-ticket__list { display: -webkit-box; display: -ms-flexbox; display: flex; -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; -ms-flex-line-pack: center; align-content: center; gap: 30px; padding: 20px; text-align: center; } @media (min-width: 768px) { .page-wrap .c-ticket__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 20px; } } .page-wrap .c-ticket__item { border: 1px solid #ffbcd5; border-radius: 10px; } @media (min-width: 768px) { .page-wrap .c-ticket__item { width: calc(50% - 30px); } } .page-wrap .c-ticket__item dt { background: #ffbcd5; padding: 1rem; font-size: 1.3rem; font-weight: 700; } .page-wrap .c-ticket__item dd { padding: 1rem; } .page-wrap .c-ticket__fee { font-size: 1.8em; font-weight: 700; line-height: 1; color: #ec1f84; border-bottom: 2px solid #ffbcd5; padding-bottom: 1rem; } .page-wrap .c-ticket__info { padding: 1rem 1rem 0; text-align: left; font-size: 14px; line-height: 1.7; } .page-wrap .c-ticket-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; width: 90%; max-width: 720px; margin: 15px auto; padding-bottom: 20px; } @media (min-width: 768px) { .page-wrap .c-ticket-wrap { padding-bottom: 40px; } } .page-wrap .c-ticket-wrap dt { width: 100%; } @media (min-width: 768px) { .page-wrap .c-ticket-wrap dt { text-align: center; } } .page-wrap .c-ticket-wrap dd { width: 40%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-wrap .c-ticket-wrap dd a { padding: 10px 0; display: block; line-height: 0; width: 100%; text-align: center; } @media (min-width: 768px) { .page-wrap .c-ticket-wrap dd a { -webkit-transition: 300ms; transition: 300ms; } .page-wrap .c-ticket-wrap dd a:hover { opacity: 0.5; } } .page-wrap .c-ticket-wrap dd img { width: 80%; height: auto; } @media (min-width: 768px) { .page-wrap .c-ticket-wrap dd img { width: auto; height: 70px; } } .page-wrap .c-ticket__attention { width: 90%; max-width: 600px; margin: 15px auto; font-size: 16px; line-height: 1.7; } @media (min-width: 768px) { .page-wrap .c-ticket__attention { max-width: 90%; } } .page-wrap .c-ticket__attention li { position: relative; padding-left: 10px; } .page-wrap .c-ticket__attention li::before { position: absolute; content: ""; width: 3px; height: 3px; background: #101010; top: 0.8em; left: 0; } .page-wrap .c-ticket__attention + .c-text__comments { padding-bottom: 40px; } .page-wrap { /* .c-ticket{ .c-info::before{ background: url(../../images/icon/ticket02.svg) 50%/contain no-repeat; } } */ } .page-wrap .c-info { color: #ec367a; text-align: center; position: relative; width: 90%; margin: 40px auto 20px; padding: 20px 40px; font-size: 1.5em; border-top: 2px solid #ec367a; border-bottom: 2px solid #ec367a; /* &::before{ position: absolute; content: ''; left: 20px; top: 0; width: 50px; height: 100%; opacity: 0.5; transform: rotate(-15deg); } &::after{ position: absolute; content: ''; right: 20px; top: 0; width: 20px; height: 100%; background: url(../../images/icon/arrow.svg) 50%/contain no-repeat; } */ } @media (min-width: 768px) { .page-wrap .c-info { width: 700px; } } .page-wrap .c-access__station { text-align: center; } .page-wrap .c-access__info { padding: 10px 20px 30px; width: 80%; min-width: 350px; max-width: 1100px; margin: 0 auto; } .page-wrap .c-sns { padding: 10px 20px 40px; width: 100%; max-width: 800px; min-height: 450px; margin: 0 auto; } .page-wrap .c-movie { padding: 20px 10px; width: 100%; max-width: 750px; margin: 0 auto; } .page-wrap .c-movie__area { width: 100%; position: relative; padding-top: 56.25%; } .page-wrap .c-movie__area iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .page-wrap .c-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; padding: 10px 0; } .page-wrap .c-link__btn { display: block; width: 95%; max-width: 350px; background: #ec367a; color: #ffffff; font-size: 1rem; line-height: 1.2; font-weight: 700; padding: 10px 30px 10px 15px; border-radius: 8px; text-align: center; position: relative; } @media (min-width: 768px) { .page-wrap .c-link__btn { -webkit-transition: 300ms; transition: 300ms; } .page-wrap .c-link__btn:hover { opacity: 0.7; } } .page-wrap .c-link__btn::after { position: absolute; top: calc(50% - 0.5rem); right: 5px; content: ">"; } .page-wrap .c-schedule { padding-bottom: 15px; } .page-wrap .c-schedule__image { padding: 0 10px; } .page-wrap .c-schedule__image img { width: 100%; max-width: 1200px; height: auto; } .page-wrap .c-guest { width: 96%; margin: 15px auto 40px; background: #f46484 url(../../images/bg.png) center/3%; padding: 10px; } @media (min-width: 768px) { .page-wrap .c-guest { background-size: 1%; } } .page-wrap .c-guest__inner { background: #ffffff; padding: 15px; } .page-wrap .c-guest__info { width: 100%; 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; } .page-wrap .c-guest__info .c-guest__title { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .page-wrap .c-guest__info .c-guest__text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .page-wrap .c-guest__info .c-guest__photo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .page-wrap .c-guest__info .c-guest__link { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media (min-width: 768px) { .page-wrap .c-guest__info { display: grid; gap: 10px 10px; } } @media (min-width: 768px) { .page-wrap .c-guest .c-guest__title { grid-area: 1/1/2/2; } .page-wrap .c-guest .c-guest__text { grid-area: 2/1/3/2; } .page-wrap .c-guest .c-guest__photo { height: auto; grid-area: 1/2/3/3; } .page-wrap .c-guest .c-guest__link { grid-area: 3/1/4/3; } } .page-wrap .c-guest__title { text-align: center; } .page-wrap .c-guest__title img { width: 100%; max-width: 570px; } .page-wrap .c-guest__text .c-text { padding: 10px 0; font-size: 16px; line-height: 1.5; text-align: left; } .page-wrap .c-guest__text .c-text:last-of-type { padding-bottom: 0; } .page-wrap .c-guest__photo { position: relative; width: 300px; height: 300px; } .page-wrap .c-guest__photo img { border-radius: 15px; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: 0 -25px; position: absolute; top: 0; } .page-wrap .c-guest__link { width: 100%; margin-top: 10px; padding: 0 5px; text-align: right; } .page-wrap .c-guest__link a { text-decoration: underline; color: #ec367a; } @media (min-width: 768px) { .page-wrap .c-guest__link a { -webkit-transition: 300ms; transition: 300ms; } .page-wrap .c-guest__link a:hover { color: #ffbcd5; } } .page-wrap .c-banner { width: 90%; max-width: 900px; padding: 10px 20px 30px; margin: 0 auto; text-align: center; line-height: 0; } .page-wrap .c-banner a { display: inline-block; line-height: 0; border: 1px solid #ec367a; } @media (min-width: 768px) { .page-wrap .c-banner a { -webkit-transition: 300ms; transition: 300ms; } .page-wrap .c-banner a:hover { opacity: 0.7; } } .page-wrap .c-banner a img { width: 100%; max-width: 800px; } /*------------------- * project *-------------------*/ .page-wrap .p-index-hero__visual { line-height: 0; width: 100%; max-width: 1280px; margin: 0 auto; padding-bottom: 15px; } @media (min-width: 768px) { .page-wrap .p-index-hero__visual { padding: 15px 0; } .page-wrap .p-index-hero__visual img { border-radius: 15px; } } .page-wrap .p-index-hero__text { width: 90%; margin: 1100px; margin: 0 auto 15px; padding: 15px; background: #ffffff; border-radius: 5px; -webkit-box-shadow: 3px 3px 3px #ffbcd5; box-shadow: 3px 3px 3px #ffbcd5; border: 1px solid #ffbcd5; } @media (min-width: 768px) { .page-wrap .p-index-hero__text { width: 75%; max-width: 1000px; padding: 20px 30px; } } .page-wrap .p-index-hero__text p + p { padding-top: 20px; } .page-wrap.p-policy-bg { background: #ffffff; } .page-wrap .p-policy { max-width: 980px; padding: 40px 20px; margin: 0 auto; min-height: 800px; } .page-wrap .p-policy__head { font-size: clamp(1.5rem, 1.14rem + 1.536vw, 2rem); font-weight: bold; text-align: center; margin-bottom: 2rem; line-height: 1.2; } .page-wrap .p-policy-section { padding: 5rem 0 0 0; } .page-wrap .p-policy-section__head { font-size: 1.25rem; line-height: 1.25rem; font-weight: bold; } .page-wrap .p-policy-section__head--h3 { font-size: 1rem; line-height: 1rem; font-weight: bold; padding-top: 1rem; } .page-wrap .p-policy-section__par { padding-top: 1rem; } .page-wrap .p-policy-section__par a { color: #ec367a; text-decoration: underline; } @media (min-width: 768px) { .page-wrap .p-policy-section__par a:hover { color: #ffbcd5; } } .page-wrap .p-policy-section__to-nav { padding-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .page-wrap .p-policy-section__to-nav a { position: relative; font-size: 14px; color: #ec367a; } @media (min-width: 768px) { .page-wrap .p-policy-section__to-nav a:hover { text-decoration: underline; } } .page-wrap .p-policy-section__to-nav a::after { position: absolute; display: block; right: 0; top: 0; } /*------------------- * object *-------------------*/ html { scroll-behavior: smooth; }/*# sourceMappingURL=style.css.map */