html, body {
    overscroll-behavior: none;
}
button {
    padding: unset;
}
.test {
    position: absolute;
    left: 0;
    top: -85px;
    width: 100vw;
    height: auto;
    z-index: 100;
    opacity: 0.75;
    pointer-events: none;
}
/* ====================== エフェクト系 */
.flickerTarget {
    opacity: 0; /* 最初は非表示 */
    transition: opacity 0.3s; /* フェードに少しアニメーション */
}
.flickerTargetView {
    opacity: 0; /* 最初は非表示 */
    transition: opacity 0.3s; /* フェードに少しアニメーション */
}

.text-animate-container {
    /* インラインテキストの中でも幅・高さを保持するため inline-block に */

    /* ここで位置の基準を作る */
    position: relative;

    /* 中のコンテンツがはみ出しても表示しない */
    overflow: hidden;

    /* もし一行テキスト前提なら高さを固定しておくとズレにくい */
    /* height: 1.2em; など。複数行なら都度工夫が必要 */
}

    /* 実際に動くテキスト部分 */
.text-animate-content {
    /* 絶対配置でコンテナ内を動かす */
    /* position: absolute;
    left: 0;
    top: 0; */

    /* transform で上下に動かす初期状態 */
    transform: translateY(50%);
    opacity: 1;

    /* アニメーションが激しくなる場合、パフォーマンス向上のため */
    will-change: transform, opacity;
}

.img-animate-content {
    /* 絶対配置でコンテナ内を動かす */
    /* position: absolute;
    left: 0;
    top: 0; */

    /* transform で上下に動かす初期状態 */
    transform: translateY(0%);
    opacity: 1;

    /* アニメーションが激しくなる場合、パフォーマンス向上のため */
    will-change: transform, opacity;
}

.moving-box {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slideshow-container {
    overflow: hidden;
    position: relative;
}
.slide-show-bg {
}

  /* 各スライドを全体表示するため、position:absolute; width/height:100% 等 */
.slide-img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0; left: 0;
/* 初期は背景かぶりしないよう一旦transparent */
background: transparent;
}

  /* 「新しいスライド」は下層: z-index: 1 */
  /* 「古いスライド」は上層: z-index: 2 にしてアニメーションで消す */
.slide-bg {
z-index: 0;
}
.slide-bottom {
z-index: 1;
opacity: 0.5;
}
.slide-middle {
z-index: 2;
opacity: 0.5;
}
.slide-top {
z-index: 3;
opacity: 0.5;
}
.slide-show-wrapper {
    width: 5vw;
}
.slide-show-num {
    display: flex;
    flex-direction: row;
    transform: rotate(90deg);
}
/* ====================== エフェクト系 */

a {
    text-decoration: none;
    color: unset;
}

