@charset "UTF-8";
/* CSS Document */
header {
	width: 100%;
}
#mv {
	background-image: url("../img/pc_mv.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 38.75%;
	
}

@media screen and (max-width: 767px){

	
	#mv {
	background-image: url("../img/sp_mv.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 140.125%;
	}
}

.selectWrap {
	width: 82%;
	max-width: 980px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.selectWrap .btnWrap {
	width: 48%;
}
@media screen and (max-width: 767px){
.selectWrap {
	width: 82%;
	max-width: 980px;
	margin: auto;
	display: block;

}
h2.epTitleWrap {
	margin: 0 auto;
}
.selectWrap .btnWrap {
	width: 80%;
		max-width: 420px;
		margin: auto;
}
}

/*作品情報　共通*/
.productWrap {
	text-align: center;
}
.coverArtLink {
	font-weight: 700;
}
.coverArtLink big {
	font-size: clamp(16px, 1.5625vw ,20px);
	font-weight: 900;
}
.coverArtLink a {
	color: #fff;
}
.jkt01Wrap {
	width: 50%;
	max-width: 640px;
	margin: 0.5em auto;
}
.jkt02Wrap {
	width: 62.5%;
	max-width: 800px;
	margin: 0.5em auto;
}
.jkt03Wrap {
	width: 70%;
	max-width: 880px;
	margin: 0.5em auto;
}
#jkt01 {
	background-image: url("../img/jkt_01.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 100%;
}
#jkt02 {
	background-image: url("../img/jkt_02.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 72.25%;
}
#jkt02-2 {
	background-image: url("../img/jkt_02-2.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 59.625%;
}
.trackListWrap {
	width: 100%;
	max-width: 980px;
	margin: 1em auto;
}
#trackListBg {
	background-image: url("../img/tracklist_BK.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding:1em;
}
.trackListArea {
	margin:1em 0;
	font-family: "Squada One", sans-serif;
	color: #fff;
}
.trackListHead {
		font-size: clamp(36px,5.625vw,72px);
	color: #cc0000;
	margin-top: 0.5em;
}
.trackListArea p {
	margin: 1em 0;
	font-size: clamp(14px,3.125vw,40px);
	line-height: 1.5em;
}
.itemWrap {
	width: 100%;
	font-size: clamp(18px,3.125vw,40px);
	line-height: 1.25em;
	font-weight: 900;
	letter-spacing: -0.05em;
}
.itemWrap p {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.itemWrap small {
	font-size: clamp(14px,2.34375vw,30px);
}
.itemWrap big {
	font-size: clamp(24px,4.6875vw,60px);
}
.pre-orderWrap_jp {
width: 100%;
	max-width: 1024px;
	margin: 0.25em auto;
	border: 4px solid #fff;
	color: #fff;
	font-size: clamp(14px,2.8125vw,36px);
	line-height: 1.8em;
	font-weight: 900;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.itemWrap p span, .pre-orderWrap_jp span, .note01 span, .note02 span {
	display: inline-block;
}
.pre-orderWrap_jp big {
		font-size: clamp(20px,3.75vw,48px);
}
.btn_reservation_jp {
	width: 70%;
	max-width: 854px;
	margin:1em auto;
}
.T-shirtWrap {
	width: 70%;
	max-width: 854px;
	margin:2em auto 1em;
}
.sizeWrap {
	width: 70%;
	max-width: 900px;
	margin: 2em auto 0;
}
.sizeInner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 900;
	font-size: clamp(14px,2.34375vw,30px);
	line-height: 1.75em;
	margin-bottom: 2px;
}

.sizeInner01 {
	width: 27.5%;

}
.sizeInner02{
		width: 11.75%;
}
.sizeInnerHead {
	background: #000;
	color: #fff;
	height: 1.8em;
}
.sizeInnerArea {
		background: #fff;
	color: #000;
	font-size: 1.2em;
	height: 1.5em;
}
.btnStreamingWrap {
	width: 68.75%;
	max-width: 880px;
	margin: auto;
}

.tokutenWrap {
	background: #000;
	width: 100%;
	padding: 1.5em 0 2.5em;
}
.tokutenHead {
	width: 12em;
	color: #fff;
	font-size: clamp(24px,3.75vw,48px);
	line-height: 1.5em;
	font-weight: 900;
	margin: auto;
	text-align: center;
	background: linear-gradient(transparent 65%, #c00 65%);
}
.tokutenArea {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 2em auto;
}
.tokutenInner {
	width: 49%;
	background: #fff;
	text-align: center;
	margin: 0.5em auto;
	padding: 0.5em;
	font-size: clamp(14px,1.875vw,24px);
	line-height: 2em;
	
}
.tokutenShopName {
	width: 100%;
	margin: auto;
	background: #000;
	color: #fff;
	font-weight: 900;
}
.tokutenGoodsName {
	text-align: center;
		font-weight: 700;
	font-size: clamp(18px,2.1875vw,28px);

}
.tokutenGoodsSize {
	text-align: center;
	font-weight: 400;
	font-size: clamp(12px,1.25vw,16px);
	margin-top: -1em;
}
.tokutenImg {
	width: 90%;
	margin: auto;
}
#tokutengoods_tower {
	background-image: url("../ja/img/tokutengoods_tower.jpg");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
padding-top: 100%;
}
#tokutengoods_hmv {
	background-image: url("../ja/img/tokutengoods_hmv.jpg");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
padding-top: 100%;
}
#tokutengoods_amazon {
	background-image: url("../ja/img/tokutengoods_amazon.jpg");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
padding-top: 100%;
}
#tokutengoods_rakuten {
	background-image: url("../ja/img/tokutengoods_rakuten.jpg");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
