@charset "UTF-8"; :root { --board: 1440; --max: 1px; } @media screen and (max-width: 768px) { :root { --board: 375; --max: 9999px; } } :root { --colorBlack: #222; --colorBg: #fff; --colorCurrent: #c7c7c7; --colorPrimary: #5A036A; } :root { --fontGothic: "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; --fontMincho: "Zen Old Mincho", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; --fontEnglish: "Marcellus", serif; --fontMaru: "Zen Maru Gothic", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; } :root { --weightLight: 300; --weightRegular: 400; --weightMedium: 500; --weightBold: 700; } :root { --fontSize: 16rem; --letterSpacing: 0; --lineHeight: 1.75; --kerning: unset; } :root { --bodyBg: var(--colorBg); --speed: .4s; } :root { --logo-col: rgba(90, 45, 20, 1); --wh: rgba(255, 255, 255, 1); --black: rgba(0, 0, 0, 1); --black-20: rgba(0, 0, 0, .2); --black-5-opaque: rgba(242, 242, 242, 1); --ja-lg-body-small-1-bold-font-family: "Noto Sans JP", Helvetica; --ja-lg-body-small-1-bold-font-weight: 700; --ja-lg-body-small-1-bold-font-size: 14rem; --ja-lg-body-small-1-bold-letter-spacing: 0; --ja-lg-body-small-1-bold-line-height: 179.99999523162842%; --ja-lg-body-small-1-bold-font-style: normal; --action-element-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, .05); --colors-black: rgba(0, 0, 0, 1); --colors-white: rgba(255, 255, 255, 1); --spacing-spacing-2: 14rem; --spacing-spacing-1: 7rem; --font-size-small-1: 14rem; --font-size-small-1-300: 42rem; --corner-radius-corner-radius-1: 5rem; } /* To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so: You can apply the theme on any DOM node, not just the `body` */ [data-spacing-mode=lg] { --spacing-spacing-2: 14rem; --spacing-spacing-1: 7rem; } [data-spacing-mode=sm] { --spacing-spacing-2: 12rem; --spacing-spacing-1: 6rem; } [data-spacing-mode=md] { --spacing-spacing-2: 13.300000190734863rem; --spacing-spacing-1: 6.650000095367432rem; } [data-font-size-mode=lg] { --font-size-small-1: 14rem; --font-size-small-1-300: 42rem; } [data-font-size-mode=sm] { --font-size-small-1: 12rem; --font-size-small-1-300: 36rem; } [data-font-size-mode=md] { --font-size-small-1: 13.300000190734863rem; --font-size-small-1-300: 39.900001525878906rem; } @-webkit-keyframes name {} @keyframes name {} .nogizaka46-nav__button { position: fixed; top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); right: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); z-index: 101; width: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72); outline: none; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } @media (max-width: 768px) { .nogizaka46-nav__button { top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); right: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0); } } @media (hover: hover) { .nogizaka46-nav__button:hover { opacity: 0.7; } } .nogizaka46-nav__button-menu { display: block; } .is-nav-open .nogizaka46-nav__button-menu { display: none; } .nogizaka46-nav__button-close { display: none; } .is-nav-open .nogizaka46-nav__button-close { display: block; } .nogizaka46-nav { position: fixed; top: 0; left: 0; z-index: 100; 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%; height: 100%; background: linear-gradient(119.36deg, #7389c4 3.88%, #f35a7f 100%); -webkit-transition: 0.4s; transition: 0.4s; } .nogizaka46-nav { opacity: 0; pointer-events: none; } .is-nav-open .nogizaka46-nav { opacity: 0.95; pointer-events: auto; } .nogizaka46-nav ul { 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; gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); } @media (max-width: 768px) { .nogizaka46-nav ul { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: clamp(0px, 10vw / var(--board) * 10 * 295, var(--max) * 295); } } a.nogizaka46-nav__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); color: #fff; letter-spacing: 0.04em; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); line-height: 1.5; -webkit-transition: 0.4s; transition: 0.4s; } @media (max-width: 768px) { a.nogizaka46-nav__link { gap: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15); font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18); } } @media (hover: hover) { a.nogizaka46-nav__link:hover { text-decoration: none; opacity: 0.4; } } a.nogizaka46-nav__link::after { content: ""; display: block; width: 0.35em; height: 0.35em; border: 1px solid; border-top: 0; border-left: 0; -webkit-transform: rotate(-45deg) translateY(clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2)); transform: rotate(-45deg) translateY(clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2)); } .nogizaka46-nav__cv { 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: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); width: clamp(0px, 10vw / var(--board) * 10 * 416, var(--max) * 416); height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80); border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background-color: #ffea5a; color: #2c3340 !important; text-decoration: none !important; letter-spacing: 0.04em; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); line-height: 1.6; -webkit-transition: 0.4s; transition: 0.4s; } @media (max-width: 768px) { .nogizaka46-nav__cv { width: clamp(0px, 10vw / var(--board) * 10 * 295, var(--max) * 295); height: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } @media (hover: hover) { .nogizaka46-nav__cv:hover { opacity: 0.7; } } .str-scrollTop { display: none; } .nogizaka46-main { font-family: var(--fontGothic); } .nogizaka46-main img { max-width: 100%; height: auto; vertical-align: bottom; } .nogizaka46-mv__text { padding: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) 0; background: rgb(125, 41, 130); color: #fff; text-align: center; letter-spacing: 0.04em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } @media (max-width: 768px) { .nogizaka46-mv__text { display: -webkit-box; display: -ms-flexbox; display: flex; padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) 0; text-align: left; letter-spacing: 0.04em; font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); line-height: 1.4; } } .nogizaka46-mv__text.is-regular { letter-spacing: 0.2em; } .nogizaka46-mv__text em { 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-left: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); padding: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); background-color: #fff; color: rgb(125, 41, 130); letter-spacing: 0.04em; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); line-height: 1.2; } @media (max-width: 768px) { .nogizaka46-mv__text em { padding: 0; width: clamp(0px, 10vw / var(--board) * 10 * 95, var(--max) * 95); height: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26); letter-spacing: 0.1em; font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); } } .nogizaka46-mv__text p { 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: 0 !important; } @media (max-width: 768px) { .nogizaka46-mv__text p { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); padding-right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); line-height: 1.2; text-box: trim-both cap alphabetic; } } .nogizaka46-mv__text-color { margin-right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); color: rgb(255, 234, 90); text-box: trim-both cap alphabetic; } @media (max-width: 768px) { .nogizaka46-mv__text-color { font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); line-height: 1.2; } } .nogizaka46-mv__text-tel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); letter-spacing: 0.04em; font-style: normal; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); line-height: 1; text-box: trim-both cap alphabetic; } @media (max-width: 768px) { .nogizaka46-mv__text-tel { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-left: 0; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } } .nogizaka46-mv__text-tel span { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } @media (max-width: 768px) { .nogizaka46-mv__text-tel span { font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); } } .nogizaka46-mv__date { display: none; } @media (max-width: 768px) { .nogizaka46-mv__date { 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: clamp(0px, 10vw / var(--board) * 10 * 76, var(--max) * 76); height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56); background-color: #fff; color: rgb(90, 3, 106); text-align: center; font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); line-height: 1.2; } .nogizaka46-mv__date i { font-style: normal; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } } .nogizaka46-mv__image { width: 100%; } .nogizaka46-float { position: fixed; right: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25); bottom: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100); z-index: 100; width: clamp(0px, 10vw / var(--board) * 10 * 210, var(--max) * 210); height: clamp(0px, 10vw / var(--board) * 10 * 210, var(--max) * 210); -webkit-transition: 0.4s; transition: 0.4s; } @media (max-width: 768px) { .nogizaka46-float { right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); width: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110); height: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110); } } .nogizaka46-float.is-hide { opacity: 0; pointer-events: none; } .nogizaka46-float__link { display: block; width: 100%; height: 100%; outline: none !important; } .nogizaka46-float__image { -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } .nogizaka46-intro { padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0 clamp(0px, 10vw / var(--board) * 10 * 138, var(--max) * 138); background-image: url("../images/hikari/nogizaka46/main/bg_intro.webp"); background-position: top center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 768px) { .nogizaka46-intro { padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) 0 clamp(0px, 10vw / var(--board) * 10 * 55, var(--max) * 55); background-image: url("../images/hikari/nogizaka46/main/bg_intro_sp.webp"); } } .nogizaka46-intro__inner { margin: 0 auto; width: clamp(0px, 10vw / var(--board) * 10 * 1312, var(--max) * 1312); } @media (max-width: 768px) { .nogizaka46-intro__inner { width: clamp(0px, 10vw / var(--board) * 10 * 360, var(--max) * 360); } } .nogizaka46-intro__link-list { display: -ms-grid; display: grid; -webkit-column-gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); -moz-column-gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); column-gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 1fr clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 1fr clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 1fr; grid-template-columns: repeat(4, 1fr); row-gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } @media (max-width: 768px) { .nogizaka46-intro__link-list { -webkit-column-gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6); -moz-column-gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6); column-gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6); -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) 1fr; grid-template-columns: repeat(2, 1fr); row-gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6); } } .nogizaka46-intro__link-item { height: clamp(0px, 10vw / var(--board) * 10 * 88, var(--max) * 88); } @media (max-width: 768px) { .nogizaka46-intro__link-item { height: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50); } } .nogizaka46-intro__link-link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); width: 100%; height: 100%; background-image: url("../images/hikari/nogizaka46/main/bg_intro-link.webp"); background-position: center center; background-size: cover; background-repeat: no-repeat; color: var(--colorPrimary) !important; letter-spacing: 0.04em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); line-height: 1.6; } @media (hover: hover) { .nogizaka46-intro__link-link:hover { text-decoration: none; } } @media (max-width: 768px) { .nogizaka46-intro__link-link { padding: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background-image: url("../images/hikari/nogizaka46/main/bg_intro-link_sp.webp"); font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); line-height: 1.5; } } .nogizaka46-intro__link-link::after { content: ""; position: absolute; top: 50%; right: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50); height: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50); background-image: url("../images/hikari/nogizaka46/main/icon_intro-link.svg"); background-position: center center; background-size: contain; background-repeat: no-repeat; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 768px) { .nogizaka46-intro__link-link::after { right: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); width: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); height: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); background-image: url("../images/hikari/nogizaka46/main/icon_intro-link_sp.svg"); } } .nogizaka46__intro__container { position: relative; margin-top: clamp(0px, 10vw / var(--board) * 10 * 244, var(--max) * 244); } @media (max-width: 768px) { .nogizaka46__intro__container { margin-top: clamp(0px, 10vw / var(--board) * 10 * 144, var(--max) * 144); } } .nogizaka46-intro__copy { margin-left: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90); width: clamp(0px, 10vw / var(--board) * 10 * 957, var(--max) * 957); } @media (max-width: 768px) { .nogizaka46-intro__copy { margin-left: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2); width: clamp(0px, 10vw / var(--board) * 10 * 362, var(--max) * 362); } } .nogizaka46-intro__copy-image { width: 100%; height: auto; vertical-align: middle; } .nogizaka46-intro__text { color: var(--colorPrimary); font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); line-height: 2.6; } @media (max-width: 768px) { .nogizaka46-intro__text { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); line-height: 2.2; } } .nogizaka46-intro__text--01 { margin-top: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100); margin-left: clamp(0px, 10vw / var(--board) * 10 * 560, var(--max) * 560); } @media (max-width: 768px) { .nogizaka46-intro__text--01 { margin-top: clamp(0px, 10vw / var(--board) * 10 * 43, var(--max) * 43); margin-left: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28); } } .nogizaka46-intro__text--02 { margin-top: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70); margin-left: clamp(0px, 10vw / var(--board) * 10 * 427, var(--max) * 427); } @media (max-width: 768px) { .nogizaka46-intro__text--02 { margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); margin-left: clamp(0px, 10vw / var(--board) * 10 * 92, var(--max) * 92); } } .nogizaka46-movie { aspect-ratio: 16/9; } .nogizaka46-movie iframe { width: 100%; height: 100%; vertical-align: middle; } .nogizaka46-about { padding: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104) 0; background-image: url("../images/hikari/nogizaka46/main/bg_about.webp"); background-position: top center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 768px) { .nogizaka46-about { background-image: url("../images/hikari/nogizaka46/main/bg_about_sp.webp"); } } .nogizaka46-about__inner { margin: 0 auto; width: clamp(0px, 10vw / var(--board) * 10 * 1312, var(--max) * 1312); } @media (max-width: 768px) { .nogizaka46-about__inner { width: clamp(0px, 10vw / var(--board) * 10 * 360, var(--max) * 360); } } .nogizaka46-about__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; gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); color: #fff; text-align: center; letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48) !important; line-height: 1.7; } @media (max-width: 768px) { .nogizaka46-about__title { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) !important; } } .nogizaka46-about__title::before, .nogizaka46-about__title::after { content: ""; display: block; margin-top: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6); width: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2); height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60); background-color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .nogizaka46-about__title::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .nogizaka46-about__container { margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); } .nogizaka46-about__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .nogizaka46-about__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogizaka46-about__item { padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) !important; width: clamp(0px, 10vw / var(--board) * 10 * 640, var(--max) * 640); background-image: url("../images/hikari/nogizaka46/main/bg_about-item.webp"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; color: var(--colorPrimary); } @media (max-width: 768px) { .nogizaka46-about__item { padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) !important; width: 100%; background-image: url("../images/hikari/nogizaka46/main/bg_about-item_01_sp.webp"); } } @media (max-width: 768px) { .nogizaka46-about__item--02 { background-image: url("../images/hikari/nogizaka46/main/bg_about-item_02_sp.webp"); } } .nogizaka46-about__item-title-container { padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); border-bottom: 1px solid var(--colorPrimary); } .nogizaka46-about__item-title-text { margin: 0 !important; margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) !important; margin-left: auto !important; width: clamp(0px, 10vw / var(--board) * 10 * 429, var(--max) * 429); letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) !important; line-height: 1.6; } @media (max-width: 768px) { .nogizaka46-about__item-title-text { width: clamp(0px, 10vw / var(--board) * 10 * 226, var(--max) * 226); } } .nogizaka46-about__item-title-attention { margin: 0 !important; margin-left: auto !important; width: clamp(0px, 10vw / var(--board) * 10 * 429, var(--max) * 429); letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) !important; line-height: 1.6; } @media (max-width: 768px) { .nogizaka46-about__item-title-attention { width: clamp(0px, 10vw / var(--board) * 10 * 226, var(--max) * 226); } } .nogizaka46-about__item-title-attention a { color: #0574c7; text-decoration: underline; } .nogizaka46-about__item-title { gap: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13); margin-left: auto !important; width: clamp(0px, 10vw / var(--board) * 10 * 429, var(--max) * 429); letter-spacing: 0.02em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) !important; line-height: 1.6; } @media (max-width: 768px) { .nogizaka46-about__item-title { width: clamp(0px, 10vw / var(--board) * 10 * 226, var(--max) * 226); font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) !important; } } .nogizaka46-about__item-title-container { position: relative; } .nogizaka46-about__item-title-container::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: clamp(0px, 10vw / var(--board) * 10 * 118, var(--max) * 118); height: clamp(0px, 10vw / var(--board) * 10 * 118, var(--max) * 118); background-image: url("../images/hikari/nogizaka46/main/image_about-number_01.webp"); background-position: center; background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .nogizaka46-about__item-title-container::before { top: 0; width: clamp(0px, 10vw / var(--board) * 10 * 88, var(--max) * 88); height: clamp(0px, 10vw / var(--board) * 10 * 88, var(--max) * 88); } } .nogizaka46-about__item--02 .nogizaka46-about__item-title-container::before { background-image: url("../images/hikari/nogizaka46/main/image_about-number_02.webp"); } .nogizaka46-about__item-container { margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } .nogizaka46-about__item-list { display: -ms-grid; display: grid; row-gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } @media (max-width: 768px) { .nogizaka46-about__item-list { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); row-gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogizaka46-about__item--02 .nogizaka46-about__item-list { row-gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } @media (max-width: 768px) { .nogizaka46-about__item--02 .nogizaka46-about__item-list { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); row-gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogizaka46-about__item-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } @media (max-width: 768px) { .nogizaka46-about__item-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogizaka46-about__item-content-image { width: clamp(0px, 10vw / var(--board) * 10 * 176, var(--max) * 176); } @media (max-width: 768px) { .nogizaka46-about__item-content-image { -ms-flex-negative: 1; flex-shrink: 1; width: clamp(0px, 10vw / var(--board) * 10 * 128, var(--max) * 128); height: auto; } } .nogizaka46-about__item-content-title { font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) !important; line-height: 1.5; } .nogizaka46-about__item--02 .nogizaka46-about__item-content-title { text-align: center; } .nogizaka46-about__item-content { margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); } @media (max-width: 768px) { .nogizaka46-about__item-content { margin-top: 0; } } .nogizaka46-about__item--02 .nogizaka46-about__item-content { margin-top: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4); } @media (max-width: 768px) { .nogizaka46-about__item--02 .nogizaka46-about__item-content { margin-top: 0; } } .nogizaka46-about__item-content-text { margin-top: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4); margin-bottom: 0; letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); line-height: 1.7; } .nogizaka46-about__item--02 .nogizaka46-about__item-content-text { margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); text-align: center; } .nogizaka46-about__item-note { letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); line-height: 1.7; } .nogizaka46-about__item-note-link { text-align: center; letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } .nogizaka46-about__item-note-link::before { content: ""; display: inline-block; margin-right: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5); width: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6); height: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background-color: var(--colorPrimary); clip-path: polygon(0 0, 0% 100%, 100% 50%); } .nogizaka46-about__item-note-link a { color: #0574c7; text-decoration: underline; } .nogizaka46-about__member { 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: clamp(0px, 10vw / var(--board) * 10 * 33, var(--max) * 33) auto 0; margin-top: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100); width: clamp(0px, 10vw / var(--board) * 10 * 1177, var(--max) * 1177); color: #fff; } @media (max-width: 768px) { .nogizaka46-about__member { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60); width: 100%; } } .nogizaka46-about__member-list { 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; width: clamp(0px, 10vw / var(--board) * 10 * 831, var(--max) * 831); -webkit-column-gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); -moz-column-gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); column-gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } @media (max-width: 768px) { .nogizaka46-about__member-list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) !important; width: 100%; -webkit-column-gap: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13); -moz-column-gap: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13); column-gap: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13); row-gap: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13); } } @media (max-width: 768px) { .nogizaka46-about__member-item { width: clamp(0px, 10vw / var(--board) * 10 * 108, var(--max) * 108); } } .nogizaka46-about__member-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13); border-top: 2px solid #fff; border-bottom: 2px solid #fff; letter-spacing: 0.02em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); line-height: 1.7; } @media (max-width: 768px) { .nogizaka46-about__member-title { margin: 0; padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48); font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } } .nogizaka46-about__member-title::after { content: ""; display: block; width: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); height: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); border: 2px solid #fff; border-top: 0; border-left: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media (max-width: 768px) { .nogizaka46-about__member-title::after { display: none; } } .nogizaka46-about__member-item { 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; gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6); } @media (max-width: 768px) { .nogizaka46-about__item--02 .nogizaka46-about__item-item { -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; } } .nogizaka46-about__item--02 .nogizaka46-about__item-content-image { width: clamp(0px, 10vw / var(--board) * 10 * 268, var(--max) * 268); } .nogizaka46-about__member-item-month { margin: 0; letter-spacing: 0.02em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25); } @media (max-width: 768px) { .nogizaka46-about__member-item-month { font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogizaka46-about__member-item-name { margin: 0; margin-top: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4); letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } @media (max-width: 768px) { .nogizaka46-about__member-item-name { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogizaka46-member { padding: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104) 0 clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104); background-image: url("../images/hikari/nogizaka46/main/bg_member.webp"); background-position: top; background-size: cover; background-repeat: no-repeat; } @media (max-width: 768px) { .nogizaka46-member { padding-top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); } } .nogizaka46-member__inner { margin: 0 auto; width: clamp(0px, 10vw / var(--board) * 10 * 1312, var(--max) * 1312); } @media (max-width: 768px) { .nogizaka46-member__inner { width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); } } .nogizaka46-member__title { margin: 0; text-align: center; } .nogizaka46-member__title img { width: clamp(0px, 10vw / var(--board) * 10 * 432, var(--max) * 432); } @media (max-width: 768px) { .nogizaka46-member__title img { width: clamp(0px, 10vw / var(--board) * 10 * 212, var(--max) * 212); } } .nogizaka46-member__container { margin-top: clamp(0px, 10vw / var(--board) * 10 * 124, var(--max) * 124); } .nogizaka46-member__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; -webkit-column-gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); -moz-column-gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); column-gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); row-gap: clamp(0px, 10vw / var(--board) * 10 * 147, var(--max) * 147); } @media (max-width: 768px) { .nogizaka46-member__list { row-gap: clamp(0px, 10vw / var(--board) * 10 * 126, var(--max) * 126); } } .nogizaka46-member__item { position: relative; width: clamp(0px, 10vw / var(--board) * 10 * 416, var(--max) * 416); color: var(--colorPrimary); } @media (max-width: 768px) { .nogizaka46-member__item { width: 100%; } } .nogizaka46-member__item--momo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: clamp(0px, 10vw / var(--board) * 10 * 65, var(--max) * 65) clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110) !important; width: 100%; background-image: url("../images/hikari/nogizaka46/main/bg_member-item.webp"); background-position: center center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 768px) { .nogizaka46-member__item--momo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 !important; background-image: none; } } .nogizaka46-member__item-text--lead { margin: 0; letter-spacing: 0.02em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); line-height: 1.7; } @media (max-width: 768px) { .nogizaka46-member__item-text--lead { margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); padding: 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } } .nogizaka46-member__item-text { margin: 0; width: clamp(0px, 10vw / var(--board) * 10 * 356, var(--max) * 356); letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); line-height: 1.7; } @media (max-width: 768px) { .nogizaka46-member__item-text { margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); padding: 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); width: 100%; } } .nogizaka46-member__name { position: absolute; top: calc(clamp(0px, 10vw / var(--board) * 10 * 75, var(--max) * 75) * -1); left: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); } .nogizaka46-member__name img { width: auto; height: clamp(0px, 10vw / var(--board) * 10 * 83, var(--max) * 83) !important; } .nogizaka46-member__name span { color: #9e3eb2; letter-spacing: 0.02em; font-weight: var(--weightRegular); font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } .nogizaka46-member__item--momo .nogizaka46-member__name { top: calc(clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) * -1); left: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); width: clamp(0px, 10vw / var(--board) * 10 * 386, var(--max) * 386); } @media (max-width: 768px) { .nogizaka46-member__item--momo .nogizaka46-member__name { top: calc(clamp(0px, 10vw / var(--board) * 10 * 75, var(--max) * 75) * -1); } } @media (max-width: 768px) { .nogizaka46-member__item--momo .nogizaka46-member__name { width: 100%; } } .nogizaka46-member__item--momo .nogizaka46-member__name img { width: 100%; height: auto !important; } @media (max-width: 768px) { .nogizaka46-member__item--momo .nogizaka46-member__name img { width: auto; height: clamp(0px, 10vw / var(--board) * 10 * 83, var(--max) * 83) !important; } } .nogizaka46-member__image-momo { position: absolute; bottom: 0; left: 50%; width: clamp(0px, 10vw / var(--board) * 10 * 280, var(--max) * 280); height: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 768px) { .nogizaka46-member__image-momo { position: relative; bottom: auto; left: auto; width: 100%; -webkit-transform: none; transform: none; } } .nogizaka46-member__image-momo img { width: 100%; } .nogizaka46-present { position: relative; z-index: 1; margin-top: -1px; padding: clamp(0px, 10vw / var(--board) * 10 * 127, var(--max) * 127) 0 clamp(0px, 10vw / var(--board) * 10 * 244, var(--max) * 244); padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100); background-color: #9e3eb2; background-image: url("../images/hikari/nogizaka46/main/bg_present.webp"); background-position: top; background-size: 100% auto; background-repeat: no-repeat; } @media (max-width: 768px) { .nogizaka46-present { overflow: hidden; padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 83, var(--max) * 83); } .nogizaka46-present { padding-top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); } } .nogizaka46-present__inner { position: relative; margin: 0 auto; padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 125, var(--max) * 125); width: clamp(0px, 10vw / var(--board) * 10 * 1312, var(--max) * 1312); } @media (max-width: 768px) { .nogizaka46-present__inner { padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 165, var(--max) * 165); width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); } } .nogizaka46-present__title { -ms-flex-item-align: start; align-self: flex-start; } .nogizaka46-present__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: clamp(0px, 10vw / var(--board) * 10 * 112, var(--max) * 112); line-height: 1.7; } @media (max-width: 768px) { .nogizaka46-present__title { padding-left: 0; text-align: center; } } .nogizaka46-present__title span { font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); } @media (max-width: 768px) { .nogizaka46-present__title span { font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogizaka46-present__title em { letter-spacing: 0.03em; font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48); line-height: 1; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } @media (max-width: 768px) { .nogizaka46-present__title em { letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogizaka46-present__title strong { font-weight: inherit; font-size: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); } @media (max-width: 768px) { .nogizaka46-present__title strong { font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); } } @media (max-width: 768px) { .nogizaka46-present__title img { width: clamp(0px, 10vw / var(--board) * 10 * 194, var(--max) * 194); } } .nogizaka46-present__intro { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; } @media (max-width: 768px) { .nogizaka46-present__intro { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .nogizaka46-present__intro-copy { margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30); background-color: #f8effa; color: #9e3eb2; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } @media (max-width: 768px) { .nogizaka46-present__intro-copy { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogizaka46-present__intro-text { margin: 0 !important; margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); letter-spacing: 0.02em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); line-height: 1.7; } @media (max-width: 768px) { .nogizaka46-present__intro-text { text-align: center; } } .nogizaka46-present__intro-note { margin: 0 !important; margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) !important; font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); } .nogizaka46-present__image { position: absolute; right: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); bottom: 0; width: clamp(0px, 10vw / var(--board) * 10 * 481, var(--max) * 481); height: clamp(0px, 10vw / var(--board) * 10 * 390, var(--max) * 390); } @media (max-width: 768px) { .nogizaka46-present__image { right: 50%; z-index: 1; width: clamp(0px, 10vw / var(--board) * 10 * 191, var(--max) * 191); height: clamp(0px, 10vw / var(--board) * 10 * 155, var(--max) * 155); -webkit-transform: translateX(50%); transform: translateX(50%); } } .nogizaka46-present__container { margin: 0 auto; width: clamp(0px, 10vw / var(--board) * 10 * 1312, var(--max) * 1312); } @media (max-width: 768px) { .nogizaka46-present__container { width: 100%; } } .nogizaka46-present__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); } @media (max-width: 768px) { .nogizaka46-present__list { gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogizaka46-present__item { position: relative; padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) 0 !important; background-image: url("../images/hikari/nogizaka46/main/bg_present-item_01.webp"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat; } @media (max-width: 768px) { .nogizaka46-present__item { overflow: hidden; padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0 !important; background-color: #fff; background-image: url("../images/hikari/nogizaka46/main/bg_present-top.webp"), url("../images/hikari/nogizaka46/main/bg_present-bottom.webp"); background-position: top center, bottom center; background-size: contain, contain; background-repeat: no-repeat, no-repeat; } } .nogizaka46-present__item { padding-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) !important; padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) !important; } @media (max-width: 768px) { .nogizaka46-present__item { padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) !important; } } .nogizaka46-present__item::before { content: ""; position: absolute; top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); left: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 182, var(--max) * 182); height: clamp(0px, 10vw / var(--board) * 10 * 182, var(--max) * 182); background-image: url("../images/hikari/nogizaka46/main/image_present-number_01.webp"); background-position: center; background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .nogizaka46-present__item::before { top: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4); left: 0; width: clamp(0px, 10vw / var(--board) * 10 * 91, var(--max) * 91); height: clamp(0px, 10vw / var(--board) * 10 * 91, var(--max) * 91); background-image: url("../images/hikari/nogizaka46/main/image_present-number_01_sp.webp"); } } .nogizaka46-present__item::before { top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); width: clamp(0px, 10vw / var(--board) * 10 * 128, var(--max) * 128); height: clamp(0px, 10vw / var(--board) * 10 * 128, var(--max) * 128); background-image: url("../images/hikari/nogizaka46/main/image_present-number_001.webp"); } @media (max-width: 768px) { .nogizaka46-present__item::before { left: 50%; width: clamp(0px, 10vw / var(--board) * 10 * 327, var(--max) * 327); height: clamp(0px, 10vw / var(--board) * 10 * 51, var(--max) * 51); background-image: url("../images/hikari/nogizaka46/main/image_present-number_001_sp.webp"); -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .nogizaka46-present__item:nth-child(2) { background-image: url("../images/hikari/nogizaka46/main/bg_present-item_02.webp"); } @media (max-width: 768px) { .nogizaka46-present__item:nth-child(2) { background-color: #fff; background-image: url("../images/hikari/nogizaka46/main/bg_present-top.webp"), url("../images/hikari/nogizaka46/main/bg_present-bottom.webp"); background-position: top center, bottom center; background-size: contain, contain; background-repeat: no-repeat, no-repeat; } } .nogizaka46-present__item:nth-child(2)::before { background-image: url("../images/hikari/nogizaka46/main/image_present-number_002.webp"); } @media (max-width: 768px) { .nogizaka46-present__item:nth-child(2)::before { background-image: url("../images/hikari/nogizaka46/main/image_present-number_002_sp.webp"); } } .nogizaka46-present__item:nth-child(3) { background-image: url("../images/hikari/nogizaka46/main/bg_present-item_03.webp"); } @media (max-width: 768px) { .nogizaka46-present__item:nth-child(3) { background-color: #fff; background-image: url("../images/hikari/nogizaka46/main/bg_present-top.webp"), url("../images/hikari/nogizaka46/main/bg_present-bottom.webp"); background-position: top center, bottom center; background-size: contain, contain; background-repeat: no-repeat, no-repeat; } } .nogizaka46-present__item:nth-child(3)::before { background-image: url("../images/hikari/nogizaka46/main/image_present-number_003.webp"); } @media (max-width: 768px) { .nogizaka46-present__item:nth-child(3)::before { background-image: url("../images/hikari/nogizaka46/main/image_present-number_003_sp.webp"); } } .nogizaka46-present__item:nth-child(4) { background-image: url("../images/hikari/nogizaka46/main/bg_present-item_04.webp"); } @media (max-width: 768px) { .nogizaka46-present__item:nth-child(4) { background-color: #fff; background-image: url("../images/hikari/nogizaka46/main/bg_present-top.webp"), url("../images/hikari/nogizaka46/main/bg_present-bottom.webp"); background-position: top center, bottom center; background-size: contain, contain; background-repeat: no-repeat, no-repeat; } } .nogizaka46-present__item:nth-child(4)::before { background-image: url("../images/hikari/nogizaka46/main/image_present-number_004.webp"); } @media (max-width: 768px) { .nogizaka46-present__item:nth-child(4)::before { background-image: url("../images/hikari/nogizaka46/main/image_present-number_004_sp.webp"); } } .nogizaka46-present__item-inner { margin: 0 auto; width: clamp(0px, 10vw / var(--board) * 10 * 864, var(--max) * 864); } @media (max-width: 768px) { .nogizaka46-present__item-inner { width: clamp(0px, 10vw / var(--board) * 10 * 327, var(--max) * 327); text-align: center; } .nogizaka46-present__item-inner { margin-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60); } } @media (max-width: 768px) { .nogizaka46-present__swiper-slide { text-align: center; } } .nogizaka46-present__swiper-container { position: relative; } .nogizaka46-present__item-label { display: inline-block; margin: 0 !important; padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); background-color: #9e3eb2; color: #fff; letter-spacing: 0.04em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28); } @media (max-width: 768px) { .nogizaka46-present__item-label { margin: 0 auto !important; padding: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogizaka46-present__item-label { padding-left: 0; background-color: transparent; color: #9e3eb2; } .nogizaka46-present__item-label em { display: block; margin: clamp(var(--max) * -4, 10vw / var(--board) * 10 * -4, 0px) 0; font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); line-height: 1.2; } .nogizaka46-present__item-title { margin: 0 !important; margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) !important; color: var(--colorPrimary); letter-spacing: 0.04em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) !important; line-height: 1.6; } @media (max-width: 768px) { .nogizaka46-present__item-title { margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) !important; text-align: center; letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) !important; } } .nogizaka46-present__item-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0 !important; padding-right: 1px; font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) !important; } @media (max-width: 768px) { .nogizaka46-present__item-title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) !important; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) !important; } } .nogizaka46-present__04-title { white-space: nowrap; letter-spacing: -0.02em; } @media (max-width: 768px) { .nogizaka46-present__04-title { letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); line-height: 1.6; } } .nogizaka46-present__item-title-link { 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; gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); width: clamp(0px, 10vw / var(--board) * 10 * 176, var(--max) * 176); height: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); border: 2px solid; border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4); color: #9e3eb2 !important; letter-spacing: 0.02em; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } @media (hover: hover) { .nogizaka46-present__item-title-link:hover { text-decoration: none; opacity: 0.7; } } @media (max-width: 768px) { .nogizaka46-present__item-title-link { display: none; height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56); font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogizaka46-present__item-title-link::after { content: ""; display: block; width: clamp(0px, 10vw / var(--board) * 10 * 23, var(--max) * 23); height: clamp(0px, 10vw / var(--board) * 10 * 23, var(--max) * 23); background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/main/icon_present-button.webp); background-position: center; background-size: contain; background-repeat: no-repeat; } .nogizaka46-present__bottom-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } .nogizaka46-present__bottom-link .nogizaka46-present__item-title-link { display: -webkit-box; display: -ms-flexbox; display: flex; } .nogizaka46-present__item-photo { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); margin-left: auto; width: clamp(0px, 10vw / var(--board) * 10 * 712, var(--max) * 712); } @media (max-width: 768px) { .nogizaka46-present__item-photo { margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); width: 100%; } } .nogizaka46-present__item-photo { margin-top: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35); } @media (max-width: 768px) { .nogizaka46-present__item-photo { margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogizaka46-present__swiper { padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) !important; } @media (max-width: 768px) { .nogizaka46-present__swiper { padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) !important; } } .nogizaka46-present__item-month { position: absolute; top: 0; left: calc(clamp(0px, 10vw / var(--board) * 10 * 152, var(--max) * 152) * -1); } @media (max-width: 768px) { .nogizaka46-present__item-month { position: relative; top: auto; left: auto; } } .nogizaka46-present__item-photo-main { width: clamp(0px, 10vw / var(--board) * 10 * 392, var(--max) * 392); } @media (max-width: 768px) { .nogizaka46-present__item-photo-main { width: clamp(0px, 10vw / var(--board) * 10 * 191, var(--max) * 191); } } .nogizaka46-present__item-photo-illust { width: clamp(0px, 10vw / var(--board) * 10 * 304, var(--max) * 304); } @media (max-width: 768px) { .nogizaka46-present__item-photo-illust { width: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120); } } .nogizaka46-present__item-data { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; width: clamp(0px, 10vw / var(--board) * 10 * 712, var(--max) * 712); } .nogizaka46-present__item-cs { margin-top: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36); width: 100%; } @media (max-width: 768px) { .nogizaka46-present__item-cs { margin-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60); } } /* bullet 全体 */ .nogizaka46-present__item .swiper-pagination-bullet { /* 少し角を丸く（任意） */ margin: 0 clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) !important; width: calc(20% - clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4)); /* 長方形の幅 */ height: 4px; /* デフォルトだと薄いので1に */ border-radius: 0; /* 高さ（太さ） */ background: #ccc; /* 間隔 */ background: #fdd7e1; /* 非アクティブ時の色 */ opacity: 1; } /* アクティブなbullet */ .nogizaka46-present__item .swiper-pagination-bullet-active { background: #cf2a76; /* アクティブ時の色 */ } .nogizaka46-present__item .swiper-button-next, .nogizaka46-present__item .swiper-button-prev { width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100); height: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100); -webkit-transition: 0.4s; transition: 0.4s; } @media (max-width: 768px) { .nogizaka46-present__item .swiper-button-next, .nogizaka46-present__item .swiper-button-prev { top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) !important; width: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); height: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); } } .nogizaka46-present__item .swiper-button-next { right: calc(clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140) * -1); } @media (max-width: 768px) { .nogizaka46-present__item .swiper-button-next { right: 0; } } .nogizaka46-present__item .swiper-button-prev { left: calc(clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140) * -1); } @media (max-width: 768px) { .nogizaka46-present__item .swiper-button-prev { left: 0; } } .swiper-button-disabled { visibility: hidden; opacity: 0 !important; -webkit-transition: 0.4s; transition: 0.4s; } .nogizaka46-present__item .swiper-button-next::after { content: ""; width: 100%; height: 100%; background-image: url("../images/hikari/nogizaka46/main/icon_present-arrow--next.svg"); background-position: center center; background-size: contain; background-repeat: no-repeat; } .nogizaka46-present__item .swiper-button-prev::after { content: ""; width: 100%; height: 100%; background-image: url("../images/hikari/nogizaka46/main/icon_present-arrow--prev.svg"); background-position: center center; background-size: contain; background-repeat: no-repeat; } .nogizaka46-present__item-data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } .nogizaka46-present__item-member { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 !important; color: var(--colorPrimary); letter-spacing: 0.04em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); line-height: 1.6; } .nogizaka46-present__item-member span { font-weight: var(--weightRegular); font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } .nogizaka46-present__item-image { margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) !important; } @media (max-width: 768px) { .nogizaka46-present__item-image { margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) !important; } } .nogizaka46-present__item-text { margin: 0 !important; margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) !important; color: var(--colorPrimary); letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); line-height: 1.7; } @media (max-width: 768px) { .nogizaka46-present__item-text { margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) !important; text-align: left; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogizaka46-present__item-next-wrapper { 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: justify; -ms-flex-pack: justify; justify-content: space-between; gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } @media (max-width: 768px) { .nogizaka46-present__item-next-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } } .nogizaka46-present__item-subcopy { margin: 0; color: #5a036a; letter-spacing: 0.02em; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } @media (max-width: 768px) { .nogizaka46-present__item-subcopy { text-align: left; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogizaka46-present__item-subcopy em { display: inline-block; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fdd7e1), color-stop(90%, #fdd7e1), color-stop(90%, transparent)); background: linear-gradient(transparent 60%, #fdd7e1 60%, #fdd7e1 90%, transparent 90%); } @media (min-width: 769px) { .nogizaka46-present__item-balloon { position: absolute; top: clamp(0px, 10vw / var(--board) * 10 * 135, var(--max) * 135); right: clamp(0px, 10vw / var(--board) * 10 * 119, var(--max) * 119); padding: 0.5em 1em; border: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) solid; border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background-color: #fff; color: #9e3eb2; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); line-height: 1.5; } .nogizaka46-present__item-balloon::after { content: ""; position: absolute; bottom: clamp(var(--max) * -2, 10vw / var(--board) * 10 * -2, 0px); left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19); height: clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19); background-color: #9e3eb2; clip-path: polygon(0 0, 100% 0, 0 100%); -webkit-transform: translateY(100%); transform: translateY(100%); } } @media (max-width: 768px) { .nogizaka46-present__item .nogizaka46-present__item-image--casheback { display: block; margin-top: clamp(var(--max) * -36, 10vw / var(--board) * 10 * -36, 0px) !important; margin-left: clamp(var(--max) * -6, 10vw / var(--board) * 10 * -6, 0px); max-width: none; width: clamp(0px, 10vw / var(--board) * 10 * 354, var(--max) * 354); } } .nogizaka46-present__item-next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); margin-top: 0 !important; margin-bottom: 0 !important; margin-left: auto; color: var(--colorPrimary); text-align: right; letter-spacing: 0.04em; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); line-height: 1.6; } @media (max-width: 768px) { .nogizaka46-present__item-next { margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) !important; } } .nogizaka46-present__item-next span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1) clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30); background-color: #9e3eb2; clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%); color: #fff; text-transform: uppercase; letter-spacing: 0.02em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); line-height: 1; } @media (max-width: 768px) { .nogizaka46-present__item-next span { padding: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); } } .nogizaka46-present__attention { margin: 0 !important; color: var(--colorPrimary); letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); line-height: 1.7; } @media (max-width: 768px) { .nogizaka46-present__attention { text-align: left; } } .nogizaka46-flow { padding: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104) 0; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f7d7fe), color-stop(50%, #f6d2fe)); background: linear-gradient(to right, #f7d7fe 50%, #f6d2fe 50%); background-size: 30px 100%; } @media (max-width: 768px) { .nogizaka46-flow { padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) 0; } } @media (max-width: 768px) { .nogizaka46-flow__inner { margin: 0 auto; width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); } } .nogizaka46-flow__title { 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; gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); color: var(--colorPrimary); letter-spacing: 0.04em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48) !important; } @media (max-width: 768px) { .nogizaka46-flow__title { gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) !important; } } .nogizaka46-flow__title span { font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36) !important; } @media (max-width: 768px) { .nogizaka46-flow__title span { font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) !important; } } .nogizaka46-flow__container { margin: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) auto 0; width: clamp(0px, 10vw / var(--board) * 10 * 1088, var(--max) * 1088); } @media (max-width: 768px) { .nogizaka46-flow__container { margin: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto 0; width: 100%; } } .nogizaka46-flow__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); } @media (max-width: 768px) { .nogizaka46-flow__list { gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogizaka46-flow__item { position: relative; padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) !important; width: clamp(0px, 10vw / var(--board) * 10 * 976, var(--max) * 976); border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); background-color: #fff; } @media (max-width: 768px) { .nogizaka46-flow__item { padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) !important; width: 100%; border-radius: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogizaka46-flow__item:nth-child(even) { margin-left: auto; } .nogizaka46-flow__item-title { margin: 0 !important; color: var(--colorPrimary); letter-spacing: 0.04em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) !important; } @media (max-width: 768px) { .nogizaka46-flow__item-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) !important; } } @media (max-width: 768px) { .nogizaka46-flow__item-title::before { content: ""; display: block; min-width: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48); max-width: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48); height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48); background-image: url("../images/hikari/nogizaka46/main/icon_flow_01.svg"); background-position: center center; background-size: contain; } } @media (max-width: 768px) { .nogizaka46-flow__item:nth-child(2) .nogizaka46-flow__item-title::before { background-image: url("../images/hikari/nogizaka46/main/icon_flow_02.svg"); } } @media (max-width: 768px) { .nogizaka46-flow__item:nth-child(3) .nogizaka46-flow__item-title::before { background-image: url("../images/hikari/nogizaka46/main/icon_flow_03.svg"); } } @media (max-width: 768px) { .nogizaka46-flow__item:nth-child(4) .nogizaka46-flow__item-title::before { background-image: url("../images/hikari/nogizaka46/main/icon_flow_04.svg"); } } @media (max-width: 768px) { .nogizaka46-flow__item:nth-child(5) .nogizaka46-flow__item-title::before { background-image: url("../images/hikari/nogizaka46/main/icon_flow_05.svg"); } } .nogizaka46-flow__item-text { margin: 0 !important; margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) !important; width: clamp(0px, 10vw / var(--board) * 10 * 540, var(--max) * 540); letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); line-height: 1.7; } @media (max-width: 768px) { .nogizaka46-flow__item-text { width: 100%; } } .nogizaka46-flow__item-text span { color: #d21d1d; } .nogizaka46-flow__item-text a { color: #0574c7; text-decoration: underline; } .nogizaka46-flow__item-attention { margin: 0 !important; margin-top: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) !important; font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); } .nogizaka46-flow__item-container { position: relative; margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); padding-left: clamp(0px, 10vw / var(--board) * 10 * 135, var(--max) * 135); color: var(--colorPrimary); } @media (max-width: 768px) { .nogizaka46-flow__item-container { margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); padding-left: 0; } } @media (max-width: 768px) { .nogizaka46-flow__item:first-child .nogizaka46-flow__item-container { margin-top: 0; } } .nogizaka46-flow__item-container::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: clamp(0px, 10vw / var(--board) * 10 * 111, var(--max) * 111); height: clamp(0px, 10vw / var(--board) * 10 * 111, var(--max) * 111); background-image: url("../images/hikari/nogizaka46/main/icon_flow_01.svg"); background-position: center center; background-size: contain; } @media (max-width: 768px) { .nogizaka46-flow__item-container::before { display: none; } } .nogizaka46-flow__item:nth-child(2) .nogizaka46-flow__item-container::before { background-image: url("../images/hikari/nogizaka46/main/icon_flow_02.svg"); } .nogizaka46-flow__item:nth-child(3) .nogizaka46-flow__item-container::before { background-image: url("../images/hikari/nogizaka46/main/icon_flow_03.svg"); } .nogizaka46-flow__item:nth-child(4) .nogizaka46-flow__item-container::before { background-image: url("../images/hikari/nogizaka46/main/icon_flow_04.svg"); } .nogizaka46-flow__item:nth-child(5) .nogizaka46-flow__item-container::before { background-image: url("../images/hikari/nogizaka46/main/icon_flow_05.svg"); } .nogizaka46-flow__item-label { display: inline-block; margin: 0 !important; padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background-color: #7d2982; color: #fff; letter-spacing: 0.04em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } @media (max-width: 768px) { .nogizaka46-flow__item-label { display: block; text-align: center; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogizaka46-flow__item-image { position: absolute; right: calc(clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) * -1); bottom: calc(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) * -1); width: clamp(0px, 10vw / var(--board) * 10 * 265, var(--max) * 265); height: clamp(0px, 10vw / var(--board) * 10 * 228, var(--max) * 228); } @media (max-width: 768px) { .nogizaka46-flow__item-image { position: relative; right: auto; bottom: auto; display: block; margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); margin-left: auto; width: 100%; height: auto; } } .nogizaka46-flow__item:nth-child(2) .nogizaka46-flow__item-image { right: calc(clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) * -1); bottom: calc(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) * -1); width: clamp(0px, 10vw / var(--board) * 10 * 274, var(--max) * 274); height: clamp(0px, 10vw / var(--board) * 10 * 228, var(--max) * 228); } @media (max-width: 768px) { .nogizaka46-flow__item:nth-child(2) .nogizaka46-flow__item-image { position: relative; right: auto; bottom: auto; width: 100%; height: auto; } } .nogizaka46-flow__item:nth-child(3) .nogizaka46-flow__item-image { right: calc(clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) * -1); bottom: calc(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) * -1); width: clamp(0px, 10vw / var(--board) * 10 * 288, var(--max) * 288); height: clamp(0px, 10vw / var(--board) * 10 * 237, var(--max) * 237); } @media (max-width: 768px) { .nogizaka46-flow__item:nth-child(3) .nogizaka46-flow__item-image { position: relative; right: auto; bottom: auto; width: 100%; height: auto; } } .nogizaka46-flow__item:nth-child(4) .nogizaka46-flow__item-image { right: calc(clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) * -1); bottom: calc(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) * -1); width: clamp(0px, 10vw / var(--board) * 10 * 275, var(--max) * 275); height: clamp(0px, 10vw / var(--board) * 10 * 228, var(--max) * 228); } @media (max-width: 768px) { .nogizaka46-flow__item:nth-child(4) .nogizaka46-flow__item-image { position: relative; right: auto; bottom: auto; width: 100%; height: auto; } } .nogizaka46-flow__item:nth-child(5) .nogizaka46-flow__item-image { right: calc(clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) * -1); bottom: calc(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) * -1); width: clamp(0px, 10vw / var(--board) * 10 * 289, var(--max) * 289); height: clamp(0px, 10vw / var(--board) * 10 * 241, var(--max) * 241); } @media (max-width: 768px) { .nogizaka46-flow__item:nth-child(5) .nogizaka46-flow__item-image { position: relative; right: auto; bottom: auto; width: 100%; height: auto; } } .nogizaka46-flow__item-image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .nogizaka46-campaign { padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0 clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80); background-color: #9e3eb2; } @media (max-width: 768px) { .nogizaka46-campaign { padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) 0 0; } } .nogizaka46-compaign__container { position: relative; padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); background-color: #fff; } @media (max-width: 768px) { .nogizaka46-compaign__container { padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); border-radius: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogizaka46-compaign__container-inner { padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 86, var(--max) * 86); border: 1px solid #9e3eb2; border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); } @media (max-width: 768px) { .nogizaka46-compaign__container-inner { padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogizaka46-compaign__title { margin: 0 !important; color: #5a036a; letter-spacing: 0.04em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) !important; } @media (max-width: 768px) { .nogizaka46-compaign__title { font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) !important; line-height: 1.6; } } .nogizaka46-campaign__box-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) !important; } @media (max-width: 768px) { .nogizaka46-campaign__box-wrapper { margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) !important; } } .nogizaka46-campaign__item-title { margin: 0 !important; color: #9e3eb2; letter-spacing: 0.04em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) !important; } @media (max-width: 768px) { .nogizaka46-campaign__item-title { font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) !important; line-height: 1.6; } } .nogizaka46-campaign__item-image { display: block; margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) !important; width: clamp(0px, 10vw / var(--board) * 10 * 648, var(--max) * 648); height: auto; } @media (max-width: 768px) { .nogizaka46-campaign__item-image { width: 100%; } } .nogizaka46-campaign__item-list-data { 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; } .nogizaka46-campaign__item-list-data a { color: #0574c7; text-decoration: underline; } .nogizaka46-campaign__item-list-data p { margin: 0 !important; color: var(--colorPrimary); letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); line-height: 1.7; } @media (max-width: 768px) { .nogizaka46-campaign__item-list-data p { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) !important; } } .nogizaka46-campaign__item-list-data--atention { font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) !important; } .nogizaka46-compaign__inner { margin: 0 auto; width: clamp(0px, 10vw / var(--board) * 10 * 1308, var(--max) * 1308); } @media (max-width: 768px) { .nogizaka46-compaign__inner { width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); } } .nogizaka46-campaign__item-image-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } @media (max-width: 768px) { .nogizaka46-campaign__item-image-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .nogizaka46-campaign__item-image-container p { margin: 0 !important; color: var(--colorPrimary); letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); line-height: 1.7; } .nogizaka46-campaign__item-image-container .nogizaka46-present__item-photo { left: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); margin-left: 0; } @media (max-width: 768px) { .nogizaka46-campaign__item-image-container .nogizaka46-present__item-photo { left: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0); } } .nogizaka46-campaign__item-image-container .nogizaka46-present__item-month { left: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0); width: clamp(0px, 10vw / var(--board) * 10 * 102, var(--max) * 102); -webkit-transform: translateX(-100%); transform: translateX(-100%); } @media (max-width: 768px) { .nogizaka46-campaign__item-image-container .nogizaka46-present__item-month { width: clamp(0px, 10vw / var(--board) * 10 * 47, var(--max) * 47); -webkit-transform: none; transform: none; } } .nogizaka46-campaign__item-image-container .nogizaka46-present__item-photo-main { left: clamp(0px, 10vw / var(--board) * 10 * 114, var(--max) * 114); width: clamp(0px, 10vw / var(--board) * 10 * 294, var(--max) * 294); } .nogizaka46-campaign__item-image-container .nogizaka46-present__item-photo-illust { width: clamp(0px, 10vw / var(--board) * 10 * 228, var(--max) * 228); } .nogizaka46-campaign__item-image-container .js-lightbox, .nogizaka46-campaign__item-image-container .js-lightbox-movie { position: relative; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } @media (hover: hover) { .nogizaka46-campaign__item-image-container .js-lightbox:hover, .nogizaka46-campaign__item-image-container .js-lightbox-movie:hover { opacity: 0.7; } } .nogizaka46-campaign__item-image-container .js-lightbox::after, .nogizaka46-campaign__item-image-container .js-lightbox-movie::after { content: ""; position: absolute; right: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7); bottom: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/icon_monthly-lightbox.webp); background-position: center; background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .nogizaka46-campaign__item-image-container .js-lightbox::after, .nogizaka46-campaign__item-image-container .js-lightbox-movie::after { right: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3); bottom: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3); width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogizaka46-campaign__item-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) 0 !important; border-bottom: 1px solid #bec6d1; } @media (max-width: 768px) { .nogizaka46-campaign__item-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) !important; } } .nogizaka46-campaign__item-list-container { margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } @media (max-width: 768px) { .nogizaka46-campaign__item-list-container { margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogizaka46-campaign__item-list--first { border-top: 1px solid #bec6d1; } .nogizaka46-campaign__item-list-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 !important; padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) 0 !important; width: clamp(0px, 10vw / var(--board) * 10 * 253, var(--max) * 253); background-color: #f5f8fa; color: var(--colorPrimary); text-align: center; letter-spacing: 0.02em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } @media (max-width: 768px) { .nogizaka46-campaign__item-list-title { padding: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) 0 !important; width: 100%; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogizaka46-campaign__accordion-content { overflow: hidden; max-height: 0; border-top: 1px solid #bec6d1 !important; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .nogizaka46-campaign__accordion-content-inner { margin: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); max-width: 100%; width: clamp(0px, 10vw / var(--board) * 10 * 1008, var(--max) * 1008); } @media (max-width: 768px) { .nogizaka46-campaign__accordion-content-inner { margin: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) auto clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); width: 100%; } } .nogizaka46-campaign__accordion-content-text { margin: 0 !important; color: var(--colorPrimary); letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); line-height: 1.7; } @media (max-width: 768px) { .nogizaka46-campaign__accordion-content-text { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogizaka46-campaign__accordion-content-text span { color: #d21d1d; } .nogizaka46-campaign__accordion-content-text a { color: #0574c7; text-decoration: underline; } .is-open .nogizaka46-campaign__accordion-content { opacity: 1; } .nogizaka46-campaign__accordion { margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); padding: 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); border: 1px solid #97a1ac; border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); } .nogizaka46-campaign__accordion-button { position: relative; display: block; padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) !important; width: 100%; color: var(--colorPrimary); text-align: left; letter-spacing: 0.02em; font-weight: var(--weightBold); font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); cursor: pointer; } @media (max-width: 768px) { .nogizaka46-campaign__accordion-button { padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) 0 !important; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogizaka46-campaign__accordion-button-icon { position: absolute; top: 50%; right: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26); height: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26); border-radius: 50%; background-color: var(--colorPrimary); -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 768px) { .nogizaka46-campaign__accordion-button-icon { right: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0); } } .nogizaka46-campaign__accordion-button-icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); height: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2); background-color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .nogizaka46-campaign__accordion-button-icon::before { content: ""; position: absolute; top: 50%; left: 50%; width: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); height: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2); background-color: #fff; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } .is-open .nogizaka46-campaign__accordion-button-icon::before { -webkit-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); } .nogizaka46-present__movie { margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80); margin-right: auto; margin-left: auto; width: clamp(0px, 10vw / var(--board) * 10 * 1312, var(--max) * 1312); } @media (max-width: 768px) { .nogizaka46-present__movie { margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50); width: 100%; } } .nogizaka46-present__movie-title { color: #fff; text-align: center; letter-spacing: 0.02em; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48) !important; line-height: 1.7; } @media (max-width: 768px) { .nogizaka46-present__movie-title { font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) !important; line-height: 1.6; } } .nogizaka46-present__movie-inner { 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; margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) 0; background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/main/bg_present-movie.webp); background-position: top center; background-size: 100%; background-repeat: no-repeat; } @media (max-width: 768px) { .nogizaka46-present__movie-inner { margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0; background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/main/bg_present-movie_sp.webp); background-size: 100% 100%; } } .nogizaka46-present__movie-container { display: -ms-grid; display: grid; gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); width: clamp(0px, 10vw / var(--board) * 10 * 1088, var(--max) * 1088); -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 1fr; grid-template-columns: repeat(2, 1fr); } @media (max-width: 768px) { .nogizaka46-present__movie-container { gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); width: clamp(0px, 10vw / var(--board) * 10 * 327, var(--max) * 327); -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); } } .nogizaka46-present__movie-image { border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); } .nogizaka46-present__movie-content { 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; margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); color: #5a036a; text-align: center; letter-spacing: 0.02em; line-height: 1.5; } .nogizaka46-present__movie-subtitle { font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) !important; } @media (max-width: 768px) { .nogizaka46-present__movie-subtitle { font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) !important; } } .nogizaka46-present__movie-text { margin: 0; margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } .nogizaka46-mv { position: relative; overflow: hidden; } .nogizaka46-mv__note { position: absolute; right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); bottom: clamp(var(--max) * -5, 10vw / var(--board) * 10 * -5, 0px); width: 100%; color: #fff; text-align: right; letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); line-height: 1.5; } @media (max-width: 768px) { .nogizaka46-mv__note { bottom: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0); left: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15); text-align: left; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogizaka46-mv__note a { text-decoration: underline; } .nogi46 { min-width: auto !important; font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; } .nogi46 header, .nogi46 footer { overflow: hidden; max-width: 100vw; width: 100%; } .nogi46 .gFt2017_footer { padding-right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); padding-left: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); min-width: auto; max-width: 950px; width: 100%; } .nogi46 a[href^="#anc-"]::before { display: none !important; } .nogi46 .nogi46-apply__button, .nogi46 .nogi46-form__button, .nogi46 .nogi46-result__button { -webkit-transition: 0.4s; transition: 0.4s; } .nogi46 .nogi46-apply__button:hover, .nogi46 .nogi46-form__button:hover, .nogi46 .nogi46-result__button:hover { text-decoration: none; opacity: 0.7; } .nogi46 .sec-inner { max-width: 100%; width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032); } @media (max-width: 768px) { .nogi46 .sec-inner { width: 100%; } } .nogi46 .option-section-inner, .nogi46 .charge-section-tab-inner { padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); } @media (max-width: 768px) { .nogi46 .option-section-inner, .nogi46 .charge-section-tab-inner { padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0); } } .nogi46 .plan-section-tab-inner .privilege-box { max-width: 100%; } .nogi46 .privilege-box .box-body { padding: 20px clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) 50px; } .nogi46 .nogi46-apply { 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; padding: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104) 0; background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/bg_apply.webp); background-position: center top; background-size: cover; background-repeat: no-repeat; } @media (max-width: 768px) { .nogi46 .nogi46-apply { padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) 0; } } .nogi46 .nogi46-apply__title { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); color: #5a036a; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48); } @media (max-width: 768px) { .nogi46 .nogi46-apply__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); padding-left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); width: 100vw; width: 100%; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogi46 .nogi46-apply__title span { display: inline-block; padding: 0 0.25em; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fdd7e1), color-stop(90%, #fdd7e1), color-stop(90%, transparent)); background: linear-gradient(transparent 60%, #fdd7e1 60%, #fdd7e1 90%, transparent 90%); } .nogi46 .nogi46-apply__container { position: relative; 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; padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) 0 clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70); width: clamp(0px, 10vw / var(--board) * 10 * 1088, var(--max) * 1088); border: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) solid #f8effa; border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); background-color: #fff; } @media (max-width: 768px) { .nogi46 .nogi46-apply__container { padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0; width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); } } .nogi46 .nogi46-apply__container::before { content: ""; position: absolute; top: calc(clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) * -1); right: clamp(0px, 10vw / var(--board) * 10 * 33, var(--max) * 33); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 179, var(--max) * 179); height: clamp(0px, 10vw / var(--board) * 10 * 176, var(--max) * 176); background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/deco_apply.webp); background-position: center bottom; background-size: contain; background-repeat: no-repeat; -webkit-transform: translateY(-100%); transform: translateY(-100%); } @media (max-width: 768px) { .nogi46 .nogi46-apply__container::before { right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); width: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120); background-position: right bottom; } } .nogi46 .nogi46-apply__copy { position: relative; 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; gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30); margin: 0; width: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400); } @media (max-width: 768px) { .nogi46 .nogi46-apply__copy { gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); padding: 0 2em; width: 94%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } .nogi46 .nogi46-apply__copy img { width: clamp(0px, 10vw / var(--board) * 10 * 209, var(--max) * 209); } @media (max-width: 768px) { .nogi46 .nogi46-apply__copy img { width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100); } } .nogi46 .nogi46-apply__copy span { letter-spacing: 0.02em; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } @media (max-width: 768px) { .nogi46 .nogi46-apply__copy span { font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogi46 .nogi46-apply__copy::before { content: ""; position: absolute; bottom: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5); left: 0; display: block; width: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26); height: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26); background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/deco_apply-copy.webp); background-position: center; background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .nogi46 .nogi46-apply__copy::before { width: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); height: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } } .nogi46 .nogi46-apply__copy::after { content: ""; position: absolute; right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); bottom: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26); height: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26); background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/deco_apply-copy.webp); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-transform: scaleX(-1); transform: scaleX(-1); } @media (max-width: 768px) { .nogi46 .nogi46-apply__copy::after { width: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); height: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } } .nogi46 .nogi46-apply__copy-link { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); max-width: 90%; width: clamp(0px, 10vw / var(--board) * 10 * 640, var(--max) * 640); } .nogi46 .nogi46-apply__copy-link iframe { width: 100%; height: 100%; aspect-ratio: 16/9; } .nogi46 .nogi46-apply__copy-image { width: 100%; } .nogi46 .nogi46-apply__button { position: relative; 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; margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); width: clamp(0px, 10vw / var(--board) * 10 * 640, var(--max) * 640); height: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120); border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background-color: #9e3eb2; color: #fff; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36); } @media (max-width: 768px) { .nogi46 .nogi46-apply__button { margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); width: clamp(0px, 10vw / var(--board) * 10 * 295, var(--max) * 295); height: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } .nogi46 .nogi46-apply__button:hover { text-decoration: none; } } .nogi46 .nogi46-apply__button span { font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } @media (max-width: 768px) { .nogi46 .nogi46-apply__button span { font-size: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); } } .nogi46 .nogi46-apply__button::before { display: none !important; } .nogi46 .nogi46-apply__button::after { content: ""; position: absolute; top: 50%; right: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50); display: block; width: 0.5em; height: 0.5em; border: 3px solid; border-top: 0; border-left: 0; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } @media (max-width: 768px) { .nogi46 .nogi46-apply__button::after { right: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15); } } .nogi46-form { overflow: hidden; width: 100vw; width: 100%; background-color: #f8effa; background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/bg_form.webp); background-position: top center; background-size: cover; background-repeat: no-repeat; letter-spacing: 0.04em; line-height: 1.6; } .nogi46-form .nogi46-form__inner { 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; margin-right: auto; margin-left: auto; padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) 0; max-width: 90%; width: clamp(0px, 10vw / var(--board) * 10 * 1088, var(--max) * 1088); } @media (max-width: 768px) { .nogi46-form .nogi46-form__inner { width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); } } .nogi46-form .nogi46-form__title { color: #5a036a; text-align: center; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); } @media (max-width: 768px) { .nogi46-form .nogi46-form__title { font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogi46-form .nogi46-form__title span { display: inline-block; padding: 0 0.25em; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fdd7e1), color-stop(90%, #fdd7e1), color-stop(90%, transparent)); background: linear-gradient(transparent 60%, #fdd7e1 60%, #fdd7e1 90%, transparent 90%); } .nogi46-form .nogi46-form__deco { margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); margin-left: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44); width: clamp(0px, 10vw / var(--board) * 10 * 254.91, var(--max) * 254.91); } .nogi46-form .nogi46-form__content { position: relative; margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); padding: clamp(0px, 10vw / var(--board) * 10 * 65, var(--max) * 65) clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80); width: 100%; border: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) solid #f8effa; border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); background-color: #fff; } @media (max-width: 768px) { .nogi46-form .nogi46-form__content { margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); border-radius: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogi46-form .nogi46-form__content::after { content: ""; position: absolute; top: calc(clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) * -1); right: calc(clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) * -1); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 179, var(--max) * 179); height: clamp(0px, 10vw / var(--board) * 10 * 176, var(--max) * 176); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/deco_form_01.webp"); background-position: center bottom; background-size: contain; background-repeat: no-repeat; -webkit-transform: translateY(-100%); transform: translateY(-100%); } @media (max-width: 768px) { .nogi46-form .nogi46-form__content::after { display: none; } } .nogi46-form .nogi46-form__content::before { content: ""; position: absolute; right: calc(clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) * 1); bottom: calc(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) * -1); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 174.62, var(--max) * 174.62); height: clamp(0px, 10vw / var(--board) * 10 * 399.47, var(--max) * 399.47); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/deco_form_02.webp"); background-position: center bottom; background-size: contain; background-repeat: no-repeat; -webkit-transform: translateX(100%); transform: translateX(100%); } @media (max-width: 768px) { .nogi46-form .nogi46-form__content::before { display: none; } } .nogi46-form .nogi46-form__subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } @media (max-width: 768px) { .nogi46-form .nogi46-form__subtitle { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogi46-form .nogi46-form__subtitle i { height: clamp(0px, 10vw / var(--board) * 10 * 38.5, var(--max) * 38.5); } @media (max-width: 768px) { .nogi46-form .nogi46-form__subtitle i { height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30); } } .nogi46-form .nogi46-form__subtitle img { width: auto; height: 100%; } .nogi46-form .nogi46-form__select { position: relative; margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } @media (max-width: 768px) { .nogi46-form .nogi46-form__select { margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); } } .nogi46-form .nogi46-form__select::before { content: ""; position: absolute; top: 3px; right: 3px; z-index: 2; display: block; width: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60); height: calc(100% - 6px); border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background: -webkit-gradient(linear, left top, right top, from(rgba(245, 248, 250, 0)), color-stop(50%, rgb(245, 248, 250))); background: linear-gradient(90deg, rgba(245, 248, 250, 0) 0%, rgb(245, 248, 250) 50%); pointer-events: none; } .nogi46-form .nogi46-form__select::after { content: ""; position: absolute; top: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38); right: clamp(0px, 10vw / var(--board) * 10 * 41, var(--max) * 41); z-index: 3; display: block; width: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); height: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5); background-color: #1c1b1f; clip-path: polygon(50% 100%, 0 0, 100% 0); pointer-events: none; } @media (max-width: 768px) { .nogi46-form .nogi46-form__select::after { top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); right: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17); } } .nogi46-form .nogi46-form__select select { padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); width: 100%; border: 1px solid #bec6d1; border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background-color: #f5f8fa; color: #2c3340; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } @media (max-width: 768px) { .nogi46-form .nogi46-form__select select { padding: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogi46-form .nogi46-form__select+.nogi46-form__subtitle { margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); } @media (max-width: 768px) { .nogi46-form .nogi46-form__select+.nogi46-form__subtitle { margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogi46-form .nogi46-form__button-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } @media (max-width: 768px) { .nogi46-form .nogi46-form__button-area { margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogi46-form .nogi46-form__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: clamp(0px, 10vw / var(--board) * 10 * 416, var(--max) * 416); height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80); border: 2px solid #f8effa; border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background-color: #9e3eb2; color: #fff; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } @media (max-width: 768px) { .nogi46-form .nogi46-form__button { width: 100%; height: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogi46-form .nogi46-form__button { background-color: #adadad; -webkit-transition: 0.4s; transition: 0.4s; pointer-events: none; } .nogi46-form .nogi46-form__button.is-enabled { background-color: #9e3eb2; pointer-events: all; } .nogi46-form .nogi46-result__default-text { margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); margin-bottom: 0; color: #5a036a; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } @media (max-width: 768px) { .nogi46-form .nogi46-result__default-text { text-align: center; font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15); } } .nogi46-form .nogi46-result__default-text em { font-weight: 700; font-style: normal; } @media (max-width: 768px) { .nogi46-form .nogi46-result__default-text em { font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } } .nogi46-form .nogi46-result__default-text+.nogi46-result__default-text { margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); } .nogi46-form .nogi46-result__default-text span { font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15); } @media (max-width: 768px) { .nogi46-form .nogi46-result__default-text span { display: block; font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11); line-height: 1.4; } } .nogi46-result { overflow: hidden; width: 100vw; width: 100%; } .nogi46-result>*[data-hide=true] { display: none !important; } .nogi46-result .nogi46-result__default { 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; padding: clamp(0px, 10vw / var(--board) * 10 * 177, var(--max) * 177) 0; border: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) solid #de81f1; border-right: 0; border-left: 0; background-color: #f5f8fa; } @media (max-width: 768px) { .nogi46-result .nogi46-result__default { padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogi46-result .nogi46-result__default { overflow: hidden; padding: 0; height: 0; border: 0; } .nogi46-result .nogi46-result__default-text { margin: 0; color: #5a036a; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); opacity: 0.6; } @media (max-width: 768px) { .nogi46-result .nogi46-result__default-text { text-align: center; font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15); } } .nogi46-result .nogi46-result__default-text em { font-weight: 700; font-style: normal; } @media (max-width: 768px) { .nogi46-result .nogi46-result__default-text em { font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } } .nogi46-result .nogi46-result__default-text+.nogi46-result__default-text { margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } .nogi46-result .nogi46-result__a, .nogi46-result .nogi46-result__b, .nogi46-result .nogi46-result__c, .nogi46-result .nogi46-result__d, .nogi46-result .nogi46-result__e, .nogi46-result .nogi46-result__f, .nogi46-result .nogi46-result__g, .nogi46-result .nogi46-result__a-1g, .nogi46-result .nogi46-result__b-1g, .nogi46-result .nogi46-result__c-1g, .nogi46-result .nogi46-result__d-1g, .nogi46-result .nogi46-result__e-1g, .nogi46-result .nogi46-result__f-1g, .nogi46-result .nogi46-result__g-1g, .nogi46-result .nogi46-result__a-ng, .nogi46-result .nogi46-result__b-ng, .nogi46-result .nogi46-result__c-ng, .nogi46-result .nogi46-result__d-ng, .nogi46-result .nogi46-result__e-ng, .nogi46-result .nogi46-result__f-ng, .nogi46-result .nogi46-result__g-ng { 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; padding-top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90); border: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) solid #de81f1; border-right: 0; border-left: 0; } @media (max-width: 768px) { .nogi46-result .nogi46-result__a, .nogi46-result .nogi46-result__b, .nogi46-result .nogi46-result__c, .nogi46-result .nogi46-result__d, .nogi46-result .nogi46-result__e, .nogi46-result .nogi46-result__f, .nogi46-result .nogi46-result__g, .nogi46-result .nogi46-result__a-1g, .nogi46-result .nogi46-result__b-1g, .nogi46-result .nogi46-result__c-1g, .nogi46-result .nogi46-result__d-1g, .nogi46-result .nogi46-result__e-1g, .nogi46-result .nogi46-result__f-1g, .nogi46-result .nogi46-result__g-1g, .nogi46-result .nogi46-result__a-ng, .nogi46-result .nogi46-result__b-ng, .nogi46-result .nogi46-result__c-ng, .nogi46-result .nogi46-result__d-ng, .nogi46-result .nogi46-result__e-ng, .nogi46-result .nogi46-result__f-ng, .nogi46-result .nogi46-result__g-ng { padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogi46-result .nogi46-result__title { 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; margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); color: #5a036a; text-align: center; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); } @media (max-width: 768px) { .nogi46-result .nogi46-result__title { font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } } .nogi46-result .nogi46-result__title span { display: inline-block; padding: 0 0.25em; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fdd7e1), color-stop(90%, #fdd7e1), color-stop(90%, transparent)); background: linear-gradient(transparent 60%, #fdd7e1 60%, #fdd7e1 90%, transparent 90%); } .nogi46-result .nogi46-result__title.is-small { letter-spacing: 0; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); line-height: 1.9; } @media (max-width: 768px) { .nogi46-result .nogi46-result__title.is-small { text-align: left; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogi46-result .nogi46-result__title em { display: block; margin-top: 1em; padding-left: 1em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #d21d1d; text-align: left; text-indent: -1em; font-weight: normal; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } @media (max-width: 768px) { .nogi46-result .nogi46-result__title em { display: block; margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); text-align: left; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); line-height: 1.6; } } .nogi46-result .nogi46-result__title em+em { margin-top: 0.25em; } .nogi46-result .nogi46-result__title strong { margin-top: 0.75em; font-weight: normal; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } @media (max-width: 768px) { .nogi46-result .nogi46-result__title strong { display: block; margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); text-align: left; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); line-height: 1.6; } } .nogi46-result .nogi46-result__subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28); } @media (max-width: 768px) { .nogi46-result .nogi46-result__subtitle { gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } } .nogi46-result .nogi46-result__subtitle i { height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80); } @media (max-width: 768px) { .nogi46-result .nogi46-result__subtitle i { height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48); } } .nogi46-result .nogi46-result__subtitle i img { width: auto; height: 100%; } .nogi46-result .nogi46-result__button-area { 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; } .nogi46-result .nogi46-result__button { position: relative; 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: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); max-width: 100%; width: clamp(0px, 10vw / var(--board) * 10 * 440, var(--max) * 440); height: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104); border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background-color: #9e3eb2; color: #fff; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } @media (max-width: 768px) { .nogi46-result .nogi46-result__button { margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); height: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } } .nogi46-result .nogi46-result__button::after { content: ""; position: absolute; top: 50%; right: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46); display: block; width: 0.6em; height: 0.6em; border: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3) solid; border-top: 0; border-left: 0; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } @media (max-width: 768px) { .nogi46-result .nogi46-result__button::after { right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); width: 0.5em; height: 0.5em; } } .nogi46-result .nogi46-result__button.is-long { width: clamp(0px, 10vw / var(--board) * 10 * 528, var(--max) * 528); } @media (max-width: 768px) { .nogi46-result .nogi46-result__button.is-long { width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); } } .nogi46-result .nogi46-result__button-info { margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); margin-bottom: 0; max-width: clamp(0px, 10vw / var(--board) * 10 * 440, var(--max) * 440); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-align: center; letter-spacing: 0; font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15); } @media (max-width: 768px) { .nogi46-result .nogi46-result__button-info { text-align: left; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogi46-result .nogi46-result__container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .nogi46-result .nogi46-result__container { -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; width: 100%; } } .nogi46-result .nogi46-result__box { 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; min-height: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260); width: clamp(0px, 10vw / var(--board) * 10 * 544, var(--max) * 544); } @media (max-width: 768px) { .nogi46-result .nogi46-result__box { padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); min-height: auto; width: 100%; } } .nogi46-result .nogi46-result__box+.nogi46-result__box { border-left: 2px dotted #5a036a; } @media (max-width: 768px) { .nogi46-result .nogi46-result__box+.nogi46-result__box { padding-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); padding-bottom: 0; border-top: 2px dotted #5a036a; border-left: 0; } } .nogi46-result .nogi46-result__tel { margin: 0; color: #9e3eb2; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48); } @media (max-width: 768px) { .nogi46-result .nogi46-result__tel { font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); } } .nogi46-result .nogi46-result__tel-info { margin: 0; color: #2c3340; text-align: center; } @media (max-width: 768px) { .nogi46-result .nogi46-result__tel-info { font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); } } .nogi46-result .nogi46-result__tel-caution { margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); width: clamp(0px, 10vw / var(--board) * 10 * 466, var(--max) * 466); color: #2c3340; text-align: center; font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); } @media (max-width: 768px) { .nogi46-result .nogi46-result__tel-caution { width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); font-size: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); } } .nogi46-footer { overflow: hidden; width: 100vw; width: 100%; } .nogi46-footer { --lp-10g-color: #9e3eb2; --lp-1g-color: #c766db; } @media (max-width: 768px) { .nogi46-footer * { max-width: 100%; } } .nogi46-footer #flow-1g, .nogi46-footer #charge-plan-1g { --lp-10g-color: var(--lp-1g-color); } .nogi46-footer+#js-sp-fixed-apply, .nogi46-footer #js-sp-fixed-apply { display: none !important; } .nogi46-footer .lp-tab-ttl-wrap { padding-bottom: 0; } .nogi46-footer .lp-about-section-wrap .about-ttl-wrap .plan-10g.cur::after, .nogi46-footer .lp-plan-section-wrap .plan-ttl-wrap .plan-10g.cur::after, .nogi46-footer .lp-charge-section-wrap .charge-ttl-wrap .plan-10g.cur::after, .nogi46-footer .lp-about-section-wrap .about-ttl-wrap .plan-1g.cur::after, .nogi46-footer .lp-plan-section-wrap .plan-ttl-wrap .plan-1g.cur::after, .nogi46-footer .lp-charge-section-wrap .charge-ttl-wrap .plan-1g.cur::after { display: none; } .nogi46-footer .lp-tab-heading { position: relative; 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: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0; width: 100vw; width: 100%; background-color: var(--lp-10g-color); color: #fff; text-align: center; letter-spacing: 0.04em; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); line-height: 1.6; } @media (max-width: 768px) { .nogi46-footer .lp-tab-heading { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60); font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogi46-footer .lp-tab-heading::after { content: ""; position: absolute; bottom: 1px; left: 50%; display: block; width: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60); height: clamp(0px, 10vw / var(--board) * 10 * 33, var(--max) * 33); background-color: var(--lp-10g-color); clip-path: polygon(50% 100%, 0 0, 100% 0); -webkit-transform: translateX(-50%) translateY(100%); transform: translateX(-50%) translateY(100%); } @media (max-width: 768px) { .nogi46-footer .lp-tab-heading::after { width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); height: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22); } } .nogi46-footer .nogi46-footer__copy { margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); margin-bottom: 0; color: #5a036a; text-align: center; letter-spacing: 0.06em; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); line-height: 1.9; } @media (max-width: 768px) { .nogi46-footer .nogi46-footer__copy { font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13); line-height: 2.2; } } .nogi46-footer .nogi46-footer__copy em { font-weight: 700; font-style: normal; } @media (max-width: 768px) { .nogi46-footer .nogi46-footer__copy em { font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } } .nogi46-footer .nogi46-tab__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: auto; padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0; min-height: clamp(0px, 10vw / var(--board) * 10 * 174, var(--max) * 174); max-width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032); width: 100%; border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0 0; color: #fff; letter-spacing: 0.04em; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48); line-height: 1.6; } @media (max-width: 768px) { .nogi46-footer .nogi46-tab__title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); min-height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80); font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogi46-footer .nogi46-tab__title i { margin-right: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); height: clamp(0px, 10vw / var(--board) * 10 * 67, var(--max) * 67); } @media (max-width: 768px) { .nogi46-footer .nogi46-tab__title i { margin-right: 0; height: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17); } } .nogi46-footer .nogi46-tab__title i img { width: auto; height: 100%; } .nogi46-footer .nogi46-tab__title span { text-align: center; } .nogi46-footer .nogi46-tab__title span u { display: block; text-decoration: none; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } @media (max-width: 768px) { .nogi46-footer .nogi46-tab__title span u { font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); } } .nogi46-footer .nogi46-tab__title span.is-small { font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); } @media (max-width: 768px) { .nogi46-footer .nogi46-tab__title span.is-small { font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18); } } .nogi46-footer #about-plan-10g .nogi46-tab__title, .nogi46-footer #plan-10g .nogi46-tab__title, .nogi46-footer #charge-plan-10g .nogi46-tab__title { background-color: var(--lp-10g-color); } .nogi46-footer #about-plan-1g .nogi46-tab__title, .nogi46-footer #plan-1g .nogi46-tab__title, .nogi46-footer #charge-plan-1g .nogi46-tab__title { background-color: var(--lp-1g-color); } .nogi46-footer .benefitbox_title .nogi46-tab__title { padding: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0; min-height: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100); } @media (max-width: 768px) { .nogi46-footer .benefitbox_title .nogi46-tab__title { min-height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60); } } .nogi46-footer .box-features-inner { padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); border-width: 2px; border-top: 0; border-bottom-right-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); border-bottom-left-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } @media (max-width: 768px) { .nogi46-footer .box-features-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); } .nogi46-footer .box-features-inner div { margin-bottom: 0; } } .nogi46-footer .lp-type-wrap .lp-type-hdg { max-width: 757px; } .nogi46-footer .lp-tab-ttl-wrap .about-ttl-wrap, .nogi46-footer .lp-tab-ttl-wrap .plan-ttl-wrap, .nogi46-footer .lp-tab-ttl-wrap .charge-ttl-wrap { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); max-width: none; width: clamp(0px, 10vw / var(--board) * 10 * 1088, var(--max) * 1088); } @media (max-width: 768px) { .nogi46-footer .lp-tab-ttl-wrap .about-ttl-wrap, .nogi46-footer .lp-tab-ttl-wrap .plan-ttl-wrap, .nogi46-footer .lp-tab-ttl-wrap .charge-ttl-wrap { gap: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15); margin-bottom: -1px; width: 100%; } } .nogi46-footer .lp-about-section-wrap { padding-top: 0; } .nogi46-footer .lp-about-section-wrap .about-ttl-wrap .plan-10g, .nogi46-footer .lp-plan-section-wrap .plan-ttl-wrap .plan-10g, .nogi46-footer .lp-charge-section-wrap .charge-ttl-wrap .plan-10g { width: clamp(0px, 10vw / var(--board) * 10 * 528, var(--max) * 528); height: clamp(0px, 10vw / var(--board) * 10 * 148, var(--max) * 148); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/tab_10gb.webp"); background-position: bottom right; background-size: 100%; background-repeat: no-repeat; -webkit-transition: 0s !important; transition: 0s !important; } @media (max-width: 768px) { .nogi46-footer .lp-about-section-wrap .about-ttl-wrap .plan-10g, .nogi46-footer .lp-plan-section-wrap .plan-ttl-wrap .plan-10g, .nogi46-footer .lp-charge-section-wrap .charge-ttl-wrap .plan-10g { width: clamp(0px, 10vw / var(--board) * 10 * 164, var(--max) * 164); height: clamp(0px, 10vw / var(--board) * 10 * 67, var(--max) * 67); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/tab_10gb_sp.webp"); } } .nogi46-footer .lp-about-section-wrap .about-ttl-wrap .plan-10g.cur, .nogi46-footer .lp-plan-section-wrap .plan-ttl-wrap .plan-10g.cur, .nogi46-footer .lp-charge-section-wrap .charge-ttl-wrap .plan-10g.cur { height: clamp(0px, 10vw / var(--board) * 10 * 164, var(--max) * 164); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/tab_10gb-active.webp"); } @media (max-width: 768px) { .nogi46-footer .lp-about-section-wrap .about-ttl-wrap .plan-10g.cur, .nogi46-footer .lp-plan-section-wrap .plan-ttl-wrap .plan-10g.cur, .nogi46-footer .lp-charge-section-wrap .charge-ttl-wrap .plan-10g.cur { height: clamp(0px, 10vw / var(--board) * 10 * 74, var(--max) * 74); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/tab_10gb-active_sp.webp"); } } .nogi46-footer .lp-about-section-wrap .about-ttl-wrap .plan-1g, .nogi46-footer .lp-plan-section-wrap .plan-ttl-wrap .plan-1g, .nogi46-footer .lp-charge-section-wrap .charge-ttl-wrap .plan-1g { width: clamp(0px, 10vw / var(--board) * 10 * 528, var(--max) * 528); height: clamp(0px, 10vw / var(--board) * 10 * 148, var(--max) * 148); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/tab_1gb.webp"); background-position: bottom left; background-size: 100%; background-repeat: no-repeat; -webkit-transition: 0s !important; transition: 0s !important; } @media (max-width: 768px) { .nogi46-footer .lp-about-section-wrap .about-ttl-wrap .plan-1g, .nogi46-footer .lp-plan-section-wrap .plan-ttl-wrap .plan-1g, .nogi46-footer .lp-charge-section-wrap .charge-ttl-wrap .plan-1g { width: clamp(0px, 10vw / var(--board) * 10 * 164, var(--max) * 164); height: clamp(0px, 10vw / var(--board) * 10 * 67, var(--max) * 67); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/tab_1gb_sp.webp"); } } .nogi46-footer .lp-about-section-wrap .about-ttl-wrap .plan-1g.cur, .nogi46-footer .lp-plan-section-wrap .plan-ttl-wrap .plan-1g.cur, .nogi46-footer .lp-charge-section-wrap .charge-ttl-wrap .plan-1g.cur { height: clamp(0px, 10vw / var(--board) * 10 * 164, var(--max) * 164); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/tab_1gb-active.webp"); } @media (max-width: 768px) { .nogi46-footer .lp-about-section-wrap .about-ttl-wrap .plan-1g.cur, .nogi46-footer .lp-plan-section-wrap .plan-ttl-wrap .plan-1g.cur, .nogi46-footer .lp-charge-section-wrap .charge-ttl-wrap .plan-1g.cur { height: clamp(0px, 10vw / var(--board) * 10 * 74, var(--max) * 74); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/tab_1gb-active_sp.webp"); } } .nogi46-footer .about-section-tab-wrap .lp-tab-contents-wrap { padding-top: 0; } .nogi46-footer #about-plan-10g .img-10g-01 { 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; margin-bottom: 0; padding-top: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42); padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); max-width: none; background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/bg_mv-10gb.webp"); background-position: top center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 768px) { .nogi46-footer #about-plan-10g .img-10g-01 { margin: 0; padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/bg_mv-10gb_sp.webp"); } } .nogi46-footer #about-plan-10g .img-10g-01 img { display: block; width: clamp(0px, 10vw / var(--board) * 10 * 1084, var(--max) * 1084); } @media (max-width: 768px) { .nogi46-footer #about-plan-10g .img-10g-01 img { margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 65, var(--max) * 65) * -1); width: clamp(0px, 10vw / var(--board) * 10 * 352, var(--max) * 352); pointer-events: none; } } .nogi46-footer #about-plan-1g .img-10g-01 { 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; margin-bottom: 0; padding-top: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17); padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); max-width: none; background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/bg_mv-1gb.webp"); background-position: top center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 768px) { .nogi46-footer #about-plan-1g .img-10g-01 { margin: 0; padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/bg_mv-10gb_sp.webp"); } } .nogi46-footer #about-plan-1g .img-10g-01 img { display: block; width: clamp(0px, 10vw / var(--board) * 10 * 1084, var(--max) * 1084); } @media (max-width: 768px) { .nogi46-footer #about-plan-1g .img-10g-01 img { margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45) * -1); width: clamp(0px, 10vw / var(--board) * 10 * 352, var(--max) * 352); pointer-events: none; } } .nogi46-footer .about-section-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); width: clamp(0px, 10vw / var(--board) * 10 * 1088, var(--max) * 1088); border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); background-color: #fff; letter-spacing: 0.04em; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); line-height: 1.6; } @media (max-width: 768px) { .nogi46-footer .about-section-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); } } .nogi46-footer .about-section-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; width: clamp(0px, 10vw / var(--board) * 10 * 192, var(--max) * 192); height: 100%; } @media (max-width: 768px) { .nogi46-footer .about-section-info dt { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0.5em; width: 100%; } } .nogi46-footer .about-section-info dd { padding-left: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); border-left: 1px solid rgba(0, 0, 0, 0.2); } @media (max-width: 768px) { .nogi46-footer .about-section-info dd { padding-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); padding-left: 0; border-top: 1px solid rgba(0, 0, 0, 0.2); border-left: 0; font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); } } .nogi46-footer .about-section-info dd span { display: inline-block; padding-left: 1em; text-indent: -1em; } .nogi46-footer .about-plan-section { border-top: 4px solid var(--lp-10g-color); background: #fff; } @media (max-width: 768px) { .nogi46-footer .about-plan-section { margin-top: 0; border-top: 0; } } .nogi46-footer #about-plan-1g .about-plan-section { border-top: 4px solid var(--lp-1g-color); } .nogi46-footer .about-plan-section .nav-10g, .nogi46-footer .about-plan-section .nav-1g { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: clamp(0px, 10vw / var(--board) * 10 * 31, var(--max) * 31); } @media (max-width: 768px) { .nogi46-footer .about-plan-section .nav-10g, .nogi46-footer .about-plan-section .nav-1g { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15); } .nogi46-footer .about-plan-section .nav-10g li, .nogi46-footer .about-plan-section .nav-1g li { margin-top: 0; width: clamp(0px, 10vw / var(--board) * 10 * 164, var(--max) * 164); height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); } } @media (max-width: 768px) { .nogi46-footer #area .lp-type-hdg { width: clamp(0px, 10vw / var(--board) * 10 * 272, var(--max) * 272); } } .nogi46-footer .banner_campaign-casheback { width: clamp(0px, 10vw / var(--board) * 10 * 542, var(--max) * 542); } @media (max-width: 768px) { .nogi46-footer .banner_campaign-casheback { width: clamp(0px, 10vw / var(--board) * 10 * 270, var(--max) * 270); } } .nogi46-footer .banner_campaign-2month { width: clamp(0px, 10vw / var(--board) * 10 * 560, var(--max) * 560); } @media (max-width: 768px) { .nogi46-footer .banner_campaign-2month { margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); width: clamp(0px, 10vw / var(--board) * 10 * 280, var(--max) * 280); } } .nogi46-footer .banner_campaign-free { width: clamp(0px, 10vw / var(--board) * 10 * 384, var(--max) * 384); } @media (max-width: 768px) { .nogi46-footer .banner_campaign-free { margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); width: clamp(0px, 10vw / var(--board) * 10 * 192, var(--max) * 192); } } .nogi46-footer .plan-section-tab-inner .privilege-box .box-ttl { padding-right: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60); padding-left: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60); max-width: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .nogi46-footer .plan-section-tab-inner { max-width: 100%; width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032); border-bottom-right-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); border-bottom-left-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } @media (max-width: 768px) { .nogi46-footer .plan-section-tab-inner { padding-top: 70px; } } .nogi46-footer .charge-section-tab-inner, .nogi46-footer .option-section-inner, .nogi46-footer .flow-section-inner, .nogi46-footer .question-section-inner { max-width: 100%; width: clamp(0px, 10vw / var(--board) * 10 * 1032, var(--max) * 1032); border-bottom-right-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); border-bottom-left-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } .nogi46-footer .question-section+.question-section { padding-top: 0; } .nogi46-footer #plan-m-price { --plan-m-color: var(--lp-1g-color); } .nogi46-footer #plan-m-price.usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-sub-ttl { background: #505050; } .nogi46-footer .hikari-option.option-section .option-block-wrap.option-mobile .option-ttl>a, .nogi46-footer .hikari-option.option-section .option-block-wrap.option-tel .option-ttl>a, .nogi46-footer .hikari-option.option-section .option-block-wrap.option-service .option-ttl>a { padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); background-position: left clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) center; background-size: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70); } @media (max-width: 768px) { .nogi46-footer .hikari-option.option-section .option-block-wrap.option-mobile .option-ttl>a, .nogi46-footer .hikari-option.option-section .option-block-wrap.option-tel .option-ttl>a, .nogi46-footer .hikari-option.option-section .option-block-wrap.option-service .option-ttl>a { padding-left: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100); background-position: left clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) center; } } .nogi46-footer .hikari-option.option-section .option-block-wrap.option-mobile .option-ttl>a { background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/icon_option_01.webp"); } .nogi46-footer .hikari-option.option-section .option-block-wrap.option-tel .option-ttl>a { background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/icon_option_02.webp"); } .nogi46-footer .hikari-option.option-section .option-block-wrap.option-service .option-ttl>a { background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/icon_option_03.webp"); } .nogi46-footer .flow-section .flow-tab-ttl-wrap { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .nogi46-footer .flow-section .flow-tab-ttl-wrap .flow-tab-ttl { font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18); } @media (max-width: 768px) { .nogi46-footer .flow-section .flow-tab-ttl-wrap .flow-tab-ttl { font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13); } } @media (max-width: 768px) { .nogi46-footer .flow-section .flow-lead-wrap { margin-left: -23px; max-width: none; width: calc(100% + 46px); } } .nogi46-footer .question-txt { display: block; margin-right: auto; margin-left: auto; max-width: 800px; } @media (max-width: 768px) { .nogi46-footer .question-txt { width: clamp(0px, 10vw / var(--board) * 10 * 340, var(--max) * 340); text-align: left; font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13); } } .nogi46-footer .question-section .cmn-acc-wrap .cmn-acc-ttl { padding-right: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48); padding-left: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); } .nogi46-footer .nogi46-faq__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; } @media (max-width: 768px) { .nogi46-footer .nogi46-faq__title { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogi46-footer .cmn-acc-wrap+.nogi46-faq__title { margin-top: 30px; } @media (max-width: 768px) { .nogi46-footer .cmn-acc-wrap .cmn-acc-ttl, .nogi46-footer .flow-section .flow-step-list>li .flow-acc-wrap .flow-acc-ttl { padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) 0; min-height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30); height: auto; } } .nogi46-footer .chara-deco-01, .nogi46-footer .chara-deco-02, .nogi46-footer .chara-deco-03, .nogi46-footer .chara-deco-04 { position: relative; } .nogi46-footer .chara-deco-01::before, .nogi46-footer .chara-deco-02::before, .nogi46-footer .chara-deco-03::before, .nogi46-footer .chara-deco-04::before { content: ""; position: absolute; z-index: 10; display: block; background-position: center; background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .nogi46-footer .chara-deco-01::before, .nogi46-footer .chara-deco-02::before, .nogi46-footer .chara-deco-03::before, .nogi46-footer .chara-deco-04::before { display: none; } } .nogi46-footer .chara-deco-01::before { top: calc(clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110) * -1); right: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 550, var(--max) * 550)); width: clamp(0px, 10vw / var(--board) * 10 * 170, var(--max) * 170); aspect-ratio: 190/300; background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/image_tab-deco_01.webp"); } .nogi46-footer .chara-deco-02::before { top: calc(clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400) * 1); left: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 266, var(--max) * 266)); width: clamp(0px, 10vw / var(--board) * 10 * 216, var(--max) * 216); aspect-ratio: 216/392; background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/image_tab-deco_02.webp"); -webkit-transform: translateX(100%); transform: translateX(100%); } .nogi46-footer .chara-deco-03::before { top: calc(clamp(0px, 10vw / var(--board) * 10 * 500, var(--max) * 500) * 1); right: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 459, var(--max) * 459)); width: clamp(0px, 10vw / var(--board) * 10 * 177, var(--max) * 177); aspect-ratio: 177/383; background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/image_tab-deco_03.webp"); } .nogi46-footer .chara-deco-04::before { top: calc(clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400) * 1); left: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 437, var(--max) * 437)); width: clamp(0px, 10vw / var(--board) * 10 * 206, var(--max) * 206); aspect-ratio: 206/304; background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/image_tab-deco_04.webp"); } .nogi46 .nogi46-guide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); } @media (max-width: 768px) { .nogi46 .nogi46-guide { padding-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); } } .nogi46 .nogi46-guide__inner { position: relative; 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; padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) 0 clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90); max-width: 90%; width: clamp(0px, 10vw / var(--board) * 10 * 1088, var(--max) * 1088); border: 1px solid #9e3eb2; border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); background-color: #f8effa; } @media (max-width: 768px) { .nogi46 .nogi46-guide__inner { padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 138, var(--max) * 138); max-width: 100%; width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); } } .nogi46 .nogi46-guide__inner::after { content: ""; position: absolute; right: clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37); bottom: 0; display: block; width: clamp(0px, 10vw / var(--board) * 10 * 187, var(--max) * 187); height: clamp(0px, 10vw / var(--board) * 10 * 193, var(--max) * 193); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/deco_guide.webp"); background-position: center bottom; background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .nogi46 .nogi46-guide__inner::after { right: 50%; width: clamp(0px, 10vw / var(--board) * 10 * 132.74, var(--max) * 132.74); height: clamp(0px, 10vw / var(--board) * 10 * 137, var(--max) * 137); -webkit-transform: translateX(50%); transform: translateX(50%); } } .nogi46 .nogi46-guide__title { 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; margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); color: #5a036a; text-align: center; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); } @media (max-width: 768px) { .nogi46 .nogi46-guide__title { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogi46 .nogi46-guide__title span { font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } @media (max-width: 768px) { .nogi46 .nogi46-guide__title span { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogi46 .nogi46-guide__movie { position: relative; overflow: hidden; max-width: 90%; width: clamp(0px, 10vw / var(--board) * 10 * 640, var(--max) * 640); aspect-ratio: 16/9; } @media (max-width: 768px) { .nogi46 .nogi46-guide__movie { max-width: 100%; width: 100%; } } .nogi46 .nogi46-guide__movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .nogi46 .str-scrollTop { display: none !important; } .nogi46 .nogi46-member-01 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: -20px; } .nogi46 .nogi46-member-01 img { width: clamp(0px, 10vw / var(--board) * 10 * 247.31, var(--max) * 247.31); } .nogi46 .nogi46-member-02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .nogi46 .nogi46-member-02 img { width: clamp(0px, 10vw / var(--board) * 10 * 264, var(--max) * 264); } .nogi46 .nogi46-member-03 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nogi46 .nogi46-member-03 img { width: clamp(0px, 10vw / var(--board) * 10 * 242.38, var(--max) * 242.38); } .nogi46 .nogi46-member-04 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: -40px; margin-bottom: 20px; } .nogi46 .nogi46-member-04 img { width: clamp(0px, 10vw / var(--board) * 10 * 293, var(--max) * 293); } .nogi46 .nogi46-faq__accordion { position: relative; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -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; padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); min-height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60); border: 1px solid var(--lp-10g-color); border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); interpolate-size: allow-keywords; } @media (max-width: 768px) { .nogi46 .nogi46-faq__accordion { padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); } } .nogi46 .nogi46-faq__accordion::before, .nogi46 .nogi46-faq__accordion::after { content: ""; position: absolute; top: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36); right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); z-index: 0; display: block; width: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18); height: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4); background: #060001; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; pointer-events: none; } @media (max-width: 768px) { .nogi46 .nogi46-faq__accordion::before, .nogi46 .nogi46-faq__accordion::after { top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30); right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); width: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); height: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2); } } .nogi46 .nogi46-faq__accordion::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .nogi46 .nogi46-faq__accordion+.nogi46-faq__accordion { margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30); } @media (max-width: 768px) { .nogi46 .nogi46-faq__accordion+.nogi46-faq__accordion { margin-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15); } } .nogi46 .nogi46-faq__accordion .nogi46-faq__title { cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } @media (hover: hover) { .nogi46 .nogi46-faq__accordion .nogi46-faq__title:hover { opacity: 0.6; } } .nogi46 .nogi46-faq__accordion .nogi46-faq__title:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .nogi46 .nogi46-faq__accordion .nogi46-faq__container { overflow: hidden; height: 0; -webkit-transition: 0.4s; transition: 0.4s; } .nogi46 .nogi46-faq__accordion.is-open::after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .nogi46 .nogi46-faq__accordion.is-open .nogi46-faq__container { margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); height: auto; } .nogisaka46-monthly { padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0; background-color: #9e3eb2; /* 全体共通のスタイル */ /* ヘッダー */ /* メインビジュアル */ /* ギャラリー */ /* コメントセクション */ } .nogisaka46-monthly .nogisaka46-monthly__inner { margin: 0 auto; padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) clamp(0px, 10vw / var(--board) * 10 * 112.5, var(--max) * 112.5) clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56); max-width: clamp(0px, 10vw / var(--board) * 10 * 1312, var(--max) * 1312); border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); background-color: #f7f9ee; color: #5a036a; letter-spacing: 0.04em; line-height: 1.6; } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__inner { padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); } } .nogisaka46-monthly .nogisaka46-monthly__inner img { max-width: 100%; height: auto; border-radius: clamp(0px, 10vw / var(--board) * 10 * 10.38, var(--max) * 10.38); vertical-align: middle; } .nogisaka46-monthly .nogisaka46-monthly__header { text-align: center; } .nogisaka46-monthly .nogisaka46-monthly__title { position: relative; display: inline-block; } .nogisaka46-monthly .nogisaka46-monthly__title::before { content: ""; position: absolute; top: calc(clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45) * -1); right: calc(clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) * -1); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 145, var(--max) * 145); height: clamp(0px, 10vw / var(--board) * 10 * 145, var(--max) * 145); background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/deco_monthly-title.webp); background-position: center; background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__title::before { top: calc(clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22) * -1); right: calc(clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) * -1); width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80); height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80); } } .nogisaka46-monthly .nogisaka46-monthly__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); margin-top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__main { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); margin-right: auto; margin-left: auto; width: clamp(0px, 10vw / var(--board) * 10 * 295, var(--max) * 295); } } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__main { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-comingsoon { margin-right: auto; margin-left: auto; width: clamp(0px, 10vw / var(--board) * 10 * 295, var(--max) * 295); } } .nogisaka46-monthly .nogisaka46-monthly__main-box { width: clamp(0px, 10vw / var(--board) * 10 * 416, var(--max) * 416); } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__main-box { display: contents; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } } .nogisaka46-monthly .nogisaka46-monthly__month-label { margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__month-label { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogisaka46-monthly .nogisaka46-monthly__month-label strong { font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__month-label strong { font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } } .nogisaka46-monthly .nogisaka46-monthly__member-name { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); text-align: center; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__member-name { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogisaka46-monthly .nogisaka46-monthly__message-label { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4); width: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130); color: #666; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__message-label { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } .nogisaka46-monthly .nogisaka46-monthly__message-box { padding: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); border: 2px solid #9e3eb2; border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); background-color: #fff; background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/bg_monthly-message.webp); background-position: center left clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45); background-size: clamp(0px, 10vw / var(--board) * 10 * 347, var(--max) * 347); background-repeat: no-repeat; -webkit-box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) rgba(0, 0, 0, 0.05); box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) rgba(0, 0, 0, 0.05); } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__message-box { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22); width: 100%; border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/bg_monthly-message_sp.webp); background-position: center left clamp(0px, 10vw / var(--board) * 10 * 75, var(--max) * 75); background-size: clamp(0px, 10vw / var(--board) * 10 * 185, var(--max) * 185); } } .nogisaka46-monthly .nogisaka46-monthly__message { margin: 0; text-align: center; letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); line-height: 1.7; } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__message { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogisaka46-monthly .nogisaka46-monthly__main-image { max-width: clamp(0px, 10vw / var(--board) * 10 * 640, var(--max) * 640); width: 100%; } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__main-image { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .nogisaka46-monthly .nogisaka46-monthly__main-image img { border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } .nogisaka46-monthly .nogisaka46-monthly__gallery { margin-top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 55, var(--max) * 55); border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); background-color: #f7d7fe; } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__gallery { margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); margin-right: auto; margin-left: auto; padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18); width: clamp(0px, 10vw / var(--board) * 10 * 295, var(--max) * 295); border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); } } .nogisaka46-monthly .nogisaka46-monthly__gallery-title { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); text-align: center; letter-spacing: 0.06em; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); line-height: 1.2; } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__gallery-title { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogisaka46-monthly .nogisaka46-monthly__gallery-title.is-center { margin-bottom: 0; padding: 1em 0; } .nogisaka46-monthly .nogisaka46-monthly__gallery-list { display: -ms-grid; display: grid; gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 1fr clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 1fr; grid-template-columns: repeat(3, 1fr); } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__gallery-list { gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); } } .nogisaka46-monthly .js-lightbox { position: relative; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } @media (hover: hover) { .nogisaka46-monthly .js-lightbox:hover { opacity: 0.7; } } .nogisaka46-monthly .js-lightbox::after { content: ""; position: absolute; right: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7); bottom: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/icon_monthly-lightbox.webp); background-position: center; background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .nogisaka46-monthly .js-lightbox::after { right: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3); bottom: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3); width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogisaka46-monthly .nogisaka46-monthly__gallery-image { display: block; width: 100%; height: auto; border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); } .nogisaka46-monthly .nogisaka46-monthly__comment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36); margin: clamp(0px, 10vw / var(--board) * 10 * 68, var(--max) * 68) auto 0; width: clamp(0px, 10vw / var(--board) * 10 * 864, var(--max) * 864); } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__comment { position: relative; gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); margin-top: clamp(0px, 10vw / var(--board) * 10 * 62, var(--max) * 62); margin-right: auto; margin-left: auto; width: clamp(0px, 10vw / var(--board) * 10 * 295, var(--max) * 295); } } .nogisaka46-monthly .nogisaka46-monthly__comment-image { width: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160); height: auto; border-radius: clamp(0px, 10vw / var(--board) * 10 * 10.38, var(--max) * 10.38); } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__comment-image { width: clamp(0px, 10vw / var(--board) * 10 * 97, var(--max) * 97); } } .nogisaka46-monthly .nogisaka46-monthly__comment-content { 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: justify; -ms-flex-pack: justify; justify-content: space-between; gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); width: clamp(0px, 10vw / var(--board) * 10 * 668, var(--max) * 668); } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__comment-content { width: clamp(0px, 10vw / var(--board) * 10 * 182, var(--max) * 182); } } .nogisaka46-monthly .nogisaka46-monthly__comment-title { color: #9e3eb2; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__comment-title { position: absolute; top: calc(clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) * -1); left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); -webkit-transform: translateX(-50%) translateY(-100%); transform: translateX(-50%) translateY(-100%); } } .nogisaka46-monthly .nogisaka46-monthly__comment-title span { display: inline-block; padding: 0 0.25em; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fdd7e1), color-stop(90%, #fdd7e1), color-stop(90%, transparent)); background: linear-gradient(transparent 60%, #fdd7e1 60%, #fdd7e1 90%, transparent 90%); } .nogisaka46-monthly .nogisaka46-monthly__comment-text { margin: 0; letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); line-height: 1.7; } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__comment-text { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogisaka46-monthly .nogisaka46-monthly__comment-from { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); margin: 0; font-weight: normal; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__comment-from { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogisaka46-monthly .nogisaka46-monthly__comment-from img { width: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); } @media (max-width: 768px) { .nogisaka46-monthly .nogisaka46-monthly__comment-from img { width: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44); } } .nogisaka46-lightbox { position: fixed; top: 0; left: 0; z-index: 100; 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%; height: 100%; background-color: rgba(0, 0, 0, 0.8); opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; pointer-events: none; } .nogisaka46-lightbox.is-show { opacity: 1; pointer-events: all; } .nogisaka46-lightbox__inner { 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: 90%; height: 90%; } .nogisaka46-lightbox__inner img { max-width: 100%; max-height: 100%; opacity: 0; -webkit-transition: 0.4s 0.3s; transition: 0.4s 0.3s; } .is-show .nogisaka46-lightbox__inner img { opacity: 1; } .nogisaka46-lightbox__close { position: absolute; top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); right: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30); color: #fff; font-weight: 100; font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60); line-height: 1; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } @media (hover: hover) { .nogisaka46-lightbox__close:hover { opacity: 0.7; } } @media (max-width: 768px) { .nogisaka46-lightbox__close { top: 0; right: 4%; font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); } } body.is-overflow { overflow: hidden; } .nogisaka46-monthly__gallery-leading { display: none; } .nogi46-faq .nogi46-tab__title { background-color: var(--lp-10g-color); } .js-tab-1g .nogi46-faq .nogi46-tab__title { background-color: var(--lp-1g-color); } .nogi46-form__reset { 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; padding: 0.65em 2em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border: 1px solid; border-radius: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6); color: #5a036a; text-align: center; text-decoration: none; font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13); cursor: pointer; } @media (max-width: 768px) { .nogi46-form__reset { font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11); } } @media (hover: hover) { .nogi46-form__reset:hover { opacity: 0.7; } } .option-section .option-block-wrap .option-body .option-tel-wrap .media.tv_merit_srv img { max-width: 100%; width: 100%; } @media screen and (min-width: 768px) { .option-section .option-block-wrap .option-body .mobile-wifi-box .box-label { padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35); max-width: 100%; width: 100%; text-align: center; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } } .flow-section .btn-wrap .btn { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } .cmn-acc-contents h5 { margin-top: 1em; margin-bottom: 0.35em; font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18); } @media (max-width: 768px) { .cmn-acc-contents h5 { font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11); } } .nogi46-netsp__title { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) !important; text-align: center; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36) !important; } @media (max-width: 768px) { .nogi46-netsp__title { margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) !important; margin-bottom: 0 !important; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) !important; } } .nogi46-result__banner-area { margin: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); width: clamp(0px, 10vw / var(--board) * 10 * 640, var(--max) * 640); } @media (max-width: 768px) { .nogi46-result__banner-area { margin: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) auto clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); } } .nogi46-result__banner-area img { width: 100%; height: auto; } .nogi46-result__banner-area em { display: block; margin-top: 1em; margin-bottom: 0.25em; } .nogi46-result__banner-area i { display: block; padding-left: 0.5em; white-space: pre-line; font-style: normal; font-size: inherit; font-family: inherit; } .nogi46-result__banner-area ul { padding-left: 0.5em; color: inherit !important; font-size: inherit !important; } .nogi46-result__banner-area li { padding-left: 1em; color: inherit; text-indent: -1em; font-size: inherit; } .nogizaka46-present__movie-gallery { 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; margin-top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); } .nogizaka46-present__movie-gallery .nogizaka46-present__movie-gallery-title { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48); color: #fff; text-align: center; letter-spacing: 0.02em; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); line-height: 1.7; text-box: trim-both cap alphabetic; } @media (max-width: 768px) { .nogizaka46-present__movie-gallery .nogizaka46-present__movie-gallery-title { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogizaka46-present__movie-gallery .nogizaka46-present__movie-gallery-inner { padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) clamp(0px, 10vw / var(--board) * 10 * 112, var(--max) * 112); width: clamp(0px, 10vw / var(--board) * 10 * 1312, var(--max) * 1312); border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); background-color: #fff; background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/renewal/1008/bg_present-movie-gallery.webp); background-position: top center; background-size: 100% 100%; background-repeat: no-repeat; } @media (max-width: 768px) { .nogizaka46-present__movie-gallery .nogizaka46-present__movie-gallery-inner { padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); border-radius: 0; background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/main/bg_present-movie_sp.webp); } } .nogizaka46-present__movie-gallery .nogizaka46-present__movie-container { display: -ms-grid; display: grid; gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 1fr clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 1fr; grid-template-columns: repeat(3, 1fr); } @media (max-width: 768px) { .nogizaka46-present__movie-gallery .nogizaka46-present__movie-container { gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); } } @media (max-width: 768px) { .nogizaka46-present__movie-gallery .nogizaka46-present__movie__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); } } .nogizaka46-present__movie-gallery .nogizaka46-present__movie-image { display: block; } @media (max-width: 768px) { .nogizaka46-present__movie-gallery .nogizaka46-present__movie-image { width: clamp(0px, 10vw / var(--board) * 10 * 157, var(--max) * 157); height: auto; } } .nogizaka46-present__movie-gallery .nogizaka46-present__movie-content { margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } @media (max-width: 768px) { .nogizaka46-present__movie-gallery .nogizaka46-present__movie-content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); } } .nogizaka46-present__movie-gallery .nogizaka46-present__movie-subtitle { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) !important; } @media (max-width: 768px) { .nogizaka46-present__movie-gallery .nogizaka46-present__movie-subtitle { text-align: left; letter-spacing: 0.05em; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) !important; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } } @media (max-width: 768px) { .nogizaka46-present__movie-gallery .nogizaka46-about__item-note-link { font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); } } .nogizaka46-present__movie-gallery .nogizaka46-about__item-note-link a { color: #0574c7 !important; } .nogi46-result .nogi46-result__default.is-default { margin: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) auto 0; width: clamp(0px, 10vw / var(--board) * 10 * 929, var(--max) * 929); height: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240); border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); } @media (max-width: 768px) { .nogi46-result .nogi46-result__default.is-default { margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); width: clamp(0px, 10vw / var(--board) * 10 * 327, var(--max) * 327); height: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160); } } .nogi46-result .nogi46-result__default-text { color: rgba(44, 51, 64, 0.5); } *[data-modal-photo=false] #js-lightbox { display: none; } *[data-modal-movie=false] #js-lightbox-movie { display: none; } [data-modal-movie=false] iframe { display: none; } .nogizaka46-present__item-photo-none { display: none; } #lnav { display: none !important; } .gHd2017_btn-burgerMenu { display: none !important; } .nogi46-visual { color: #5a036a; font-family: "Noto Sans JP", sans-serif; } .nogi46-visual img { display: block; width: 100%; height: auto; } .nogi46-visual__area { 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; padding-top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80); background-position: top center; background-size: clamp(0px, 10vw / var(--board) * 10 * 1440, var(--max) * 1440) auto; background-repeat: no-repeat; } @media (max-width: 768px) { .nogi46-visual__area { overflow: hidden; padding-top: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25); padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60); background-size: 100% auto; } } .nogi46-visual__header { position: relative; height: clamp(0px, 10vw / var(--board) * 10 * 428, var(--max) * 428); } @media (max-width: 768px) { .nogi46-visual__header { width: 100%; height: clamp(0px, 10vw / var(--board) * 10 * 283, var(--max) * 283); } } .nogi46-visual__title { position: absolute; top: 0; right: calc(50% - clamp(0px, 10vw / var(--board) * 10 * 273.45, var(--max) * 273.45)); width: clamp(0px, 10vw / var(--board) * 10 * 915, var(--max) * 915); } @media (max-width: 768px) { .nogi46-visual__title { right: auto; left: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0); width: clamp(0px, 10vw / var(--board) * 10 * 350, var(--max) * 350); } } .nogi46-visual__chara { position: absolute; bottom: 0; left: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 173, var(--max) * 173)); width: clamp(0px, 10vw / var(--board) * 10 * 386, var(--max) * 386); } @media (max-width: 768px) { .nogi46-visual__chara { right: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2); left: auto; width: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180); } } .nogi46-visual__campaign { position: relative; width: clamp(0px, 10vw / var(--board) * 10 * 1088, var(--max) * 1088); } @media (max-width: 768px) { .nogi46-visual__campaign { width: 100%; } } .nogi46-visual__campaign>* { position: relative; z-index: 1; } .nogi46-visual__campaign::before { content: ""; position: absolute; top: 0; left: calc(clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28) * -1); z-index: 0; background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .nogi46-visual__campaign::before { left: calc(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) * -1); left: calc(clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) * 1); left: calc(clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) * -1); } } .nogi46-visual__campaign::after { content: ""; position: absolute; top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); left: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0); z-index: 1; display: block; width: clamp(0px, 10vw / var(--board) * 10 * 248, var(--max) * 248); height: clamp(0px, 10vw / var(--board) * 10 * 248, var(--max) * 248); background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .nogi46-visual__campaign::after { top: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4); left: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); width: clamp(0px, 10vw / var(--board) * 10 * 124, var(--max) * 124); height: clamp(0px, 10vw / var(--board) * 10 * 124, var(--max) * 124); } } .nogi46-visual__campaign-title { position: relative; text-align: center; letter-spacing: 0.02em; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) !important; line-height: 1.7; } @media (max-width: 768px) { .nogi46-visual__campaign-title { font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) !important; line-height: 1.5; } } .nogi46-visual__campaign-subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30); text-align: center; letter-spacing: 0.1em; font-weight: 300; font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36); } .nogi46-visual__campaign-subtitle img { width: auto; height: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25) !important; } @media (max-width: 768px) { .nogi46-visual__campaign-subtitle img { height: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) !important; } } .nogi46-visual__campaign-movie { position: relative; margin: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto 0; width: clamp(0px, 10vw / var(--board) * 10 * 884, var(--max) * 884); height: clamp(0px, 10vw / var(--board) * 10 * 497, var(--max) * 497); background-color: #999; } @media (max-width: 768px) { .nogi46-visual__campaign-movie { margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); width: clamp(0px, 10vw / var(--board) * 10 * 263, var(--max) * 263); height: clamp(0px, 10vw / var(--board) * 10 * 148, var(--max) * 148); } } .nogi46-visual__campaign-movie video, .nogi46-visual__campaign-movie iframe { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .nogi46-visual__campaign-button { position: absolute; top: 50%; left: 50%; z-index: 5; width: clamp(0px, 10vw / var(--board) * 10 * 88, var(--max) * 88); height: clamp(0px, 10vw / var(--board) * 10 * 88, var(--max) * 88); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 768px) { .nogi46-visual__campaign-button { width: clamp(0px, 10vw / var(--board) * 10 * 53, var(--max) * 53); height: clamp(0px, 10vw / var(--board) * 10 * 53, var(--max) * 53); } } .nogi46-visual__comingsoon { height: clamp(0px, 10vw / var(--board) * 10 * 415, var(--max) * 415); } @media (max-width: 768px) { .nogi46-visual__comingsoon { height: clamp(0px, 10vw / var(--board) * 10 * 318, var(--max) * 318); } } .nogi46-visual__comingsoon::before { width: clamp(0px, 10vw / var(--board) * 10 * 1188, var(--max) * 1188); height: clamp(0px, 10vw / var(--board) * 10 * 515, var(--max) * 515); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/teaser/bg_campaign_01.webp"); } @media (max-width: 768px) { .nogi46-visual__comingsoon::before { width: clamp(0px, 10vw / var(--board) * 10 * 443, var(--max) * 443); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/teaser/bg_campaign_01_sp.webp"); } } .nogi46-visual__comingsoon::after { background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/teaser/label_campaign_01.webp"); } @media (max-width: 768px) { .nogi46-visual__comingsoon::after { background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/teaser/label_campaign_01_sp.webp"); } } .nogi46-visual__comingsoon .nogi46-visual__campaign-title { margin-top: clamp(0px, 10vw / var(--board) * 10 * 149, var(--max) * 149); } @media (max-width: 768px) { .nogi46-visual__comingsoon .nogi46-visual__campaign-title { margin-top: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104); } } .nogi46-visual__comingsoon .nogi46-visual__campaign-title::before { content: ""; position: absolute; top: 0; right: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 159, var(--max) * 159); height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/teaser/balloon_campaign-comingsoon.webp"); background-size: contain; background-repeat: no-repeat; -webkit-transform: translateY(-100%); transform: translateY(-100%); } @media (max-width: 768px) { .nogi46-visual__comingsoon .nogi46-visual__campaign-title::before { right: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42); width: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120); height: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42); } } .nogi46-visual__special { margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); height: clamp(0px, 10vw / var(--board) * 10 * 814, var(--max) * 814); } @media (max-width: 768px) { .nogi46-visual__special { margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); height: clamp(0px, 10vw / var(--board) * 10 * 346, var(--max) * 346); } } .nogi46-visual__special::before { width: clamp(0px, 10vw / var(--board) * 10 * 1188, var(--max) * 1188); height: clamp(0px, 10vw / var(--board) * 10 * 914, var(--max) * 914); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/teaser/bg_campaign_02.webp"); } @media (max-width: 768px) { .nogi46-visual__special::before { width: clamp(0px, 10vw / var(--board) * 10 * 443, var(--max) * 443); height: clamp(0px, 10vw / var(--board) * 10 * 446, var(--max) * 446); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/teaser/bg_campaign_02_sp.webp"); } } .nogi46-visual__special::after { background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/teaser/label_campaign_02.webp"); } @media (max-width: 768px) { .nogi46-visual__special::after { background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/teaser/label_campaign_02_sp.webp"); } } .nogi46-visual__special .nogi46-visual__campaign-title { margin-top: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104); } @media (max-width: 768px) { .nogi46-visual__special .nogi46-visual__campaign-title { margin-top: clamp(0px, 10vw / var(--board) * 10 * 68, var(--max) * 68); } } .nogi46-visual__special .nogi46-visual__campaign-title span { position: absolute; bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } .nogi46-visual__special .nogi46-visual__campaign-title::before { content: ""; position: absolute; top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30); right: clamp(0px, 10vw / var(--board) * 10 * 226, var(--max) * 226); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104); height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56); background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/teaser/balloon_campaign-special.webp"); background-size: contain; background-repeat: no-repeat; -webkit-transform: translateY(-100%); transform: translateY(-100%); } @media (max-width: 768px) { .nogi46-visual__special .nogi46-visual__campaign-title::before { top: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9); right: clamp(0px, 10vw / var(--board) * 10 * 57, var(--max) * 57); width: clamp(0px, 10vw / var(--board) * 10 * 78, var(--max) * 78); height: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42); } } .nogi46-campaign-info { 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; padding: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104) 0; background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/teaser/bg_info.webp"); background-position: center center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 768px) { .nogi46-campaign-info { padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) 0; background-image: url("/access/hikari/nogizaka46/images/hikari/nogizaka46/teaser/bg_info_sp.webp"); } } .nogi46-campaign-info__inner { 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; max-width: 100%; width: clamp(0px, 10vw / var(--board) * 10 * 1088, var(--max) * 1088); } @media (max-width: 768px) { .nogi46-campaign-info__inner { width: clamp(0px, 10vw / var(--board) * 10 * 351, var(--max) * 351); } } .nogi46-campaign-info__lead { padding: 0.5em 0.5em; background: linear-gradient(257.58deg, #9e3eb2 4.74%, #cf2a76 80.34%); color: #fff; text-align: center; letter-spacing: 0.02em; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36) !important; line-height: 1; } @media (max-width: 768px) { .nogi46-campaign-info__lead { 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; padding: 0; background: none; font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) !important; } } @media (max-width: 768px) { .nogi46-campaign-info__lead span { display: block; padding: 0.5em 0.5em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background: linear-gradient(257.58deg, #9e3eb2 4.74%, #cf2a76 80.34%); } } .nogi46-campaign-info__upcoming { margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); color: #fff; text-align: center; letter-spacing: 0.02em; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); line-height: 1.7; } @media (max-width: 768px) { .nogi46-campaign-info__upcoming { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogi46-campaign-info__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); } @media (max-width: 768px) { .nogi46-campaign-info__list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: clamp(0px, 10vw / var(--board) * 10 * 13.5, var(--max) * 13.5); } } @media (max-width: 768px) { .nogi46-campaign-info__item { width: clamp(0px, 10vw / var(--board) * 10 * 108, var(--max) * 108); } } .nogi46-campaign-info__month { margin: 0; margin-bottom: 0.4em; color: #fff; text-align: center; letter-spacing: 0.02em; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); } @media (max-width: 768px) { .nogi46-campaign-info__month { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 4.5, var(--max) * 4.5); font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogi46-campaign-info__image { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); width: 100%; height: auto; } @media (max-width: 768px) { .nogi46-campaign-info__image { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 4.5, var(--max) * 4.5); } } .nogi46-campaign-info__member { margin: 0; color: #fff; text-align: center; letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); line-height: 1.7; } @media (max-width: 768px) { .nogi46-campaign-info__member { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } } .nogi46-top-result { margin-left: calc(50% - 50vw); padding: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104) 0; max-width: none; width: 100vw; background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/renewal/bg_top-result.webp); background-position: center top; background-size: cover; background-repeat: no-repeat; } @media (max-width: 768px) { .nogi46-top-result { padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) 0; background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/renewal/bg_top-result_sp.webp); } } .nogi46-top-result .nogi46-result__box { min-height: auto; } @media (max-width: 768px) { .nogi46-top-result .nogi46-result__box { padding: 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) !important; border: 0 !important; } } .nogi46-top-result .nogi46-result__box:first-of-type { padding-right: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); padding-left: 0; } .nogi46-top-result .nogi46-result__box:last-of-type { padding-right: 0; padding-left: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } .nogi46-top-result .nogi46-result__button::after { right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .nogi46-top-result .nogi46-result__button { margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); width: clamp(0px, 10vw / var(--board) * 10 * 520, var(--max) * 520); color: #fff !important; } @media (max-width: 768px) { .nogi46-top-result .nogi46-result__button { width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); } } @media (max-width: 768px) { .nogi46-top-result .nogi46-result__subtitle { white-space: nowrap; } } .nogi46-top-result .nogi46-result__subtitle 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; width: clamp(0px, 10vw / var(--board) * 10 * 149, var(--max) * 149); height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); border-radius: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2); background-color: #2c3340; color: #fff; letter-spacing: 0.04em; font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } @media (max-width: 768px) { .nogi46-top-result .nogi46-result__subtitle span { width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100); height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11); } } .nogi46-top-result .nogi46-result__tel-button { 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; margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); width: clamp(0px, 10vw / var(--board) * 10 * 520, var(--max) * 520); height: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104); border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background-color: #fff; } @media (max-width: 768px) { .nogi46-top-result .nogi46-result__tel-button { display: none; } } .nogi46-top-result .nogi46-result__tel { line-height: 1.2; } @media (max-width: 768px) { .nogi46-top-result .nogi46-apply__copy-area { 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; gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); padding: clamp(0px, 10vw / var(--board) * 10 * 10.69, var(--max) * 10.69) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); height: clamp(0px, 10vw / var(--board) * 10 * 108, var(--max) * 108); border: 1px solid rgb(90, 3, 106); border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background-color: #fff; } } .nogi46-top-result .nogi46-apply__copy { margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); width: clamp(0px, 10vw / var(--board) * 10 * 570, var(--max) * 570); color: #5a036a; } @media (max-width: 768px) { .nogi46-top-result .nogi46-apply__copy { margin-top: 0; padding: 0; width: clamp(0px, 10vw / var(--board) * 10 * 158, var(--max) * 158); } .nogi46-top-result .nogi46-apply__copy span { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } .nogi46-top-result .nogi46-apply__copy::before, .nogi46-top-result .nogi46-apply__copy::after { display: none; } } @media (max-width: 768px) { .nogi46-top-result .nogi46-apply__copy-link { position: relative; margin-top: 0; max-width: none; width: clamp(0px, 10vw / var(--board) * 10 * 154, var(--max) * 154); height: clamp(0px, 10vw / var(--board) * 10 * 87, var(--max) * 87); background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/renewal/banner_cv_sp.webp); background-position: center; background-size: contain; background-repeat: no-repeat; } .nogi46-top-result .nogi46-apply__copy-link::after { content: ""; position: absolute; position: absolute; top: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3); right: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/icon_monthly-lightbox.webp); background-position: center; background-size: contain; background-repeat: no-repeat; } .nogi46-top-result .nogi46-apply__copy-link iframe { display: none; } } .nogisaka46-lightbox { z-index: 101; } .nogisaka46-lightbox iframe { width: clamp(0px, 10vw / var(--board) * 10 * 1400, var(--max) * 1400); height: clamp(0px, 10vw / var(--board) * 10 * 787, var(--max) * 787); } @media (max-width: 768px) { .nogisaka46-lightbox iframe { width: clamp(0px, 10vw / var(--board) * 10 * 330, var(--max) * 330); height: clamp(0px, 10vw / var(--board) * 10 * 185, var(--max) * 185); } } .nogi46-top-result__inner { 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; } .nogi46-top-result a.nogi46-result__tel-button--sp { position: relative; -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; margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10); width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); height: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background-color: #9e3eb2; color: #fff !important; text-decoration: none !important; letter-spacing: 0.04em; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); line-height: 1.4; } @media (max-width: 768px) { .nogi46-top-result a.nogi46-result__tel-button--sp { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .nogi46-top-result a.nogi46-result__tel-button--sp span { font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } .nogi46-top-result a.nogi46-result__tel-button--sp::after { content: ""; position: absolute; top: 50%; right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); display: block; width: 0.5em; height: 0.5em; border: 3px solid; border-top: 0; border-left: 0; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .nogi46-footer-result { border: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) solid #9e3eb2; border-right: 0; border-left: 0; } @media (max-width: 768px) { .nogi46-footer-result { border: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) solid #9e3eb2; border-right: 0; border-left: 0; } } .is-top.nogi46-result__title { letter-spacing: 0.02em; font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48); } @media (max-width: 768px) { .is-top.nogi46-result__title { font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogi46-result .nogi46-result__title { max-width: 95%; } @media (max-width: 768px) { .nogi46-result .nogi46-result__title { max-width: 1000%; } } @media (max-width: 768px) { .nogi46-result__tel-button--sp { position: relative; 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; width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); height: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background-color: rgb(255, 234, 90); color: #fff !important; text-decoration: none !important; letter-spacing: 0.04em; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); line-height: 1.4; } .nogi46-result__tel-button--sp span { font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14); } .nogi46-result__tel-button--sp::after { content: ""; position: absolute; top: 50%; right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); width: 0.5em; height: 0.5em; border: 3px solid; border-top: 0; border-left: 0; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } } @media (max-width: 768px) { .nogizaka46-present__title { overflow: hidden; width: 100%; } } .nogizaka46-present__title-image { width: clamp(0px, 10vw / var(--board) * 10 * 740, var(--max) * 740); } @media (max-width: 768px) { .nogizaka46-present__title-image { min-width: 105%; max-width: none; } } @media (max-width: 768px) { .nogizaka46-present__item:nth-child(4) .nogizaka46-present__item-inner { margin-top: 0; } } .nogizaka46-present__item:nth-child(4)::before { background-image: url("../images/hikari/nogizaka46/renewal/bg_present-item_sarani.webp"); } @media (max-width: 768px) { .nogizaka46-present__item:nth-child(4)::before { position: absolute; top: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3); left: clamp(var(--max) * -10, 10vw / var(--board) * 10 * -10, 0px); width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80); height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80); -webkit-transform: none; transform: none; } } .is-open .nogizaka46-campaign__accordion-content { padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } @media (max-width: 768px) { .nogizaka46-campaign { padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogi46-footer__nav { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104); width: clamp(0px, 10vw / var(--board) * 10 * 1088, var(--max) * 1088); } @media (max-width: 768px) { .nogi46-footer__nav { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); width: clamp(0px, 10vw / var(--board) * 10 * 359, var(--max) * 359); } } .nogi46-footer__nav ul { display: -ms-grid; display: grid; gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 1fr clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 1fr; grid-template-columns: repeat(3, 1fr); } @media (max-width: 768px) { .nogi46-footer__nav ul { gap: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7); -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7) 1fr; grid-template-columns: repeat(2, 1fr); } } .nogi46-footer__nav ul li a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); width: clamp(0px, 10vw / var(--board) * 10 * 342, var(--max) * 342); height: clamp(0px, 10vw / var(--board) * 10 * 88, var(--max) * 88); border: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3) solid rgb(158, 62, 178); border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4); background-color: rgb(248, 239, 250); color: rgb(90, 3, 106) !important; letter-spacing: 0.04em; font-weight: 700; font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); line-height: 1.6; -webkit-transition: 0.4s; transition: 0.4s; } @media (max-width: 768px) { .nogi46-footer__nav ul li a { padding-left: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); width: clamp(0px, 10vw / var(--board) * 10 * 176, var(--max) * 176); height: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50); font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); } } @media (hover: hover) { .nogi46-footer__nav ul li a:hover { opacity: 0.7; } } .nogi46-footer__nav ul li a::after { content: ""; position: absolute; top: 50%; right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/renewal/arrow_footer-nav.webp); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 768px) { .nogi46-footer__nav ul li a::after { right: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5); width: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); height: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogisaka46-monthly { padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104); background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/renewal/bg_monthly.webp); background-position: center top; background-size: cover; background-repeat: no-repeat; } @media (max-width: 768px) { .nogisaka46-monthly { margin-top: 0; padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/renewal/bg_monthly_sp.webp); background-size: contain; } } @media (max-width: 768px) { .nogisaka46-monthly .nogizaka46-present__movie { margin-top: 0; } } .nogisaka46-monthly .nogizaka46-present__movie-title { margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); } @media (max-width: 768px) { .nogisaka46-monthly .nogizaka46-present__movie-title { margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); text-box: trim-both cap alphabetic; } } @media (max-width: 768px) { .nogisaka46-monthly .nogizaka46-present__movie-title-image { display: block; margin: auto; width: clamp(0px, 10vw / var(--board) * 10 * 343, var(--max) * 343); } } .nogisaka46-monthly .nogizaka46-present__movie-inner { height: clamp(0px, 10vw / var(--board) * 10 * 553, var(--max) * 553); background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/renewal/bg_present-movie.webp); } @media (max-width: 768px) { .nogisaka46-monthly .nogizaka46-present__movie-inner { height: auto; background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/main/bg_present-movie_sp.webp); } } .nogisaka46-monthly .nogizaka46-present__movie-inner a { color: #0574c7 !important; } .nogisaka46-monthly .nogisaka46-monthly__inner { margin-top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); } .flow-section-wrap { padding-top: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90); } #area { padding-top: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90); } @media (max-width: 768px) { #area { padding-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60); } } #value { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64); } @media (max-width: 768px) { #value { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); } } #relief { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104); } @media (max-width: 768px) { #relief { margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60); } } .nogi46-form-renewal .nogi46-form__content { padding-right: 0; padding-left: 0; } @media (max-width: 768px) { .nogi46-form-renewal .nogi46-form__content { margin-left: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0); max-width: none; width: 100vw; border-right: 0; border-left: 0; border-radius: 0; } } .nogi46-form-renewal .nogi46-form__content::before { top: clamp(0px, 10vw / var(--board) * 10 * 225, var(--max) * 225); bottom: 0; } .nogi46-form-renewal .nogi46-form__content-inner { padding-right: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80); padding-left: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80); } @media (max-width: 768px) { .nogi46-form-renewal .nogi46-form__content-inner { padding-right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); padding-left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } } .nogi46-form-renewal .nogi46-result>div { padding-bottom: 0; border: 0; } .nogi46-form-renewal .nogi46-result__tel-info { font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16); } .nogi46-form-renewal .nogi46-result__button { background-color: rgb(255, 234, 90); color: rgb(44, 51, 64); } @media (max-width: 768px) { .nogi46-form-renewal .nogi46-result__tel-button { display: none; } } @media (max-width: 768px) { .nogi46-form-renewal .nogi46-result__tel-button--sp { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); background-color: rgb(255, 234, 90); color: rgb(44, 51, 64) !important; } } @media (max-width: 768px) { .nogi46-form-renewal .nogi46-result__tel-info { font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12); } } #anc-plan .lp-tab-ttl-wrap, #anc-cb .lp-tab-ttl-wrap { display: none !important; } #anc-cb { padding-top: 0; } @media (max-width: 768px) { .js-tab-10g .lp-plan-section-wrap, .js-tab-10g .lp-charge-section-wrap { padding-top: 0; } } .nogi46-tab-float { position: fixed; top: 0; left: 0; z-index: 1000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; pointer-events: none; } .nogi46-tab-float.is-tab-float { opacity: 1; pointer-events: auto; } .nogi46-tab-float .about-ttl-wrap { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); max-width: none; width: clamp(0px, 10vw / var(--board) * 10 * 1088, var(--max) * 1088); } @media (max-width: 768px) { .nogi46-tab-float .about-ttl-wrap { gap: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15); margin-bottom: -1px; width: 100%; } } .nogi46-tab-float .about-ttl-wrap a { border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20); } .nogisaka46-float-cv { position: fixed; right: 0; bottom: 0; z-index: 100; 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; gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40); padding: 0; width: 100%; height: clamp(0px, 10vw / var(--board) * 10 * 98, var(--max) * 98); background: none; background-color: rgba(0, 0, 0, 0.6); } @media (max-width: 768px) { .nogisaka46-float-cv { gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8); height: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70); } } .nogisaka46-float-cv { opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; pointer-events: none; } .nogisaka46-float-cv.is-float-show { opacity: 1; pointer-events: auto; } .nogisaka46-float-cv.is-footer-show { opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; pointer-events: none; } .nogisaka46-float-cv__link { display: block; width: clamp(0px, 10vw / var(--board) * 10 * 423, var(--max) * 423); height: clamp(0px, 10vw / var(--board) * 10 * 68, var(--max) * 68); -webkit-transition: 0.4s; transition: 0.4s; } @media (max-width: 768px) { .nogisaka46-float-cv__link { width: clamp(0px, 10vw / var(--board) * 10 * 176, var(--max) * 176); height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48); } } @media (hover: hover) { .nogisaka46-float-cv__link:hover { opacity: 0.7; } } .nogisaka46-float-cv__link img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .js-lightbox-movie { position: relative; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } @media (hover: hover) { .js-lightbox-movie:hover { opacity: 0.7; } } .js-lightbox-movie.nogi46-apply__copy-link::after { display: none; } @media (max-width: 768px) { .js-lightbox-movie.nogi46-apply__copy-link::after { display: block; } } .js-lightbox-movie::after { content: ""; position: absolute; right: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7); bottom: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); background-image: url(/access/hikari/nogizaka46/images/hikari/nogizaka46/tab/icon_monthly-lightbox.webp); background-position: center; background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .js-lightbox-movie::after { right: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3); bottom: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3); width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .js-lightbox-movie img { display: block; } .nogizaka46-present__movie-image-link { position: relative; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } @media (hover: hover) { .nogizaka46-present__movie-image-link:hover { opacity: 0.7; } } .nogizaka46-present__movie-image-link::after { content: ""; position: absolute; right: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7); bottom: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7); display: block; width: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32); background-position: center; background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .nogizaka46-present__movie-image-link::after { right: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3); bottom: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3); width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24); } } .nogizaka46-present__movie-image-link img { display: block; } @media (min-width: 769px) { .pc-none { display: none !important; } } @media (max-width: 768px) { .sp-none { display: none !important; } }