.testrwrapper {
    position: relative;
}
.hover-button-top {
    pointer-events: none;
}
/* 影響を受ける要素 */
.resizeTarget {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* なめらかな動き */
}
.resizeTargetBio {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* なめらかな動き */
}
.resizeTargetDisco {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* なめらかな動き */
}
.earth-bg {
    background-image: url(../imgs/img-earth-background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.earth-bg-gray {
    background-image: url(../imgs/img-earth-backgroud-gray.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.earth-bg-white {
    background-image: url(../imgs/img-earth-background-white.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.poppins-thin {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
font-family: "Poppins", serif;
font-weight: 200;
font-style: normal;
}

.poppins-light {
font-family: "Poppins", serif;
font-weight: 300;
font-style: normal;
}
.poppins-400 {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
}

.poppins-regular {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
}

.poppins-medium {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: normal;
}

.poppins-semibold {
font-family: "Poppins", serif;
font-weight: 600;
font-style: normal;
}

.poppins-bold {
font-family: "Poppins", serif;
font-weight: 700;
font-style: normal;
}

.poppins-extrabold {
font-family: "Poppins", serif;
font-weight: 800;
font-style: normal;
}

.poppins-black {
font-family: "Poppins", serif;
font-weight: 900;
font-style: normal;
}

.poppins-thin-italic {
font-family: "Poppins", serif;
font-weight: 100;
font-style: italic;
}

.poppins-extralight-italic {
font-family: "Poppins", serif;
font-weight: 200;
font-style: italic;
}

.poppins-light-italic {
font-family: "Poppins", serif;
font-weight: 300;
font-style: italic;
}

.poppins-regular-italic {
font-family: "Poppins", serif;
font-weight: 400;
font-style: italic;
}

.poppins-medium-italic {
font-family: "Poppins", serif;
font-weight: 500;
font-style: italic;
}

.poppins-semibold-italic {
font-family: "Poppins", serif;
font-weight: 600;
font-style: italic;
}

.poppins-bold-italic {
font-family: "Poppins", serif;
font-weight: 700;
font-style: italic;
}

.poppins-extrabold-italic {
font-family: "Poppins", serif;
font-weight: 800;
font-style: italic;
}

.poppins-black-italic {
font-family: "Poppins", serif;
font-weight: 900;
font-style: italic;
}
.jost-regular {
    font-family: "Jost", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.jost-medium {
    font-family: "Jost", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

/* .jost-<uniquifier> {
    font-family: "Jost", serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  } */

/* .noto-sans-jp-<uniquifier> {
    font-family: "Noto Sans JP", serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  } */

.noto-sans-semibold {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-feature-settings:"palt";
    letter-spacing: 0.02rem;
}

.noto-sans-600 {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-feature-settings:"palt";
    letter-spacing: 0.02rem;
}

/* body {
    font-family: "Jost", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
} */
#bg-video-container {
    position: fixed; 
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    z-index:-1;
}
.first-view-video {
    /* position: fixed; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100svw; /* 画面の横幅いっぱい */
    height: 100svh; /* 画面の高さいっぱい */
    overflow: hidden;
    display: flex;
    align-items: center; /* 垂直方向に中央配置 */
    justify-content: center; /* 水平方向に中央配置 */
}
#video {
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 画面いっぱいに調整 */
    /* width: 100vw;
    height: 100vh;
    display: block;
    object-fit: cover;
    position: absolute; */
}
.background-kzn {
    opacity: 0.25;
}
#bg-video {
    position: fixed;  /* 画面に固定 */
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;  /* アスペクト比を維持しつつ全体をカバー */
    z-index: -1;  /* 他のコンテンツの背面に表示 */
}
/* header */
.oheader {
    position: fixed;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
    font-size: 0.9027777777777777vw;
}
.oheader a {
    color: #fff;
    text-decoration: none;

}
.oheader-contents {
    width: 89.4vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: #fff solid 1px;
}
.oheader-left {
    width: 7.969444444444444vw;
    margin-left: 1.3194444444444444vw;
    margin-top: 0.659vw;
    margin-bottom: 0.1vw;
}
.oheader-logo {
    background-repeat: no-repeat;
}
.oheader-right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.oheader-news {
    height: 100%;
    margin-right: 0.8333333333333334vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.oheader-bio {
    height: 100%;
    margin-right: 2.1527777777777777vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.oheader-contact {
    width: 100%;
    height: 100%;
    position: relative;
}
.oheader-contact-a {
    width: 11.73611111111111vw;
    height: 100%;
}
.oheader-contact-text {
    z-index: 11;
    position: absolute;
    width: 11.73611111111111vw;
    height: 100%;
    color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.contact-svg {
    width: 12.5vw;
    height: 100%;
    position: absolute;
}
.svg-example {
    fill: white; 
    transition: none; /* JSで滑らかに変化 */
}
.oheader-logo-white {
}
.oheader-logo-black {
}
.oheader-contact {
    background-repeat: no-repeat;
}
.oheader-contact-white {
}
.oheader-contact-black {
}

.section {
    width : 84.79166666666667vw;
    margin-left: 7.43055555556vw;
}
/* .section-title {
} */

/* ============= side-bar-section ================ */
.rotated-wrapper {
    position: fixed;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
    left: 5.3vw;
    top: 0;
    width: 100vh;   /* 視覚上の「高さ」に相当する値（例） */
    height: 5.208333333333334vw; /* 視覚上の「幅」に相当する値（例） */
    overflow: hidden;
    /* border: #000000 solid 1px; */
    border: #fff solid 1px;
    
    /* ここで90度回転させる */
    transform: rotate(90deg);
    /* 原点をtop-leftに、など必要に応じて調整 */
    transform-origin: top left;
    font-size: 3vw;
    z-index: 22;
    border-left: none;
    border-right: none;
}

.rotated-wrapper-right {
    position: fixed;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
    right: 5.3vw;
    top: 0;
    width: 100vh;   /* 視覚上の「高さ」に相当する値（例） */
    height: 5.208333333333334vw; /* 視覚上の「幅」に相当する値（例） */
    overflow: hidden;
    /* border: #000000 solid 1px; */
    border: #fff solid 1px;
    
    /* ここで90度回転させる */
    transform: rotate(-90deg);
    /* 原点をtop-leftに、など必要に応じて調整 */
    transform-origin: top right;
    font-size: 3vw;
    z-index: 20;
    border-left: none;
    border-right: none;
}

.horizontal-ticker {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap; /* 折り返しを防止して横に並べる */
}

  /* テキスト */
.ticker-text {
    margin-top: 0.5vw;
    display: inline-block;
    margin-right: 0.4vw; /* テキスト同士の間隔 */
    /* margin-right: 50px; */
}


/* ============= first-view-section ================ */
.first-section-wrapper {
    width: 100%;
    height: 100%;
}
.first-view {
    display: flex;
    position: relative;
}
.first-view-ui .first-view-ui-left-world-info-left  {
    width: 36vw;
    height: fit-content;
}
.first-view-ui {
    z-index: 1;
    /* width: 83.75vw; */
    width: 100svw;
    height: 100svh;
    /* padding-top: 6.5vw; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: white;
}
img {
    width: 100%;
    height: 100%;
}
.utc-wrapper {
    /* background-image: url(../imgs/img-utc-wrapper.png); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 4.652777777777778vw;
    display: flex;
    flex-direction: column;
    padding: 0.6vw 0;
    line-height: 1;
}
.first-view-section-dots {
    background-image: url(../imgs/img-first-view-section-dot.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    margin-bottom: 0.6vw;
}
.first-view-ui-left {
    width: 14.097222222222221vw;
    margin-left: 8.125vw;
    display: flex;
    flex-direction: column;
}
.first-view-ui-left-quick-links {
    width: 6vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0.4vw;
    font-size: 0.6944444444444444vw;
}
.first-view-ui-left-quick-links-text {
    width: 6vw;
    height: 100%;
    margin-left: -0.3vw;
}
.first-view-ui-left-quick-links-img {
    width: 0.4861111111111111vw;
}
.first-view-title {
    font-size: 1.1111111111111112vw;
}
.first-view-bio-title {
    /* margin-top: 1.5vw !important; */
    margin-bottom: 0.3vw;
}
.first-view-sns-title {
    margin-top: 0.6vw;
}
.first-view-disc-title {
    margin-top: 1.2vw !important;
}
.first-view-ui-left-world-info {
    display: flex;
    flex-direction: row;
    margin-top: 6.5vw;
}
.first-view-ui-left-world-info-left {
    width: max-content;
    height: fit-content;
}
.first-view-ui-left-world-info-right {
    margin-top: 0.8vw;
    font-size: 0.6944444444444444vw;
    margin-left: 0.4vw;
    display: flex;
    flex-direction: column;
}
/* .first-view-sns-wrapper {
    margin-top: 1vw;
} */
.first-view-ui-left-world-info-right-barcode {
    /* margin-top: 12%; */
}
.first-view-ui-left-news {
    /* margin-top: 0.4vw; */
    display: flex;
    flex-direction: column;
}
.first-view-ui-left-sns-row {
    display: flex;
    flex-direction: row;
}
.first-view-ui-left-sns-row .img-wrapper {
    width: 5%;
    height: auto;
}
.first-view-ui-right {
    width: 43.333333333333336vw;
    margin-right: 8.125vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.first-view-ui-logo {
    margin-bottom: 2vw;
}
.first-view-ui-right-text {
    display: flex;
    flex-direction: row;
    justify-content: end;
}
.sns-facebook-wrapper {
    margin-bottom: 4vw !important;
}
.section-title-num {
    font-size: 0.6944444444444444vw;
    /* margin-left: 0.5vw; */
    /* margin-top: -2%; */
}
.earth-rev {
    mix-blend-mode: difference;
    transform: translate3d(0,0,0);
    background-image: url(../imgs/img-earth-background-white.png);
}

.flowing-ttl {
    display: flex;
    width: 14.097222222222221vw;
    height: 100%;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    pointer-events: none;
}
.flowing-ttl__item {
    width: 5.4vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 0 0 auto;
    white-space: nowrap;
    /* padding: 0 15px; */
    /* padding-right: 0.5555555555555556vw; */
}
.flowing-ttl__item:nth-child(odd) {
    animation: loop 40s linear -20s infinite reverse;
}
.flowing-ttl__item:nth-child(even) {
    animation: loop2 40s linear infinite reverse;
}
.flowing-ttl__item span {
    width: 3.888888888888889vw;
    font-size: 0.6944444444444444vw;
    padding-right: 0.55vw;
}
.flowing-ttl__item img {
    /* width: 0.4166666666666667vw; */
    /* margin-left: 0.1388888888888889 vw; */
}
.first-view-ui-left-contents-section-img {
    width: 0.48vw;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@keyframes loop {
    0% {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes loop2 {
    0% {
        transform: translateX(0);
    }

    to {
        transform: translateX(-200%);
    }
}
.first-view-section-left-subcontents .first-section-sns-text {
    margin-top: 0vw;
    margin-bottom: 0.4vw;
}
.fisrt-view-detail-second .flowing-ttl__item {
    width: 6.0vw;
}
.first-view-ui-left-contents-section {
    position: relative;
    width: 100%;
    height: 1vw;
    font-size: 0.6944444444444444vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    /* margin-top: 0.3vw;
    margin-bottom: 1.65vw; */
}
.first-view-section-left-subcontents-disc {
    margin-top: 1.2vw;
    margin-bottom: 0.7vw;
}
.first-view-section-left-subcontents-live {
    margin-top: 0.6vw;
    margin-bottom: 0.3vw;
}
.first-view-ui-left-contents-section-news {
    margin-top: 0.3vw;
    margin-bottom: 1.65vw;
}
.first-view-section-left-subcontents-sns {
    margin-top: 1.2vw;
    margin-bottom: -0.5vw;
}
.first-view-ui-left-contents-section-bottom {
    margin-top: 0;
    margin-bottom: 0;
}
.first-view-ui-left-contents-section-links {
    margin-top: 1.2vw;
    margin-bottom: 0vw;
}
/* .first-view-ui-left-contents-section-background {
    position: absolute;
    width: 7.430555555555555vw;
} */
.first-view-ui-left-contents-section-background {
    position: absolute;
    width: 14.097222222222221vw;
    height: -webkit-fill-available;
}
/* .first-view-ui-left-contents-section-disc {
    width: 7.430555555555555vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
} */
.first-view-ui-left-contents-section-disc {
    width: 14.097222222222221vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.first-view-ui-left-contents-section-background-disc {
    width: 6.805555555555555vw;
}
.first-view-ui .flowing-ttl {
    transform: translateY(0.4vw);
}

/* ============= news-section ================ */
.news-section {
    height: auto;
    display: flex;
    flex-direction: column;
}
.news-section .news-section-title {
    margin-top: 4.3vw;
    margin-left: -0.4vw;
}
.news-section-title {
    /* https://web-generates.com/calc/px-to-vw/ */
    font-size: 13.88888888888889vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.news-section-contens-img {
    /* background-color: #000000; */
    width: 21.59722222222222vw;
    height: auto;
    position: fixed;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
    top: 33vh;
    right: 11.5vw;
}
.news-section-contens-img img {
    width: 100%;
    height: auto;
}
.news-section-title button {
    height: auto;
    background: none;
    /* background-image: url(/wp-content/themes/my-theme/images/Group8465.png); */
    background-image: url(../../images/Group8465.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 0.6944444444444444vw;
    padding: 0;
    margin-top: 4vw;
    margin-right: 1.6vw;
}
.news-section-contens-matrix-link-img .btn-open-modal {
    width: 3.4027777777777777vw;
    height: 3.4027777777777777vw;
    margin: unset;
    padding: unset;
}
.news-section-contens-matrix-link {
    margin-left: 2.8vw;
}
.news-section-index {
    width: 10.76388888888889vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.news-section-contens {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.news-section-index-img {
    width: 0.6944444444444444vw;
    height: fit-content;
    margin-left: 0.2777777777777778vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.news-section-contens-matrix {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    font-size: 0.6944444444444444vw;
}
#newsContainer .news-section-contens-title {
    margin-top: 2vw;
    margin-bottom: 1.6vw;
}
.news-section-contens-title-category {
    /* margin-bottom: 0.8%; */
    margin-top: 0.3vw;
    margin-bottom: 0.5vw;
}
.bio-section .news-section-contens-matrix-dot {
    width: 99.6%;
    height: 1px;
    background-size: 3px 6px;
    background-image: linear-gradient(to right,#000000 1px, transparent 1px);
    background-position: left bottom;
    background-repeat: repeat-x;
}
.discography-section .news-section-contens-matrix-dot {
    width: 99.6%;
    height: 1px;
    background-size: 3px 6px;
    background-image: linear-gradient(to right,#000000 1px, transparent 1px);
    background-position: left bottom;
    background-repeat: repeat-x;
}
.news-section .news-section-contens-matrix-dot {
    width: 99.6%;
    height: 1px;
    background-size: 3px 6px;
    background-image: linear-gradient(to right,#000000 1px, transparent 1px);
    background-position: left bottom;
    background-repeat: repeat-x;
}
.contact-boder-line .news-section-contens-matrix-dot {
    width: 99.6%;
    height: 1px;
    background-size: 3px 6px;
    background-image: linear-gradient(to right,#000000 1px, transparent 1px);
    background-position: left bottom;
    background-repeat: repeat-x;
}
.news-section-contens-matrix-date {
    width: 9.3vw;
}
.news-section-route-posistion {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.news-section-contens-matrix-dat-text {
    /* margin-left: 0.6vw; */
    margin-right: 0.6vw;
    margin-top: -0.2vw;
}
.news-section-contens-matrix-tags {
    width: 4.236111111111112vw; 
    margin-right: 3.05vw;
}
.news-section-news-tag-wrapper {
    margin-bottom: 0.2vw;
}
.news-section-contens-matrix-contens {
    white-space: pre-wrap;
    width: 62vw;
    display: flex;
    flex-direction: column;
}
#newsContainer .news-section-contens-title .news-section-contens-matrix-tags {
    background-image: url(../imgs/img-news-section-news-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.news-section-title-barcode {
    margin-left: -0.4vw;
    
}
.news-section-contens-matrix-tag {
    /* background-image: url("/wp-content/themes/my-theme/images/Group8465.png"); */

}
#newsContainer .news-section-contens-matrix-tag {
    font-size: 0.6944444444444444vw;
    color: white;
    margin: 0.1vw;
}
.news-section-contens-matrix-barcode-row {
    width: 4.236111111111112vw;
    height: auto;
}
.news-section-contens-matrix-title {
    font-size: 2.7777777777777777vw;
    line-height: 1;
    letter-spacing: -0.11rem;
    margin-left: -0.2vw;
}
.news-section-contens-matrix-title-jp {
    font-size: 0.6944444444444444vw;
    line-height: 1.2;
    margin-top: 0.4vw;
    font-weight: 600;
}
.news-section-contens-matrix-link-img {
    width: 3.4027777777777777vw;
    height: 3.4027777777777777vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0.9vw;
    margin-left: 2.3vw;
}
.first-section-sns-text {
    margin-top: 0.4vw;
}

.bio-section {
    margin-top: 13.3vw;
    margin-bottom: 13.6%;
    padding-top: 11%;
    padding-bottom: 11%;
    /* background-image: url("/wp-content/themes/my-theme/images/bio-kv.png"); */
    background-image: url(../imgs/img-bio-section-kv.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    position: relative;
}
.discography-section {
    margin-top: 14.2vw;
    margin-bottom: 19.6%;
    padding-top: 13.5%;
    padding-bottom: 13.5%;
    /* background-image: url("/wp-content/themes/my-theme/images/bio-kv.png"); */
    background-image: url(../imgs/img-bio-section-kv.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative;
}
.discography-section-kv-wrapepr {
    position: absolute;
    width: 42.8vw;
    transform: translate(49.2%, -26.2%);
    z-index: -1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.discography-section-kv {
    margin-bottom: 0.8vw;
}
.discography-section-kv img {
    opacity: 0;
}
.discography-section-detail-date-links {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-left: 0.3vw;
    margin-top: 1.6vw;
    
}
.discography-section-detail-date-link-right {

}
.discography-section-detail-date-link {
    width: 6.9vw;
    height: fit-content;
}
.discography-section-detail-date-link-right {
    margin-right: 0.3vw;
}
.bio-section-title {
    display: flex;
    flex-direction: column;
}
.bio-section-title .bio-section-title-num {
    margin-left: 0vw;
    margin-top: -0.5vw;
}
.hover-button-bio {
    position: absolute;
    width: 10.76388888888889vw;
    background: none;
    height: auto;
    border: none;
    cursor: pointer;
    /* transform で座標移動 */
    transform: translate(0, 0);
    /* ある程度のアニメーションや微調整用のトランジション（好みで） */
    transition: transform 0.05s linear;
    /* right: 24vw; */
    z-index: 4;
    pointer-events: none;
}
.hover-target-bio {
    position: absolute;
    width: 100%;
    height: 100%;
}
#hoverTargetDisco {
    height: 70%;
}
#hoverTargetBio:hover .hover-button-bio {
    right: auto;
}
.bio-section-title {
    display: flex;
    flex-direction: column;
    line-height: 1;
}
.bio-section-title-text {
    font-size: 16.180555555555557vw;
    margin-left: -0.6vw;
    line-height: 0.85;
    margin-top: 2vw;
    letter-spacing: -0.014em;
    transform: translateX(-0.6vw);
}
.discography-section-title-text {
    font-size: 13.61111111111111vw;
    letter-spacing: -0.048em;
    transform: translateX(-0.6vw);
}
.bio-seciton-contens-matrix-date {
    width: 10.8vw;
    margin-left: -0.3vw;
}
.bio-seciton-contens-matrix-tags {
    width: 67.5vw; 
}
.bio-seciton-contens-matrix-link {
    margin-left: -0.2vw;
    transform: translateX(0.6vw);
}
.bio-section-title-num {
    font-size: 0.6944444444444444vw;
    margin-left: 1vw;
    margin-top: -2%;
}
.bio-section-contens-title {
    margin: 0.5% 0;
}
.coming-soon-section-page-route {
    width: 0.4861111111111111vw;
    height: auto;
    margin-left: 0.3vw;
}
.comingsoon-seciton-contens-matrix-date {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.disc-section .first-view-ui-left-contents-section-background {
    width: 7.430555555555555vw;
    height: 2vw;
}
.disc-section .flowing-ttl {
    width: 7.430555555555555vw;
}
.disc-section .flowing-ttl__item {
    width: 5.555555555555555vw;
    padding: 0 0.2777777777777778vw;
}
.disc-section-links {
    display: flex;
    flex-direction: row;
}
.disc-section-links-apple {
    width: 13.066666666666665vw;
    margin-right: 0.9333333333333335vw;
}
.disc-section-links-spotify {
    width: 13.066666666666665vw;
    margin-right: 0.9333333333333335vw;
}
.disc-section-line {
    width: 57.652778vw !important;
}
.disc-section-line .section-comingsoon-item {
    width: 69.65277777777777vw !important;
}
#discography {
    margin-left: 7.7vw; 
}
.coming-soon-contents-section {
    margin-bottom: 0.5%;
}
.section-comingsoon-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.section-item-coming-soon-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 74.23611111111111vw;
    margin-left: 0.6vw;
}
.section-item-coming-soon-wrapper .section-comingsoon-item {
    width: 74.23611111111111vw;
}
.section-comingsoon-item {
    letter-spacing: -0.02em;
}
.disc-section-title {
    width: 99.6%;
    font-size: 6.597222222222222vw;
    /* line-height: 1.75; */
    line-height: 0.85;
    margin-top: 1.55vw;
    margin-bottom: 1.9vw;
}
.section-comingsoon {
    font-size: 10px;
    letter-spacing: auto !important;
}
.contact-boder-line-title {
    margin-bottom: 0.5%;
}
.contact-section {
    font-size: 3.3333333333333335vw;
}
.contact-boder-line {
    margin-top: 5.7vw;
}
.contact-section-line {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 1vw;
    margin-bottom: 10vw;
}
.contact-section-img {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: auto 1.1111111111111112vw;
}
.sns-section {
    font-size: 10px;
    display: flex;
    flex-direction: row;
    margin-left: 3.5vw;
    margin-top: 0.5vw;
}
.contact-section-line-title {
    width: 2.8vw;
    margin-right: 4.583333333333333vw;
    /* margin-left: 0.6vw; */
    margin-top: 0.1vw;
}
.sns-section a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: black;
    text-decoration: none;
}
.sns-section a span {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.sns-section-link-img {
    width: 6.805555555555555vw;
    margin-right: 0.2777777777777778vw;
}
.footer-section {
    margin-top: 14vw;
    position: relative;
}
.footer-section-container {
    background-color: #fff;
    padding-bottom: 2.2vw;
    border-radius: 4px;
}
.footer-section-container-top {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-top: 5vw;
}
.footer-section-container-top-left-svg {
    width: 100%;
    height: 100%;
}
.footer-section-container-top-left {
    width: 32.43055555555556vw;
    margin-top: 1vw;
    margin-left: 2.5vw;
}
.footer-section-container-top-center {
    width: 32.59722222222222vw;
}
.footer-section-left-world-info-left {
    width: 17vw;
}
.footer-section-left-world-info-right {
    width: 8.819444444444445vw;
    font-size: 0.8333333333333334vw;
}
.footer-section-container-top-right {
    margin-top: 0.9vw;
    margin-right: 2.2vw;
    width: 10.16388888888889vw;
    height: fit-content;
}
.footer-section .first-view-ui-left-world-info-right {
    margin-top: 2.7vw;
    line-height: 1;
    margin-left: 1.555556vw;
}
.footer-section .first-view-ui-left-world-info-right-barcode {
    margin-top: 0.6vw;
}
.footer-section-container-bottom-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2.3vw;
}  
.footer-section-container-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 78.125vw;
    height: 8vw;
    margin-top: 2vw;
}
.footer-section-container-bottom-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0.1vw;
}
.footer-section-container-bottom-right {
    width: 29.51388888888889vw;
    transform: translateY(1vw);
}
.footer-section-container-bottom-right-contents-section {
    margin: unset;
}
.footer-contents-section-background {
    width: 29.51388888888889vw;
    top: unset;
    transform: translateY(-150%);
}
.footer-section-container-bottom-active {
    width: 10.444444vw;
    display: flex;
    flex-direction: column;
    font-size: 0.6944444444444444vw;
    /* margin-bottom: 0.7vw; */
}
.footer-section-container-bottom-deactive {
    width: 34.111111vw;
    font-size: 0.6944444444444444vw;
    margin-left: 0.9vw;
}
.footer-section-container-bottom-active-links {
    display: flex;
    flex-direction: row;
    font-size: 0.7638888888888888vw;
    margin-top: 0.8vw;
}
.footer-section-container-bottom-active-links-img {
    width: 0.4861111111111111vw;
    height: fit-content;
    margin-right: 0.5555555555555556vw;
}
.footer-section-container-bottom-right .flowing-ttl  {
    width: 29.51388888888889vw;
}
.footer-flowing-ttl {
    font-size: 0.9027777777777777vw;
    transform: translateY(100%);
}
.footer-section-container-bottom-right .flowing-ttl__item {
    font-size: 0.9027777777777777vw;
    width: 5.438194444444445vw;
    /* margin-right: 0.2131944444444444vw; */
    margin: unset;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: unset;
    padding: unset;
}
.footer-section-ttl-time-img {
    width: 0.7847222222222222vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.footer-section-container-bottom-active-links-text {
    display: flex;
    flex-direction: row;
}
.pc-none {
    display: none !important;
}

.sp-none {
    display: flex !important;
}
.sp-none-block {
    display: unset !important;
}
.footer-section-container-top-right a {
    text-decoration: none;
}

.footer-ticker{
    margin-top: 4vw;
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-ticker .flowing-ttl {
    border-top: #000000 solid 1px;
    width: 89.65277777777779vw;
    display: flex;
    flex-direction: row;
    align-items: unset;
}
.footer-ticker span {
    font-size: 3.3333333333333335vw;
}
.footer-ticker .flowing-ttl__item {
    display: unset;
    flex-direction: unset;
    align-items: unset;
    justify-self: unset;
    flex: unset;
    padding: unset;
    width: 14.791666666666666vw;
    /* margin-right: 1.9444444444444444vw; */
    padding-right: 1.9444444444444444vw;
}
.footer-section .first-view-ui-left-world-info {
    margin-top: unset;
    /* margin-top: vw; */
}
.contact-from-7-g p {
    color: #131313;
    display: flex;
    flex-direction: column;
    align-items: end;
}
.first-barcode {
    /* width: 4.8vw; */
    width: 100%;
    height: 1.3vw;
}
.disc-secion-link-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0vw;
    width: 6.805555555555555vw;
}
.disc-section-links-apple {
    width: 6.805555555555555vw;
    margin: unset;
}
.disc-section-links-spotify {
    width: 7.15556vw;
    margin: unset;
    margin-left: 0.4533333333333335vw;
}
.disc-section-title-num {
    margin-left: 0.4vw;
}
.matrix-dot-comming-soon {
    width: 99.6%;
    height: 1px;
    background-size: 3px 6px;
    background-image: linear-gradient(to right, #000000 1px, transparent 1px);
    background-position: left bottom;
    background-repeat: repeat-x;
    margin: auto;
    margin-left: 0.6vw;
}
.active-rectangle {
    background-image: url(../imgs/img-active-rectangle.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}
.preparation-rectangle {
    background-image: url(../imgs/img-preparation-rectangle.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}
.active-rectangle-text {
    margin-left: 1vw;
}
.active-preparation-text {
    margin-left: 1.4vw;
}
.page-links-contents {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.news-modal-wrapper {
    display: flex;
    flex-direction: row;
}
.index-color {
    opacity: 0.5;
}
.strikethrough {
    text-decoration: line-through;
    opacity: 0.5;
}
.bio-mouse-cancel-section {
    transform: translate(78%, -28%);
    position: absolute;
    /* pointer-events: none; */
    z-index: 3;
    width: 33vw;
    height: 40vw;
}
.new-section-title-wrapper {
    width: 70%;
}
.matrix-top-date-text {
    margin-left: -0.2vw;
}
.matrix-top-contents-text {
    margin-left: -0.1vw;
}
.matrix-top-tags-text {
    margin-left: -0.1vw;
}
.news-section-route-img {
    width: 0.4861111111111111vw;
    margin-left: 0.4vw;
}
.bio-seciton-contens-matrix-date-route {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.comingsoon-seciton-contens-matrix-tags {
    transform: translateX(1vw);
}
.comingsoon-seciton-contens-matrix-date {
    margin-left: 0.4vw;
}
.coming-soon-section .comingsoon-seciton-contens-matrix-tags {
    transform: unset;
}
.disc-section-links {
    margin-right: -1vw;
}
.utc-wrapper-bottom {
    width: 5.652778vw;
    background-image: url(../imgs/img-utc-wrapper-footer.png);
    background-position: left;
    height: 2vw;
    padding-top: 1.6vw;
    padding-bottom: 2vw;
    margin-top: -1.2vw;
}
/* .live-section-contents {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
} */

.live-bar .news-section-contens-matrix-tags {
    text-align: end;
}
.live-section {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    margin-top: 1.4vw;
    margin-bottom: 8vw;
}
.live-section-left-title {
    font-size: 20.833333333333336vw;
    line-height: 0.85;
    transform: translateX(-1.1vw);
}
.live-section-left-num {
    font-size: 0.6944444444444444vw;
    transform: translate(0.6vw, -1.25vw);
}
.live-section-img-wrapper {
    width: 35.138888888888886vw;
    height: auto;
}
.live-section-tag {
    font-size: 0.6944444444444444vw;
}
.live-section-day {
    margin-top: 0.6vw;
}
.live-section-barcode-date {
    display: flex;
    flex-direction: row;
}
.live-section-top-date {
    font-size: 0.6944444444444444vw;
    display: flex;
    align-items: anchor-center;
    margin-left: 0.4vw;
}
.live-section-barcode-date .news-section-contens-matrix-barcode-row {
    width: 4.236111111111112vw;
    height: fit-content;
}
.live-section-right-kv {
    margin-top: 1.4vw;
    position: relative;
}
.live-section-top-title {
    font-size: 2.638888888888889vw;
    letter-spacing: -0.02rem;
    line-height: 1;
    margin-top: 1.2vw;
}
.live-mouse-cancel-section {
    position: absolute;
    /* pointer-events: none; */
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
}
.hover-target-live {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}
.hover-button-live {
    position: absolute;
    width: 10.76388888888889vw;
    background: none;
    height: auto;
    border: none;
    cursor: pointer;
    /* transform で座標移動 */
    transform: translate(0, 0);
    /* ある程度のアニメーションや微調整用のトランジション（好みで） */
    transition: transform 0.05s linear;
    /* right: 24vw; */
    z-index: 4;
    pointer-events: none;
}
.resizeTargetDisco {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* なめらかな動き */
}
.live-section-tag-wrapper {
    background-image: url(../imgs/img-live-section-tag-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    width: 4.236111111111112vw;
    height: 2vw;
    margin-bottom: unset;
    margin-right: unset;
}
.section-menu-link-button {
    width: 3.4027777777777777vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1vw;
}

@media screen and (min-width: 1441px) {
    /* #video {
        width: 100%;
        min-height: 100vh;
    }
    .first-view-ui {
        min-height: 100vh;
    } */
}
@media screen and (min-width: 1920px) {
    /* .first-view {
        min-height: 850px;
    }
    .first-view-ui {
        min-height: 850px;
    }
    #video {
        width: 100%;
        min-height: 850px;
    } */
}
@media screen and (min-height: 1080px) {
    /* .first-view {
        min-height: 850px;
    }
    .first-view-ui {
        min-height: 850px;
    }
    #video {
        min-height: 850px;
    } */
}

@media screen and (max-width: 751px) {
    .earth-bg-gray {
        background-image: url(../imgs/img-earth-backgroud-gray-sp.png) !important;
    }
    .sp-slide-section .news-section-contens-matrix-dot {
        width: 96.2%;
        height: 1px;
        background-size: 3px 6px;
        background-image: linear-gradient(to right, #000000 1px, transparent 1px);
        background-position: left bottom;
        background-repeat: repeat-x;
        margin: auto;
        margin-left: 1.3vw;
    }
    .utc-wrapper {
        background-image: url(../imgs/img-first-view-section-dot-sp.png);
        width: 13.652778vw;
        margin-bottom: -1.4vw;
        padding: 1.3vw 0;
    }
    .utc-wrapper-bottom {
        width: 18.652778vw;
        background-image: url(../imgs/img-utc-wrapper-footer.png);
        background-position: left;
        height: 6vw;
        padding-top: 3vw;
        padding-bottom: 6.6vw;
        margin-bottom: -2vw;
        margin-top: -3.7vw;
    }
    .active-rectangle-text {
        margin-left: 2vw;
    }
    .active-preparation-text {
        margin-left: 2.4vw;
    }
    .oheader-contents {
        width: 82.93333333333334vw;
    }
    .oheader-contact {
        width: 32.266666666666666vw;
    }
    .oheader-contact-text {
        width: 32.266666666666666vw;
        font-size: 2.666666666666667vw;
    }
    .oheader-contact-a {
        width: 32.266666666666666vw;
    }
    .contact-svg {
        width: 32.266666666666666vw;
        flex-direction: row;
        justify-content: flex-end;
    }
    .rotated-wrapper {
        font-size: 5.333333333333334vw;
        height: 9.208333vw;
        left: 8.5vw;
    }
    .rotated-wrapper-right {
        font-size: 5.333333333333334vw;
        height: 9.208333vw;
        right: 8.5vw;
    }
    .oheader-left {
        width: 16.597333333333335vw;
    }
    .sp-none {
        display: none !important;
    }
    .pc-none {
        display: flex !important;
    }
    .first-view {
        height: 100svh;
    }
    .first-view-ui-sp {
        width: 82.93333333333334vw;
        height: 100svh;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        color: white;
        z-index: 1;
    }
    .first-view-ui-sp-top {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 5vw;
    }
    .first-view-ui-sp-top-left-img {
        width: 28.26666666666667vw;
        margin-left: 3vw;
    }
    .first-view-ui-sp-top-right {
        width: 35.933333vw;
        margin-top: -1vw;
    }
    .first-view-ui-left-world-info {
        /* width: 35.933333vw; */
        width: 100%;
        height: auto;
    }
    .first-view-ui-left-world-info-left {
        width: 21.2vw;
    }
    .first-view-ui-left-world-info-right {
        font-size: 2.1333333333333333vw;
        width: 17.866667vw;
        margin-top: unset;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin-left: 1.4306666666666668vw;
        margin-right: 3vw;
        line-height: 1;
        margin-bottom: 4.5vw;
    }
    .first-view-ui-sp .first-view-ui-left-world-info-right-barcode {
        margin-bottom: -3vw;
        margin-top: 3vw;
    }
    .first-view-ui-right {
        width: 74.26666666666667vw;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: -1vw;
    }
    .first-view-sp-bottom-info {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 7vw;
    }
    .first-view-ui-bottom-left-bg {
        font-size: 5.066666666666666vw;
        width: 30.6vw;
        height: 20vw;
        /* background-image: url(/wp-content/themes/my-theme/assets/imgs/img-sp-first-view-news-background.png); */
        background-image: url(../imgs/sp-img-news-background.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        padding: 2vw;
        padding-bottom: 8vw;
        margin-bottom: -5vw;
        margin-left: 4vw;
    }
    .first-view-ui-bottom-left-bg-text {
        margin-top: 2vw;
    }
    .first-view-ui-bottom-right {
        display: flex;
        flex-direction: row;
        margin-right: 4.6vw;
        margin-top: 4.6vw;
    }
    .first-view-ui-bottom-right-img {
        width: 38.06666666666666vw;
        height: fit-content;
        /* background-image: url(/wp-content/themes/my-theme/assets/imgs/img-sp-first-view-news-img-background.png); */
        /* background-image: url(../imgs/img-sp-first-view-news-img-background.png); */
        background-repeat: no-repeat;
        background-size: contain;
    }
    .first-view-ui-left-contents-section-sp span {
        font-size: 2.1333333333333333vw;
        width: auto;
        margin: unset;
        padding: unset;
    }
    .first-view-ui-left-contents-section-sp .flowing-ttl__item {
        width: fit-content !important;
        margin: unset;
        padding: unset;
        padding-right: 1.6vw;
    }
    .first-view-ui-left-contents-section-sp .flowing-ttl {
        width: 100%;
        margin: unset;
        padding: unset;
    }
    .first-view-ui-left-contents-section-sp .first-view-ui-left-contents-section-img-sp {
        width: 1.7333333333333332vw;
        height: fit-content;
        margin: unset;
        padding: unset;
        margin-left: 0.5333333333333333vw;
    }
    .first-view-ui-left-contents-section-sp .first-view-ui-left-contents-section-img-sp img {
        width: 1.7333333333333332vw;
        height: fit-content;
        margin: unset;
        padding: unset;
    }
    .first-view-ui-bottom-right-date {
        transform: rotate(90deg);
        display: flex;
        flex-direction: row;
    }
    .sp-slide-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        width: 74.13333333333333vw;
        margin-top: 10%;
        margin-bottom: 10%;
    }
    .slide-section-quick-text {
        display: flex;
        flex-direction: row;
        font-size: 2.1333333333333333vw;
        transform: translateX(-1vw);
        margin-bottom: 3.3vw;
        align-items: baseline;
    }
    .slide-section-quick-text-img {
        width: 1.866666666666667vw;
        height: fit-content;
        display: flex;
    }
    .first-view-ui-left-contents-section-img-sp {
        width: 1.7333333333333332vw;
        margin-left: 0.5333333333333333vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .slide-section-quick-text-title {
        margin-left: -0.4vw;
    }
    .news-section-contens-matrix-dot-first-view {
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .first-view-title-sp {
        font-size: 6.4vw;
        width: 71.46666666666667vw;
        margin-top: 1.5vw;
    }
    .first-view-top-title {
        margin-top: 3vw;
    }
    .slide-section-quick-text-span {
        margin-top: 0.8vw;
    }
    .first-view-ui-left-contents-section-sp {
        width: 71.46666666666667vw;
        margin: unset;
        height: 10vw;
        margin-top: 2vw;
        margin-bottom: 5vw;
        display: flex;
        flex-direction: column;
    }
    .first-view-sp-contents-section {
        margin-top: 4vw;
        margin-bottom: 3vw;
        justify-content: unset;
    }
    .first-view-ui-left-contents-section-links {
        margin-bottom: 1.2vw;
        margin-right: 1vw;
    }
    .flowing-ttl-first-view-sp {
        font-size: 2.1333333333333333vw;
        width: 32vw;
        transform: translateY(4vw);
        padding: unset;
        margin: unset;
        height: fit-content;
    }
    .flowing-ttl-first-view-sp span {
        font-size: 2.1333333333333333vw;
        width: fit-content;
    }
    .flowing-ttl-first-view-sp .flowing-ttl__item {
        width: fit-content;
    }
    .flowing-ttl-sp {
        width: 71.46666666666667vw;
        font-size: 2.1333333333333333vw;
    }
    .flowing-ttl-bio-sp {
        color: #131313;
        z-index: 1;
    }
    .first-view-ui-left-contents-section-bio-bottom {
        margin-top: 6vw;
    }
    .first-view-ui-left-contents-section-background-sp {
        width: 71.46666666666667vw;
        transform: translateY(-0.5vw);
    }
    .first-view-ui-left-contents-section-background-disc-sp {
        width: 34.13333333333333vw;
    }
    .first-view-ui-left-contents-section-disc-sp {
        width: 71.46666666666667vw;
    }
    .first-view-ui-left-contents-section-links-sp {
        width: 71.46666666666667vw;
        flex-direction: row;
    }
    .first-view-ui-left-contents-section-background-disc-sp {
        width: 34.13333333333333vw;
    }
    .first-view-ui-left-contents-section-links-sp {
        height: auto;
    }
    .first-view-contents-section-background-sp {
        width: 32vw;

    }
    #newsContainer .news-section-contens-title .news-section-contens-matrix-tags {
        background-image: url(../imgs/img-news-section-news-bg-sp.png);
        height: 4.934vw;
        width: 11.600000000000001vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 1.6vw;
    }
    .section {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .section-title {
        width: 74.8vw;
    }
    .section-title-sp {
        display: flex;
        flex-direction: column;
    }
    .bio-section {
        background-image: none;
        margin-top: 18.3vw;
        margin-bottom: 10%;
        padding-top: 6.2vw;
        margin-bottom: 26.2vw;
    }
    .bio-section-title-sp {
        font-size: 19.466666666666665vw;
        letter-spacing: -0.02em;
        line-height: 0.85;
    }
    .bio-section-kv {
        width: 71.46666666666667vw;
    }
    .discography-section {
        background-image: none;
        margin-top: 18.3vw;
        margin-bottom: 10%;
        padding-top: 6.2vw;
        margin-bottom: 26.2vw;
    }
    #discography {
        margin-left: unset;
    }
    #discoDetailRight2Sp::before {
        content: "©️";
    }
    #discoDetailLeft1Sp {
        font-size: 4.266666666666667vw;
    }
    #discoDetailLeft2Sp {
        font-size: 2.666666666666667vw;
    }
    #discoDetailRight1Sp {
        font-size: 2.1333333333333333vw;
    }
    #discoDetailRight2Sp {
        font-size: 2.1333333333333333vw;
    }
    .discography-section-detail-date-num {
        font-size: 2.1333333333333333vw !important;
    }
    .discography-section-detail {
        margin-top: 1vw;
    }
    .discography-section-detail-date {
        margin-bottom: 3.5vw !important;
    }
    .disco-section-kv {
        margin-top: 1.3vw !important;
    }
    .discography-section-detail-date-link-right {
        margin-right: 3.3vw;
    }
    .discography-section-detail-date-link {
        width: 34.9vw;
    }
    .discography-section-detail-date-links {
        margin-left: unset;
        margin-top: 8.6vw;
    }
    .section-title-coming-soon {
        font-size: 11.866666666666667vw;
        line-height: 0.9;
    }
    .section-title-disc {
        font-size: 11.866666666666667vw;
        line-height: 0.9;
    }
    .section-title-sp {
        display: flex;
        flex-direction: column;
    }
    #news .news-section-title {
        font-size: 26.666666666666668vw;
        /* margin-top: -4.7vw; */
        margin-left: -3.4vw;
    }
    .matrix-dot-comming-soon {
        width: 98.6%;
        margin-left: 6.6vw;
    }
    #news .news-section-contens {
        margin-top: -8.5vw;
    }
    #news .news-section-contens-matrix-date {
        margin-bottom: 2vw;
    }
    .circle-wrapper-sp {
        margin-top: 1.4vw;
        margin-bottom: 1vw;
    }
    .first-view-ui-left-contents-section-bottom {

    }
    .news-section .news-section-title {
        margin-top: 11vw;
    }
    .coming-soon-header .news-section-contens-matrix-tags {
        margin-right: 0.6vw;
    }
    .coming-soon-header .comingsoon-seciton-contens-matrix-tags {
        width: 41.933333vw;
    }
    .section-comingsoon-title {
        align-items: unset;
    }
    .footer-section-container-sp {
        flex-direction: column;
        width: 82.93333333333334vw;
    }
    .footer-section-container-top-sp {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .footer-section-container-top-center-sp {
        /* width: 55.06666666666666vw; */
        width: unset;
        width: 100%;
    }
    .first-view-ui-left-world-info-sp {
        /* width: 75.06666666666666vw; */
    }
    .footer-section-left-world-info-left-sp {
        width: 28.178667vw;
    }
    .footer-section-left-world-info-right-sp {
        width: 22.285867vw;
        margin-left: 4.430667vw;
        margin-right: 7.5vw;
        justify-content: unset;
    }
    .footer-section .first-view-ui-left-world-info-right-barcode {
        margin-top: 4vw;
        width: 25vw;
        /* margin-left: 5.555556vw; */
    }
    .footer-section .first-view-ui-left-world-info-right {
        margin-top: 3.9vw;
        font-size: 3.033333333333333vw;
    }
    .footer-section-container-bottom {
        flex-direction: column;
        align-items: flex-end;
        height: unset;
        margin-top: -2vw;
    }
    .footer-section-container-bottom-left {
        display: flex;
        flex-direction: row;
        align-items: unset;
        margin-top: 6vw;
    }
    .footer-section-container-bottom-active {
        width: 26.8vw;
        display: flex;
        flex-direction: column;
        font-size: 2.666666666666667vw;
    }
    .footer-section-container-bottom-active-top {
        width: 19.266667vw;
        margin-right: 3vw;
    }
    .footer-section-container-bottom-deactive {
        display: flex;
        flex-direction: column;
        width: 32.8vw;
        font-size: 2.666666666666667vw;
        margin-right: 3vw;
    }
    .footer-section-container-bottom-active-links {
        display: flex;
        flex-direction: column;
        width: 27.8vw;
    }
    .footer-section-container-bottom-active-links span{
        font-size: 3.2vw;
    }
    .bio-section-sp-arrow {
        width: 1.866666666666667vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 0.5333333333333333vw;
    }
    .section-title-num-wrapper {
        width: 74.8vw;
        margin-top: 1vw;
        display: flex;
        flex-direction: column;
    }
    .section-title-num {
        font-size: 3.2vw;
        margin-bottom: 3vw;
    }
    .footer-section .first-view-ui-left-world-info {
        justify-content: flex-end;
        margin-top: 3vw;
        display: flex;
        flex-direction: row;
    }
    .footer-section-container-bottom-right {
        width: 71.46666666666667vw;
        margin-bottom: 15vw;
    }
    .footer-section-bottom {
        height: 16vw;
    }
    .footer-section-container-top-left {
        width: 100%;
        margin: 2vw 0;
        margin-top: 1vw;
    }
    .footer-section-container-top-left-svg {
        width: 71.46666666666667vw;
        margin: auto;
    }
    .footer-section-container-top-right {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .footer-section-container-top-right-img {
        width: 33.06666666666666vw;
        margin-top: 3vw;
        margin-right: 3.733333vw;
        margin-bottom: 5vw;
    }
    .footer-section-container-bottom-active-links-img {
        width: 1.866666666666667vw;
        margin-top: 3vw;
        margin-bottom: 1vw;
    }
    .footer-section-container-bottom-active-title {
        font-size: 2.666666666666667vw;
    }
    .contact-section-line {
        flex-direction: column;
        align-items: unset;
        font-size: 6.4vw;
        margin-bottom: 5vw;
    }
    .sns-section-links {
        display: flex;
        flex-direction: column;
    }
    .contact-section {
        margin-bottom: 20vw;
    }
    .news-section-contens {
        width: 71.46666666666667vw;
    }
    .news-section-contens-sp {
        display: flex;
        flex-direction: row;
    }
    .news-section-contents-left {
        display: flex;
        flex-direction: column;
        width: 12.933333333333334vw;
    }
    .news-section-contents-right {
        width: 55.46666666666666vw;
        display: flex;
        flex-direction: column;
    }
    .news-section-sp-right {
        position: relative;
        margin-left: 2.933333333333333vw;
        width: 55.06666666666666vw;
    }
    .news-section-contens-img {
        position: unset;
        width: 56.066667vw;
    }
    .news-section-contens-matrix-link {
        position: absolute;
        left: 0;
        top: 0;
        /* opacity: 0; */
        /* transform: translate(50%, 50%); */
        width: 55.06666666666666vw;
    }
    .news-section-contens-matrix-link img {
        opacity: 0;
        width: 56.06666666666666vw;
        height: 44vw;

    }
    .news-section-sp-left {
        width: 12.4vw;
        font-size: 2.1333333333333333vw;
        margin-top: -1vw;
    }
    .news-section-contens-matrix-tags {
        width: 12.6vw;
    }
    .news-section-contens-matrix-barcode-row {
        width: 11.6vw;
    }
    .news-section-sp-left .news-section-contens-matrix-tags {
        width: 13.6vw;
        /* background-image: url(/wp-content/themes/my-theme/images/Group8465.png); */
        background-image: url(../imgs/img-news-bg-black.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 5vw;
        margin-bottom: 0vw;
    }
    .news-date-content {
        letter-spacing: -0.02rem;
    }
    .news-section-contens-matrix-tag {
        /* width: 11.600000000000001vw; */
        /* background-image: url(/wp-content/themes/my-theme/images/Group8465.png); */
        background-image: none;
    }
    .news-section-contens-matrix-date {
        margin-bottom: 0;
        font-size: 2.1333333333333333vw;
        display: flex;
        flex-direction: row;
    }
    .news-section-contens-title-category {
        margin-bottom: -2vw !important;
    }
    .news-section-contens-title {
        flex-direction: row;
        /* margin: 5vw 0; */
        margin-top: 5vw;
    }
    #newsContainer .news-section-contens-title {
        margin-top: 4.6vw;
        margin-bottom: 5vw;
    }
    .news-date-content::before {
        content: "/";
    }
    .news-section-contens-matrix-title {
        font-size: 4.266666666666667vw;
        margin-top: 3vw;
        margin-bottom: 0.3vw;
    }
    .news-section-contens-matrix-title-jp {
        font-size: 2.933333333333333vw !important;
        margin-top: 2vw;
        font-weight: 600;
    }
    .news-section-contens-matrix-tags span {
        font-size: 2.1333333333333333vw;
    }
    #newsContainer .news-section-contens-matrix-tag {
        font-size: 2.4vw;
    }
    .news-section-contens-matrix-contens span {
        font-size: 2.1333333333333333vw;
    }
    .news-section-contens-matrix-date-sp {
        width: 14.933333vw;
        margin-bottom: unset;
    }
    .news-section-contens-matrix-contens-sp {
        width: 18.133333vw;
    }
    .news-section-contens-matrix-link-sp {
        position: unset;
        left: unset;
        top: unset;
        opacity: 1;
        font-size: 2.1333333333333333vw;
        text-align: right;
        width: 35vw;
        transform: translateX(1vw);
    }
    .news-section-route-img {
        width: 1.866666666666667vw;
        height: fit-content;
        margin-left: 0.9333333333333335vw;
    }
    .matrix-top-date-text {
        margin-left: -0.6vw;
    }
    .news-section-contens-matrix-title {
        font-size: 5.266666666666vw !important;
        font-weight: 500;
    }
    .news-section-sp-right .news-section-contens-matrix-contens {
        width: 55.46666666666666vw;
    }
    .news-section-contens .first-view-ui-left-contents-section-bio-bottom {
        margin-top: 4vws;
    }
    .news-section-contens .flowing-ttl {
        transform: translateY(30%);
    }
    .bio-section {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: unset;
    }
    .discography-section {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: unset;
    }
    .discography-section-detail {
        flex-direction: column;
        width: 71.5vw !important;
    }
    .news-section-contens-matrix-dot {
        width: 71.46666666666667vw;
        margin-bottom: 1vw;
        margin-top: 1vw;
    }
    .bio-section .news-section-contens-matrix-dot {
        width: 72%;
    }
    .discography-section .news-section-contens-matrix-dot {
        width: 72%;
    }
    .bio-seciton-contens-matrix-date {
        width: 28.466667vw;
        margin-left: -1vw;
    }
    .bio-section .news-section-contens-matrix-date {
        margin-bottom: 0;
    }
    .discography-section .news-section-contens-matrix-date {
        margin-bottom: 0;
        width: 31.466667vw !important;
    }
    .bio-section .section-title-bio {
        margin-top: 4vw;
    }
    .discography-section .section-title-bio {
        margin-top: 4vw;
    }
    .bio-seciton-contens-matrix-tags {
        width: 32.9vw;
        display: flex;
        flex-direction: row;
    }
    .bio-section .bio-section-contens-title {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: unset;
    }
    .discography-section .bio-section-contens-title {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: unset;
    }
    .bio-section-kv-img {
        width: 71.46666666666667vw;
    }
    .bio-section-kv {
        margin-top: 2vw;
    }
    .bio-section .flowing-ttl {
        transform: translateY(30%);
    }
    .discography-section .flowing-ttl {
        transform: translateY(30%);
    }
    .comingsoon-seciton-contens-matrix-tags {
        display: flex;
        flex-direction: row;
        width: 35.933333vw;
    }
    .coming-soon-section .coming-soon-contents-section {
        margin: unset;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .comingsoon-seciton-contens-matrix-tags-1 {
        width: 39vw;
    }
    .comingsoon-seciton-contens-matrix-tags-2 {
        width: 6.133333333333333vw;
    }
    .disc-section-links {
        display: flex;
        flex-direction: row;
        /* margin-top: 4vw; */
    }
    .disc-section-links-apple {
        margin: 1vw;
    }
    .disc-section-links-spotify {
        margin: 1vw;
    }
    .disc-section-links div {
        font-size: unset;
        width: 34.13333333333333vw;
    }
    .disc-section {
        margin-top: 1.1vw;
        margin-bottom: 1.1vw;
    }
    .disc-section .first-view-ui-left-contents-section-background-sp {
        width: 71.66666666666667vw;
        height: auto;
    }
    .section-title {
        transform: translateX(1.5vw);
    }
    .disc-section .first-view-ui-left-contents-section-background-sp {
        /* transform: translateX(1vw); */
    }
    .contact-boder-line-title {
        margin: unset;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .contact-boder-line-title .bio-seciton-contens-matrix-tags {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: end;
    }
    .disc-section-title {
        margin-top: 3.55vw;
    }
    .contact-boder-line {
        margin-top: 7.2vw;
    }
    .contact-section-line {
        margin-top: 2vw;
    }
    .coming-soon-contents-section-official-store {
        margin-top: 0vw;
    }
    .coming-soon-section-assets-margin {
        margin-bottom: 1vw;
    }
    .coming-soon-section-title-margin {
        margin-top: 3vw;
    }
    .news-section-contens-matrix-tags {
        margin-right: -1.7vw;
    }
    .footer-active-info {
        display: flex;
        flex-direction: column;
        line-height: 1.2;
    }
    .footer-section-container-bottom-right .bio-section-sp-arrow {
        width: 1.866666666666667vw;
    }
    .footer-section-container-bottom-right .bio-section-sp-arrow img {
        width: unset;
        margin-left:0.5333333333333333vw;
        width: 100%;
        height: 100%;
    }
    .footer-section-container-bottom-right .first-view-ui-left-contents-section-sp .flowing-ttl__item {
        padding-right: 3.6vw;
    }
    .footer-ticker span {
        font-size: 5.333333333333334vw;
    }
    .footer-ticker .flowing-ttl {
        width: 82.93333333333334vw;
    }
    .footer-ticker .flowing-ttl__item {
        width: 28.666666666666668vw;
        padding-right: 3.4666666666666663vw;
    }
    .footer-section-container-bottom-right {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-ticker {
        margin-top: 0;
    }
    .footer-section-container-bottom-active-links-text {
        flex-direction: column;
    }
    .sp-stroke-width {
        stroke-width: 1px;
    }
    .sp-stroke-width svg {
        width: 100%;
        height: intrinsic;
    }
    .first-view-ui-sp .first-view-ui-left-world-info {
        margin-top: 0;
    }
    .first-view-video {
        min-height: unset;
        height: 100svh;
    }
    .first-view {
        min-height: unset;
    }
    .flowing-ttl-last {
        transform: translateY(3vw);
    }
    .section-comingsoon-title .flowing-ttl {
        transform: unset;
    }
    .footer-section-bottom .flowing-ttl-last {
        transform: unset;
    }
    .coming-soon-section-page-route {
        width: 1.866666666666667vw;
        height: auto;
        margin-left: 0.3vw;
    }
    .live-section {
        width: 100%;
        height: auto;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 24vw;
    }
    .live-section-left-title {
        font-size: 42.266666666666666vw;
        letter-spacing: -0.42rem;
        transform: translateX(-3.3vw);
    }
    .live-section-img-wrapper {
        width: 71.46666666666667vw;
    }
    .live-section-left-num {
        font-size: 3.2vw;
        transform: translate(-0.2vw, -1.25vw);
    }
    .first-view-ui-left-contents-section {
        justify-content: center;
    }
    .live-section-tag {
        font-size: 2.4vw;
    }
    .live-section-top-date {
        font-size: 2.933333333333333vw;
        margin-left: 1.6vw;
    }
    .live-section-barcode {
        width: 11.600000000000001vw !important;
    }
    .live-section-top-title {
        font-size: 6.4vw;
        margin-top: 2.4vw;
    }
    .live-section-right-kv {
        margin-top: 5vw;
    }
    .live-section-tag-wrapper {
        width: 11.600000000000001vw;
        height: 5.6vw;
    }
    .live-section-barcode-date {
        margin-left: unset;
        margin-top: 0.6vw;
    }
    .live-section-day {
        margin-top: 5vw;
    }
    .live-section-top-title-jp {
        font-size: 3.2vw;
        margin-top: 3vw;
        margin-bottom: 3vw;
    }
    
}

@media screen and (max-width: 1023px){/*1023px以下*/
}
@media screen and (max-width: 834px){/*834px以下*/
}
@media screen and (max-width: 480px){/*480px以下*/
}