padding-top: 100%;
}
#tokutengoods_seven {
	background-image: url("../ja/img/tokutengoods_seven.jpg");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
padding-top: 100%;
}

.tokuten_note {
	color: #fff;
	margin: 1em auto;
	text-align: center;
}

.linkBtnWrap {
	width: 62.5%;
	max-width: 800px;
	margin: 2em auto;
	text-align: center;
	font-family: "Squada One", sans-serif;
	font-size: clamp(14px,2.8125vw,36px);
	line-height: 2em;
}
.linkBtn {
	background: #000;
	color: #fff;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0.75em auto;
}
.linkBtnWrap a:hover .linkBtn, .linkBtnWrap a:active .linkBtn  {
	background: #fff;
	color: #000;
	transform: scale(1.025);
	transition: transform .6s ease;
}

@media screen and (max-width: 767px){
	.tokutenGoodsSize {
	margin-top: -0.5em;
}
}


.lineA {
	border-top:1px solid #000;
}
.lineB {
	border-top:1px solid #C00;
}

.mp01 {
	margin: 3em 0;
}
.note01 {
	color: #fff;
	font-weight: 900;
	font-size: clamp(12px,1.40625vw,18px);
	line-height: 1.6em;
}
.note02 {
	color: #fff;
	font-weight: 900;
	font-size: clamp(12px,1.875vw,24px);
	line-height: 1.6em;
}
/*英語版*/
.itemCD_enWrap {
	width: 60%;
	max-width: 720px;
	margin: auto;
}
.pre-orderWrap_en {
width: 100%;
	max-width: 1024px;
	margin: 1.5em auto;

}
.pre-orderHead_en {
	border: 4px solid #fff;
	color: #fff;
	width: 50%;
	max-width: 640px;
	margin: auto;
		font-size: clamp(14px,2.8125vw,36px);
	line-height: 1.5em;
	font-weight: 900;
}
.pre-orderInner_en {
	font-size: clamp(24px,3.75vw,48px);
	line-height: 1.8em;
	font-weight: 900;
	color: #fff;
}
.pre-orderInner_en small {
	font-size: clamp(14px,2.8125vw,36px);
}
.btnStreamingWrap-en {
	width: 86%;
	max-width: 1100px;
	margin: auto;
}
.btn_reservation_en {
	width: 89%;
	max-width: 1100px;
	margin:1em auto;
}
.size-en{
	font-family: "Squada One", sans-serif;
	}
.linkWrap-en {
	background: #000;
	padding: 2em 0;
}
.linkBtnWrap-en {
	width: 62.5%;
	max-width: 800px;
	margin:auto;
	text-align: center;
	font-family: "Squada One", sans-serif;
	font-size: clamp(14px,2.8125vw,36px);
	line-height: 2em;
}
.linkBtn-en {
	background: #000;
	border: 4px solid #c00;
	color: #c00;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0.75em auto 1em;
}
.linkBtnWrap-en .linkBtn-en:hover, .linkBtnWrap-en .linkBtn-en:active  {
	background: #c00;
	color: #fff;
	transform: scale(1.025);
	transition: transform .6s ease;
}
	.linkBtn-en {
	}

@media screen and (max-width: 767px){
	.jkt01Wrap {
	width: 70%;
}
.jkt02Wrap {
	width: 70%;
}
.jkt03Wrap {
	width: 85%;
}
	
	.pre-orderWrap_jp {
		margin: 0.5em auto;
		border: 2px solid #fff;
		line-height: 1.25em;
		padding: 0.25em 0;
	}
.sizeWrap {
	width: 90%;
	}
.btnStreamingWrap {
	width: 80%;

}
.btnStreamingWrap-en {
	width: 100%;

}
.tokutenInner {
	width: 100%;
	max-width: 480px;

}
.tokuten_note {
	text-align: left;
	width: 100%;
	max-width: 480px;
	margin: 1em auto;
}
.linkBtnWrap, .linkBtnWrap-en {
		width: 90%;
	}
.mp01 {
	margin: 1.5em 0;
}
	
.pre-orderHead_en {
	border: 2px solid #fff;
	color: #fff;
	width: 70%;
	}
	.linkBtn-en {
		border:2px solid #c00;
	}
}