@charset "UTF-8";

*{
margin:0;
padding:0;
color:#808080;
line-height:1;
box-sizing:border-box;
-webkit-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-ms-text-size-adjust:100%;
-o-text-size-adjust:100%;
text-size-adjust:100%;
-webkit-touch-callout:none;
}
@font-face {
font-family:'YakuHanJP';
font-style:normal;
font-weight:100;
src: url('/fonts/YakuHanJP-Thin.woff2') format('woff2'),
url('/fonts/YakuHanJP-Thin.woff') format('woff');
}
@font-face {
font-family:'YakuHanJP';
font-style:normal;
font-weight:300;
src: url('/fonts/YakuHanJP-Light.woff2') format('woff2'),
url('/fonts/YakuHanJP-Light.woff') format('woff');
}
@font-face {
font-family:'YakuHanJP';
font-style:normal;
font-weight:normal;
src: url('/fonts/YakuHanJP-Regular.woff2') format('woff2'),
url('/fonts/YakuHanJP-Regular.woff') format('woff');
}
@font-face {
font-family:'YakuHanJP';
font-style:normal;
font-weight:600;
src: url('/fonts/YakuHanJP-Medium.woff2') format('woff2'),
url('/fonts/YakuHanJP-Medium.woff') format('woff');
}
@font-face {
font-family:'YakuHanJP';
font-style:normal;
font-weight:bold;
src: url('/fonts/YakuHanJP-Bold.woff2') format('woff2'),
url('/fonts/YakuHanJP-Bold.woff') format('woff');
}
@font-face {
font-family:'YakuHanJP';
font-style:normal;
font-weight:900;
src: url('/fonts/YakuHanJP-Black.woff2') format('woff2'),
url('/fonts/YakuHanJP-Black.woff') format('woff');
}
@font-face {
font-family:'Noto Sans JP';
font-style:normal;
font-weight:100;
src: local("Noto Sans CJK JP Thin"),
url('/fonts/NotoSans_Thin.woff2') format('woff2'),
url('/fonts/NotoSans_thin.woff') format('woff'),
url('/fonts/NotoSans_thin.otf') format('opentype');
}
@font-face {
font-family:'Noto Sans JP';
font-style:normal;
font-weight:300;
src: local("Noto Sans CJK JP Light"),
url('/fonts/NotoSans_Light.woff2') format('woff2'),
url('/fonts/NotoSans_light.woff') format('woff'),
url('/fonts/NotoSans_light.otf') format('opentype');
}
@font-face {
font-family:'Noto Sans JP';
font-style:normal;
font-weight:normal;
src: local("Noto Sans CJK JP Regular"),
url('/fonts/NotoSans_Regular.woff2') format('woff2'),
url('/fonts/NotoSans_regular.woff') format('woff'),
url('/fonts/NotoSans_regular.otf') format('opentype');
}
@font-face {
font-family:'Noto Sans JP';
font-style:normal;
font-weight:600;
src: local("Noto Sans CJK JP Medium"),
url('/fonts/NotoSans_Medium.woff2') format('woff2'),
url('/fonts/NotoSans_medium.woff') format('woff'),
url('/fonts/NotoSans_medium.otf') format('opentype');
}
@font-face {
font-family:'Noto Sans JP';
font-style:normal;
font-weight:bold;
src: local("Noto Sans CJK JP Bold"),
url('/fonts/NotoSans_Bold.woff2') format('woff2'),
url('/fonts/NotoSans_bold.woff') format('woff'),
url('/fonts/NotoSans_bold.otf') format('opentype');
}
@font-face {
font-family:'Noto Sans JP';
font-style:normal;
font-weight:900;
src: local("Noto Sans CJK JP Black"),
url('/fonts/NotoSans_Black.woff2') format('woff2'),
url('/fonts/NotoSans_black.woff') format('woff'),
url('/fonts/NotoSans_black.otf') format('opentype');
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
font-size:1rem;
}
html,
body{
margin:0;
padding:0;
box-sizing:border-box;
width:100%;
overflow-x:hidden;
}
body{
display:block;
font-family:'YakuHanJP','Noto Sans JP','Helvetica Neue','Yu Gothic','YuGothic','Hiragino Sans','Hiragino Kaku Gothic ProN',メイリオ,Meiryo,sans-serif;
font-weight:300;
}
body.artist-body{
background:var(--artist-page-bg,var(--artist-bg-01,#050505));
color:var(--artist-text-01,#808080);
}
div{
box-sizing:border-box;
}
.visually-hidden{
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0, 0, 0, 0);
border:0;
}
/*=== リンク選択時の点線を消す ===*/
a img{
border-style:none;
outline:none;
vertical-align:bottom;
}
a:link, a:hover, a:visited{
border-style:none;
outline:none;
text-decoration:none;
}
/*=== noscript ===*/
.h-noscript{
position:fixed;
top:0;right:0;bottom:0;left:0;
width:100%;
height:100%;
height:100vh;
text-align:center;
z-index:1100000;
background:#000;
}
.h-noscript-in{
display:block;
width:100%;
position:absolute;
top:45%;
color:#666;
text-align:center;
}
.h-noscript-in span{
color:#666;
padding:0 10px;
border-left:double 3px #666;
border-right:double 3px #666;
}
/* selection（マウスハイライト）*/
::-moz-selection{
background:#999;
text-shadow:none;
color:#ccc;
}
::-webkit-selection{
background:#999;
text-shadow:none;
color:#ccc;
}
::selection{
background:#999;
text-shadow:none;
color:#ccc;
}
/* スタイルクリア */
input,button,textarea,select{
-webkit-appearance:none;
border-radius:0;
outline:0;
}
input[type="text"],
textarea{
-webkit-user-select:auto;
}
ol,ul{
display:block;
list-style-type:none;
}
li{
list-style-type:none;
}
img{
width:100%;
height:auto;
vertical-align:bottom;
margin:0;
padding:0;
}
.dispnone{
display:none;
width:0;
height:0;
font-size:0;
}
a{
-webkit-transition:all 0.25s linear;
-moz-transition:all 0.25s linear;
-o-transition:all 0.25s linear;
-ms-transition:all 0.25s linear;
transition:all 0.25s linear;
}
.og-desc{
display:none;
height:0;
font-size:0;
}
.anchor-adjust{
position:relative;
top:-6vw;
height:0;
overflow:hidden;
}



/* VP artistP */

/* loader */
.artist-loader{
position:fixed;
inset:0;
z-index:2147482000;
display:flex;
align-items:center;
justify-content:center;
background-color:var(--artist-bg-01,#050505);
background-image:var(--artist-page-bg,linear-gradient(135deg,var(--artist-bg-01,#050505),var(--artist-bg-03,#000)));
background-size:cover;
background-position:center;
color:var(--artist-loader-color,var(--artist-text-01,#808080));
transition:opacity .65s ease,visibility .65s ease;
overflow:hidden;
}
.artist-loader.is-hide{
opacity:0;
visibility:hidden;
pointer-events:none;
}
.artist-loader-inner{
position:relative;
z-index:2;
width:min(340px,72vw);
}
.artist-loader-percent{
margin:0 0 18px;
font-family:'Oswald','Noto Serif JP',sans-serif;
font-size:13px;
font-weight:300;
letter-spacing:.28em;
line-height:1;
text-align:center;
color:var(--artist-loader-color,var(--artist-text-01,#808080));
}
.artist-loader-bar{
position:relative;
width:100%;
height:1px;
background:var(--artist-panel-border,#808080);
overflow:hidden;
}
.artist-loader-bar:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(255,255,255,0),var(--artist-loader-color,var(--artist-text-01,#808080)),rgba(255,255,255,0));
opacity:.16;
}
.artist-loader-bar span{
position:relative;
z-index:2;
display:block;
width:0;
height:100%;
background:var(--artist-loader-color,var(--artist-text-01,#999));
transition:width .18s ease;
}
@media(max-width:640px){
	.artist-loader-inner{
	width:min(300px,74vw);
	}
	.artist-loader-percent{
	font-size:12px;
	letter-spacing:.24em;
	}
}





/* base */
.vp-artistP.allwrap{
width:100%;
position:relative;
background:transparent;
color:var(--artist-text-01,#808080);
}
.vp-template{
position:relative;
overflow:hidden;
}
.vp-template::before{
content:"";
position:fixed;
left:-20vw;
top:-20vw;
width:60vw;
height:60vw;
min-width:520px;
min-height:520px;
border-radius:50%;
background:var(--artist-gradation-01);
filter:blur(220px);
opacity:1;
pointer-events:none;
z-index:0;
}
.vp-template::after{
content:"";
position:fixed;
right:-25vw;
bottom:-20vw;
width:50vw;
height:50vw;
min-width:520px;
min-height:520px;
border-radius:50%;
background:var(--artist-gradation-02);
filter:blur(220px);
opacity:1;
pointer-events:none;
z-index:0;
}
.vp-template > * {
position:relative;
z-index:1;
}
@media (max-width:767px){
	.vp-template::before{
	left:-280px;
	top:-100px;
	width:520px;
	height:520px;
	filter:blur(80px);
	opacity:.55;
	}
	.vp-template::after{
	right:-260px;
	bottom:-280px;
	width:520px;
	height:520px;
	filter:blur(80px);
	opacity:.55;
	}
}

.vp-template .lr-pdg6vw{
padding-left:6vw;
padding-right:6vw;
}




/* fixed navi（menu） */
.artist-fixed-nav{
position:fixed;
top:20px;
right:20px;
z-index:999;
display:flex;
flex-direction:column;
align-items:stretch;
border-radius:16px;
border:1px solid var(--artist-panel-border,rgba(255,255,255,.14));
background:linear-gradient(135deg,var(--artist-panel-bg-strong,rgba(255,255,255,.08)),var(--artist-panel-bg,rgba(255,255,255,.03)));
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
overflow:hidden;
opacity:0;
transform:translateY(-12px);
pointer-events:none;
transition:opacity 0.35s ease, transform 0.35s ease;
}
.artist-fixed-nav.is-show{
opacity:1;
transform:translateY(0);
pointer-events:auto;
}
.artist-fixed-nav-button{
width:100%;
padding:14px;
font-family:'Voltaire', sans-serif;
font-weight:bold;
font-size:100%;
line-height:1;
text-align:left;
border-radius:16px;
background:transparent;
border:0;
border-bottom:1px solid var(--artist-panel-border,rgba(255,255,255,.14));
color:var(--artist-link,var(--artist-link-01,#808080));
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
cursor:pointer;
}
.artist-fixed-nav-button::after{
content:"+";
float:right;
font-size:100%;
}
.artist-fixed-nav.is-open .artist-fixed-nav-button{
padding:14px 14px 12px;
}
.artist-fixed-nav.is-open .artist-fixed-nav-button::after{
content:"−";
font-size:100%;
}
.artist-fixed-nav-panel{
display:grid;
gap:10px;
max-height:0;
padding:0 14px;
opacity:0;
overflow:hidden;
transition:max-height 0.35s ease, padding 0.35s ease, opacity 0.25s ease;
}
.artist-fixed-nav.is-open .artist-fixed-nav-panel{
max-height:400px;
padding:12px 14px 14px;
opacity:1;
}
.artist-fixed-nav-panel a{
color:var(--artist-link,var(--artist-link-01,#808080));
text-decoration:none;
font-family:'Voltaire', sans-serif;
font-weight:bold;
line-height:1;
opacity:.8;
text-transform:uppercase;
transition:opacity 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
.artist-fixed-nav-panel a:hover{
opacity:1;
transform:translateY(-2px);
}
@media(max-width:767px){
	.artist-fixed-nav{
	top:auto;
	right:14px;
	bottom:calc(66px + env(safe-area-inset-bottom));
	border-radius:16px;
	}
}





/* anchor navi */
.artistP-anchor-nav{
position:relative;
opacity:0;
animation:heroFadeInnav 2s cubic-bezier(.19,1,.22,1) .4s forwards;
}
@keyframes heroFadeInnav{
	from{
	opacity:0;
	transform:translateY(-20px);
	filter:blur(10px);
	}
	to{
	opacity:1;
	transform:none;
	filter:none;
	}
}
.artist-hero .artistP-anchor-nav a{
display:inline-block;
padding:5px 0;
font-family:'Voltaire', sans-serif;
font-weight:bold;
color:var(--artist-hero-link,var(--artist-link,#808080));
line-height:1;
opacity:.8;
transition:opacity .25s ease,transform .25s ease;
}
.artist-hero .artistP-anchor-nav a:hover{
opacity:1;
transform:translateY(-2px);
}





/* menu-list 外部リンク */
.artistP-anchor-nav a.is-external,
.artist-fixed-nav-panel a.is-external{
position:relative;
}
.artistP-anchor-nav a.is-external::after,
.artist-fixed-nav-panel a.is-external::after{
content:"↗︎";
display:inline-block;
margin-left:.35em;
font-size:.72em;
line-height:1;
color:var(--artist-link,#808080);
opacity:.85;
transform:translateY(-.08em);
}
.artistP-anchor-nav a.is-external::after{
color:var(--artist-hero-link,var(--artist-link,#808080));
}
.artist-fixed-nav-panel a.is-external::after{
color:var(--artist-link,#808080);
}
.artistP-anchor-nav a.is-external:hover::after,
.artist-fixed-nav-panel a.is-external:hover::after{
opacity:1;
}





/* section big title */
.section-title-bg{
position:absolute;
padding:0 0 .1em;
font-family:"Oswald",'YakuHanJP',sans-serif;
/*font-size:clamp(80px, calc(19.8vw + 17px), 270px);*/
font-size:min(22vw, 270px);
font-weight:700;
line-height:.8;
letter-spacing:-.06em;
color:var(--artist-text-01,#808080);
pointer-events:none;
white-space:nowrap;
text-transform:uppercase;
opacity:var(--artist-big-text-opacity,.05);
}
.section-title-bg.top{
right:0;
top:-0.04em;
}
.section-title-bg.btm{
left:-0.05em;
bottom:-0.04em;
padding:0 0 .09em;
}




/* トグルボタン */
.artist-toggle-content{
height:0;
overflow:hidden;
opacity:0;
transform:translateY(-6px);
transition:height .24s,opacity .24s ease,transform .24s;
will-change:height,opacity,transform;
}
.artist-toggle-content.is-open{
opacity:1;
transform:none;
}
.artist-toggle-content-inner{
overflow:hidden;
}






/* TICKER section */
.artist-divider{
position:relative;
overflow:hidden;
padding:0;
margin:0;
z-index:3;
/*background:var(--artist--ticker-bg-color,rgba(0,0,0,.02));*/
background:
radial-gradient(circle at 50% 50%,var(--artist-ticker-color-gradation,#3f3f3f) 0%,rgba(0,0,0,0) 58%),
linear-gradient(90deg,rgba(0,0,0,0),var(--artist-panel-bg,rgba(255,255,255,.04)),rgba(0,0,0,0));
}
.artist-divider::before{
content:"";
position:absolute;
inset:0;
z-index:4;
pointer-events:none;
background:linear-gradient(90deg,rgba(0,0,0,0),var(--artist-ticker-color-bg,var(--artist-bg-01,#050505)),rgba(0,0,0,0));
opacity:.5;
}
.artist-divider-ticker{
position:relative;
z-index:5;
overflow:hidden;
white-space:nowrap;
pointer-events:none;
color:var(--artist-ticker-color-text,var(--artist-text-01,#808080));
opacity:.05;
}
.artist-divider-line{
height:1px;
background:linear-gradient(90deg,rgba(255,255,255,0),var(--artist-ticker-color-stroke,#d8d8d8),rgba(255,255,255,0));
opacity:.15;
pointer-events:none;
position:relative;
z-index:5;
}
.artist-ticker-track{
display:flex;
align-items:center;
width:max-content;
animation:artistTicker 320s linear infinite;
will-change:transform;
}
.artist-ticker-track span,
.artist-ticker-track p,
.artist-ticker-track div{
white-space:nowrap;
}
.artist-ticker-track span{
display:inline-flex;
/*flex:0 0 auto;*/
align-items:center;
padding-right:.5em;
font-size:clamp(32px, calc(5.52vw + 14.33px), 85px);
font-weight:900;
line-height:1;
letter-spacing:-0.04em;
text-transform:uppercase;
opacity:1;
transform:scaleY(1.5) translateY(-.05em);
transform-origin:center center;
color:var(--artist-ticker-color-text,var(--artist-text-01,#808080));
-webkit-text-stroke:1px var(--artist-ticker-color-stroke,var(--artist-text-01,#808080));
/*text-shadow:0 0 22px var(--artist-ticker-color-gradation,rgba(255,255,255,.24));*/
}
@keyframes artistTicker{
from{transform:translateX(0);}
to{transform:translateX(-50%);}
}





/* Hero section */
.artist-hero{
position:relative;
height:100dvh;
min-height:680px;
overflow:hidden;
background:var(--artist-bg-01,#000);
color:var(--artist-text-01,#808080);
}
.artist-hero-photo{
position:absolute;
left:0;
top:0;
width:80%;
height:100%;
z-index:1;
overflow:hidden;
background:var(--artist-bg-01,#000);
mask-image:linear-gradient(to right,#000 0%,#000 80%,transparent 97%);
-webkit-mask-image:linear-gradient(to right,#000 0%,#000 80%,transparent 97%);
}
.artist-hero-photo img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:var(--hero-photo-x,50%) center;
transform:translateY(var(--hero-photo-y,-6%)) scale(var(--hero-photo-scale,1.14));
}
.artist-hero-jacket-bg{
position:absolute;
right:0;
top:0;
width:90%;
height:100%;
z-index:0;
background-image:var(--artist-photo-bg);
background-size:cover;
background-position:right center;
filter:blur(30px) brightness(1) saturate(1.1);
transform:scale(1.4);
opacity:1;
}
.artist-hero-name-vertical{
position:absolute;
left:90%;
top:20%;
z-index:5;
transform:translate(-50%,-50%);
display:flex;
flex-direction:column;
align-items:center;
gap:.28em;
color:var(--artist-hero-vertical-text-color,var(--artist-text-01,#fff));
font-size:clamp(18px,1.45vw,34px);
font-weight:300;
line-height:1;
letter-spacing:0;
text-transform:uppercase;
pointer-events:none;
opacity:0;
animation:heroFadeInVertical 2s cubic-bezier(.19,1,.22,1) .4s forwards;
/*animation-delay:.4s;*/
}
.artist-hero-name-vertical span{
display:block;
opacity:0;
transform:translateY(-24px);
filter:blur(8px);
color:var(--artist-hero-vertical-text-color,var(--artist-text-01,#fff));
}
body.is-loaded .artist-hero-name-vertical span{
animation:heroLetterIn .8s cubic-bezier(.19,1,.22,1) forwards;
animation-delay:calc(.4s + (var(--delay) * .12s));
color:var(--artist-hero-vertical-text-color,var(--artist-text-01,#fff));
}
@keyframes heroFadeInVertical{
	from{
	opacity:0;
	transform:translate(-50%,calc(-50% + 40px));
	filter:blur(8px);
	}
	to{
	opacity:1;
	transform:translate(-50%,-50%);
	filter:none;
	}
}
@keyframes heroLetterIn{
	from{
	opacity:0;
	transform:translateY(-24px);
	filter:blur(8px);
	}
	to{
	opacity:1;
	transform:none;
	filter:none;
	}
}
.artist-hero-name-vertical::before,
.artist-hero-name-vertical::after{
content:"";
display:block;
width:1px;
height:70px;
background:var(--artist-hero-vertical-text-color,var(--artist-text-01,#fff));
opacity:.8;
margin:.25em 0;
}
.artist-hero-overlay{
position:absolute;
left:0;
right:0;
bottom:-1px;
height:50%;
background:linear-gradient(to top, var(--artist-bg-01,rgba(0,0,0,1)) 1%, transparent 100%);
pointer-events:none;
z-index:6;
}
.artist-hero-content{
position:absolute;
left:0;
right:0;
bottom:0;
padding:0 6vw 3vw;
z-index:7;
color:var(--artist-text-01,#808080);
}
.artist-name-top{
position:relative;
margin-left:-0.04em;
font-size:min(var(--artist-name-size,16vw),270px);
font-family:"Oswald",'YakuHanJP','Noto Sans JP','Helvetica Neue','Yu Gothic','YuGothic','Hiragino Sans','Hiragino Kaku Gothic ProN',メイリオ,Meiryo,sans-serif;
font-weight:700;
line-height:1;
letter-spacing:-0.06em;
-webkit-text-stroke:1px var(--artist-name-stroke,var(--artist-name-stroke-color,rgba(255,255,255,.3)));
text-transform:uppercase;
text-align:left;
color:transparent;
background-image:
radial-gradient(circle at 20% 50%, var(--artist-name-color,rgba(255,255,255,.15)) 0%, transparent 75%),
var(--artist-topname-gradient);
background-clip:text;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
pointer-events:none;
padding:0 0 .05em;
opacity:0;
}
body.is-loaded .artist-name-top{
animation:heroFadeInBig 3s cubic-bezier(.19,1,.22,1) .8s forwards;
}
@keyframes heroFadeInBig{
	from{
	opacity:0;
	transform:translateY(-40px);
	filter:blur(10px);
	}
	to{
	opacity:1;
	transform:none;
	filter:none;
	}
}
.links-wrap ul{
display:flex;
gap:10px;
list-style:none;
padding:0;
margin:0;
opacity:0;
animation:heroFadeInlinks 2s cubic-bezier(.19,1,.22,1) .6s forwards;
}
@keyframes heroFadeInlinks{
	from{
	opacity:0;
	transform:translateY(-20px);
	filter:blur(10px);
	}
	to{
	opacity:1;
	transform:none;
	filter:none;
	}
}
.links-wrap.artist ul{
margin-left:-9px;
}
.links-wrap.music ul{
padding:1em 0;
}
.links-wrap .links-item a{
display:flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
color:var(--artist-link,var(--artist-link-01,#808080));
opacity:.9;
transition:.3s;
}
.links-wrap.music .links-item a{
width:48px;
height:48px;
color:var(--artist-accent-01,var(--artist-link,#808080));
}
.links-wrap .links-item a:hover{
opacity:1;
transform:translateY(-2px);
}
.links-wrap .links-item svg{
width:22px;
height:22px;
display:block;
}
.links-wrap.music .links-item svg{
width:24px;
height:24px;
}
.links-wrap .links-item svg path{
color:var(--artist-link,var(--artist-link-01,#808080));
}
.artist-hero-content .links-wrap .links-item svg path{
color:var(--artist-hero-link,var(--artist-link,#808080));
}
.links-wrap.music .links-item svg path{
color:var(--artist-accent-01,var(--artist-link,#808080));
}
@media(max-aspect-ratio:1/1){
	.artist-hero{
	min-height:560px;
	}
	.artist-hero-photo{
	width:100%;
	height:100%;
	mask-image:none;
	-webkit-mask-image:none;
	}
	.artist-hero-photo img{	
	object-fit:cover;
	object-position:var(--hero-photo-x-mb,50%) center;
	transform:translateY(var(--hero-photo-y,-6%)) scale(var(--hero-photo-scale,1.14));
	}
	.artist-hero-jacket-bg{
	display:none;
	}
	.artist-hero-name-vertical{
	left:95%;
	}
	.artist-hero-content{
	padding:0 6vw 6vw;
	}
	.artist-hero-overlay{
	background:linear-gradient(to top,var(--artist-bg-01,#000) 0%,var(--artist-bg-01,#000) 5%,transparent 58%);
	}
}





/* 自由入力（Custom）section */
.vpa-custom{
position:relative;
z-index:2;
overflow:hidden;
padding:clamp(80px, calc(19.8vw + 17px), 270px) 6vw;
background:var(--artist-custom-bg,transparent);
color:var(--artist-text-01,#808080);
}
.vpa-custom__inner{
position:relative;
z-index:2;
margin:0 auto;
padding:clamp(20px, calc(4.95vw + 4.25px), 67.5px) 0;
}
.vpa-custom__inner > *:first-child{
margin-top:0;
}
.vpa-custom__inner > *:last-child{
margin-bottom:0;
}
.vpa-custom__inner h1,
.vpa-custom__inner h2,
.vpa-custom__inner h3,
.vpa-custom__inner h4{
color:var(--artist-text-01,#808080);
}
.vpa-custom__inner p{
color:var(--artist-text-01,#808080);
}
.vpa-custom__inner a{
color:var(--artist-link,var(--artist-text-01,#808080));
text-decoration:none;
border-bottom:1px solid currentColor;
}
.vpa-custom__inner img{
display:block;
max-width:100%;
height:auto;
border-radius:clamp(10px,1.2vw,18px);
}
.vpa-custom__inner .accent{
color:var(--artist-text-02,#808080);
}




/* Profile section */
.artist-profile{
position:relative;
overflow:hidden;
padding:18vw 6vw;
padding:clamp(80px, calc(19.8vw + 17px), 270px) 6vw;
background:var(--artist-profile-bg,transparent);
color:var(--artist-text-01,#808080);
}
.artist-profile-inner{
position:relative;
z-index:2;
margin:0 auto;
}
.artist-profile-text{
position:relative;
padding:clamp(38.4px,calc(4vw + 25.6px),76.8px);
max-width:900px;
margin:0 auto;
}
.artist-profile-text p{
line-height:2;
font-size:clamp(14px,12px + 0.63vw,20px);
padding:.75em;
color:var(--artist-text-01,#808080);
}
.artist-profile-text::before{
content:"“";
position:absolute;
left:0;
top:0;
font-size:clamp(90px,10vw,170px);
line-height:.8;
color:var(--artist-text-01,#808080);
opacity:.75;
font-family:serif;
}
.artist-profile-text::after{
content:"”";
position:absolute;
right:0;
bottom:-0.55em;
font-size:clamp(90px,10vw,170px);
line-height:.8;
color:var(--artist-text-01,#808080);
opacity:.75;
font-family:serif;
}
.js-reveal{
opacity:0;
transform:translateY(36px);
filter:blur(8px);
transition:opacity .9s ease,transform .9s cubic-bezier(.19,1,.22,1),filter .9s ease;
}
.js-reveal.is-visible{
opacity:1;
transform:none;
filter:none;
}





/* SCHEDULE section */
.vpa-schedule{
position:relative;
z-index:2;
padding:clamp(80px, calc(19.8vw + 17px), 270px) 6vw;
overflow:hidden;
/*background-image:radial-gradient(circle at 100% 50%, var(--artist-bg-02,rgba(255,255,255,.15)) 0%, transparent 100%);*/
background:var(--artist-schedule-bg,transparent);
color:var(--artist-text-01,#808080);
}
/*.vpa-schedule:before{
content:"";
position:absolute;
inset:0;
z-index:0;
background:
radial-gradient(circle at 18% 18%,var(--artist-panel-bg,rgba(255,255,255,.04)) 0%,rgba(0,0,0,0) 38%),
radial-gradient(circle at 82% 78%,var(--artist-panel-bg-strong,rgba(255,255,255,.08)) 0%,rgba(0,0,0,0) 42%);
pointer-events:none;
}*/
.vpa-schedule__bg{
position:absolute;
left:50%;
top:28px;
transform:translateX(-50%);
z-index:0;
white-space:nowrap;
pointer-events:none;
opacity:.08;
}
.vpa-schedule__inner{
position:relative;
z-index:2;
width:min(1120px,90vw);
margin:0 auto;
padding:clamp(20px, calc(4.95vw + 4.25px), 67.5px) 0;
}
.vpa-schedule__list{
position:relative;
z-index:3;
display:grid;
gap:14px;
}
.vpa-schedule-ticket{
position:relative;
overflow:hidden;
/*background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));*/
border:1px solid var(--artist-panel-border,rgba(255,255,255,.14));
border-radius:22px;
background:
linear-gradient(135deg,var(--artist-panel-bg-strong,rgba(255,255,255,.08)),var(--artist-panel-bg,rgba(255,255,255,.04)));
box-shadow:0 24px 70px var(--artist-panel-shadow,rgba(0,0,0,.32));
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
}
.vpa-schedule-ticket:before{
content:"";
position:absolute;
inset:0;
z-index:0;
background:linear-gradient(90deg,var(--artist-gradation-01,rgba(255,255,255,.12)),rgba(255,255,255,0) 34%,rgba(255,255,255,0) 66%,var(--artist-gradation-04,rgba(255,255,255,.12)));
opacity:.12;
pointer-events:none;
}
.vpa-schedule-ticket__main{
display:grid;
grid-template-columns:76px 230px minmax(0,1fr);
gap:clamp(12px,1.8vw,22px);
align-items:center;
min-width:0;
}
.vpa-schedule-ticket__date{
display:block;
/*font-family:'Oswald','Noto Serif JP',serif;
font-size:clamp(22px,3vw,36px);*/
font-family:'Voltaire', sans-serif;
font-size:clamp(14px, calc(1.04vw + 10.7px), 24px);
letter-spacing:.02em;
line-height:1;
color:var(--artist-text-01,#808080);
white-space:normal;
}
.vpa-schedule-ticket__title{
display:-webkit-box;
min-width:0;
font-size:clamp(16px,1.55vw,22px);
font-weight:400;
letter-spacing:.04em;
line-height:1.5;
color:var(--artist-text-01,#808080);
overflow:hidden;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}
.vpa-schedule-ticket__sub{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
min-width:0;
}
.vpa-schedule-ticket__type,
.vpa-schedule-ticket__area,
.vpa-schedule-ticket__venue{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:28px;
padding:7px 11px;
border:1px solid var(--artist-panel-border,rgba(255,255,255,.14));
border-radius:999px;
font-family:'Oswald','Noto Serif JP',sans-serif;
font-size:12px;
font-weight:400;
letter-spacing:.12em;
line-height:1;
white-space:nowrap;
}
.vpa-schedule-ticket__area,
.vpa-schedule-ticket__venue{
border:none;
border-radius:0;
color:var(--artist-text-03,#d8d8d8);
background:var(--artist-panel-bg,rgba(255,255,255,.04));
}
.vpa-schedule-ticket__type{
width:76px;
min-width:76px;
color:var(--artist-bg-01,#050505);
background:var(--artist-text-01,#808080);
border-color:transparent;
font-weight:900;
}
.vpa-schedule-ticket__venue{
max-width:180px;
overflow:hidden;
text-overflow:ellipsis;
}
.vpa-schedule-ticket__toggle{
position:relative;
display:block;
width:22px;
height:22px;
border:1px solid var(--artist-panel-border,rgba(255,255,255,.16));
border-radius:50%;
}
.vpa-schedule-ticket__toggle:before,
.vpa-schedule-ticket__toggle:after{
content:"";
position:absolute;
left:50%;
top:50%;
width:9px;
height:1px;
background:var(--artist-text-01,#808080);
transform:translate(-50%,-50%);
transition:transform .35s ease,opacity .35s ease;
}
.vpa-schedule-ticket__toggle:after{
transform:translate(-50%,-50%) rotate(90deg);
}
.vpa-schedule-ticket__button[aria-expanded="true"] .vpa-schedule-ticket__toggle:after{
opacity:0;
transform:translate(-50%,-50%) rotate(0deg);
}
.vpa-schedule-ticket__button{
position:relative;
z-index:2;
display:grid;
grid-template-columns:minmax(0,1fr) auto 24px;
gap:clamp(14px,2.2vw,28px);
align-items:center;
width:100%;
padding:clamp(18px,2.7vw,30px);
border:0;
background:transparent;
color:inherit;
text-align:left;
cursor:pointer;
transition:opacity .3s ease,padding .35s cubic-bezier(.22,1,.36,1),background .35s ease;
}
.vpa-schedule-ticket__button[aria-expanded="true"]{
/*opacity:.42;
padding-top:clamp(13px,1.8vw,20px);
padding-bottom:clamp(13px,1.8vw,20px);
background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,0));*/
}
.vpa-schedule-ticket__button[aria-expanded="true"]:hover{
opacity:.72;
}
.vpa-schedule-ticket__button[aria-expanded="true"] .vpa-schedule-ticket__date{
opacity:.2;
}
.vpa-schedule-ticket__button[aria-expanded="true"] .vpa-schedule-ticket__title{
-webkit-line-clamp:1;
opacity:.2;
}
.vpa-schedule-ticket__button[aria-expanded="true"] .vpa-schedule-ticket__sub{
opacity:.5;
}
.vpa-schedule-ticket__content{
position:relative;
z-index:2;
}
.vpa-schedule-ticket__detail{
display:grid;
grid-template-columns:minmax(160px,260px) minmax(0,1fr);
gap:clamp(18px,3vw,34px);
align-items:stretch;
padding:0 clamp(18px,2.7vw,30px) clamp(20px,3vw,34px);
}
.vpa-schedule-ticket__image{
position:relative;
display:block;
width:100%;
height:auto;
min-height:0;
align-self:stretch;
padding:0;
border:1px solid var(--artist-panel-border,rgba(255,255,255,.14));
border-radius:16px;
overflow:hidden;
background:var(--artist-panel-bg,rgba(255,255,255,.04));
cursor:pointer;
}
.vpa-schedule-ticket__image img{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease;
}
.vpa-schedule-ticket__image:hover img{
transform:scale(1.035);
opacity:.9;
}
.vpa-schedule-ticket__body{
min-width:0;
}
.vpa-schedule-ticket__info{
display:grid;
gap:10px;
margin:0;
}
.vpa-schedule-ticket__full-title{
margin:0;
font-size:clamp(18px,2vw,28px);
font-weight:600;
letter-spacing:.04em;
line-height:1.55;
color:var(--artist-text-01,#808080);
border-bottom:1px solid var(--artist-panel-border,rgba(255,255,255,.12));
padding:0 0 10px;
}
.vpa-schedule-ticket__info div{
display:grid;
grid-template-columns:82px minmax(0,1fr);
gap:14px;
padding:0 0 10px;
border-bottom:1px solid var(--artist-panel-border,rgba(255,255,255,.12));
}
.vpa-schedule-ticket__info dt{
font-family:'Oswald','Noto Serif JP',sans-serif;
font-size:11px;
letter-spacing:.18em;
line-height:1.6;
color:var(--artist-text-03,#8f8f8f);
}
.vpa-schedule-ticket__info dd{
margin:0;
font-size:14px;
letter-spacing:.04em;
line-height:1.7;
color:var(--artist-text-01,#808080);
}
.vpa-schedule-ticket__note{
margin:18px 0 0;
font-size:14px;
letter-spacing:.04em;
line-height:1.9;
color:var(--artist-text-01,#808080);
}
.vpa-schedule-ticket__note p{
margin:0 0 .8em;
color:var(--artist-text-01,#808080);
}
.vpa-schedule-ticket__note p:last-child{
margin-bottom:0;
}
.vpa-schedule-ticket__links{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:2em 0 5px;
padding-top:1px;
}
.vpa-schedule-ticket__links a{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:118px;
min-height:38px;
padding:10px 18px;
border:1px solid var(--artist-panel-border,rgba(255,255,255,.14));
border-radius:8px;
font-size:13px;
font-weight:600;
letter-spacing:.16em;
line-height:1;
color:var(--artist-bg-01,#050505);
background:var(--artist-link,var(--artist-text-01,#808080));
text-decoration:none;
transition:opacity .25s ease,transform .25s ease;
opacity:.95;
}
.vpa-schedule-ticket__links a:hover{
opacity:1;
transform:translateY(-1px);
}
.vpa-schedule-modal{
position:fixed;
inset:0;
z-index:9999;
display:flex;
align-items:center;
justify-content:center;
padding:7vw;
background:rgba(0,0,0,.86);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .3s ease,visibility .3s ease;
}
.vpa-schedule-modal[aria-hidden="false"]{
opacity:1;
visibility:visible;
pointer-events:auto;
}
.vpa-schedule-modal__inner{
width:min(920px,100%);
max-height:82vh;
display:flex;
align-items:center;
justify-content:center;
}
.vpa-schedule-modal__inner img{
display:block;
max-width:100%;
max-height:82vh;
object-fit:contain;
box-shadow:0 24px 90px rgba(0,0,0,.48);
}
.vpa-schedule-modal__close{
position:absolute;
left:50%;
bottom:calc(22px + env(safe-area-inset-bottom));
z-index:2;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:96px;
min-height:36px;
padding:10px 18px;
border:1px solid rgba(255,255,255,.22);
border-radius:999px;
background:rgba(255,255,255,.08);
color:#fff;
font-family:'Oswald','Noto Serif JP',sans-serif;
font-size:12px;
letter-spacing:.16em;
cursor:pointer;
transform:translateX(-50%);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
}
body.is-vpa-schedule-modal-open{
overflow:hidden;
}
body.is-vpa-schedule-modal-open .artist-fixed-nav{
opacity:0;
visibility:hidden;
pointer-events:none;
}
.vpa-schedule-ticket__content{
position:relative;
z-index:2;
}
.vpa-schedule-ticket__content:not(.is-open){
pointer-events:none;
}
.vpa-schedule-ticket__detail{
transform:translateY(-4px);
transition:transform .46s cubic-bezier(.22,1,.36,1);
}
.vpa-schedule-ticket__content.is-open .vpa-schedule-ticket__detail{
transform:none;
}
@media(max-width:900px){
	.vpa-schedule-ticket__button{
	grid-template-columns:minmax(0,1fr) 24px;
	row-gap:6px;
	}
	.vpa-schedule-ticket__main{
	grid-template-columns:64px minmax(0,1fr);
	gap:10px 12px;
	}
	.vpa-schedule-ticket__type{
	grid-column:1/2;
	grid-row:1/2;
	width:66px;
	min-width:66px;
	}
	.vpa-schedule-ticket__date{
	grid-column:2/3;
	grid-row:1/2;
	}
	.vpa-schedule-ticket__title{
	line-height:1.42;
	grid-column:1/3;
	grid-row:2/3;
	font-size:clamp(18px, calc(0.63vw + 16px), 24px);
	}
	.vpa-schedule-ticket__sub{
	grid-column:1/2;
	justify-content:flex-start;
	flex-wrap:wrap;
	margin-top:-2px;
	gap:6px;
	}
	.vpa-schedule-ticket__toggle{
	grid-column:2/3;
	grid-row:1/3;
	}
	.vpa-schedule-ticket__detail{
	grid-template-columns:1fr;
	}
	.vpa-schedule-ticket__image{
	position:relative;
	height:auto;
	/*max-width:320px;
	aspect-ratio:4/3;*/
	aspect-ratio:2/1;
	align-self:auto;
	}
	.vpa-schedule-ticket__image img{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	}
}
@media(max-width:640px){
	.vpa-schedule-ticket{
	border-radius:18px;
	}
	.vpa-schedule-ticket__button{
	padding:18px;
	gap:12px;
	}
	.vpa-schedule-ticket__type,
	.vpa-schedule-ticket__area,
	.vpa-schedule-ticket__venue{
	min-height:25px;
	padding:6px 9px;
	font-size:10px;
	}
	.vpa-schedule-ticket__venue{
	max-width:160px;
	}
	.vpa-schedule-ticket__detail{
	padding:0 18px 22px;
	}
	.vpa-schedule-ticket__info div{
	grid-template-columns:1fr;
	gap:3px;
	}
	.vpa-schedule-ticket__links a{
	width:100%;
	}
	.vpa-schedule-modal{
	padding:6vw;
	}
	transform:translateX(-50%);
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
}






/* MV section */
.artist-mv{
position:relative;
overflow:hidden;
padding:clamp(80px,calc(19.8vw + 17px),270px) 6vw;
background:var(--artist-mv-bg,transparent);
color:var(--artist-text-01,#808080);
}
.artist-mv-bgimg{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:0;
background-image:var(--mv-thumbnail);
background-size:cover;
background-position:center center;
filter:blur(30px) brightness(.85) saturate(1);
transform:scale(1.1);
opacity:.5;
pointer-events:none;
}
.artist-mv-inner{
width:100%;
position:relative;
padding:clamp(20px,calc(4.95vw + 4.25px),67.5px) 0;
z-index:2;
margin:0 auto;
overflow:visible;
}
.artist-mv-vbox{
max-width:1280px;
margin:0 auto;
aspect-ratio:16/9;
background:var(--artist-bg-01,#000);
overflow:hidden;
border-radius:clamp(10px,1.2vw,18px);
box-shadow:0 0 60px rgba(0,0,0,.5);
}
.artist-mv-video{
margin:0 auto;
position:relative;
overflow:hidden;
border-radius:inherit;
cursor:pointer;
}
.artist-mv-video img{
display:block;
width:100%;
height:auto;
transition:transform .8s;
}
.artist-mv-video:hover img{
transform:scale(1.04);
}
.artist-mv-inner iframe{
display:block;
width:100%!important;
height:100%!important;
margin:0 auto;
padding:0;
overflow:hidden;
border:0;
border-radius:inherit;
}
.artist-mv-overlay{
position:absolute;
left:0;
right:0;
bottom:0;
z-index:2;
padding:clamp(20px,3vw,40px);
background:linear-gradient(to top,rgba(0,0,0,.85),transparent);
color:#fff;
}
.artist-mv-play{
display:inline-flex;
align-items:center;
justify-content:center;
padding:1em 1.6em;
border:1px solid rgba(255,255,255,.2);
border-radius:999px;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
font-size:clamp(10px,calc(9.33px + .21vw),12px);
letter-spacing:.25em;
text-transform:uppercase;
margin-bottom:16px;
color:#fff;
}
.artist-mv-title{
margin:0;
font-size:clamp(18px,calc(10.67px + 2.29vw),40px);
font-weight:900;
line-height:1;
letter-spacing:-.04em;
color:#fff;
}
@media(max-aspect-ratio:1/1){
	.artist-mv-inner{
	padding:clamp(40px,calc(9.9vw + 8.5px),135px) 0;
	}
}
@media(max-width:640px){
	.artist-mv-vbox{
	border-radius:12px;
	}
	.artist-mv-overlay{
	padding:18px;
	}
	.artist-mv-play{
	margin-bottom:12px;
	}
}





/* MUSIC section */
.vpa-music{
position:relative;
overflow:hidden;
padding:clamp(80px, calc(19.8vw + 17px), 270px) 6vw;
background:var(--artist-music-bg,transparent);
color:var(--artist-text-01,#808080);
}
.vpa-music__bg{
position:absolute;
inset:-10%;
background-size:cover;
background-position:center;
filter:blur(48px);
transform:scale(1.14);
opacity:.28;
transition:background-image .4s ease;
}
.artist-music-bg-top,
.artist-music-bg-bottom{
z-index:3;
}
.vpa-music__shade{
background:linear-gradient(90deg,var(--artist-bg-01,transparent) 0%,var(--artist-bg-02,transparent) 52%,var(--artist-bg-03,transparent) 100%);
opacity:.28;
}
.vpa-music__inner{
position:relative;
z-index:2;
max-width:1180px;
margin:0 auto;
padding:clamp(20px, calc(4.95vw + 4.25px), 67.5px) 0;
}
.vpa-music__panel{
position:relative;
}
.vpa-music__featured{
position:relative;
display:grid;
grid-template-columns:minmax(300px,440px) minmax(0,1fr);
gap:min(6vw,80px);
align-items:start;
}
.vpa-music__visual{
position:relative;
display:grid;
gap:22px;
}
.vpa-music__jacket{
display:block;
width:100%;
aspect-ratio:1/1;
object-fit:cover;
}
.vpa-music__mv-wrap{
position:relative;
width:100%;
}
.vpa-music__mv{
position:relative;
display:block;
width:100%;
padding:0;
border:none;
background:rgba(0,0,0,.5);
color:var(--artist-text-01,#808080);
text-decoration:none;
cursor:pointer;
overflow:hidden;
}
.vpa-music__mv-img{
display:block;
width:100%;
aspect-ratio:16/9;
object-fit:cover;
filter:saturate(.95) contrast(1.05);
transition:transform .8s;
}
.vpa-music__mv:hover img{
transform:scale(1.04);
}
.vpa-music__mv span{
position:absolute;
left:0;
right:0;
bottom:0;
display:block;
padding:14px;
background:linear-gradient(180deg,transparent,rgba(0,0,0,1));
font-size:10px;
letter-spacing:.24em;
line-height:1;
text-align:center;
color:#fff;
opacity:.75;
/*border:1px solid rgba(255,255,255,.2);
border-radius:999px;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);*/
}
.vpa-music__movie-frame{
display:block;
width:100%;
aspect-ratio:16/9;
border:0;
}
.vpa-music__summary{
position:relative;
min-width:0;
}
.vpa-music__label{
font-family:'Voltaire', sans-serif;
/*color:var(--artist-bg-01,#000);
background:linear-gradient(90deg,var(--artist-accent-01,#333),transparent 50%);
margin-bottom:0.9em;
padding:.3em 0 .3em .3em;
letter-spacing:.1em;
opacity:.5;*/
margin:0 0 1.1em;
font-size:clamp(12px,.35vw + 11px,15px);
font-weight:400;
letter-spacing:.18em;
line-height:1;
color:var(--artist-accent-01,var(--artist-text-02,#ddd));
opacity:.5;
}
.vpa-music__title{
margin:0;
/*font-size:clamp(38px,6.2vw,82px);*/
font-size:clamp(26px, 4vw, 40px);
font-weight:700;
letter-spacing:.015em;
line-height:.96;
color:var(--artist-text-01,#808080);
}
.vpa-music__meta{
margin:1.8em 0 0;
}
.vpa-music__meta-item{
display:inline-block;
min-width:0;
padding:0 10px 7px 0;
}
.vpa-music__meta-item span{
padding-right:3px;
font-size:clamp(11px, 0.2vw + 10.4px, 13px);
font-family:'Voltaire', sans-serif;
font-weight:bold;
letter-spacing:.1em;
line-height:1;
color:var(--artist-text-01,#808080);
opacity:.75;
}
.vpa-music__meta-item b{
overflow:hidden;
font-size:clamp(11px, 0.2vw + 10.4px, 13px);
letter-spacing:.1em;
line-height:1;
color:var(--artist-text-01,#808080);
white-space:nowrap;
text-overflow:ellipsis;
}
.vpa-music__catch_wrap{
position:relative;
margin:1.8em 0 0;
}
.vpa-music__catch::before,
.vpa-music__catch::after{
content:"";
position:absolute;
left:0;
width:100%;
height:1px;
pointer-events:none;
background:linear-gradient(90deg,var(--artist-accent-01,#808080) 50%,transparent);
}
.vpa-music__catch::before{
top:0;
}
.vpa-music__catch::after{
bottom:0;
}
.vpa-music__catch{
/*padding:.25em 0;
font-size:clamp(18px,2.3vw,27px);
line-height:1.65;
letter-spacing:.08em;*/
padding:clamp(16px,2vw,24px) 0;
font-size:clamp(17px,1.45vw,26px);
font-weight:500;
line-height:1.5;
letter-spacing: -0.02em;
color:var(--artist-text-01,#808080);
white-space:pre-line;
}
.vpa-music__links{
margin-top:1.2em;
}
.vpa-music__links ul{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:0;
padding:0!important;
list-style:none;
}
.vpa-music__links li{
margin:0;
padding:0;
}
.vpa-music__links a{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:52px;
height:52px;
border:1px solid rgba(255,255,255,.1);
background:rgba(255,255,255,.04);
color:var(--artist-music-icon,var(--artist-text-01,#808080));
text-decoration:none;
overflow:hidden;
}
.vpa-music__links svg{
position:relative;
z-index:1;
display:block;
width:22px;
height:22px;
fill:currentColor;
}
.vpa-music__links span{
position:relative;
z-index:1;
font-size:10px;
letter-spacing:.08em;
}
.vpa-music__intro-block{
margin:0.8em 0 0;
}
.vpa-music__lyrics-block{
margin:1.3em 0 0;
}
.vpa-music__lyrics-button{
position:relative;
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:14px;
width:100%;
margin:0;
padding:18px 0;
border:0;
border-top:1px solid var(--artist-panel-border,rgba(255,255,255,.14));
border-bottom:1px solid var(--artist-panel-border,rgba(255,255,255,.14));
background:transparent;
color:var(--artist-text-01,#808080);
text-align:left;
cursor:pointer;
}
.vpa-music__lyrics-button:before{
content:"";
display:block;
width:clamp(34px,4vw,58px);
height:1px;
background:linear-gradient(90deg,var(--artist-text-01,#808080),rgba(255,255,255,0));
opacity:.72;
}
.vpa-music__lyrics-button:after{
content:"+";
display:flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
/*border:1px solid var(--artist-panel-border,rgba(255,255,255,.16));
border-radius:50%;*/
font-family:'Oswald','Noto Serif JP',sans-serif;
font-size:20px;
font-weight:300;
line-height:1;
color:var(--artist-text-01,#808080);
/*background:var(--artist-panel-bg,rgba(255,255,255,.04));*/
transition:transform .35s ease,background .35s ease,border-color .35s ease;
}
.vpa-music__lyrics-button[aria-expanded="true"]:after{
content:"−";
}
.vpa-music__lyrics-button span{
display:flex;
flex-direction:column;
gap:7px;
padding:0;
font-family:'Voltaire',sans-serif;
font-size:clamp(20px,2.2vw,30px);
font-weight:400;
letter-spacing:.1em;
line-height:1;
color:var(--artist-text-01,#808080);
transition:opacity .3s ease,transform .3s ease;
}
.vpa-music__lyrics-button span:after{
content:"READ THE WORDS";
font-family:'Oswald','Noto Serif JP',sans-serif;
font-size:10px;
font-weight:300;
letter-spacing:.22em;
line-height:1;
color:var(--artist-text-01,#808080);
opacity:.9;
}
.vpa-music__lyrics-button:hover span{
opacity:1;
transform:translateX(2px);
}
.vpa-music__lyrics-button:hover:after{
transform:scale(1.04);
}
.vpa-music__lyrics-content .artist-toggle-content-inner{
position:relative;
padding-top:clamp(18px,2.4vw,30px);
}
.vpa-music__lyrics{
position:relative;
z-index:1;
padding:clamp(24px,4vw,48px);
border:1px solid var(--artist-panel-border,rgba(255,255,255,.12));
background:linear-gradient(135deg,var(--artist-panel-bg-strong,rgba(255,255,255,.08)),var(--artist-panel-bg,rgba(255,255,255,.03)));
box-shadow:0 24px 70px var(--artist-panel-shadow,rgba(0,0,0,.28));
line-height:2;
}
.vpa-music__intro-content,
.vpa-music__lyrics-content{
padding:0;
}
.vpa-music__intro-text,
.vpa-music__lyrics{
margin:0;
font-size:clamp(14px, 13.33px + 0.21vw, 16px);
line-height:2;
color:var(--artist-text-01,#808080);
white-space:pre-line;
}
.vpa-music__intro-text{
padding-bottom:2.8em;
}
.vpa-music__lyrics{
padding-bottom:1.8em;
}
.vpa-music__lyrics-block{
margin:0;
}
.vpa-music__disc{
position:relative;
clear:both;
margin:1.5em 0 0;
padding-top:clamp(28px,4vw,44px);
}
.vpa-music__disc-label{
margin:0 0 .5em;
font-size:clamp(24px,calc(1.04vw + 20.7px),34px);
letter-spacing:.05em;
line-height:1;
color:var(--artist-accent-01,#808080);
font-family:'Voltaire', sans-serif;
font-weight:700;
}
.vpa-music__disc-list{
display:grid;
/*grid-template-columns:repeat(5,minmax(0,1fr));*/
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
padding-top:4px;
}
.vpa-music__disc-item{
position:relative;
display:block;
padding:0;
border:1px solid rgba(255,255,255,.05);
background:rgba(255,255,255,.035);
color:var(--artist-text-01,#808080);
text-align:left;
cursor:pointer;
overflow:hidden;
transition:border-color .3s ease,background .3s ease,transform .3s ease;
}
.vpa-music__disc-item::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.78));
pointer-events:none;
}
.vpa-music__disc-item img{
display:block;
width:100%;
aspect-ratio:1/1;
object-fit:cover;
}
.vpa-music__disc-item span{
position:absolute;
left:0;
right:0;
bottom:0;
z-index:1;
display:block;
padding:14px;
}
.vpa-music__disc-item b{
display:block;
overflow:hidden;
font-size:13px;
font-weight:500;
letter-spacing:.06em;
line-height:1.5;
white-space:nowrap;
text-overflow:ellipsis;
color:#fff;
}
.vpa-music__disc-item em{
display:block;
overflow:hidden;
margin:3px 0 0;
font-size:10px;
font-style:normal;
letter-spacing:.16em;
line-height:1.25;
color:rgba(255,255,255,.72);
white-space:nowrap;
text-overflow:ellipsis;
}
.vpa-music__disc-item:hover{
transform:translateY(-4px);
border-color:rgba(255,255,255,.25);
background:rgba(255,255,255,.06);
}
.vpa-music__disc-item.is-active{
border-color:var(--artist-accent-01,#808080);
}
.vpa-music__disc-item.is-active::before{
content:"FEATURED";
position:absolute;
left:12px;
top:12px;
z-index:2;
padding:4px;
background:var(--artist-accent-01,#000);
color:var(--artist-text-01,#fff);
font-size:10px;
font-weight:900;
font-family:"Oswald", sans-serif;
line-height:1;
filter:saturate(1.3);
box-shadow:0 0 10px rgba(0,0,0,1);
}
.vpa-music .artist-toggle-content{
height:0;
overflow:hidden;
opacity:0;
transform:translateY(-6px);
transition:height .46s cubic-bezier(.22,1,.36,1),opacity .28s ease,transform .46s cubic-bezier(.22,1,.36,1);
will-change:height,opacity,transform;
}
.vpa-music .artist-toggle-content.is-open{
opacity:1;
transform:none;
}
.vpa-music .artist-toggle-content-inner{
padding-top:0;
}
.vpa-music__intro-content,
.vpa-music__lyrics-content{
padding:0;
}

.vpa-music__about-group{
width:100%;
/*margin-top:26px;
padding-top:23px;
border-top:1px solid rgba(255,255,255,.12);*/
}
.vpa-music__about-label{
font-family:"Voltaire",sans-serif;
font-size:clamp(20px,2.2vw,30px);
font-weight:400;
letter-spacing:.1em;
line-height:1;
color:var(--artist-text-01,#808080);
padding-top:2.2em;
}
.vpa-music__intro-text,
.vpa-music__lyrics{
margin:0;
font-size:clamp(14px,13.33px + .21vw,16px);
line-height:1.5;
color:var(--artist-text-01,#fff);
/*white-space:pre-line;*/
}
.vpa-music__intro-text{
padding-bottom:2.2em;
}
.vpa-music__lyrics{
padding-bottom:1.8em;
}
.vpa-music__intro-block,
.vpa-music__lyrics-block{
clear:both;
width:100%;
}
.vpa-music__intro-content{
display:block!important;
height:auto!important;
max-height:none!important;
overflow:visible!important;
opacity:1!important;
transform:none!important;
padding-top:1.2em!important;
}
.vpa-music__intro-button{
display:none!important;
}
.vpa-music__intro-block{
margin:0;
}
@media (max-width:1000px){
	.vpa-music__featured{
	grid-template-columns:1fr;
	gap:33px;
	}
	.vpa-music__summary{
	width:min(540px,100%);
	margin:0 auto;
	}
	.vpa-music__visual{
	width:min(540px,100%);
	margin:0 auto;
	}
}
.vpa-music__jacket,
.vpa-music__mv,
.vpa-music__disc-item{
border-radius:clamp(6px,.7vw,12px);
overflow:hidden;
}
@media(max-width:900px){
	.vpa-music__disc-list{
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:12px;
	padding:4px 0;
	}
	.vpa-music__disc-item{
	flex:0 0 38vw;
	/*max-width:148px;*/
	scroll-snap-align:start;
	}
}
@media(max-width:767px){
	/*.vpa-music__disc-list{
	display:flex;
	gap:12px;
	overflow-x:auto;
	overflow-y:hidden;
	padding:4px 0;
	scroll-snap-type:x mandatory;
	-webkit-overflow-scrolling:touch;
	}
	.vpa-music__disc-list::-webkit-scrollbar{
	display:none;
	}*/
	.vpa-music__lyrics{
	max-width:none;
	padding:24px 20px;
	line-height:2;
	}
	.vpa-music__lyrics-button{
	padding:15px 0;
	}
}
@media (max-width:640px){
	.vpa-music__disc-list{
	grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.vpa-music__visual{
	gap:18px 0;
	}
	.vpa-music__links a{
	width:50px;
	height:50px;
	}
	.vpa-music__meta-item b{
	white-space:normal;
	}
}





/* Contact section */
.artist-ending-contact{
position:relative;
overflow:hidden;
padding:clamp(80px, calc(19.8vw + 17px), 270px) 6vw;
/*background:var(--artist-contact-bg,transparent);*/
background:transparent;
color:var(--artist-text-01,#808080);
}
.artist-contact-bg-bottom.section-title-bg.btm{
font-size:min(var(--ending-font-size,22vw),270px);
}
.artist-ending-contact__inner{
position:relative;
z-index:2;
width:min(1120px,88vw);
margin:0 auto;
overflow:visible;
padding:clamp(20px, calc(4.95vw + 4.25px), 67.5px) 0;
}
.artist-ending-contact__card{
position:relative;
display:grid;
grid-template-columns:minmax(260px,380px) minmax(0,1fr);
gap:clamp(34px,6vw,82px);
align-items:stretch;
padding:clamp(24px,4vw,52px);
border:1px solid var(--artist-panel-border,rgba(255,255,255,.13));
background:linear-gradient(135deg,var(--artist-panel-bg-strong,rgba(255,255,255,.075)),var(--artist-panel-bg,rgba(255,255,255,.018)));
box-shadow:0 32px 90px var(--artist-panel-shadow,rgba(0,0,0,.34));
overflow:hidden;
}
.artist-ending-contact__card::before{
content:"";
position:absolute;
inset:0;
background:radial-gradient(circle at 15% 10%,var(--artist-panel-bg-strong,rgba(255,255,255,.12)),transparent 36%);
pointer-events:none;
}
.artist-ending-contact__visual{
position:relative;
z-index:1;
min-height:420px;
aspect-ratio:2/3;
overflow:hidden;
border:1px solid var(--artist-panel-border,rgba(255,255,255,.15));
background:var(--artist-panel-bg,rgba(255,255,255,.04));
}
.artist-ending-contact__visual::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.42));
pointer-events:none;
}
.artist-ending-contact__visual img{
display:block;
width:100%;
height:100%;
object-fit:cover;
filter:saturate(.92) contrast(1.05);
}
.artist-ending-contact__body{
position:relative;
z-index:1;
display:grid;
align-content:space-between;
gap:26px;
min-width:0;
}
.artist-ending-contact__title,
.artist-ending-contact__discover-title{
font-family:"Voltaire",sans-serif;
font-weight:700;
line-height:.88;
color:var(--artist-text-01,#808080);
text-transform:uppercase;
text-align:center;
}
.artist-ending-contact__title{
margin-top:.15em;
font-size:clamp(23px, calc(3.85vw + 10.67px), 60px);
letter-spacing:.06em;
}
.artist-ending-contact__discover-title{
margin:30px 0;
font-size:clamp(21px, calc(3.85vw + 8.7px), 58px);
letter-spacing:.03em;
}
.artist-ending-contact__text{
width:min(520px,100%);
margin:18px auto 0;
font-size:clamp(12px,calc(0.21vw + 11.33px),14px);
line-height:2;
color:var(--artist-text-01,#808080);
text-align:center;
opacity:.9;
}
.artist-ending-contact__links,
.artist-ending-contact__discover-links{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:3%;
padding-top:4px;
}
.artist-ending-contact__link{
width:30%;
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:0;
min-height:140px;
padding:22px 16px;
border:1px solid var(--artist-panel-border,rgba(255,255,255,.12));
background:linear-gradient(135deg,var(--artist-panel-bg-strong,rgba(255,255,255,.08)),var(--artist-panel-bg,rgba(255,255,255,.02)));
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
text-decoration:none;
overflow:hidden;
transition:.35s;
}
.artist-ending-contact__link:hover{
transform:translateY(-4px);
background:linear-gradient(135deg,var(--artist-panel-bg-strong,rgba(255,255,255,.12)),var(--artist-panel-bg,rgba(255,255,255,.03)));
}
.artist-ending-contact__link::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,var(--artist-panel-bg-strong,rgba(255,255,255,.08)),transparent);
transform:translateX(-100%);
transition:transform .55s cubic-bezier(.22,1,.36,1);
}
.artist-ending-contact__link:hover::before{
transform:translateX(0);
}
.artist-ending-contact__icon{
display:flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
padding-bottom:24px;
color:var(--artist-accent-02,var(--artist-text-01,#808080));
}

.artist-ending-contact__icon svg{
width:22px;
height:22px;
fill:currentColor;
}
.artist-ending-contact__icon svg path{
color:var(--artist-accent-02,var(--artist-text-01,#808080));
}
.artist-ending-contact__name{
font-family:"Oswald",sans-serif;
font-size:clamp(9px,0.2vw + 8.4px,11px);
font-weight:300;
line-height:1;
letter-spacing:.15em;
text-transform:uppercase;
color:var(--artist-accent-02,var(--artist-text-01,#808080));
text-align:center;
padding-bottom:7px;
}
.artist-ending-contact__action{
font-family:"Oswald",sans-serif;
font-size:clamp(9px,0.2vw + 8.4px,11px);
font-weight:300;
line-height:1;
letter-spacing:.12em;
text-transform:uppercase;
color:var(--artist-accent-02,var(--artist-text-01,#808080));
text-align:center;
opacity:.5;
}
@media(max-width:900px){
	.artist-ending-contact__card{
	grid-template-columns:1fr;
	border:none;
	background:none;
	box-shadow:none;
	}
	.artist-ending-contact__visual{
	min-height:auto;
	aspect-ratio:4/5;
	}
}
@media(max-width:640px){
	.artist-ending-contact__inner{
	/*width:min(100% - 36px,620px);*/
	width:min(100%,620px);
	}
	.artist-ending-contact__discover-title{
	margin:20px 0 30px;
	}
	.artist-ending-contact__card{
	padding:24px;
	gap:30px;
	}
	.artist-ending-contact__link{
	min-height:130px;
	}
}





/* footer section */
.artist-ending-big-01{
position:relative;
z-index:2;
overflow:hidden;
padding:0;
background:transparent;
color:var(--artist-text-01,#808080);
}
.artist-ending-big-01-sub{
position:relative;
display:block;
margin-left:-.07em;
margin-top:-.09em;
padding:0;
font-size:min(var(--ending-font-size,22vw),270px);
font-family:"Oswald",sans-serif;
font-weight:700;
line-height:.9;
letter-spacing:-.06em;
color:var(--artist-text-01,#808080);
opacity:var(--artist-big-text-opacity,.05);
pointer-events:none;
white-space:nowrap;
text-transform:uppercase;
}


.artist-produced-wrap{
position:relative;
z-index:5;
width:100%;
/*background:var(--artist-panel-bg,rgba(0,0,0,.34));*/
background:rgba(255,255,255,.05);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
padding:1em;
text-align:right;
/*border-top:1px solid var(--artist-panel-border,rgba(255,255,255,.08));*/
}
.artist-produced{
display:inline-block;
text-decoration:none;
padding:0 0 4px;
}
.artist-produced span{
font-size:9px;
letter-spacing:.24em;
line-height:1;
color:var(--artist-text-01,#808080);
opacity:.7;
}
.artist-produced b{
padding-left:.2em;
font-size:10px;
font-weight:400;
letter-spacing:.24em;
line-height:1;
color:var(--artist-text-01,#808080);
transition:color .25s linear,opacity .25s linear;
opacity:.8;
}
.artist-produced:hover b{
color:var(--artist-text-01,#808080);
opacity:1;
}




/* big text */
.section-title-bg,
.artist-ending-big-01-sub{
z-index:10;
}





/* Music single page */
.vpa-music-single{
position:relative;
overflow:hidden;
background-color:var(--artist-bg-01,#111214);
background-image:var(--artist-page-bg,linear-gradient(135deg,var(--artist-bg-01,#111214),var(--artist-bg-02,#1b1d21),var(--artist-bg-03,#08090b)));
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
color:var(--artist-text-01,#fff);
}
.vpa-music-single-hero{
position:relative;
min-height:100dvh;
display:flex;
align-items:center;
padding:clamp(90px,12vw,170px) 6vw;
}
.vpa-music-single-hero__inner{
position:relative;
z-index:2;
width:min(1180px,100%);
margin:0 auto;
display:grid;
grid-template-columns:minmax(280px,460px) minmax(0,1fr);
gap:clamp(34px,6vw,86px);
align-items:center;
}
.vpa-music-single-hero__jacket{
position:relative;
overflow:hidden;
aspect-ratio:1/1;
background:var(--artist-panel-bg,rgba(255,255,255,.04));
box-shadow:0 34px 90px var(--artist-panel-shadow,rgba(0,0,0,.34));
border:1px solid var(--artist-panel-border,rgba(255,255,255,.12));
}
.vpa-music-single-hero__jacket:before{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,0) 42%);
pointer-events:none;
}
.vpa-music-single-hero__jacket img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.vpa-music-single-hero__body{
min-width:0;
}
.vpa-music-single-hero__label{
margin:0 0 1.1em;
font-family:'Voltaire',sans-serif;
font-size:clamp(12px,.35vw + 11px,15px);
font-weight:700;
letter-spacing:.18em;
line-height:1;
color:var(--artist-accent-01,var(--artist-text-02,#ddd));
}
.vpa-music-single-hero__title{
margin:0;
font-family:"Oswald",'YakuHanJP','Noto Sans JP','Helvetica Neue','Yu Gothic','YuGothic','Hiragino Sans','Hiragino Kaku Gothic ProN',メイリオ,Meiryo,sans-serif;
font-size:clamp(44px,8vw,118px);
font-weight:700;
letter-spacing:-.055em;
line-height:.9;
color:var(--artist-text-01,#fff);
text-transform:uppercase;
}
.vpa-music-single-hero__artist{
margin:1.1em 0 0;
font-family:'Voltaire',sans-serif;
font-size:clamp(18px,1.6vw,30px);
font-weight:700;
letter-spacing:.08em;
line-height:1.1;
color:var(--artist-text-02,var(--artist-text-01,#fff));
text-transform:uppercase;
}
.vpa-music-single-hero__artist a{
color:inherit;
text-decoration:none;
}
.vpa-music-single-hero__artist a:hover{
color:var(--artist-link,var(--artist-text-01,#fff));
}
.vpa-music-single-hero__catch{
position:relative;
margin:clamp(24px,3vw,42px) 0 0;
padding:clamp(16px,2vw,24px) 0;
font-size:clamp(17px,1.45vw,26px);
font-weight:500;
letter-spacing:.08em;
line-height:1.75;
color:var(--artist-text-01,#fff);
}
.vpa-music-single-hero__catch:before,
.vpa-music-single-hero__catch:after{
content:"";
position:absolute;
left:0;
width:100%;
height:1px;
background:linear-gradient(90deg,var(--artist-accent-01,var(--artist-text-02,#ddd)),transparent);
opacity:.72;
}
.vpa-music-single-hero__catch:before{
top:0;
}
.vpa-music-single-hero__catch:after{
bottom:0;
}
.vpa-music-single-hero__links{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:clamp(24px,3vw,40px) 0 0;
}
.vpa-music-single-hero__links a{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:52px;
height:52px;
border:1px solid var(--artist-panel-border,rgba(255,255,255,.12));
background:linear-gradient(135deg,var(--artist-panel-bg-strong,rgba(255,255,255,.08)),var(--artist-panel-bg,rgba(255,255,255,.03)));
color:var(--artist-accent-01,var(--artist-link,#fff));
text-decoration:none;
overflow:hidden;
transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.vpa-music-single-hero__links a:hover{
transform:translateY(-3px);
border-color:var(--artist-accent-01,var(--artist-panel-border,rgba(255,255,255,.24)));
}
.vpa-music-single-hero__links svg{
display:block;
width:22px;
height:22px;
fill:currentColor;
}
.vpa-music-single-hero__links svg path{
color:currentColor;
fill:currentColor;
}
.vpa-music-single-detail{
position:relative;
padding:0 6vw clamp(90px,12vw,170px);
}
.vpa-music-single-detail__inner{
width:min(980px,100%);
margin:0 auto;
}
.vpa-music-single-detail__meta{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:0 0 clamp(38px,5vw,70px);
padding:clamp(18px,2.4vw,28px);
border:1px solid var(--artist-panel-border,rgba(255,255,255,.12));
background:linear-gradient(135deg,var(--artist-panel-bg-strong,rgba(255,255,255,.07)),var(--artist-panel-bg,rgba(255,255,255,.025)));
}
.vpa-music-single-detail__meta div{
display:flex;
align-items:baseline;
gap:7px;
padding:6px 12px 6px 0;
}
.vpa-music-single-detail__meta span{
font-family:'Voltaire',sans-serif;
font-size:13px;
font-weight:700;
letter-spacing:.12em;
line-height:1;
color:var(--artist-accent-01,var(--artist-text-02,#ddd));
}
.vpa-music-single-detail__meta b{
font-size:13px;
font-weight:400;
letter-spacing:.08em;
line-height:1.4;
color:var(--artist-text-02,var(--artist-text-01,#fff));
}
.vpa-music-single-detail__block{
position:relative;
margin:0 0 clamp(48px,6vw,82px);
}
.vpa-music-single-detail__block h2{
margin:0 0 clamp(18px,2.6vw,32px);
font-family:'Voltaire',sans-serif;
font-size:clamp(24px,3.4vw,48px);
font-weight:700;
letter-spacing:.08em;
line-height:1;
color:var(--artist-text-01,#fff);
text-transform:uppercase;
}
.vpa-music-single-detail__block p{
margin:0;
font-size:clamp(14px,13.33px + .21vw,16px);
line-height:2.15;
letter-spacing:.055em;
color:var(--artist-text-02,var(--artist-text-01,#fff));
}
.vpa-music-single-detail__lyrics{
position:relative;
width:min(760px,100%);
padding:clamp(24px,4vw,48px);
border:1px solid var(--artist-panel-border,rgba(255,255,255,.12));
background:linear-gradient(135deg,var(--artist-panel-bg-strong,rgba(255,255,255,.08)),var(--artist-panel-bg,rgba(255,255,255,.03)));
box-shadow:0 24px 70px var(--artist-panel-shadow,rgba(0,0,0,.28));
font-family:'Noto Serif JP',serif;
white-space:pre-line;
}
.vpa-music-private{
min-height:100dvh;
background-color:var(--artist-bg-01,#111214);
background-image:var(--artist-page-bg,linear-gradient(135deg,var(--artist-bg-01,#111214),var(--artist-bg-02,#1b1d21),var(--artist-bg-03,#08090b)));
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
color:var(--artist-text-01,#fff);
}
.vpa-music-private__section{
min-height:100dvh;
display:flex;
align-items:center;
justify-content:center;
padding:90px 6vw;
}
.vpa-music-private__inner{
width:min(520px,100%);
margin:0 auto;
padding:clamp(26px,4vw,48px);
border:1px solid var(--artist-panel-border,rgba(255,255,255,.14));
background:linear-gradient(135deg,var(--artist-panel-bg-strong,rgba(255,255,255,.08)),var(--artist-panel-bg,rgba(255,255,255,.03)));
box-shadow:0 24px 70px var(--artist-panel-shadow,rgba(0,0,0,.28));
text-align:center;
}
.vpa-music-private__label{
margin:0 0 16px;
font-family:'Voltaire',sans-serif;
font-size:13px;
font-weight:700;
letter-spacing:.18em;
line-height:1;
color:var(--artist-accent-01,var(--artist-text-02,#ddd));
}
.vpa-music-private__title{
margin:0;
font-family:'Oswald','YakuHanJP','Noto Sans JP','Helvetica Neue','Yu Gothic','YuGothic','Hiragino Sans','Hiragino Kaku Gothic ProN',メイリオ,Meiryo,sans-serif;
font-size:clamp(34px,5vw,64px);
font-weight:700;
line-height:1;
letter-spacing:-.03em;
color:var(--artist-text-01,#fff);
}
.vpa-music-private__text{
margin:22px 0 0;
font-size:14px;
line-height:1.9;
letter-spacing:.04em;
color:var(--artist-text-02,var(--artist-text-01,#fff));
}
.vpa-music-private__error{
margin:18px 0 0;
font-size:13px;
line-height:1.7;
letter-spacing:.04em;
color:var(--artist-accent-01,#fff);
}
.vpa-music-private__form{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:10px;
margin:26px 0 0;
}
.vpa-music-private__form input{
min-width:0;
height:48px;
padding:0 16px;
border:1px solid var(--artist-panel-border,rgba(255,255,255,.16));
background:var(--artist-panel-bg,rgba(255,255,255,.04));
color:var(--artist-text-01,#fff);
font-family:'Oswald','Noto Serif JP',sans-serif;
font-size:14px;
letter-spacing:.16em;
outline:none;
}
.vpa-music-private__form input::placeholder{
color:var(--artist-text-03,rgba(255,255,255,.45));
}
.vpa-music-private__form button{
height:48px;
padding:0 20px;
border:1px solid var(--artist-panel-border,rgba(255,255,255,.16));
background:var(--artist-text-01,#fff);
color:var(--artist-bg-01,#111214);
font-family:'Oswald','Noto Serif JP',sans-serif;
font-size:12px;
letter-spacing:.18em;
cursor:pointer;
transition:opacity .25s ease,transform .25s ease;
}
.vpa-music-private__form button:hover{
opacity:.86;
transform:translateY(-1px);
}
.vpa-music-single-detail__movie{
position:relative;
margin:0 0 clamp(48px,6vw,82px);
}
.vpa-music-single-detail__movie h2{
margin:0 0 clamp(18px,2.6vw,32px);
font-family:'Voltaire',sans-serif;
font-size:clamp(24px,3.4vw,48px);
font-weight:700;
letter-spacing:.08em;
line-height:1;
color:var(--artist-text-01,#fff);
text-transform:uppercase;
}
.vpa-music-single-detail__movie-frame{
position:relative;
overflow:hidden;
width:100%;
aspect-ratio:16/9;
border:1px solid var(--artist-panel-border,rgba(255,255,255,.12));
background:var(--artist-panel-bg,rgba(255,255,255,.04));
box-shadow:0 24px 70px var(--artist-panel-shadow,rgba(0,0,0,.28));
border-radius:clamp(10px,1.2vw,18px);
}
.vpa-music-single-detail__movie-frame iframe{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
border:0;
}
@media(max-width:900px){
	.vpa-music-single-hero__inner{
	grid-template-columns:1fr;
	width:min(560px,100%);
	}
	.vpa-music-single-hero{
	align-items:flex-start;
	padding-top:110px;
	}
	.vpa-music-single-hero__title{
	font-size:clamp(42px,13vw,88px);
	}
}
@media(max-width:640px){
	.vpa-music-single-hero{
	min-height:auto;
	padding:96px 5vw 70px;
	}
	.vpa-music-single-detail{
	padding:0 5vw 90px;
	}
	.vpa-music-single-detail__meta{
	display:block;
	}
	.vpa-music-single-detail__meta div{
	padding:7px 0;
	}
	.vpa-music-single-detail__lyrics{
	padding:24px 20px;
	line-height:2.05;
	}
	.vpa-music-private__form{
	grid-template-columns:1fr;
	}
	.vpa-music-private__form button{
	width:100%;
	}
}

.vpa-artist-password{
min-height:100dvh;
display:flex;
align-items:center;
justify-content:center;
padding:90px 6vw;
background-color:var(--artist-bg-01,#111214);
background-image:var(--artist-page-bg,linear-gradient(135deg,var(--artist-bg-01,#111214),var(--artist-bg-02,#1b1d21),var(--artist-bg-03,#08090b)));
color:var(--artist-text-01,#fff);
}
.vpa-artist-password__inner{
width:min(520px,100%);
padding:clamp(26px,4vw,48px);
border:1px solid var(--artist-panel-border,rgba(255,255,255,.14));
background:var(--artist-panel-bg,rgba(255,255,255,.04));
}
.vpa-artist-password__inner p{
margin:0 0 18px;
line-height:1.8;
color:#fff;
}
body.single-artist .vpa-artist-password__inner p{
text-align:center;
font-weight:700;
}
.vpa-artist-password__inner input[type="password"]{
width:100%;
height:48px;
padding:0 16px;
border:1px solid var(--artist-panel-border,rgba(255,255,255,.16));
background:var(--artist-panel-bg,rgba(255,255,255,.04));
color:var(--artist-text-01,#fff);
}
.vpa-artist-password__inner input[type="submit"]{
height:48px;
margin-top:10px;
padding:0 22px;
border:0;
background:#ccc;
color:var(--artist-bg-01,#111214);
cursor:pointer;
}
body.single-artist .vpa-artist-password__inner input[type="submit"]{
height:auto;
display:block;
padding:12px 40px;
margin:20px auto 0;
font-size:105%;
}





.vpa-music__title-en{
margin:10px 0 0;
font-family:"Oswald",'YakuHanJP','Noto Sans JP',sans-serif;
font-size: clamp(13px,1.4vw,18px);
font-weight:400;
letter-spacing:.16em;
line-height:1.4;
text-transform:uppercase;
color:rgba(255,255,255,.55);
}
.vpa-music__disc-title-en{
display:block;
/*margin-top:4px;*/
font-family:"Oswald","Noto Sans JP",sans-serif;
font-size:9px;
font-weight:300;
letter-spacing:.11em;
line-height:1.2;
text-transform:uppercase;
color:#fff;
opacity:.72;
}



.vpa-music__actions{
width:100%;
margin-top:26px;
padding-top:23px;
/*border-top:1px solid rgba(255,255,255,.12);*/
}
.vpa-music__actions-label{
margin:0 0 1em;
font-family:"Voltaire",sans-serif;
/*
font-size:13px;
font-weight:400;
letter-spacing:.22em;
*/
font-size:clamp(20px,2.2vw,30px);
font-weight:400;
letter-spacing:.1em;
line-height:1;
color:var(--artist-text-01,#808080);
}
.vpa-music__actions-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
}
.vpa-music__action-link{
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
grid-template-areas:
	"platform arrow"
	"text arrow";
align-items:center;
column-gap:15px;
min-height:68px;
padding:13px 15px;
border:1px solid rgba(255,255,255,.14);
background:rgba(255,255,255,.025);
color:inherit;
text-decoration:none;
transition:
	border-color .3s ease,
	background-color .3s ease,
	transform .3s ease;
}
.vpa-music__action-link:hover{
border-color:rgba(255,255,255,.5);
background:rgba(255,255,255,.055);
transform:translateY(-2px);
}
.vpa-music__action-platform{
grid-area:platform;
display:block;
margin-bottom:6px;
font-family:"Voltaire",sans-serif;
font-size:11px;
letter-spacing:.17em;
line-height:1;
opacity:.5;
}
.vpa-music__action-text{
grid-area:text;
display:block;
font-size:clamp(12px,1.15vw,14px);
font-weight:500;
letter-spacing:.03em;
line-height:1.5;
}
.vpa-music__action-arrow{
position:relative;
grid-area:arrow;
display:block;
width:26px;
height:26px;
border:1px solid currentColor;
border-radius:50%;
opacity:.55;
transition:
	opacity .3s ease,
	transform .3s ease;
}
/* 斜め線 */
.vpa-music__action-arrow:before{
content:"";
position:absolute;
left:5.5px;
bottom:12px;
width:14px;
height:1px;
background:currentColor;
transform:rotate(-45deg);
}
/* 矢印の先端 */
.vpa-music__action-arrow:after{
content:"";
position:absolute;
top:6px;
right:6px;
width:6px;
height:6px;
border-top:1px solid currentColor;
border-right:1px solid currentColor;
}
.vpa-music__action-link:hover
.vpa-music__action-arrow{
opacity:1;
transform:translate(2px,-2px);
}
@media(max-width:700px){
	.vpa-music__actions-list{
	grid-template-columns:1fr;
	}
	.vpa-music__action-link{
	min-height:64px;
	}
}




.vpa-music__jacket-gallery{
width:100%;
}
.vpa-music__jacket-thumbnails{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:12px;
}
.vpa-music__jacket-thumbnail{
position:relative;
display:block;
width:58px;
height:58px;
padding:0;
overflow:hidden;
border:1px solid rgba(255,255,255,.16);
background:none;
cursor:pointer;
opacity:.5;
transition:
	opacity .3s ease,
	border-color .3s ease,
	transform .3s ease;
}
.vpa-music__jacket-thumbnail:hover{
opacity:.85;
transform:translateY(-2px);
}
.vpa-music__jacket-thumbnail.is-active{
border-color:rgba(255,255,255,.75);
opacity:1;
}
.vpa-music__jacket-thumbnail img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.vpa-music__jacket-thumbnail:after{
content:"";
position:absolute;
inset:0;
border:1px solid rgba(0,0,0,.15);
pointer-events:none;
}
@media(max-width:700px){
	.vpa-music__jacket-thumbnail{
	width:50px;
	height:50px;
	}
}



.vpa-music__links-group{
width:100%;
margin-top:26px;
padding-top:23px;
/*border-top:1px solid rgba(255,255,255,.12);*/
}
.vpa-music__links-label{
margin:0;
font-family:"Voltaire",sans-serif;
font-size:clamp(20px,2.2vw,30px);
font-weight:400;
letter-spacing:.1em;
line-height:1;
color: var(--artist-text-01,#808080);
}




.vpa-music__mv.is-playing{
padding:0;
}




.vpa-music__detail-link-wrap{
display:flex;
justify-content:flex-end;
width:100%;
}
.vpa-music__detail-link{
position:relative;
display:inline-flex;
align-items:center;
justify-content:flex-start;
gap:7px;
margin-top:32px;
padding:0 0 10px;
font-family:"Voltaire",sans-serif;
font-size:clamp(11px,1vw,13px);
font-weight:400;
letter-spacing:.18em;
line-height:1;
color:inherit;
text-decoration:none;
white-space:nowrap;
}
/*.vpa-music__detail-link:before{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:1px;
background:rgba(255,255,255,.28);
transform-origin:left center;
transition:
	background-color .3s ease,
	transform .35s ease;
}
.vpa-music__detail-link:hover:before{
background:currentColor;
transform:scaleX(.82);
}*/
.vpa-music__detail-link > span:first-child{
display:block;
transition:
	opacity .3s ease,
	transform .3s ease;
}
.vpa-music__detail-link:hover > span:first-child{
opacity:.72;
transform:translateX(2px);
}
.vpa-music__detail-arrow{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
width:24px;
height:24px;
border:1px solid rgba(255,255,255,.48);
border-radius:50%;
opacity:.72;
transition:
	opacity .3s ease,
	transform .35s ease,
	border-color .3s ease,
	background-color .3s ease;
}
/* 斜め線 */
.vpa-music__detail-arrow:before{
content:"";
position:absolute;
left:5px;
bottom:10px;
width:11px;
height:1px;
background:currentColor;
transform:rotate(-45deg);
transform-origin:center;
}
/* 矢印の先端 */
.vpa-music__detail-arrow:after{
content:"";
position:absolute;
top:5px;
right:5px;
width:6px;
height:6px;
border-top:1px solid currentColor;
border-right:1px solid currentColor;
}
.vpa-music__detail-link:hover .vpa-music__detail-arrow{
opacity:1;
border-color:currentColor;
background:rgba(255,255,255,.06);
transform:translate(3px,-3px);
}
.vpa-music__detail-link:focus-visible{
outline:1px solid currentColor;
outline-offset:7px;
}
@media(max-width:700px){
	.vpa-music__detail-link{
	margin-top:26px;
	font-size:11px;
	letter-spacing:.16em;
	}
	.vpa-music__detail-arrow{
	width:22px;
	height:22px;
	}
}






.vpa-music__disc-visual{
position:relative;
display:block;
width:100%;
overflow:hidden;
}
.vpa-music__disc-image{
display:block;
width:100%;
height:auto;
}

.vpa-music__disc-type-overlay{
position:absolute;
top:10px;
left:10px!important;
right:auto!important;
bottom:auto!important;
z-index:2;
display:inline-flex!important;
align-items:center;
min-height:22px;
padding:5px 8px 4px!important;
border:1px solid rgba(255,255,255,.45);
background:rgba(0,0,0,.4);
-webkit-backdrop-filter:blur(5px);
backdrop-filter:blur(5px);
color:#fff;
font-family:"Voltaire",sans-serif;
font-size:8px;
font-weight:400;
letter-spacing:.16em;
line-height:1;
text-transform:uppercase;
white-space:nowrap;
pointer-events:none;
}

@media(max-width:700px){
	.vpa-music__disc-type-overlay{
	top:7px!important;
	left:7px!important;
	min-height:18px;
	padding:4px 6px 3px!important;
	font-size:6px;
	letter-spacing:.12em;
	}
}













/*
padding:6vw min(6vw, 77px) 0;
font-family:'Voltaire', sans-serif;


font-size:clamp(10px, calc(1.46vw + 5.33px), 24px);
font-size:clamp(10px, calc(9.33px + 0.21vw), 12px);

font-size:clamp(11px, calc(10px + 0.31vw), 14px);

font-size:clamp(12px, calc(0.31vw + 11px), 15px);
font-size:clamp(12px, calc(0.21vw + 11.33px), 14px);
font-size:clamp(12px, calc(10.67px + 0.42vw), 16px);
font-size:clamp(12px, calc(10px + 0.63vw), 18px);
font-size:clamp(12px, calc(11.67px + 0.1vw), 13px);

font-size:clamp(12.5px, 10.83px + 0.52vw, 17.5px);

font-size:clamp(13px, calc(11.67px + 0.42vw), 17px);
font-size:clamp(13px, calc(1.04vw + 9.67px), 23px);
font-size:clamp(13px, calc(0.94vw + 10px), 22px);
font-size:clamp(13px, calc(12px + 0.31vw), 16px);

font-size:clamp(13.5px, 12.17px + 0.42vw, 17.5px);

font-size:clamp(14px, 13.33px + 0.21vw, 16px);
font-size:clamp(14px, calc(12.67px + 0.42vw), 18px);
font-size:clamp(14px, 12px + 0.63vw, 20px);

font-size:clamp(14.5px, 11.67px + 0.89vw, 23px);

font-size:clamp(15px, calc(0.52vw + 13.33px), 20px);
font-size:clamp(15px, calc(1.98vw + 8.67px), 34px);
font-size:clamp(15px, calc(12.07px + 0.92vw), 23.8px);

font-size:clamp(16px, calc(13.33px + 0.83vw), 24px);
font-size:clamp(16px, calc(11.33px + 1.46vw), 30px);

font-size:clamp(17px, calc(1.1vw + 13.5px), 28px);
font-size:clamp(17px, calc(0.7vw + 15px), 24px);

font-size:clamp(18px, calc(0.63vw + 16px), 24px);
font-size:clamp(18px, calc(16px + 0.63vw), 24px);
font-size:clamp(18px, calc(2.5vw + 10px), 42px);
font-size:clamp(18px, 13.33px + 1.46vw, 32px);
font-size:clamp(18px, calc(10.67px + 2.29vw), 40px);
font-size:clamp(18px, calc(14px + 1.25vw), 30px);

font-size:clamp(19px, calc(2.7vw - 1.77px), 32px);

font-size:clamp(120%, 3.5vw, 200%);

font-size:clamp(20px, calc(1.98vw + 13.67px), 39px);

font-size:clamp(23px, calc(3.85vw + 10.67px), 60px);

font-size:clamp(24px, calc(18px + 1.88vw), 42px);

font-size:clamp(26px, 4vw, 40px);

font-size:clamp(30px, calc(1.9vw + 24px), 48px);

font-size:clamp(32px, calc(5.52vw + 14.33px), 85px);

font-size:clamp(64px, calc(42.67px + 6.67vw), 128px);
*/