@charset "utf-8";
.musicCategoryListsWrap{
	width:100%;
	position:relative;
	margin-bottom:48px;
}
.musicCategoryListsInWrap{
	padding-left:24px;
	padding-right:24px;
	padding-bottom:12px;
	overflow:auto;
}
.musicCategoryLists{
	display:flex;
	justify-content:center;
}
.musicCategoryList{
	flex-shrink:0;
	padding:12px 8px 20px 8px;
	width:min(calc(200 / var(--vw-min) * 100vw),200px);
}
.musicCategoryList > .cont_h2__linkBtnWrap{
	position:relative;
	width:auto;
	right:unset;
}
.musicCategoryList > .cont_h2__linkBtnWrap > .cont_h2__link{
	padding:0 24px;
}
.musicCategory_lines{
	position:absolute;
	height:10px;
	left:50%;
	right:50%;
}
.musicCategory_lines:before,
.musicCategory_lines:after{
	content:'';
	position:absolute;
	height:2px;
	background-color:var(--color-main-brown);
}
.musicCategory_lines:before{
	top:0;
	left:0;
	right:0;
}
.musicCategory_lines:after{
	bottom:0;
	left:0;
	right:0;
}
.musicCategory_lines._1{
	top:34px;
}
/** is-current **/
.musicCategoryList.--is-current .cont_h2__link{
	background-color:var(--color-main-brown);
    color:#FFF;
	transform:translate(4px,4px);
}
.musicCategoryList.--is-current .cont_h2__link > .cont_h2__link__txt{
	color:#FFF;
}
.musicCategoryList.--is-current .cont_h2__link:before{
	bottom:12px;
}
.musicCategoryList.--is-current .cont_h2__linkBtn_frame{
	top:4px;
	left:4px;
}

/** loaded **/
.musicCategory_lines{
	transition:left .4s ease .2s,right .4s ease .2s;
}
#music.is-ani .musicCategory_lines{
	left:0;
	right:0;
}

@media screen and (max-width:767px){
	.musicCategoryListsWrap{
		margin-bottom:var(--sp-size-48);
	}
	.musicCategoryListsInWrap{
		padding-left:var(--sp-size-24);
		padding-right:var(--sp-size-24);
		padding-bottom:var(--sp-size-12);
		overflow:auto;
	}
	.musicCategoryList{
		padding:var(--sp-size-12) var(--sp-size-8) var(--sp-size-20) var(--sp-size-8);
		width:min(calc(280 / var(--vw-min) * 100vw),280px);
	}
	.musicCategoryList > .cont_h2__linkBtnWrap > .cont_h2__link{
		padding:0 var(--sp-size-40);
	}
	.musicCategory_lines{
		height:var(--sp-size-20);
	}
	.musicCategory_lines:before,
	.musicCategory_lines:after{
		height:var(--sp-size-4);
	}

/* lines */
	.musicCategory_lines._1{
		top:min(calc(48 / var(--min-ww) * 100vw),48px);
	}

/* is-current */
	.musicCategoryList.--is-current .cont_h2__link{
		transform:translate(min(calc(8 / var(--min-ww)* 100vw),8px),min(calc(8 / var(--min-ww)* 100vw),8px));
	}
	.musicCategoryList.--is-current .cont_h2__link:before{
		bottom:var(--sp-size-24);
	}
	.musicCategoryList.--is-current .cont_h2__linkBtn_frame{
		top:min(calc(8 / var(--min-ww)* 100vw),6px);
		left:min(calc(8 / var(--min-ww)* 100vw),6px);
	}
}
@media screen and (max-width:767px){
	.articleContentWrap{
		width:min(calc(654 / var(--vw-min) * 100vw),654px);
		margin:0 auto;
	}
	.articleContentIn{
		padding-left:min(calc(48 / var(--vw-min) * 100vw),48px);
		padding-right:min(calc(48 / var(--vw-min) * 100vw),48px);
	}
}
.cont_h3{
	position:absolute;
	right:5.4054%;
	top:max(calc(-40 / var(--vw-min) * 100vw),-40px);
	font-size:min(calc(77 / var(--vw-min) * 100vw),77px);
	font-family:var(--font-en);
	z-index:50;
}
.cont_h3__txt{
	letter-spacing:0.01em;
}
.music__articleHeader{
	margin-bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
	border-bottom: 2px solid var(--color-main-brown);
}
.music__articleType{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	color:var(--color-main-red);
	font-weight: 700;
}
@media screen and (max-width:767px){
	.music__articleType{
		font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	}
}
.music__articleName{
	font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	color:var(--color-main-brown);
	font-weight:700;
}
@media screen and (max-width:767px){
	.music__articleName{
		font-size:min(calc(32 / var(--vw-min) * 100vw),32px);
	}
}
.music__articleName span{
	font-size:min(calc(21 / var(--vw-min) * 100vw),21px);
}
@media screen and (max-width:767px){
	.music__articleName span{
		font-size:min(calc(28 / var(--vw-min) * 100vw),28px);
	}
}

