@charset "utf-8";
/*-----------------------------------------------
 * PACKAGE
-------------------------------------------------*/
.pkg {
    padding-bottom: min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
    .pkg {
        padding-bottom: 0;
    }
}
.subSec-tit-en {
    text-wrap: nowrap;
    display: flex;
}
@media screen and (max-width:768px){
    .subSec-tit-en {
        flex-direction: column;
        line-height: 0.85;
    }
}
.subSec-tit-en .--bluray span:nth-child(2) {
    color: var(--color-redE60);
}
/**
* nav
**/
.pkg__navLists {
    width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: min(calc(16 / var(--vw-min) * 100vw),16px);
    margin: 0 auto min(calc(72 / var(--vw-min) * 100vw),72px);
}
.pkg__navItem {
    width: calc((100% - min(calc(32 / var(--vw-min) * 100vw),32px)) / 3);
}
@media screen and (max-width:768px){
    .pkg__navLists {
        width: 100%;
        padding: 0 calc(24 / var(--vw-min) * 100vw);
        gap: calc(9/ var(--vw-min) * 100vw);
        margin-bottom: calc(32 / var(--vw-min) * 100vw);
    }
    .pkg__navItem {
        width: calc((100% - calc(9 / var(--vw-min) * 100vw)) / 2);
    }
}
.pkg__navLink {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    color: #fff;
    line-height: 1.5;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: min(calc(100 / var(--vw-min) * 100vw),100px);
    border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-black00);
    padding: min(calc(16 / var(--vw-min) * 100vw),16px) min(calc(62 / var(--vw-min) * 100vw),62px);
    background-color: var(--color-black00);
    text-decoration: none;
    overflow: hidden;
	transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
