@charset "utf-8";
.dlc{
	width:100%;
	position:relative;
	padding:min(calc(160 / var(--vw-min) * 100vw),160px) 0;
	z-index:3;
}
@media screen and (max-width:768px){
	.dlc{
		padding:calc(96 / var(--vw-min) * 100vw) 0 calc(192 / var(--vw-min) * 100vw);
	}
}
.dlc__title{
	margin:0 auto min(calc(76 / var(--vw-min) * 100vw),76px);
	position:relative;
	z-index:50;
	padding:0 6.6666%;
	max-width:1920px;
}
@media screen and (max-width:768px){
	.dlc__title{
		margin:0 auto calc(48 / var(--vw-min) * 100vw);
		position:relative;
		z-index:50;
		padding:0 calc(48 / var(--vw-min) * 100vw);
	}
}
.dlc__title--en{
	font-size:min(calc(106 / var(--vw-min) * 100vw),106px);
	font-family:var(--font-en);
	line-height:0.7;
	display:block;
	color:var(--color-red);
}
@media screen and (max-width:768px){
	.dlc__title--en{
		font-size:calc(128 / var(--vw-min) * 100vw);
		line-height:0.66;
	}
}
.dlc__title--ja{
	display:block;
	padding-top:min(calc(8 / var(--vw-min) * 100vw),8px);
	letter-spacing:0.2em;
	padding-left:0.2em;
	color:#000;
}
.dlc__content{
	width: min(calc(1040 / var(--vw-min) * 100vw), 1040px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
	.dlc__content{
		width:100%;
		padding:0 calc(48 / var(--vw-min) * 100vw);
	}
}


/* NAV */
.navLists{
	width:min(calc(1040 / var(--vw-min) * 100vw),1040px);
	margin:0 auto min(calc(96 / var(--vw-min) * 100vw),96px);
	display:flex;
	justify-content:center;
}
@media screen and (max-width:768px){
	.navLists{
		width:calc(654 / var(--vw-min) * 100vw);
		margin:0 auto calc(48 / var(--vw-min) * 100vw);
		flex-wrap:wrap;
		justify-content: flex-start;
	}
}
.navItem{
	width:calc(100% / 4);
	background:#444;
}
@media screen and (max-width:768px){
	.navItem{
		width:50%;
	}
}
.navItem__link{
	display:flex;
	width:100%;
	height:min(calc(64 / var(--vw-min) * 100vw),64px);
	justify-content:center;
	align-items:center;
	position:relative;
	text-align:center;
	color:#fff;
	text-decoration:none;
	line-height:1.5;
	overflow:hidden;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.navItem__link{
		height:calc(96 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.navItem__link:hover{
		background:var(--color-red);
	}
}
.navItem__link.is-active{
	background:var(--color-red);
}
.navItem__link:before{
	content:'';
	position:absolute;
	top:min(calc(4 / var(--vw-min) * 100vw),4px);
	right:min(calc(4 / var(--vw-min) * 100vw),4px);
	bottom:min(calc(4 / var(--vw-min) * 100vw),4px);
	left:min(calc(4 / var(--vw-min) * 100vw),4px);
	border:1px solid #fff;
	opacity:.4;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.navItem__link:before{
		top:calc(6 / var(--vw-min) * 100vw);
		right:calc(6 / var(--vw-min) * 100vw);
		bottom:calc(6 / var(--vw-min) * 100vw);
		left:calc(6 / var(--vw-min) * 100vw);
		border:calc(2 / var(--vw-min) * 100vw) solid #fff;
	}
}
@media screen and (hover:hover){
	.navItem__link:hover:before{
		opacity:1;
	}
}
.navItem__link.is-active:before{
	opacity:1;
}
.navItem__link:after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:min(calc(24 / var(--vw-min) * 100vw),24px);
	width:min(calc(8 / var(--vw-min) * 100vw),8px);
	-webkit-mask:url(../img/common/arrow_bottom.svg) no-repeat center center / contain;
	mask:url(../img/common/arrow_bottom.svg) no-repeat center center / contain;
	background:#fff;
	opacity:0;
	transform:translateY(max(calc(-10 / var(--vw-min) * 100vw),-10px));
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.pfg__navLink:after{
		right:calc(32 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.navItem__link:hover:after{
		opacity:1;
		transform:translateY(0);
	}
}
.navItem__link.is-active:after{
	opacity:1;
	transform:translateY(0);
}


.dlc__detailTtl{
	text-align: center;
	font-size: min(calc(28 / var(--vw-min) * 100vw),28px);
	font-weight: 700;
    letter-spacing: 0.075em;
    line-height: 1.6em;
    margin-bottom: min(calc(48 / var(--vw-min) * 100vw),48px);
}

/* buyLink */
.buyLink__ttl{
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	color: var(--color-gold);
    font-weight: 600;
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw),12px);
}
.buyLinkWrap{
	margin-bottom: min(calc(48 / var(--vw-min) * 100vw),48px);
}
.btn_linkBox._buyLink{
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw),12px);
	max-width:  min(calc(500 / var(--vw-min) * 100vw),500px);
}
@media screen and (max-width:768px){
	.buyLink__ttl{
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.btn_linkBox._buyLink{
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
		max-width: unset;
	}
}


/* detail */
.dlc__detailInner{
	display: flex;
}
.dlc__detailInner._character-pass{
	flex-direction: column;
}
/* img */
.dlc__detailImgBlock{
	width: min(calc(400 / var(--vw-min) * 100vw), 400px);
}
.dlc__detailImgBlock .detailImg{
	width: min(calc(400 / var(--vw-min) * 100vw), 400px);
    height: min(calc(400 / var(--vw-min) * 100vw), 400px);
}
.dlc__detailInner._character-pass .dlc__detailImgBlock{
	width: 100%;
	margin-bottom: min(calc(48 / var(--vw-min) * 100vw),48px);
}
.dlc__detailInner._character-pass .dlc__detailImgBlock .detailImg{
	width: 100%;
    height: auto;
}
.detailImg img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
@media screen and (max-width:768px){
	.dlc__detailInner{
		flex-direction: column;
	}
	.dlc__detailImgBlock{
		width: 100%;
		display: flex;
        justify-content: center;
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.dlc__detailImgBlock .detailImg{
		width: calc(600 / var(--vw-min) * 100vw);
		height: calc(600 / var(--vw-min) * 100vw);
	}


}
/* txt */
.dlc__detailTxtBlock{
	flex: 1;
    padding-left: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.dlc__detailInner._character-pass .dlc__detailTxtBlock{
    padding-left: 0;
}
@media screen and (max-width:768px){
	.dlc__detailTxtBlock{
		padding-left: 0;
	}
}

.detail__charaName {
    font-weight: 700;
    color: var(--color-gold);
    font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
    letter-spacing: 0.075em;
    padding-bottom: 1em;
}

.dlc__detailTxtBlock .txtBox{
	margin-bottom: min(calc(24 / var(--vw-min) * 100vw),24px);
}
.-indent{
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;


}
@media screen and (max-width:768px){
	.detail__charaName {
		font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
	}

	.dlc__detailTxtBlock .txtBox{
		margin-bottom: min(calc(24 / var(--vw-min) * 100vw),24px);
	}
}
.detailList{
	display:flex;
	align-items:flex-start;
	margin-bottom:min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.detailList{
		margin-bottom:calc(24 / var(--vw-min) * 100vw);
	}
	.detailList._spfull{
		flex-direction: column;
	}
}
.detailList__ttl{
	white-space:nowrap;
	padding-right:1em;
	margin-right:1em;
	position:relative;
	line-height:min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
	.detailList__ttl{
		line-height:calc(48 / var(--vw-min) * 100vw);
	}
}
.detailList__ttl:before{
	content:'';
	position:absolute;
	right:0;
	top:min(calc(4 / var(--vw-min) * 100vw),4px);
	bottom:min(calc(4 / var(--vw-min) * 100vw),4px);
	width:1px;
	background:rgba(0,0,0,.4);
}
@media screen and (max-width:768px){
	.detailList__ttl:before{
		top:calc(8 / var(--vw-min) * 100vw);
		bottom:calc(8 / var(--vw-min) * 100vw);
	}
}
.detailList__txt{
	flex:1;
	line-height:min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
	.detailList__txt{
		line-height:calc(48 / var(--vw-min) * 100vw);
	}
}
.detailList__txt._price{
	font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	letter-spacing:0.075em;
}
.detailList__txt._price small{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.detailList__txt._price{
		font-size:calc(28 / var(--vw-min) * 100vw);
		letter-spacing:0.075em;
	}
	.detailList__txt._price small{
		font-size:calc(20 / var(--vw-min) * 100vw);
	}
}


.contentLists{
	line-height:2;
}
.contentItem{
	padding-left:1.5em;
	position:relative;
}
.contentItem:before{
	content:'';
	position:absolute;
	left:0.5em;
	top:min(calc(12 / var(--vw-min) * 100vw),12px);
	width:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:min(calc(8 / var(--vw-min) * 100vw),8px);
	background:#000;
	border:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-gold);
	border-radius:50%;
	box-sizing:border-box;
}
@media screen and (max-width:768px){
	.contentItem:before{
		top:calc(16 / var(--vw-min) * 100vw);
		width:calc(16 / var(--vw-min) * 100vw);
		height:calc(16 / var(--vw-min) * 100vw);
		border:calc(4 / var(--vw-min) * 100vw) solid var(--color-gold);
	}
}