.music__articleImg{
	width:100%;
	margin-top: 1.5em;
}
@media screen and (max-width:767px){
	.music__articleImg{
		margin-top: 3.3vw;
	}
}
.music__articleImg img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto min(calc(40 / var(--vw-min) * 100vw),40px);
	border: 1px solid #edcbcf;
}

@media screen and (min-width: 769px) {
	.music__articleImg-60w{
		width:60%;
	}
}
.music__articleImg-60w{
	margin-top: 1.5em;
	margin: 0 auto;
}
@media screen and (max-width:767px){
	.music__articleImg-60w{
		margin-top: 3.3vw;
	}
}
.music__articleImg-60w img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto min(calc(40 / var(--vw-min) * 100vw),40px);
	border: 1px solid #edcbcf;
}



.music__articleBoxes{
	margin-bottom:min(calc(32 / var(--vw-min) * 100vw),32px);
}
.music__articleBoxes a{
	color:var(--color-main-red);
}
.music__articleBoxesTitle{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	color:var(--color-main-red);
	margin-bottom:0.5em;
	font-weight: 700;
}
@media screen and (max-width:767px){
	.music__articleBoxesTitle{
		font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	}
}

.music__articleBoxesTitle_ed{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	color:var(--color-main-red);
	margin:1.5em 0 0.2em 0;
	font-weight: 700;
}
@media screen and (max-width:767px){
	.music__articleBoxesTitle_ed{
		font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	}
}

.music__articleBoxesText{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:767px){
	.music__articleBoxesText{
		font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	}
}
.music__articleBoxesColumn{
	display:flex;
	justify-content:space-between;
}
@media screen and (max-width:767px){
	.music__articleBoxesColumn{
		display:block;
	}
}
.music__articleBoxesHalf{
	width:48%;
}
@media screen and (max-width:767px){
	.music__articleBoxesHalf{
		width:100%;
	}
	.music__articleBoxesHalf:not(:last-child){
		padding-bottom:min(calc(48 / var(--vw-min) * 100vw),48px);
	}
}
.music__articleBoxesSwiper{
	padding-top:0.5em;
}
.music__articleBoxesSwiperSlide{
	padding-bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:767px){
	.music__articleBoxesSwiperSlide{
		padding:0 min(calc(48 / var(--vw-min) * 100vw),48px) min(calc(48 / var(--vw-min) * 100vw),48px);
	}
}
.music__articleBoxesSwiperSlide img{
	width:100%;
	height:auto;
	border: 1px solid #edcbcf;
}
.music__articleBoxesSwiperSlide p{
	padding-top:0.5em;
	text-align:center;
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:767px){
	.music__articleBoxesSwiperSlide p{
		font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	}
}
.swiper-button-prev,
.swiper-button-next{
	display:none;
}
.swiper-button-prev:after,
.swiper-button-next:after{
	display:none;
}
.swiper-horizontal>.swiper-pagination-bullets{
	bottom:0;
	display:flex;
	justify-content:center;
}
.swiper-pagination-bullet{
	width:min(calc(24 / var(--vw-min) * 100vw),24px);
	height:min(calc(24 / var(--vw-min) * 100vw),24px);
	margin:0 !important;
	display:block;
	background:transparent;
	padding:min(calc(8 / var(--vw-min) * 100vw),8px);
	opacity:1;
}
.swiper-pagination-bullet:before{
	content:'';
	display:block;
	width:100%;
	height:min(calc(8 / var(--vw-min) * 100vw),8px);
	border-radius:50%;
	background:#ccc;
}
.swiper-pagination-bullet-active:before{
	background:var(--color-main-red);
}
@media screen and (max-width:767px){
	.swiper-button-prev{
		display:block;
		width:min(calc(30 / var(--vw-min) * 100vw),30px);
		height:min(calc(68 / var(--vw-min) * 100vw),68px);
		background:url(../img/common/arrow_r.svg) no-repeat center center / contain;
		transform:rotate(180deg);
		top:50%;
		margin-top:max(calc(-76 / var(--vw-min) * 100vw),-76px);
		left:0;
	}
	.swiper-button-next{
		display:block;
		width:min(calc(30 / var(--vw-min) * 100vw),30px);
		height:min(calc(68 / var(--vw-min) * 100vw),68px);
		background:url(../img/common/arrow_r.svg) no-repeat center center / contain;
		top:50%;
		margin-top:max(calc(-76 / var(--vw-min) * 100vw),-76px);
		right:0;
	}
	.swiper-pagination-bullet{
		width:min(calc(36 / var(--vw-min) * 100vw),36px);
		height:min(calc(36 / var(--vw-min) * 100vw),36px);
		padding:min(calc(12 / var(--vw-min) * 100vw),12px);
		display:block;
	}
	.swiper-pagination-bullet:before{
		height:min(calc(12 / var(--vw-min) * 100vw),12px);
	}
}
.music__articleBoxesSpec{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	margin-bottom:0.6em;
}
@media screen and (max-width:767px){
	.music__articleBoxesSpec{
		font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	}
}
.subt{
	color: var(--color-main-brown);
	font-weight: 600;
}

