/* import */
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

/* common */
* {box-sizing:border-box;}
html, html a, * {-webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}
body {position:relative; margin:0; padding:0; padding-right:0 !important; color:#221714; -webkit-text-size-adjust:none; font-family:'Albert Sans', 'Zen Maru Gothic', sans-serif; font-weight:500; font-size:1.17vw; line-height:1.75; letter-spacing:0; word-wrap:break-word;}
body.lock {overflow:hidden;}
body.lock #wrapper {opacity:0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin:0; line-height:1.5; font-weight:500; font-family:'Albert Sans', 'Zen Maru Gothic', sans-serif; color:#221714; letter-spacing:0;}
p {margin-top:2.34vw; margin-bottom:0;}
p:first-child {margin-top:0;}
ul, ol {margin:0; padding:0 0 0 1.5em;}
a {color:#221714; transition:all .2s ease-in-out;}
a:link, a:visited {text-decoration:none;}
a:hover:not(.button) {text-decoration:none; color:#221714; opacity:.75;}
figure {margin:0;}
img {vertical-align:middle;}
button {background:none; border:none; color:inherit; transition:all .2s ease-in-out; cursor:pointer;}
small {font-weight:500;}

/* util */
.wrapper {}
body.home #content {padding-top:100svh;}
.container {position:relative; z-index:10; max-width:92.19vw; width:92.19vw; margin:auto; padding:0;}
.container-fluid {width:100%; margin:auto; padding:0;}
.container-md {max-width:79.69vw; width:79.69vw; margin:auto;}
.container-sm {max-width:73.44vw; width:73.44vw; margin:auto;}
.img-fluid {max-width:100%; height:auto;}
.img-full {width:100%; height:auto;}
.button {position:relative; display:inline-flex; justify-content:center; align-items:center; gap:; width:auto; height:5.47vw; padding:0 3.13vw; overflow:hidden; border-radius:0; border:1px solid #221714; color:#fff; font-size:1.56vw; white-space:nowrap; cursor:pointer; outline:none;}
.button:hover {color:#221714;}
.button::before,
.button::after {position:absolute; top:0; z-index:-1; display:block; content:''; transition:all .3s ease-in-out;}
.button::before {left:0; width:100%; height:100%; background-color:#221714;}
.button::after {left:-100%; width:100%; height:100%;}
.button:hover::before {left:100%; background-color:transparent;}
.button:hover::after {left:0; background-color:transparent;}
.button.text {height:auto; padding:0; background-color:transparent; border:none; color:#221714; font-size:2.34vw; pointer-events:none;}
.button.text::before {display:none;}
.button.bordered {color:#221714;}
.button.bordered:hover {color:#fff;}
.button.bordered::before {background-color:transparent;}
.button.bordered:hover::after {background-color:#221714;}
.button.sm {height:3.28vw;}
.button.md {width:19.53vw;}
.button.wide {padding:0 4.69vw;}
.button.full {width:100%; padding:0;}
.triangle {display:inline-block; transform:rotate(-90deg);}
.pager {min-height:1.56vw;}
.pagination {display:flex; justify-content:center; margin-top:3.13vw;}
.pagination ul {display:flex; justify-content:center; gap:1.04vw; list-style:none; padding-left:0;}
.pagination ul > li {}
.pagination ul > li > span,
.pagination ul > li > a {display:flex; justify-content:center; align-items:center; width:3.13vw; height:3.13vw; border-radius:3.13vw;}
.pagination ul > li > span,
.pagination ul > li > a:hover {background-color:#0859a8; color:#fff;}
.font-ja {font-weight:600;}
.font-en {font-weight:600; font-style:italic; font-family:'Poppins', sans-serif;}
.text-center {text-align:center !important;}
.text-nowrap {white-space:nowrap !important;}

/* loader */
.loader {position:fixed; top:0; left:0; display:flex; justify-content:center; align-items:center; width:100%; height:100vh; height:100svh; background:url(../images/loader-bg.jpg) top center / cover no-repeat; z-index:10000;}
.loader-logo {width:21.17vw; filter:blur(0.78vw); opacity:0; transition:all 1s ease-in-out;}
.loader-logo.active {filter:blur(0); opacity:1;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:9999; transition:all .5s ease-in-out;}
.header-inner {display:flex; justify-content:space-between; align-items:flex-start; padding:1.56vw;}
.header-brand {width:7.81vw; margin:0 auto 0 0; padding:0; z-index:100;}
.header-brand-link {display:block; line-height:1;}
.header-main {display:flex; flex-direction:column; gap:2.34vw; align-items:flex-end; z-index:100;}
.button-hamburger {position:relative; display:block; width:5.47vw; height:2.11vw; margin:0; padding:0; background:none; border:none; border-radius:0; cursor:pointer;}
.button-hamburger-bar {position:absolute; content:''; right:0; height:2px; background-color:#221714; border-radius:0; transition:all .2s ease-in-out;}
.button-hamburger .button-hamburger-bar:nth-child(1) {top:0; width:5.47vw;}
.button-hamburger .button-hamburger-bar:nth-child(2) {top:calc(50% - 1px); width:3.91vw;}
.button-hamburger .button-hamburger-bar:nth-child(3) {bottom:0; width:2.34vw;}
.button-hamburger.open .button-hamburger-bar:nth-child(1) {transform:rotate(45deg); top:calc(50% - 1px); width:3.91vw; left:calc(50% - 1.95vw);}
.button-hamburger.open .button-hamburger-bar:nth-child(2) {opacity:0;}
.button-hamburger.open .button-hamburger-bar:nth-child(3) {transform:rotate(-45deg); top:calc(50% - 1px); width:3.91vw; left:calc(50% - 1.95vw);}
.header-nav {position:absolute; top:0; right:0; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; width:50%; height:100vh; overflow-y:auto; padding:3.91vw 0; background:url(../images/bg-pattern.jpg) top center / cover no-repeat; opacity:0; transform:translateX(100%); pointer-events:none; transition:transform .4s ease, opacity .2s ease;}
.header-nav.is-open {opacity:1; transform:translateX(0); pointer-events:auto;}
.header-nav-logo {width:16.72vw;}
.header-nav-global {display:flex; flex-direction:column; align-items:center; gap:2.34vw; margin:3.13vw 0 0; padding:0; list-style:none;}
.header-nav-global > li {opacity:0; transform:translateX(0.78vw); transition:all .4s ease-in-out;}
.header-nav.is-open .header-nav-global > li {opacity:1; transform:translateX(0);}
.header-nav.is-open .header-nav-global > li:nth-child(1) {transition-delay:.1s;}
.header-nav.is-open .header-nav-global > li:nth-child(2) {transition-delay:.2s;}
.header-nav.is-open .header-nav-global > li:nth-child(3) {transition-delay:.3s;}
.header-nav.is-open .header-nav-global > li:nth-child(4) {transition-delay:.4s;}
.header-nav.is-open .header-nav-global > li:nth-child(5) {transition-delay:.5s;}
.header-nav.is-open .header-nav-global > li:nth-child(6) {transition-delay:.6s;}
.header-nav.is-open .header-nav-global > li:nth-child(7) {transition-delay:.7s;}
.header-nav.is-open .header-nav-global > li:nth-child(8) {transition-delay:.8s;}
.header-nav.is-open .header-nav-global > li:nth-child(9) {transition-delay:.9s;}
.header-nav.is-open .header-nav-global > li:nth-child(10) {transition-delay:1s;}
.header-nav-global > li > a {position:relative; font-size:2.34vw; line-height:1;}
.header-nav .official-list {gap:1.56vw; margin-top:2.34vw;}
.header-nav .official-list__item figure {width:3.91vw;}
.header-nav .streaming-download-list {gap:1.56vw; margin-top:2.34vw;}
.header-nav .streaming-download-list figure img {max-width:12.11vw; max-height:3.52vw;}
.header-nav .streaming-download-list .spotify figure img {max-width:8.05vw;}

/* mod */
.section {position:relative; margin-bottom:0; z-index:10; overflow:hidden;}
.heading {position:relative; margin-bottom:6.25vw; text-align:center;}
.heading-en {position:relative; display:inline-block; margin-bottom:0.78vw; font-size:3.13vw; line-height:1;}
.heading-ja {display:block; font-size:1.56vw; line-height:1.5;}
.description {margin-bottom:6.25vw;}
.description p {line-height:2.65;}
.content {}
.more {display:flex; flex-wrap:wrap; justify-content:center; margin-top:7.81vw; gap:2.73vw;}
.more.sm {margin-top:2.34vw;}
.more.vertical {margin-top:0; flex-direction:column; gap:1.56vw;}
table {table-layout:fixed; width:100%; border-collapse:collapse; margin-top:2.34vw;}
.table-auto {table-layout:inherit;}
.table-t0 {margin-top:0;}
table th,
table td {padding:1.17vw 2.73vw; border-bottom:1px solid #221714; font-weight:500;}
.wp-block-table table th,
.wp-block-table table td {padding:1.17vw 3.91vw;}
table th {text-align:center; background:rgba(221, 221, 221, .5);}
table td {background:rgba(239, 239, 239, .5);}
.table-bordered th,
.table-bordered td {border:1px solid #221714;}
.table-w0 th,
.table-w0 td {padding-left:0; padding-right:0;}
.table-w-sm th,
.table-w-sm td {padding-left:1.17vw; padding-right:1.17vw;}
.table-header th,
.table-header td {padding-top:0.78vw; padding-bottom:0.78vw; border-bottom:none; font-size:1.56vw; font-weight:600;}
.wp-block-table table th,
.w-30 {width:30%;}
.table-label {padding:1.17vw 3.91vw; border:1px solid #221714; border-bottom:none;}
.js-toggle {}
.js-toggle-button {position:relative; padding-right:4.3vw; cursor:pointer;}
.js-toggle-button i {position:absolute; top:0.78vw; right:0; transition:all .2s ease;}
.js-toggle.is-open .js-toggle-button i {transform:rotate(180deg);}
.js-reveal {opacity:0; transform:translateY(2.34vw); transition:all 2s ease;}
.js-reveal.is-show {opacity:1; transform:translateY(0);}
.wp-block-embed {margin-bottom:0;}
.wp-block-embed__wrapper {position:relative; display:block; width:100%; padding:0; overflow:hidden;}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper {padding-top:56.25%;}
.wp-block-embed__wrapper iframe {position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0;}
.note {font-size:1.02vw;}
.floating-logo {position:absolute; bottom:5.86vw; left:3.91vw; width:34.61vw; animation:floatY 6.5s ease-in-out infinite;}
.floating-logo.reverse {left:inherit; right:3.91vw;}

/* content */
.hero {position:fixed; top:0; left:0; width:100%; height:100svh; background:url(../images/hero.jpg) center center / cover no-repeat; z-index:-100; transition:all .2s ease-in-out;}
.hero-logo {position:absolute; top:50%; right:12.66vw; width:34.61vw; transform:translateY(-50%);}
body.scrolling .hero {opacity:0;}
.message {margin-top:-4.79vw; clip-path:polygon(0 4.69vw, 100% 0, 100% 100%, 0 100%);}
.message .heading {position:relative; margin-bottom:0; padding:14.06vw 0 9.38vw; background:#fff;}
.message .heading .message-animation {position:absolute; top:0; left:0; width:100%; height:100%;}
.message .heading .message-animation figure {position:absolute; animation-name:floatY; animation-timing-function:ease-in-out; animation-iteration-count:infinite;}
.message .heading .message-animation figure:nth-child(1) {width:22.03vw; top:12.97vw; left:1.17vw; animation-duration:6.5s; animation-delay:-1s;}
.message .heading .message-animation figure:nth-child(2) {width:36.33vw; top:0.63vw; left:20.94vw; animation-duration:5.2s; animation-delay:-2.3s;}
.message .heading .message-animation figure:nth-child(3) {width:41.25vw; top:-2.34vw; left:58.59vw; animation-duration:7.4s; animation-delay:-3.8s;}
@keyframes floatY {0% {transform:translateY(0);} 50% {transform:translateY(-2.34vw);} 100% {transform:translateY(0);}}
.message .content {position:relative; margin-top:-4.69vw; clip-path:polygon(0 4.69vw, 100% 0, 100% 100%, 0 calc(100% - 4.69vw)); padding:8.59vw 0; background:url(../images/bg-message.jpg) 0 0 / cover no-repeat;}
.message .message-inner {width:51.25vw;}
.message .message-inner p {font-size:1.41vw; line-height:2.4;}
.message .message-inner .message-writing {margin-top:2.34vw; padding-right:1.56vw; text-align:right;}
.message .message-inner .message-writing img {width:7.97vw;}
.news {margin-top:-4.69vw; clip-path:polygon(0 0, 100% 4.69vw, 100% 100%, 0 calc(100% - 4.69vw)); padding:11.72vw 0 7.81vw; background-color:#fff;}
.news-list {display:flex; flex-direction:column;}
.news-list__item {display:flex; justify-content:space-between; align-items:center; padding:1.56vw 2.34vw; border-bottom:1px solid #221714;}
.news-list__item time {font-size:1.56vw;}
.news-list__item h3 {margin-left:2.34vw; margin-right:auto; font-size:1.17vw;}
.news-list__item .text-more {font-size:1.56vw;}
.topics {margin-top:-4.69vw; clip-path:polygon(0 0, 100% 4.69vw, 100% calc(100% - 4.69vw), 0 100%); padding:11.72vw 0; background:url(../images/bg-pattern.jpg) top center / cover no-repeat;}
.topics-list {display:grid; grid-template-columns:repeat(2, 1fr); gap:7.81vw;}
.topics-list__wrap {display:flex; flex-direction:column; gap:7.81vw;}
.topics-list__wrap.offset {padding-top:7.81vw;}
.topics-list__item {display:flex; justify-content:space-between; gap:2.34vw;}
.topics-list__item h3 {font-size:2.34vw;}
.topics-list__item p {margin-bottom:0; line-height:2.65;}
.topics-list__item .text {flex:1;}
.topics-list__item figure {flex:0 0 21.09vw;}
.best-album-request {margin-top:-4.69vw; clip-path:polygon(0 4.69vw, 100% 0, 100% 100%, 0 calc(100% - 4.69vw)); padding:11.72vw 0; background-color:#fff;}
.best-album-request-list {display:flex; flex-direction:column; gap:3.91vw;}
.best-album-request-list__item h3 {font-size:1.95vw;}
.best-album-request-list__item .text {display:flex; justify-content:space-between; gap:1.56vw; margin-top:1.56vw;}
.best-album-request-list__item .text figure {flex:0 0 12.5vw;}
.best-album-request-list__item .text .episode {display:flex; align-items:center; padding:0 1.17vw; border:1px solid #221714;}
.best-album-request-list__item .text .episode p {line-height:2.65;}
.youtube {margin-top:-4.69vw; clip-path:polygon(0 0, 100% 4.69vw, 100% calc(100% - 4.69vw), 0 100%); padding:11.72vw 0; background:url(../images/bg-pattern.jpg) top center / cover no-repeat;}
.youtube-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:3.91vw;}
.youtube-list__item {display:block;}
.youtube-list__item.swiper-slide:not(.swiper-slide-active) {transform:scale(.85); opacity:.75;}
.youtube-list__item figure {position:relative;}
.youtube-list__item figure::before {position:absolute; content:''; top:0; left:0; width:100%; height:100%; background-color:rgba(35, 24, 21, .6);}
.youtube-list__item figure::after {position:absolute; content:''; top:calc(50% - 3.44vw); left:calc(50% - 3.44vw); width:6.88vw; height:6.88vw; background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSI5MCIgdmlld0JveD0iMCAwIDkwIDkwIj4KICA8ZyBpZD0i44Kw44Or44O844OXXzUiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MjAgLTMyNTcpIj4KICAgIDxwYXRoIGlkPSJJY29uX21hdGVyaWFsLXBsYXktY2lyY2xlLW91dGxpbmUiIGRhdGEtbmFtZT0iSWNvbiBtYXRlcmlhbC1wbGF5LWNpcmNsZS1vdXRsaW5lIiBkPSJNMzksNjUuMjg5LDY0LjAyNiw0Ni41MiwzOSwyNy43NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxNy44NTcgMzI1Ni4wMzUpIiBmaWxsPSIjZmZmIi8+CiAgICA8ZyBpZD0i5qWV5YaG5b2iXzIiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkyMCAzMjU3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICA8Y2lyY2xlIGN4PSI0NSIgY3k9IjQ1IiByPSI0NSIgc3Ryb2tlPSJub25lIi8+CiAgICAgIDxjaXJjbGUgY3g9IjQ1IiBjeT0iNDUiIHI9IjQ0IiBmaWxsPSJub25lIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K) 0 0 / 100% auto no-repeat; transition:all .2s ease-in-out;}
.youtube-list__item:hover figure::after {transform:scale(1.2);}
.youtube-button {position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; z-index:10;}
.youtube-button i {font-size:3.13vw;}
.youtube-button-prev {left:11.72vw;}
.youtube-button-next {right:11.72vw;}
.video {margin-top:-4.69vw; clip-path:polygon(0 4.69vw, 100% 0, 100% 100%, 0 calc(100% - 4.69vw));}
.video-link {position:relative; display:block; height:54.69vw; overflow:hidden;}
.video-link::after {position:absolute; content:''; top:calc(50% - 3.44vw); left:calc(50% - 3.44vw); width:6.88vw; height:6.88vw; background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSI5MCIgdmlld0JveD0iMCAwIDkwIDkwIj4KICA8ZyBpZD0i44Kw44Or44O844OXXzUiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MjAgLTMyNTcpIj4KICAgIDxwYXRoIGlkPSJJY29uX21hdGVyaWFsLXBsYXktY2lyY2xlLW91dGxpbmUiIGRhdGEtbmFtZT0iSWNvbiBtYXRlcmlhbC1wbGF5LWNpcmNsZS1vdXRsaW5lIiBkPSJNMzksNjUuMjg5LDY0LjAyNiw0Ni41MiwzOSwyNy43NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxNy44NTcgMzI1Ni4wMzUpIiBmaWxsPSIjZmZmIi8+CiAgICA8ZyBpZD0i5qWV5YaG5b2iXzIiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkyMCAzMjU3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICA8Y2lyY2xlIGN4PSI0NSIgY3k9IjQ1IiByPSI0NSIgc3Ryb2tlPSJub25lIi8+CiAgICAgIDxjaXJjbGUgY3g9IjQ1IiBjeT0iNDUiIHI9IjQ0IiBmaWxsPSJub25lIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K) 0 0 / 100% auto no-repeat; transition:all .2s ease-in-out;}
.video-link:hover::after {transform:scale(1.2);}
.video-link video {display:block; width:100%;}
.live-tour {margin-top:-4.69vw; clip-path:polygon(0 0, 100% 4.69vw, 100% 100%, 0 calc(100% - 4.69vw)); padding:11.72vw 0; background-color:#fff;}
.post-type-archive-live-tour .live-tour {margin-top:0; clip-path:none; padding:0 0 8.59vw;}
.live-tour .content {padding:2.34vw 4.3vw; border:1px solid #999;}
.live-tour .content h3 {padding-bottom:0.78vw; border-bottom:1px solid #999; font-size:2.34vw;}
.live-tour .content h4 {margin-top:3.91vw; margin-bottom:1.17vw; font-size:1.56vw;}
.live-tour .content h4 .font-en {font-size:1.95vw;}
.live-tour .content h4 small {font-size:1.17vw;}
.live-tour .content h5 {margin-top:2.34vw; margin-bottom:1.17vw; font-size:1.17vw;}
.live-tour .content h5 small {margin-left:1.17vw;}
.live-tour .content h4 + p,
.live-tour .content h5 + p {margin-top:1.17vw;}
.live-tour .content .live-tour-inner {padding-top:2.34vw;}
.live-tour .content .live-tour-inner .description {margin-bottom:0;}
.live-tour-list {display:flex; flex-direction:column; margin-top:2.34vw;}
.fan-club {margin-top:-4.69vw; clip-path:polygon(0 0, 100% 4.69vw, 100% calc(100% - 4.69vw), 0 100%); padding:11.72vw 0; background:url(../images/bg-pattern.jpg) top center / cover no-repeat;}
.fan-club-link {display:block; width:29.69vw; margin:auto;}
.fan-club-link figure {text-align:center;}
.official {margin-top:-4.69vw; clip-path:polygon(0 4.69vw, 100% 0, 100% 100%, 0 100%); padding:11.72vw 0 7.81vw;}
.official .content h3 {font-size:3.13vw;}
.official-list {display:flex; justify-content:center; align-items:center; gap:3.91vw; margin-top:3.91vw;}
.official-list__item figure {width:9.14vw;}
.official-list__item:hover {transform:scale(1.1);}
.streaming-download {clip-path:polygon(0 0, 100% 0, 100% calc(100% - 4.69vw), 0 100%); padding:0 0 21.88vw; background-color:#fff;}
.streaming-download-list {display:flex; justify-content:center; align-items:center; gap:5.47vw;}
.streaming-download-list__item:hover {transform:scale(1.1);}
.streaming-download-list__item figure {display:flex; justify-content:center; align-items:center; overflow:hidden;}
.streaming-download-list__item figure img {}
.image {margin-top:-4.69vw; clip-path:polygon(0 4.69vw, 100% 0, 100% 100%, 0 calc(100% - 4.69vw)); position:relative; overflow:hidden;}
.image figure {transform:scale(1.05);}
.image figure img {width:100%; min-height:110%; height:auto; object-fit:cover; display:block; transform:translateY(var(--parallax-y, 0px)); will-change:transform;}
.footer {margin-top:-4.69vw; padding:7.81vw 0 2.34vw; clip-path:polygon(0 0, 100% 4.69vw, 100% 100%, 0 100%); background-color:#fff; text-align:center;}
.footer-logo {width:11.33vw; margin:auto;}
.footer-copyright {margin-top:2.34vw;}
.footer-copyright img {width:7.81vw;}

.pagetop {position:fixed; bottom:3.13vw; right:3.13vw; font-size:3.13vw; line-height:1; z-index:8000;}

.-pc {display:block;}
.-sp {display:none;}

/* page */
.page-header {}
.page-header-title {position:relative; margin-bottom:0; clip-path:polygon(0 0, 100% 0, 100% calc(100% - 4.69vw), 0 100%); padding:18.75vw 0 15.63vw; background:url(../images/bg-pattern.jpg) top center / cover no-repeat; text-align:center;}
.page-header-title .page-header-title-animation {position:absolute; top:0; left:0; width:100%; height:100%;}
.page-header-title .page-header-title-animation figure {position:absolute; animation-name:floatY; animation-timing-function:ease-in-out; animation-iteration-count:infinite;}
.page-header-title .page-header-title-animation figure:nth-child(1) {width:22.03vw; top:17.66vw; left:1.17vw; animation-duration:6.5s; animation-delay:-1s;}
.page-header-title .page-header-title-animation figure:nth-child(2) {width:36.33vw; top:5.63vw; left:20.94vw; animation-duration:5.2s; animation-delay:-2.3s;}
.page-header-title .page-header-title-animation figure:nth-child(3) {width:41.25vw; top:2.34vw; left:58.59vw; animation-duration:7.4s; animation-delay:-3.8s;}
.page-content {padding:8.59vw 0;}
.page-content-title {padding-bottom:0.78vw; font-size:1.95vw; font-weight:600; border-bottom:1px solid rgb(153, 153, 153);}
.page-content-meta {margin-top:1.56vw;}
.page-content-editor {margin-top:0;}

/* editor */
.editor .wp-block-image {margin-top:2.34vw !important;}
.editor h3 {margin-top:2.34vw; padding-bottom:0.39vw; border-bottom:1px solid #999; font-size:1.41vw;}
.editor h3 + p,
.editor h3 + ul,
.editor h3 + ol {margin-top:0.78vw;}

@media (max-width:767px) {
    /* common */
    body {min-width:inherit; font-size:14px;}
    p {margin-top:20px;}

    /* util */
    .container,
    .container-sm,
    .container-md,
    .container-fluid {width:100%; min-width:inherit; max-width:inherit; padding-left:20px; padding-right:20px;}
    .container-fluid {padding-left:0; padding-right:0;}
    .button {height:40px; padding:0 20px; font-size:14px;}
    .button.text {font-size:18px;}
    .button.sm {height:25px;}
    .button.md {width:150px;}
    .button.wide {padding:0 20px;}

    body.home #content {}

    /* loader */
    .loader-logo {width:200px; filter:blur(10px);}

    /* header */
    .header {display:flex; align-items:center;}
    .header-inner {width:100%; padding:20px 0 20px 20px;}
    .header-brand {width:90px;}
    .header-main {align-items:flex-end; gap:20px; padding-right:20px;}
    .button-hamburger {width:50px; height:24px;}
    .button-hamburger-bar {right:0;}
    .button-hamburger .button-hamburger-bar:nth-child(1) {top:0; width:50px;}
    .button-hamburger .button-hamburger-bar:nth-child(2) {width:35px;}
    .button-hamburger .button-hamburger-bar:nth-child(3) {bottom:0; width:15px;}
    .button-hamburger.open .button-hamburger-bar:nth-child(1) {width:35px; right:0;}
    .button-hamburger.open .button-hamburger-bar:nth-child(3) {width:35px; right:0;}
    .header-main .button {width:130px; height:36px;}
    .header-nav {width:100%; padding:120px 0 50px;}
    .header-nav-logo {width:150px;}
    .header-nav-global {gap:20px; margin-top:30px;}
    .header-nav-global > li > a {font-size:20px;}
    .header-nav .official-list {gap:10px; margin-top:30px;}
    .header-nav .official-list__item figure {width:35px;}
    .header-nav .streaming-download-list {gap:10px; margin-top:30px;}
    .header-nav .streaming-download-list__item figure img {max-width:120px; max-height:30px;}
    .header-nav .streaming-download-list .spotify figure img {max-width:80px;}

    /* mod */
    .heading {margin-bottom:40px;}
    .heading-en {margin-bottom:10px; font-size:30px;}
    .heading-ja {font-size:14px;}
    .description {margin-bottom:30px;}
    .description p {line-height:2;}
    .more {gap:20px; margin-top:40px;}
    .more.sm {margin-top:20px;}
    .more.vertical {flex-direction:row; gap:20px;}
    .table-responsive {width:100%; overflow:auto;}
    .table-responsive .table {table-layout:auto;}
    .table-responsive .table th,
    .table-responsive .table td {white-space:nowrap;}
    .table-header th,
    .table-header td {font-size:14px;}
    table {margin-top:20px;}
    table th,
    table td {padding:5px 10px; font-size:14px;}
    .table-header th,
    .table-header td {padding-top:5px; padding-bottom:5px;}
    .table-t0 {margin-top:0;}
    .w-30 {width:auto;}
    .table-label {padding:5px 10px;}
    .js-toggle-button {padding-right:30px;}
    .js-toggle-button i {top:5px;}
    .js-reveal {opacity:0; transform:translateY(30px);}
    .note {font-size:12px;}
    .floating-logo {bottom:20px; left:20px; width:180px;}

    /* content */
    .hero {background-image:url(../images/hero-sp.jpg); background-position:top center;}
    .hero-logo {position:relative; top:inherit; left:0; right:inherit; width:auto; margin-top:-4.69vw; clip-path:polygon(0 4.69vw, 100% 0, 100% calc(100% - 4.69vw), 0 100%); padding:50px; background-color:#fff;}
    .message .heading {padding:70px 0 60px;}
    .message .heading .message-animation figure:nth-child(1) {width:21.03vw; top:25.64vw; left:2.56vw;}
    .message .heading .message-animation figure:nth-child(2) {width:34.87vw; top:13.59vw; left:20.51vw;}
    .message .heading .message-animation figure:nth-child(3) {width:39.49vw; top:10.77vw; left:57.69vw;}
    @keyframes floatY {0% {transform:translateY(0);} 50% {transform:translateY(-20px);} 100% {transform:translateY(0);}}
    .message .content {padding:4.69vw 0 0; background:#fff;}
    .message .message-inner {width:auto; padding:0 0 30px;}
    .message .message-inner p {font-size:14px; line-height:2;}
    .message .message-inner p br {display:none;}
    .message .message-inner .message-writing {margin-top:20px; padding-right:20px;}
    .message .message-inner .message-writing img {width:70px;}
    .message .content .sp-image {position:relative; clip-path:polygon(0 4.69vw, 100% 0, 100% 100%, 0 100%); z-index:-10;}
    .news {padding:70px 0 60px;}
    .news-list__item {flex-direction:column; align-items:flex-start; padding:10px;}
    .news-list__item time {font-size:16px;}
    .news-list__item h3 {margin:0; font-size:14px;}
    .news-list__item .text-more {margin-left:auto; font-size:16px;}
    .topics {padding:70px 0;}
    .topics-list {gap:30px; grid-template-columns:repeat(1, 1fr);}
    .topics-list__wrap {gap:40px;}
    .topics-list__item {gap:20px;}
    .topics-list__item .text {display:flex; flex-direction:column; justify-content:space-between;}
    .topics-list__item h3 {font-size:16px;}
    .topics-list__item p {margin-top:10px; line-height:2;}
    .topics-list__item .text .more {margin-top:auto;}
    .topics-list__item figure {flex:0 0 140px;}
    .best-album-request {padding:70px 0;}
    .best-album-request-list {gap:40px;}
    .best-album-request-list__item h3 {font-size:16px;}
    .best-album-request-list__item .text {flex-direction:column; gap:20px; margin-top:10px;}
    .best-album-request-list__item .text figure {flex:1; max-width:80%; margin:auto;}
    .best-album-request-list__item .text .episode {padding:10px;}
    .best-album-request-list__item .text .episode p {line-height:2;}
    .youtube {padding:70px 0;}
    .youtube-list {grid-template-columns:repeat(1, 1fr); gap:20px;}
    .youtube-list__item figure::after {top:calc(50% - 25px); left:calc(50% - 25px); width:50px; height:50px;}
    .youtube-button i {font-size:20px;}
    .youtube-button-prev {left:11%;}
    .youtube-button-next {right:11%;}
    .video-link {height:auto;}
    .video-link::after {top:calc(50% - 25px); left:calc(50% - 25px); width:50px; height:50px;}
    .live-tour {padding:70px 0;}
    .post-type-archive-live-tour .live-tour {padding:0 0 30px;}
    .live-tour .content {padding:20px;}
    .live-tour .content h3 {padding-bottom:5px; font-size:16px;}
    .live-tour .content h4 {margin-top:30px; margin-bottom:10px; font-size:16px;}
    .live-tour .content h4 .font-en {font-size:16px;}
    .live-tour .content h4 small {font-size:12px;}
    .live-tour .content h5 {margin-top:20px; margin-bottom:10px; font-size:14px;}
    .live-tour .content h4 + p,
    .live-tour .content h5 + p {margin-top:10px;}
    .live-tour .content .live-tour-inner {padding-top:20px;}
    .fan-club {padding:70px 0;}
    .fan-club-link {width:200px;}
    .official {padding:70px 0 60px;}
    .official .content h3 {font-size:18px;}
    .streaming-download {padding:0 0 120px;}
    .streaming-download-list {flex-wrap:wrap; gap:20px;}
    .streaming-download-list__item figure {overflow:inherit;}
    .streaming-download-list__item figure img {max-width:125px; max-height:35px;}
    .streaming-download-list .spotify figure img {max-width:90px;}
    .image figure {transform:scale(1);}

    .footer {padding:70px 0 40px;}
    .footer-logo {width:150px;}
    .footer-copyright {margin-top:20px;}
    .footer-copyright img {width:100px;}

    .-pc {display:none;}
    .-sp {display:block;}

    /* page */
    .page-header-title {padding:120px 0 50px;}
    .page-header-title .page-header-title-animation figure:nth-child(1) {width:22.03vw; top:37.66vw; left:1.17vw; animation-duration:6.5s; animation-delay:-1s;}
    .page-header-title .page-header-title-animation figure:nth-child(2) {width:36.33vw; top:25.63vw; left:20.94vw; animation-duration:5.2s; animation-delay:-2.3s;}
    .page-header-title .page-header-title-animation figure:nth-child(3) {width:41.25vw; top:22.34vw; left:58.59vw; animation-duration:7.4s; animation-delay:-3.8s;}
    .page-content {padding:30px 0;}
    .page-content-title {padding-bottom:5px; font-size:20px;}
    .page-content-meta {margin-top:10px;}
    .page-content-editor {margin-top:30px;}

    /* editor */
    .editor .wp-block-image {margin-top:20px !important;}
    .editor h3 {margin-top:20px; padding-bottom:5px; font-size:16px;}
    .editor h3 + p,
    .editor h3 + ul,
    .editor h3 + ol {margin-top:10px;}
}