@media screen and (max-width:768px){
    .pkg__navLink {
        font-size: calc(12 / var(--vw-min) * 100vw);
        border-radius: calc(100 / var(--vw-min) * 100vw);
        border-width: calc(1 / var(--vw-min) * 100vw);
        padding: calc(10 / var(--vw-min) * 100vw) calc(37 / var(--vw-min) * 100vw);
    }
}
.pkg__navLink span:not(.pkg__navArrow) {
	position: relative;
	z-index: 1;
}
.pkg__navLink::before {
	content: "";
	width: 100%;
	height: 350%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
	margin: auto;
	background-color: #fff;
	transform: skewY(-10deg) scale(1, 0);
	transform-origin: left top;
	transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.pkg__navArrow {
    width: min(calc(12 / var(--vw-min) * 100vw),12px);
    height: min(calc(7 / var(--vw-min) * 100vw),7px);
    display: inline-block;
    position: absolute;
    top: 0;
    right: min(calc(25 / var(--vw-min) * 100vw),25px);
    bottom: 0;
    z-index: 1;
    margin: auto;
    -webkit-mask: url(../img/common/deco/deco_arrow2.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_arrow2.svg)no-repeat center/contain;
    background-color: #fff;
	transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
@media screen and (max-width:768px){
    .pkg__navArrow {
        width: calc(10 / var(--vw-min) * 100vw);
        height: calc(6 / var(--vw-min) * 100vw);
        right: calc(16 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
	.pkg__navLink:hover::before {
		transform: skewY(-10deg) scale(1, 1);
	}
	.pkg__navLink:hover {
		color: var(--color-black00);
	}
	.pkg__navLink:hover .pkg__navArrow {
		background-color: var(--color-black00);
		transform: translateY(2px);
	}
}
.pkg__navLink.is-active {
    color: var(--color-black00);
}
.pkg__navLink.is-active::before {
	transform: skewY(-10deg) scale(1, 1);
}
.pkg__navLink.is-active .pkg__navArrow {
    background-color: var(--color-black00);
}
/**
* lists
**/
.pkgCont {
    width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .pkgCont {
        width: 100%;
        padding: 0 calc(24 / var(--vw-min) * 100vw);
    }
}
.pkg__lists {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    column-gap: min(calc(20 / var(--vw-min) * 100vw),20px);
    row-gap: min(calc(64 / var(--vw-min) * 100vw),64px);
}
@media screen and (max-width:768px){
    .pkg__lists {
        grid-template-columns: repeat(2,1fr);
        column-gap: calc(13 / var(--vw-min) * 100vw);
        row-gap: calc(32 / var(--vw-min) * 100vw);
    }
}
.pkg__link {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}
.pkg__img {
    width: 100%;
    padding-top: 141.2766%;/*332*/
    position: relative;
    border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-black231);
    overflow: hidden;
}
@media screen and (max-width:768px){
    .pkg__img {
        padding-top: 141.4013%;/*222*/
        border-width: calc(1 / var(--vw-min) * 100vw);
    }
}
.pkg__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    object-fit: contain;
    pointer-events: none;
    transition: .3s ease;
}
.pkg__img::before {
    content: "";
    width: min(calc(32 / var(--vw-min) * 100vw),32px);
    height: min(calc(32 / var(--vw-min) * 100vw),32px);
    display: block;
    position: absolute;
    right: min(calc(4 / var(--vw-min) * 100vw),4px);
    bottom: min(calc(4 / var(--vw-min) * 100vw),4px);
    z-index: 1;
    border-radius: 50%;
    border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-black231);
    background-color: var(--color-black231);
    pointer-events: none;
    transition: .3s ease;
}
.pkg__img::after {
    content: "";
    width: min(calc(8 / var(--vw-min) * 100vw),8px);
    height: min(calc(8 / var(--vw-min) * 100vw),8px);
    display: block;
    position: absolute;
    right: min(calc(17 / var(--vw-min) * 100vw),17px);
    bottom: min(calc(17 / var(--vw-min) * 100vw),17px);
    z-index: 1;
    -webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
    background-color: #fff;
    pointer-events: none;
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .pkg__img::before {
        width: calc(24 / var(--vw-min) * 100vw);
        height: calc(24 / var(--vw-min) * 100vw);
        right: calc(3 / var(--vw-min) * 100vw);
        bottom: calc(3 / var(--vw-min) * 100vw);
        border-width: calc(1 / var(--vw-min) * 100vw);
    }
    .pkg__img::after {
        width: calc(6 / var(--vw-min) * 100vw);
        height: calc(6 / var(--vw-min) * 100vw);
        right: calc(13 / var(--vw-min) * 100vw);
        bottom: calc(13 / var(--vw-min) * 100vw);
    }
}
.pkg__tit {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    font-weight: 700;
    line-height: 1.63;
    letter-spacing: 0.03em;
    margin-top: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
    .pkg__tit {
        font-size: calc(13 / var(--vw-min) * 100vw);
        font-weight: 700;
        line-height: 1.69;
        letter-spacing: 0.02em;
        margin-top: calc(12 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    .pkg__link:hover .pkg__img img {
        transform: scale(1.1);
    }
    .pkg__link:hover .pkg__img::before {
        background-color: #fff;
    }
    .pkg__link:hover .pkg__img::after {
        background-color: var(--color-black231);
    }
}
/**
* pager
**/
.pkg__pagerWrap {
    width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
    height: min(calc(26 / var(--vw-min) * 100vw),26px);
    position: relative;
    margin: min(calc(80 / var(--vw-min) * 100vw),80px) auto 0;
}
@media screen and (max-width:768px){
    .pkg__pagerWrap {
        width: 100%;
        height: calc(18 / var(--vw-min) * 100vw);
        margin-top: calc(48 / var(--vw-min) * 100vw);
    }
}
.pkg__pn {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.pkg__pn.--prev {
    left: 0;
}
.pkg__pn.--next {
    right: 0;
}
@media screen and (max-width:768px){
    .pkg__pn.--prev {
        left: calc(24 / var(--vw-min) * 100vw);
    }
    .pkg__pn.--next {
        right: calc(24 / var(--vw-min) * 100vw);
    }
}
.pkg__pnLink {
    font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
    line-height: 1;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .pkg__pnLink {
        font-size: calc(16 / var(--vw-min) * 100vw);
    }
}
.pkg__pagerLists {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pkg__pager {
    display: flex;
    align-items: center;
    padding: 0 min(calc(17 / var(--vw-min) * 100vw),17px);
}
@media screen and (max-width:768px){
    .pkg__pager {
        padding: 0 calc(12 / var(--vw-min) * 100vw);
    }
}
.pkg__pagerLink {
    font-size: min(calc(26 / var(--vw-min) * 100vw),26px);
    line-height: 1;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .pkg__pagerLink {
        font-size: calc(18 / var(--vw-min) * 100vw);
    }
}
.pkg__pagerLink.is-active {
    color: var(--color-redE60);
}
@media (hover: hover) and (pointer: fine){
    .pkg__pnLink:hover,
    .pkg__pagerLink:hover {
        color: var(--color-redE60);
    }
}
/*-----------------------------------------------
 * DETAIL
-------------------------------------------------*/
.pkgDetail__tit {
    width: 100%;
    padding: min(calc(16 / var(--vw-min) * 100vw),16px) 0;
    background-color: #000;
}
@media screen and (max-width:768px){
    .pkgDetail__tit {
        padding: calc(10 / var(--vw-min) * 100vw) 0;
    }
}
.pkgDetail__titIn {
    font-size: min(calc(28 / var(--vw-min) * 100vw),28px);
    color: #fff;
    font-weight: 700;
    display: block;
    width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .pkgDetail__titIn {
        font-size: calc(18 / var(--vw-min) * 100vw);
        width: 100%;
        padding: 0 calc(24 / var(--vw-min) * 100vw);
    }
}
.pkgDetail__titIn .js-txtSpan span:nth-child(1) {
    color: var(--color-redE60);
}
.pkgDetailIn {
    width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
    margin: min(calc(64 / var(--vw-min) * 100vw),64px) auto min(calc(72 / var(--vw-min) * 100vw),72px);
    background-color: #fff;
}
@media screen and (max-width:768px){
    .pkgDetailIn {
        width: calc(327 / var(--vw-min) * 100vw);
        margin: calc(32 / var(--vw-min) * 100vw) auto calc(56 / var(--vw-min) * 100vw);
    }
}
.pkgDetail-tit { 
    font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
    color: #fff;
    line-height: 1.4167;
    font-weight: 700;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: min(calc(14 / var(--vw-min) * 100vw), 14px) min(calc(56 / var(--vw-min) * 100vw), 56px);
    background-color: #000;
}
@media screen and (max-width:768px){
    .pkgDetail-tit {
        font-size: calc(15 / var(--vw-min) * 100vw);
        padding: calc(14 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw) calc(28 / var(--vw-min) * 100vw);
    }
}
.pkgDetail {
    display: flex;
    justify-content: space-between;
    padding: min(calc(48 / var(--vw-min) * 100vw),48px);
    border: min(calc(1 / var(--vw-min) * 100vw),1px) solid #000;
}
@media screen and (max-width:768px){
    .pkgDetail {
        display: block;
        padding: calc(24 / var(--vw-min) * 100vw);
        border-width: calc(1 / var(--vw-min) * 100vw);
    }
}
.pkg__l,
.pkg__r {
    width: calc((100% - min(calc(40 / var(--vw-min) * 100vw),40px)) / 2);
}
.pkg__l {
    display: flex;
    flex-direction: column;
}
@media screen and (max-width:768px){
    .pkg__l,
    .pkg__r {
        width: 100%;
    }
    .pkg__r {
        margin-top: calc(32 / var(--vw-min) * 100vw);
    }
}
.pkg__l-sticky {
    position: sticky;
    top: min(calc(120 / var(--vw-min) * 100vw),120px);
}
@media screen and (max-width:768px){
    .pkg__l-sticky {
        top: calc(120 / var(--vw-min) * 100vw);
    }
}
.pkg__l-img {
    display: flex;
    justify-content: center;
}
.pkgDetail img,
.pkgDetail__txt img,
.pkg__txtWrap img {
    max-width: 100%;
    height: 100%!important;
    display: block;
    object-fit: cover;
    border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-black231);
    pointer-events: none;
}
@media screen and (max-width:768px){
    .pkgDetail img,
    .pkgDetail__txt img,
    .pkg__txtWrap img {
        border-width: calc(1 / var(--vw-min) * 100vw);
    }
}
.pkg__txtItem {
    letter-spacing: 0.05em;
    display: flex;
    line-height: 2;
}
.pkg__txtItem:not(:last-child) {
    margin-bottom: min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
    .pkg__txtItem {
        font-size: calc(13 / var(--vw-min) * 100vw);
    }
    .pkg__txtItem:not(:last-child) { 
        margin-bottom: 0;
    }
}
.pkg__dt {
    font-weight: 700;
    flex-shrink: 0;
}
.pkg__dt::after {
    content: "：";
    display: inline-block;
    margin: 0 min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
    .pkg__dt::after {
        margin: 0 calc(4 / var(--vw-min) * 100vw);
    }
}
.pkg__r-cont {
    padding-top: min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
    .pkg__r-cont {
        font-size: calc(13 / var(--vw-min) * 100vw);
        padding-top: calc(20 / var(--vw-min) * 100vw);
    }
}
.pkg__r-cont-tit {
    font-weight: 700;
    padding-bottom: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
    .pkg__r-cont-tit {
        font-size: calc(13 / var(--vw-min) * 100vw);
        padding-bottom: calc(8 / var(--vw-min) * 100vw);
    }
}
.pkg__txt {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    line-height: 2;
    padding: min(calc(20 / var(--vw-min) * 100vw),20px) 0;
}
@media screen and (max-width:768px){
    .pkg__txt {
        font-size: calc(13 / var(--vw-min) * 100vw);
        padding: calc(10 / var(--vw-min) * 100vw) 0;
    }
}
.pkgDetail__tit {
    font-size: min(calc(22 / var(--vw-min) * 100vw), 22px);
    color: #fff;
    line-height: 1.4167;
    font-weight: 700;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: min(calc(14 / var(--vw-min) * 100vw), 14px) min(calc(56 / var(--vw-min) * 100vw), 56px);
    background-color: #000;
}
@media screen and (max-width:768px){
    .pkgDetail__tit {
        padding: calc(14 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw) calc(28 / var(--vw-min) * 100vw);
    }
}
.pkgDetail__txt {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    line-height: 2;
    padding: min(calc(48 / var(--vw-min) * 100vw),48px);
    background-color: #fff;
    border: min(calc(1 / var(--vw-min) * 100vw),1px) solid #000;
    margin-bottom: min(calc(56 / var(--vw-min) * 100vw),56px);
}
@media screen and (max-width:768px){
    .pkgDetail__txt {
        font-size: calc(13 / var(--vw-min) * 100vw);
        padding: calc(24 / var(--vw-min) * 100vw);
        margin-bottom: calc(20 / var(--vw-min) * 100vw);
        border-width: calc(1 / var(--vw-min) * 100vw);
    }
}
.pkg__txtWrap {
    width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
    margin: min(calc(72 / var(--vw-min) * 100vw),72px) auto 0;
}
@media screen and (max-width:768px){
    .pkg__txtWrap {
        font-size: calc(13 / var(--vw-min) * 100vw);
        width: calc(327 / var(--vw-min) * 100vw);
        margin-top: calc(32 / var(--vw-min) * 100vw);
    }
}
.pkg__txtWrap-top {
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
    font-weight: 700;
    text-align: center;
}
@media screen and (max-width:768px){
    .pkg__txtWrap-top {
        font-size: calc(13 / var(--vw-min) * 100vw);
    }
}
/**
* btn
**/
.backBtn {
    justify-content: center;
}
.pkgBtn .bddvdBtnA {
    width: 100%;
}
.linkA::before {
    height: 500%;
}
/**
* player
**/
.trial_image {
    background-color: #000;
    border-radius: min(calc(25 / var(--vw-min) * 100vw),25px);
    display: block;
    margin: calc(2 / var(--vw-min) * 100vw) 0;
}
.ytifWrap {
    width: 100%;
    position: relative;
    display: block;
	padding-top: 56.25%;
}
.ytifWrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    margin: auto;
}


.dl__detail,
.shop__detail {
    width: min(calc(800 / var(--vw-min) * 100vw),800px);
    min-height: 100%;
    position: relative;
    z-index: 3;
	text-align: center;
    margin: 0 auto;
    padding: min(calc(100 / var(--vw-min) * 100vw),100px) 0;
}
@media screen and (max-width:768px) {
	.dl__detail,
	.shop__detail {
        width: 100%;
		padding: calc(50 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
	}
}
.dl__detail h1,
.shop__detail h1 {
	font-size: min(calc(20 / 1200 * 100vw), 20px);
    color: var(--color-yellowFFE);
    text-align: center;
    padding: min(calc(10 / var(--vw-min) * 100vw),10px) min(calc(15 / var(--vw-min) * 100vw),15px);
	margin-bottom: min(calc(50 / var(--vw-min) * 100vw),50px);
    background-color: #000;
}
.dl__detail span,
.shop__detail span {
	display: inline-block;
	width: min(calc(160 / var(--vw-min) * 100vw),160px);
    margin: 0 0 min(calc(10 / var(--vw-min) * 100vw),10px) min(calc(10 / var(--vw-min) * 100vw),10px);
}
.dl__detail span a,
.shop__detail span a {
    width: 100%;
    height: 100%;
    display: block;
}
.dl__detail span img, .shop__detail span img { 
    width: 100%;
    transition: all 0.6s ease;
}
.dl__detail span:hover img,
.shop__detail span:hover img {
    transform: scale(1.1);
    transition: all 0.3s ease;
}
@media screen and (max-width:768px) {
	.dl__detail h1,
	.shop__detail h1 {
		font-size: calc(13 / var(--vw-min) * 100vw);
		padding: calc(10 / var(--vw-min) * 100vw) calc(15 / var(--vw-min) * 100vw);
		margin-bottom: calc(17 / var(--vw-min) * 100vw);
	}
	.dl__detail span,
	.shop__detail span {
		display: inline-block;
		width: calc(80 / var(--vw-min) * 100vw);
		margin: 0 0 calc(10 / var(--vw-min) * 100vw) calc(10 / var(--vw-min) * 100vw);
	}

}