/**
* scrAni - set
**/
.cont_h3{
	opacity:0;
	transition:.3s ease;
}
.articleContentIn{
	opacity:0;
	transform:scale(90%);
	transition:.6s ease;
	transform-origin:center top;
}
.articleContentIn__cont{
	opacity:0;
	transition:.4s ease;
}

.btn_linkWrap{
	opacity:0;
	transform:translateY(10%);
	transition:.4s ease;
}

/* scrAni - ani */
.content.is-ani .cont_h3{
	opacity:1;
	transition-delay:1s;
}

.content.is-ani .articleContentIn{
	transition-delay:1s;
	opacity:1;
	transform:scale(100%);
}
.content.is-ani .articleContentIn__cont{
	transition-delay:1.65s;
	opacity:1;
}


.content.is-ani .btn_linkWrap{
	opacity:1;
	transform:translateY(0%);
	transition-delay:1.3s;
}
.articleContentWrap:not(:last-of-type) .articleContentIn{
	padding-bottom:min(calc(60 / var(--vw-min) * 100vw),60px);
}
.articleContentWrap:not(:last-of-type) > .articleContentIn:after{
	display:none;
}

.movieListIn{
	width:100%;
	padding:min(calc(32 / var(--vw-min) * 100vw),32px) 10% min(calc(16 / var(--vw-min) * 100vw),16px);
}
.movieList__movWrap{
	width:100%;
	position:relative;
	padding:8px;
	line-height:0;
}
.movieList__movFrameWrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.movieList__movFrame,
.movieList__movFrame span{
	position:absolute;
}
.movieList__movFrame span{
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:var(--color-main-brown);
	transition:.4s cubic-bezier(.17,.67,.65,1);
}
.movieList__movFrame.-t{
	top:0;
	right:0;
	left:48px;
	height:2px;
}
.movieList__movFrame.-r{
	top:0;
	right:0;
	bottom:128px;
	width:2px;
}
.movieList__movFrame.-b{
	bottom:0;
	left:0;
	right:48px;
	height:2px;
}
.movieList__movFrame.-l{
	bottom:0;
	left:0;
	top:128px;
	width:2px;
}



.btn_movieListPlay{
	position:relative;
	width:100%;
	padding-top:56.25%;
	overflow:hidden;
}
.btn_movieListPlay:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:var(--color-main-red);
	opacity:60%;
	z-index:2;
	transition:opacity .3s ease;
}
.btn_movieListPlay img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .4s cubic-bezier(.64,.39,.46,1);
}
.icon-movPlay{
	width:13.3334%;/* 80 */
	height:23.7389%;/* 80 */
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	z-index:2;
}
.icon-movPlay:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/common/icon_play__base.svg) no-repeat center / contain;
}
.icon-movPlay:after{
	content:'';
	position:absolute;
	top:0;
	left:10%;
	right:0;
	bottom:0;
	margin:auto;
	width:45%;/* 36 */
	height:50%;/* 40 */
	background:url(../img/common/icon_play.svg) no-repeat center / contain;
	transition:transform .4s cubic-bezier(.84,.33,.53,.97);
}

.movieList__title{
	line-height:1.5;
	font-weight:500;
	text-align:center;
	margin-top:16px;
}

.moviePrevNextWrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:56.6667%;/* 616 + 64 */
	max-width:calc(680px * var(--max-width-percent));
	margin:0 auto;
	z-index:2;
	pointer-events:none;
}
.moviePrevNextHeightWrap{
	width:100%;
	padding:0 4.7059%;
}
.moviePrevNextHeightInWrap{
    width:100%;
    position:relative;
    padding:8px;
}
.moviePrevNextHeight{
	width:100%;
	padding-top:56.25%;
}

