@charset "utf-8";
.subSec{
    background-color: var(--color-blue49);
}
/*-----------------------------------------------
 * PKG
-------------------------------------------------*/
/**
* bg
**/
.subSecBg {
    background-color: var(--color-blue49);
}
.pkg {
    position: relative;
}
.pkgWrap {
    display: flex;
}
@media screen and (max-width:767px){
    .pkgWrap {
        border-bottom: 1px solid #FFF;
        border-top: 1px solid #FFF;
    }
}
.subSec__right{
    padding: min(calc(90 / var(--vw-min) * 100vw), 90px) 0  min(calc(120 / var(--vw-min) * 100vw), 120px);
}
@media screen and (max-width:767px){
    .subSec__right{
        padding:calc(80 / var(--vw-min) * 100vw) 0  0;
    }
}

/* pageLinkLists */
.pageLinkListsWrap{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*line*/
.pageLinkListsWrap::before,
.pageLinkListsWrap::after{
    content: "";
    height: 1px;
    display: block;
    flex:1;
    background-color: #FFF;
    padding:0 calc(24 / var(--vw-min) * 100vw);
}
@media screen and (max-width:767px){
    .pageLinkListsWrap::after{
        display: none;
    }
    .pageLinkListsWrap::before {
        position: absolute;
        top:calc(35 / var(--vw-min) * 100vw);
        left:0;
        right:0;
        height:calc(80 / var(--vw-min) * 100vw);
        border-top:1px solid #fff;
        border-bottom:1px solid #fff;
        background:transparent;
    }
}
.pageLinkListsWrap::after{
    left: unset;
    right: 0;
}
/* pageLinkLists */
.pageLinkLists{
    display: flex;
    margin: 0 auto;
    justify-content:center;
    position: relative;
    flex-wrap: wrap;
    row-gap: min(calc(12 / var(--vw-min) * 100vw), 12px);
    column-gap: 0;
    max-width: 100%;
}

@media screen and (max-width:767px){
    .pageLinkLists{
        width:calc(605 / var(--vw-min) * 100vw);
        justify-content:space-between;
        flex-wrap: wrap;
        align-items: flex-start;
        position: relative;
        z-index:10;
        row-gap: min(calc(15 / var(--vw-min) * 100vw), 15px);
        column-gap: 0;
    }
    .pageLinkLists::after{
        width: calc(28 / var(--vw-min) * 100vw);
    }

}
.pageLinkItem {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width:768px){
    .pageLinkItem {
        width:calc(295 / var(--vw-min) * 100vw);
    }
    .pageLinkItem:nth-child(odd){
        margin-bottom:calc(15 / var(--vw-min) * 100vw);
    }
}
.pageLinkItem:before,
.pageLinkItem:after {
    content:'';
    width:min(calc(10 / var(--vw-min) * 100vw),10px);
    display: block;
    height:1px;
    background: #fff;
}
@media screen and (max-width:768px){
    .pageLinkItem:before,
    .pageLinkItem:after {
        display: none;
    }
}
.pageLinkItem__link{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: min(calc(28 / var(--vw-min) * 100vw), 28px);
    border: 1px solid #FFF;
    background-color: rgba(255, 255, 255, .16);
    color: #FFF;
    text-decoration: none;
    width: min(calc(300 / var(--vw-min) * 100vw), 300px);
    max-width: 100%;
    min-height: min(calc(56 / var(--vw-min) * 100vw), 56px);
    height: auto;
    padding: min(calc(10 / var(--vw-min) * 100vw), 10px) min(calc(40 / var(--vw-min) * 100vw), 40px) min(calc(10 / var(--vw-min) * 100vw), 10px) min(calc(14 / var(--vw-min) * 100vw), 14px);
    box-sizing: border-box;
    position: relative;
    transition: background-color .4s ease;
}
@media screen and (max-width:768px){
    .pageLinkItem__link{
        border-radius:35px;
        width:calc(295 / var(--vw-min) * 100vw);
        max-width: 100%;
        min-height:calc(70 / var(--vw-min) * 100vw);
        height: auto;
        padding: calc(12 / var(--vw-min) * 100vw) calc(44 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw);
        background:#6676af;
    }
}
.pageLinkItem__txt{
    font-size:min(calc(15 / var(--vw-min) * 100vw), 15px);
    letter-spacing: 0;
    line-height: 1.35;
    text-align: center;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.pageLinkItem .ic_arrow{
    position: absolute;
    right: min(calc(26 / var(--vw-min) * 100vw), 26px);
    top: 0;
    bottom: 0;
    margin: auto;
    width:min(calc(14 / var(--vw-min) * 100vw), 14px);
    height:min(calc(7 / var(--vw-min) * 100vw), 7px);
    background-color: #FFF;
    -webkit-mask: url(../img/common/deco/ic_arrow_btm.svg) no-repeat center center / contain;
    mask: url(../img/common/deco/ic_arrow_btm.svg) no-repeat center center / contain;
    transition: transform .4s ease;
}
@media screen and (max-width:767px){
    .pageLinkItem__txt{
        font-size:calc(20 / var(--vw-min) * 100vw);
        letter-spacing: 0;
    }
    .pageLinkItem .ic_arrow{
        right:calc(20 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
	.pageLinkItem:hover .pageLinkItem__link{
       background-color: var(--color-purple66);
    }
    .pageLinkItem:hover .ic_arrow{
        transform: translateY(calc(2 / var(--vw-min) * 100vw));

    }
}

/* itemBlock */
.itemBlockWrap{
    padding-top: min(calc(74 / var(--vw-min) * 100vw), 74px);
    margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px)
}
.itemBlock{
    color: #FFF;
    letter-spacing: 0;
    background-color: #3f4f89;
    margin:0 min(calc(70 / var(--vw-min) * 100vw), 70px);
}
@media screen and (max-width:767px){
    .itemBlockWrap:last-child {
        margin-bottom:calc(90 / var(--vw-min) * 100vw);
    }
    .itemBlock{
        margin:0;
    }
}

/* itemDetailBox */
.itemDetailBoxWrap{
    padding: min(calc(70 / var(--vw-min) * 100vw), 70px) min(calc(70 / var(--vw-min) * 100vw), 70px) min(calc(45 / var(--vw-min) * 100vw),45px);
    border-bottom: 1px solid var(--color-blue49);
}
@media screen and (max-width:768px){
    .itemDetailBoxWrap{
        padding:calc(80 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw) calc(52 / var(--vw-min) * 100vw);
    }
}
.itemDetailBox{
    display:block;
}

/* itemDetail */
.itemDetail__before {
    display: flex;
    font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
    line-height:min(calc(18 / var(--vw-min) * 100vw),18px);
    margin-bottom: 0.3em;
}
@media screen and (max-width:768px){
    .itemDetail__before {
        font-size:calc(24 / var(--vw-min) * 100vw);
        line-height:calc(24 / var(--vw-min) * 100vw);
    }
}
.itemDetail__before:before {
    content:'PKG';
    display: block;
    padding-right:min(calc(10 / var(--vw-min) * 100vw),10px);
    border-right:1px solid rgba(255,255,255,.5);
    margin-right:min(calc(10 / var(--vw-min) * 100vw),10px);
    height:min(calc(18 / var(--vw-min) * 100vw),18px);
    line-height: min(calc(18 / var(--vw-min) * 100vw),18px);
    font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
}
@media screen and (max-width:768px){
    .itemDetail__before:before {
        padding-right:calc(14 / var(--vw-min) * 100vw);
        border-right:1px solid rgba(255,255,255,.5);
        margin-right:calc(14 / var(--vw-min) * 100vw);
        height:calc(24 / var(--vw-min) * 100vw);
        line-height: calc(24 / var(--vw-min) * 100vw);
        font-size:calc(24 / var(--vw-min) * 100vw);
    }
}
.itemDetail__ttl{
    font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
    display: block;
    border-bottom: 1px solid #495ca0;
    padding-bottom:min(calc(10 / var(--vw-min) * 100vw), 10px);
    margin-bottom:min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.itemDetail__img {
    background:#000;
    height:min(calc(496 / var(--vw-min) * 100vw),496px);
    padding:min(calc(20 / var(--vw-min) * 100vw),20px);
    margin:min(calc(40 / var(--vw-min) * 100vw),40px) 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width:768px){
    .itemDetail__img {
        background:#000;
        height:calc(350 / var(--vw-min) * 100vw);
        padding:calc(15 / var(--vw-min) * 100vw) calc(35 / var(--vw-min) * 100vw);
        display: flex;
        justify-content: center;
    }
}
.itemDetail__img p {
    max-height:100%;
    width:auto;
    height:min(calc(456 / var(--vw-min) * 100vw),456px);
    /* max-width:calc(50% - min(calc(24 / var(--vw-min) * 100vw),24px)); */
    display: block;
    margin:0 min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
    .itemDetail__img p {
        max-width:calc(100% - calc(14 / var(--vw-min) * 100vw));
        height:calc(320 / var(--vw-min) * 100vw);
        display: block;
        margin:0 calc(14 / var(--vw-min) * 100vw);
    }
}
.itemDetail__img p img {
    width:100%;
    height:100%;
    object-fit: contain;
    display: block;
}
.itemDetail__img--nobg{
    background: transparent;
    height: auto;
    padding: 0;
}
.itemDetail__img--nobg p{
    width: 100%;
    height: auto;
    max-height: none;
    margin: 0;
}
.itemDetail__img--nobg p img{
    width: 100%;
    height: auto;
    object-fit: contain;
}
@media screen and (min-width:769px){
    .itemDetail__img--poster{
        height: auto;
        min-height: 0;
    }
    .itemDetail__img--poster p{
        width: 60%;
        height: auto;
        max-height: none;
        margin: 0 auto;
    }
    .itemDetail__img--poster p img{
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}


.itemDetail__txt{
    font-size:min(calc(16 / var(--vw-min) * 100vw), 16px);
    margin-bottom:1.25em;
}
@media screen and (max-width:768px){
    .itemDetail__txt{
        font-size:calc(24 / var(--vw-min) * 100vw);
    }
}
.itemDetail__txt--sideMedia{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.itemDetail__txt__figure{
    display: block;
}
.itemDetail__txt__figure img{
    width: 100%;
    height: auto;
    display: block;
}
.itemDetail__txt__col{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
    flex: 1;
    min-width: 0;
}
.itemDetail__txt__body{
    margin: 0;
}
@media screen and (min-width:769px){
    .itemDetail__txt--sideMedia{
        flex-direction: row;
        align-items: flex-start;
        gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
    }
    .itemDetail__txt--sideMedia .itemDetail__txt__figure{
        flex: 0 0 min(calc(280 / var(--vw-min) * 100vw), 280px);
        max-width: 45%;
    }
}
.itemDetail__btn {
    margin-top: 0;
    width:min(calc(350 / var(--vw-min) * 100vw),350px);
}
@media screen and (max-width:768px){
    .itemDetail__btn {
        width:100%;
    }
}
.moreBtn._pkg2 {
    width:min(calc(360 / var(--vw-min) * 100vw),360px);
    height:min(calc(50 / var(--vw-min) * 100vw),50px);
    border-radius: 25px;
    color:#fff;
}
@media screen and (max-width:768px){
    .moreBtn._pkg2 {
        width:100%;
        height:calc(80 / var(--vw-min) * 100vw);
        border-radius:40px;
    }
}
.moreBtn._pkg2 .moreBtn__txt{
    color:#fff;
}
@media screen and (max-width:768px){
    .moreBtn._pkg2 .moreBtn__txt{
        font-size:calc(27 / var(--vw-min) * 100vw);
    }
}
@media screen and (max-width:768px){
    .itemDetail__btn .moreBtn__arrow {
        right:calc(40 / var(--vw-min) * 100vw);
        top: 0;
        bottom: 0;
        margin: auto;
        width:calc(40 / var(--vw-min) * 100vw);
        height:calc(15 / var(--vw-min) * 100vw);
    }
}
.moreBtn._pkg2 .moreBtn__arrow{
    background:#fff;
}
.itemDetail__cautionItem {
    padding-left:1em;
    text-indent: -1em;
    line-height:1.65em;
    margin-bottom:0.35em;
    font-size:min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
    .itemDetail__cautionItem {
        font-size:calc(24 / var(--vw-min) * 100vw);
    }
}
.itemDetail__cautionItem:before {
    content:'※';
}
.itemDetail__subTitle {
    display: table;
    background:var(--color-purple63);
    color:#fff;
    font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
    font-weight: 500;
    padding:0 0.5em;
    margin-bottom:0.75em;
}
@media screen and (max-width:768px){
    .itemDetail__subTitle {
        font-size:calc(26 / var(--vw-min) * 100vw);
    }
}
.itemDetail__caution {
    padding-top:0.45em;
    margin-bottom: 1.5em;
}
@media screen and (max-width:767px){
    .itemDetail__ttl{
        font-size:calc(34 / var(--vw-min) * 100vw);
        padding-bottom:calc(14 / var(--vw-min) * 100vw);
        margin-bottom:calc(24 / var(--vw-min) * 100vw);
    }
    .itemDetail__txtWrap{
        margin-top: 0;
    }
}
.indent{
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}

.pkg .cont-tit .pkgBrdvdTit{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: min(calc(5 / var(--vw-min) * 100vw), 5px);
}
.pkg .cont-tit .pkgBrdvdHyphen{
    flex-shrink: 0;
    width: min(calc(2 / var(--vw-min) * 100vw), 2px);
    height: min(calc(10/ var(--vw-min) * 100vw), 10px);
    margin: 0;
    padding: 0;
    background: #fff;
    border-radius: 2px;
}

@media screen and (min-width:769px){
    .pkg .navLink .pkgBrdvdTit{
        display: inline;
    }
    .pkg .navLink .pkgBrdvdWord,
    .pkg .navLink .pkgBrdvdHyphen{
        display: inline;
    }
    .pkg .navLink .pkgBrdvdHyphen{
        width: auto;
        height: auto;
        background: none;
        border-radius: 0;
        vertical-align: baseline;
    }
    .pkg .navLink .pkgBrdvdHyphen::after{
        content: "-";
        color: inherit;
    }
}

@media screen and (max-width:768px){
    .pkg .navLink .pkgBrdvdTit{
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        gap: calc(12 / var(--vw-min) * 100vw);
    }
    .pkg .navLink .pkgBrdvdHyphen{
        width: calc(3 / var(--vw-min) * 100vw);
        height: calc(18 / var(--vw-min) * 100vw);
        background: #fff;
        border-radius: 2px;
    }
    .pkg .navLink.is-active .pkgBrdvdHyphen{
        background: var(--color-purple63);
    }
}