@charset "utf-8";
.inMain .content{
	padding-top: 80px;
}
.inMain .contentIn{
	padding-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}

@media screen and (max-width:768px){
	.inMain .content{
		padding-top: calc(96 / var(--vw-min) * 100vw);
	}
	.inMain .contentIn{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
}

/*----------------
* MUSIC
-----------------*/
#music .contentIn{
	width: 100%;
    max-width: calc(1200px * var(--max-percent));
    margin: 0 auto;
    position: relative;
}
.musicAreaContent{
	width: 86.6667%;
	min-width: min(1040px, 100%);
	padding: 0 min(3.8462vw, 40px);
	margin: 0 auto;
}
.musicAreaContentIn{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	background-color: #fff;
}
.musicAreaContentIn:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: url(../img/common/textur_paper.png) repeat center;
	mix-blend-mode: multiply;
}

@media screen and (max-width:768px){
	.musicAreaContent{
		width: 100%;
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
	.musicAreaContentIn{
		padding: calc(48 / var(--vw-min) * 100vw);
		padding-top: calc(16 / var(--vw-min) * 100vw);
	}
}


.musicCont{
	position: relative;
}


.inPage_contentArea.-nobgc .musicAreaContentIn{
	padding: unset;
	background-color: unset;
}
.inPage_contentArea.-nobgc .musicAreaContentIn:before{
	content: unset;
}




/*-----------------
 * page link
-----------------*/
/*pagelinkLists*/
.pagelinkLists{
	display: flex;
	flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 28px;
}
@media screen and (max-width: 767px){
	.pagelinkLists{
		margin-bottom: 0;
		padding:0 calc(20 / var(--vw-min) * 100vw);
	}
}
.pagelinkLists__item{
	margin: 5px;
}
.pagelink{
	display: flex;
	position: relative;
	border-radius: 50px;
	font-size: 17px;
	font-weight: 500;
	line-height: 1;
	color: #FFF;
	text-align: center;
	background-color: #222;
	align-items: center;
	justify-content: center;
	padding: 0 50px;
	text-decoration: none;
}
.pagelink .pagelink__txt{
	color: #FFF;
	text-decoration: none;
	display: block;
	padding-right: 10px;
	cursor: pointer;

}
.pagelink__inner{
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: center;
}

.pagelinkLists__item{
	position: relative;
	margin: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width: 767px){
	.pagelinkLists__item{
		width: calc((100% - calc(80 / var(--vw-min) * 100vw)) / 2);
        margin: 0 calc(20 / var(--vw-min) * 100vw);
		letter-spacing: 0;
	}
}
.comlinkBox__txt{
	position: relative;
	padding-right: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.pagelinkLists__item .comlinkBox__txt:after {
   content: '';
    position: absolute;
    bottom: 0;
    top: 0;
    left: unset;
    right: 0;
    width: 16px;
    height: 6px;
    -webkit-mask: url(../img/common/nav_deco-now.svg) no-repeat center top / 100%;
    mask: url(../img/common/nav_deco-now.svg) no-repeat center top / 100%;
	background-color: var(--color-brown);
    margin: auto;
    transform: rotate(-180deg);
    transition: transform .8s ease, opacity .2s ease;
	opacity: 1;
}

@media screen and (max-width: 767px){
	.pagelinkLists__item .comlinkBox{
		width: 100%;
	}
	.pagelinkLists__item .comlinkBox__txt {
		width: 100%;
		padding-right:calc(30 / var(--vw-min) * 100vw);
		text-align: center;
	}
	.pagelinkLists__item .comlinkBox__txt:after {
		width: calc(32 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover: hover) and (pointer: fine) {
    .comlinkBox:hover .comlinkBox__txt:after {
        background-color: var(--color-orange);
		 transition:all .3s ease;
    }
}

.discCont_block{
	margin: 0 auto;
	padding-top: min(calc(100 / var(--vw-min) * 100vw),100px);
}
.cont_ttl-s{
	display: flex;
    text-align: center;
    font-size: min(calc(42 / var(--vw-min) * 100vw), 42px);
    flex-direction: column;
    align-items: center;
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	color: var(--color-orange);
}
.cont_ttl-s-en{
	font-family: var(--font-en);
	line-height: 1;
}
.cont_ttl-s-ja{
    font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
@media screen and (max-width: 767px){
	.cont_ttl-s{
		font-size: calc(48 / var(--vw-min) * 100vw);
		margin-bottom:calc(48 / var(--vw-min) * 100vw);
	}
	.cont_ttl-s-en{
		font-family: var(--font-en);
		line-height: 1;
	}
	.cont_ttl-s-ja{
		font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
}

.discCont_block__inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
    background-color: #fff;
}
.discCont_block__inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(../img/common/textur_paper.png) repeat center;
    mix-blend-mode: multiply;
	pointer-events: none;
}


/* BLOCK */
.blockWrap{
	display: flex;
	justify-content: space-between;
}
.blockWrap:not(:first-child){
	margin-top: min(calc(48 / var(--vw-min) * 100vw),48px);
}
.block__left{
	width: calc((100% - min(calc(40 / var(--vw-min) * 100vw),40px) ) / 2);
}
.block__right{
	width: calc((100% - min(calc(40 / var(--vw-min) * 100vw),40px) ) / 2);
}
@media screen and (max-width: 767px){
	.blockWrap{
		flex-direction: column;
	}
	.block__left{
		width: 100%;
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.block__right{
		width: 100%;
	}
}
.imgBox img{
	width: 100%;
	height: auto;
}
/* disc ttl*/
.discInfo__ttlWrap{
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.discInfo__ttl{
	font-size: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.discInfo__name{
	display: block;
	font-size: min(calc(26 / var(--vw-min) * 100vw), 26px);
}
@media screen and (max-width: 767px){
	.discInfo__ttlWrap{
		margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
	}
	.discInfo__ttl{
		font-size:calc(40 / var(--vw-min) * 100vw);
	}
	.discInfo__name{
		font-size: calc(26 / var(--vw-min) * 100vw);
	}
}

/* detailBox */
.detailBox{
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: calc(27/15);
	display: flex;
}
.detailBox:not(:last-child){
	margin-bottom: 4px;
}
.detailBox__ttl{
	color: var(--color-orange);
	flex-shrink: 0;
}
.detailBoxWrap{
	margin-bottom: min(calc(48 / var(--vw-min) * 100vw),48px);
}

.txtBox{
	margin-bottom: 40px;
}
.txt_o{
	color: var(--color-orange);
}
@media screen and (max-width: 767px){
	.detailBox{
		font-size: calc(24 / var(--vw-min) * 100vw);
		letter-spacing: 0.04em;
		line-height: calc(23/12);
	}
	.detailBoxWrap{
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
	}
	.txtBox{
		margin-bottom: calc(68 / var(--vw-min) * 100vw);
	}
}


.cmtBox{
	border-top: 1px solid var(--color-brown);
	padding-top: min(calc(40 / var(--vw-min) * 100vw),40px);
	margin-top: min(calc(40 / var(--vw-min) * 100vw),40px);
}
.cmtBox__ttl{
	line-height: 1;
}
.cmtBox__ttl_en{
	font-size: min(calc(36 / var(--vw-min) * 100vw), 36px);
	font-family: var(--font-en);
}
.cmtBox__ttl_jp{
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	display: inline-block;
	margin-left: 1em;
}
.cmtBox__name{
    font-size: min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width: 767px){
	.cmtBox__ttl_en{
		font-size:calc(40 / var(--vw-min) * 100vw);
	}
	.cmtBox__ttl_jp{
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
	.cmtBox__name{
		font-size: calc(40 / var(--vw-min) * 100vw);
	}
}

.cmtBox .block__left{
	width: 40%;
}
.cmtBox .block__right{
	width: calc(60% - min(calc(40 / var(--vw-min) * 100vw), 40px))
}
.cmtBox .blockWrap{
	margin-top: min(calc(26 / var(--vw-min) * 100vw), 26px);
}
@media screen and (max-width: 767px){
	.cmtBox .block__left{
		width: 100%;
	}
	.cmtBox .block__right{
		width: 100%;
	}
	.cmtBox .blockWrap{
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
}

/*sitelink*/
.sitelinkBox{
	font-size:min(calc(12 / var(--vw-min) * 100vw),12px);
	margin-top:min(calc(32 / var(--vw-min) * 100vw),32px);
}
.sitelinkBox a{
	color: var(--color-orange);
}
@media screen and (max-width: 767px){
	.sitelinkBox{
		font-size:calc(20 / var(--vw-min) * 100vw);
		margin-top:calc(48 / var(--vw-min) * 100vw);
	}
}

/*btnlink*/
.music__linkBox{
	margin-top: 1em;
}
.btnlink{
    display: inline-block;
    min-width:min(calc(280 / var(--vw-min) * 100vw),280px);
    min-height:min(calc(50 / var(--vw-min) * 100vw),50px);
    position: relative;
    border-radius: min(calc(50 / var(--vw-min) * 100vw),50px);
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    font-weight: 500;
    line-height: 1;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    align-items: center;
    justify-content: center;
    padding: 0 min(calc(50 / var(--vw-min) * 100vw),50px);
    position: relative;
}
.btnlink__inner {
    display: flex;
    min-height: min(calc(50 / var(--vw-min) * 100vw),50px);
    align-items: center;
    justify-content: center;
    position: relative;
}
.btnlink:after{
	content: '';
	position: absolute;
	top: 0;
	right: min(calc(14 / var(--vw-min) * 100vw),14px);
	bottom: 0;
	width: min(calc(24 / var(--vw-min) * 100vw),24px);
	height: min(calc(6 / var(--vw-min) * 100vw),6px);
	margin: auto 0;
	-webkit-mask-image: url(../img/common/arrow_r.svg);
	mask-image: url(../img/common/arrow_r.svg);
	mask-position: left bottom;
	mask-size: contain;
	mask-repeat: no-repeat;
	background-color: #fff;
}

@media (hover: hover) and (pointer: fine){	
	.btnlink,
	.btnlink .btnlink__txt,
	.btnlink:after{
		transition: background-color .3s ease, right .3s ease;
	}
	.btnlink:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-image: linear-gradient(#78b43c, #78b43c);
		background-repeat: no-repeat;
		background-size: 0% 100%;
		background-position: right center;
		transition: background-size .4s ease;
		border-radius: min(calc(50 / var(--vw-min) * 100vw),50px);
	}
	.btnlink:hover::before{
		background-size: 100% 100%;
		background-position: left center;
	}
	.btnlink:hover::after{
		right: min(calc(10 / var(--vw-min) * 100vw),10px);
	}
}