.moviePrevNextInWrap{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
}
.moviePrevNext{
	margin:auto 0;
	transition:.3s ease;
	width:7.0589%;
	position:absolute;
	pointer-events:auto;
	transition:transform .3s ease;
}
.moviePrevNext:before{
	content:'';
	display:block;
	width:100%;
	padding-top:206.3158%;
}
.btn_moviePrev{
	left:0;
}
.btn_moviePrev:before{
	background:url(../img/common/arrow_prev.png) no-repeat center left / contain;
}
.btn_movieNext{
	right:0;
}
.btn_movieNext:before{
	background:url(../img/common/arrow_next.png) no-repeat center right / contain;
}

@media (hover:hover) and (pointer:fine){
	.btn_moviePrev:hover{
		transform:translateX(-20%);
	}
	.btn_movieNext:hover{
		transform:translateX(20%);
	}
	.btn_movieListPlay:hover::before{
		opacity:40%;
	}
	.btn_movieListPlay:hover img{
		transform:scale(1.05);
	}
	.btn_movieListPlay:hover .icon-movPlay:after{
		transform:rotate(360deg) scale(1.1);
	}
}

@media screen and (max-width:767px){
	.movieListIn{
		padding:calc(32 / var(--vw-min) * 100vw) 0.6601%;/* 0 4 */
	}
	.movieList__movWrap{
		padding:3.3445%;/* 20 */
	}
	.movieList__movFrame.-t{
		left:var(--sp-size-96);
		height:var(--sp-size-4);
	}
	.movieList__movFrame.-r{
		bottom:min(calc(230 / var(--min-ww) * 100vw), 230px);
		width:var(--sp-size-4);
	}
	.movieList__movFrame.-b{
		right:var(--sp-size-96);
		height:var(--sp-size-4);
	}
	.movieList__movFrame.-l{
		top:min(calc(230 / var(--min-ww) * 100vw), 230px);
		width:var(--sp-size-4);
	}
	.icon-movPlay{
		width:var(--sp-size-96);
		height:var(--sp-size-96);
	}
	.movieList__title{
		margin-top:var(--sp-size-16);
	}
	.moviePrevNextWrap{
		width:85.3334%;/* 640 */
		max-width:unset;
	}
	.moviePrevNextHeightWrap{
		padding:0 2.8125%;/* 0 18 */
	}
	.moviePrevNextHeightInWrap{
		padding:3.3445%;
	}
	.moviePrevNext{
		width:9.6875%;
	}
}


/* scrAni */
.btn_movieListPlay{
	opacity:0;
	transform:scale(0.8);
	transition:transform .6s cubic-bezier(.64,.39,.46,1) 1.4s, opacity .6s cubic-bezier(.64,.39,.46,1) 1.4s;
}
.movieList__movFrame span{
	transition:.4s cubic-bezier(.17,.67,.65,1) 1s;
}
.movieList__movFrame.-t span{
	width:0%;
	margin-left:auto;
}
.movieList__movFrame.-r span{
	height:0%;
}
.movieList__movFrame.-b span{
	width:0%;
}
.movieList__movFrame.-l span{
	height:0%;
	margin-top:auto;
}
.movieList__title{
	opacity:0;
	transform:translateY(50%);
	transition:transform .6s cubic-bezier(.64,.39,.46,1) 1.4s, opacity .6s cubic-bezier(.64,.39,.46,1) 1.4s;
}
.moviePrevNextInWrap{
	opacity:0;
	transition:opacity .3s ease 1.8s;
}


/* scrAni - is-ani */
#music.is-ani .btn_movieListPlay{
	opacity:1;
	transform:scale(1);
}
#music.is-ani .movieList__movFrame.-t span,
#music.is-ani .movieList__movFrame.-b span{
	width:100%;
}
#music.is-ani .movieList__movFrame.-r span,
#music.is-ani .movieList__movFrame.-l span{
	height:100%;
}
#music.is-ani .movieList__title{
	opacity:1;
	transform:translateY(0%);
}
#music.is-ani .moviePrevNextInWrap{
	opacity:1;
}

/* sns */
.music__sns{
	margin-bottom: 1em;
}
@media screen and (max-width:767px){
	.music__sns{
		margin-bottom: 2.3vw;
	}
}

.indent1{
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}
.indent2{
    display: block;
    padding-left: 1.8em;
    text-indent: -1.8em;
}

.aida{
	font-weight: 300;
}