@charset "Shift_JIS";

html {
    font-size: min(calc(10 / var(--content-width) * var(--window-width, 100vw)), 10px);
}

body {
    font-size: 1.6rem;
}

.article *,
.article *:before,
.article *:after {
    box-sizing: border-box;
}

.article {
    overflow-x: hidden;
}

.article img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.article iframe {
    vertical-align: top;
}

.wrapper {
    background-color: #FFF;
}

.article.bg {
    background: #DCDCCD url(../sp/img/bg01.png) top 220px center / 100% auto;
}

/* mv
-----------------------------------------------------------*/
.mv {
    position: relative;
    z-index: 2;
}

.mv .date {
    width: calc(329/640*100vw);
    margin: calc(30/640*100vw) auto 0;
}


/* early_bonus
-----------------------------------------------------------*/
.early_bonus {
    position: relative;
    width: calc(520/640*100vw);
    height: calc(602/640*100vw);
    padding: calc(30/640*100vw) 0 0 0;
    margin: calc(30/640*100vw) auto 0;
    background: url(../sp/img/earlyBonus_bg.png) no-repeat center center / 100% auto;
    z-index: 2;
}

.early_bonus::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(210/640*100vw);
    height: calc(171/640*100vw);
    margin: 0 calc(-60/640*100vw) calc(-90/640*100vw) 0;
    background: url(../sp/img/bg02.png) no-repeat center center / 100% auto;
}

.earlyBonus_title {
    color: #17D1AE;
    font-size: calc(33/640*100vw);
    font-weight: bold;
    text-align: center;
}

.earlyBonus_item {
    margin-top: calc(10/640*100vw);
}

.earlyBonus_subtitle {
    display: flex;
    align-items: center;
    font-size: calc(26/640*100vw);
    font-weight: bold;
}

.earlyBonus_subtitle span {
    font-size: calc(20/640*100vw);
    line-height: calc(30/20);
    width: fit-content;
    padding: 0 calc(5/640*100vw);
    margin: 0 calc(20/640*100vw) 0 calc(50/640*100vw);
    background-color: #FFFF00;
}

.earlyBonus_text {
    font-size: calc(18/640*100vw);
    width: fit-content;
    margin: calc(60/640*100vw) calc(30/640*100vw) 0 auto;
}

.earlyBonus_text span {
    display: block;
    font-size: calc(16/640*100vw);
    margin-top: 1em;
}

.earlyBonus_note {
    position: absolute;
    left: 0;
    bottom: calc(40/640*100vw);
    font-size: calc(12/640*100vw);
    margin-top: calc(30/640*100vw);
    padding: 0 calc(20/640*100vw);
}

.earlyBonus_note li {
    text-indent: -1em;
    padding-left: 1em;
}

/* product
-----------------------------------------------------------*/
.product {
    position: relative;
    width: calc(520/640*100vw);
    margin: calc(60/640*100vw) auto 0;
    border-bottom: calc(4/640*100vw) solid #006455;
}

.product::before,
.product::after {
    content: "";
    position: absolute;
    top: 0;
}

.product::before {
    left: 0;
    width: calc(172/640*100vw);
    height: calc(159/640*100vw);
    margin: calc(-140/640*100vw) 0 0 calc(-45/640*100vw);
    background: url(../sp/img/bg03.png) no-repeat center center / 100% auto;
}

.product h2 {
    color: #006455;
    font-size: calc(33/640*100vw);
    font-weight: bold;
    text-align: center;
    width: calc(480/640*100vw);
    margin: 0 auto;
    border-bottom: calc(4/640*100vw) solid #006455;
}

.product__item {
    padding-bottom: calc(40/640*100vw);
}

.product__image {
    width: calc(224/640*100vw);
    margin: calc(30/640*100vw) auto 0;
}

.product_info-label {
    color: #FFFFFF;
    font-size: calc(20/640*100vw);
    font-weight: bold;
    line-height: calc(48/20);
    text-align: center;
    width: calc(440/640*100vw);
    margin: calc(30/640*100vw) auto 0;
    background-color: #FF4433;
}

.product__info-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: calc(20/640*100vw);
}

.product__price-type {
    color: #FF1500;
    font-size: calc(24/640*100vw);
    font-weight: bold;
    letter-spacing: -0.02em;
    line-height: calc(59/34);
}

.product__price {
    color: #FF1500;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.product__price-num {
    font-size: 11rem;
    font-weight: bold;
    letter-spacing: -0.02em;
    line-height: 1;
    font-family: 'arial black', sans-serif;
}

.product__price-yen {
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
    margin-left: 1.5rem;
    width: 5.6rem;
}

.product__price-yen .tax {
    letter-spacing: -0.02em;
    font-size: 1.8rem;
    font-weight: bold;
    width: 100%;
    margin-bottom: calc(10 / 640* 100vw);
}

.product__price-yen .yen {
    font-weight: bold;
    letter-spacing: -0.02em;
    font-size: 5.28em;
    font-size: 3.4em;
    font-weight: bold;
    width: 100%;
}

.product__link {
    display: block;
    width: calc(390/640*100vw);
    margin: calc(15/640*100vw) auto 0;
}

.product__notes {
    color: #707070;
    font-size: calc(18/640*100vw);
    margin-top: calc(30/640*100vw);
}

.product__notes li {
    text-indent: -1.3em;
    padding-left: 1.3em;
}

.product__item.download {
    border-top: calc(4/640*100vw) solid #006455;
}

.product__item.download h3 {
    color: #E26245;
    font-size: calc(28/640*100vw);
    font-weight: bold;
    text-align: center;
    padding-top: calc(40/640*100vw);
}

.product__item.download .product_info-label {
    margin-top: calc(10/640*100vw);
}

.product__item.download .product__image {
    width: calc(281/640*100vw);
}

/* movie
-----------------------------------------------------------*/
.movie {
    position: relative;
    width: calc(609/640*100vw);
    height: calc(370/640*100vw);
    margin: calc(40/640*100vw) auto 0;
    background: url(../sp/img/movie_bg.png) no-repeat center center / 100% auto;
}
.movie_wrapper {
    width: calc(525/640*100vw);
    padding-top: calc(35/640*100vw);
    margin: 0 auto;
}

.movie_wrapper iframe {
    aspect-ratio: 525 / 295;
    width: calc(525/640*100vw);
    height: auto;
}


/* spinOff
-----------------------------------------------------------*/
.spinOff {
    margin: calc(-45/640*100vw) auto 0;
}

.spinOff_title {
    width: calc(619/640*100vw);
    margin: 0 auto;
}

.spinOff_inner {
    position: relative;
}

.spinOff_inner:nth-of-type(1) {
    height: calc(574/640*100vw);
    background: url(../sp/img/spinOff_bg01.png) no-repeat center left calc(35/640*100vw) / calc(605/640*100vw) auto;
}

.spinOff_inner:nth-of-type(2) {
    height: calc(1383/640*100vw);
    background: url(../sp/img/spinOff_bg02.png) no-repeat center left calc(35/640*100vw) / calc(571/640*100vw) auto;
}

.spinOff_inner:nth-of-type(3) {
    height: calc(2985/640*100vw);
    background: url(../sp/img/spinOff_bg03.png) no-repeat center left calc(35/640*100vw) / calc(571/640*100vw) auto;
}

.spinOff_inner:nth-of-type(4) {
    height: calc(565/640*100vw);
    background: url(../sp/img/spinOff_bg04.png) no-repeat center left calc(35/640*100vw) / calc(571/640*100vw) auto;
}

.spinOff_inner + .spinOff_inner {
    margin: calc(40/640*100vw) auto 0;
}

.spinOff_heading {
    display: none;
}

.spinOff_text {
    position: absolute;
    left: calc(35/640*100vw);
    font-size: calc(20/640*100vw);
    font-weight: bold;
}

.spinOff_inner:nth-of-type(1) .spinOff_text:nth-of-type(1) {
    top: calc(115/640*100vw);
}

.spinOff_inner:nth-of-type(2) .spinOff_text:nth-of-type(1) {
    top: calc(130/640*100vw);
}

.spinOff_inner:nth-of-type(2) .spinOff_text:nth-of-type(2) {
    top: calc(560/640*100vw);
}

.spinOff_inner:nth-of-type(2) .spinOff_text:nth-of-type(3) {
    top: calc(980/640*100vw);
}

.spinOff_inner:nth-of-type(3) .spinOff_text:nth-of-type(1) {
    top: calc(130/640*100vw);
}

.spinOff_inner:nth-of-type(3) .spinOff_text:nth-of-type(2) {
    top: calc(700/640*100vw);
}

.spinOff_inner:nth-of-type(3) .spinOff_text:nth-of-type(3) {
    top: calc(1320/640*100vw);
}

.spinOff_inner:nth-of-type(3) .spinOff_text:nth-of-type(4) {
    top: calc(1720/640*100vw);
}

.spinOff_inner:nth-of-type(3) .spinOff_text:nth-of-type(5) {
    top: calc(2520/640*100vw);
}

.spinOff_inner:nth-of-type(4) .spinOff_text:nth-of-type(1) {
    top: calc(130/640*100vw);
}

/* capture
-----------------------------------------------------------*/
.capture {
    height: calc(756/640*100vw);
    background: url(../sp/img/capture_bg.png) no-repeat center center / calc(1287/640*100vw) auto;
}

/* link__wrapper
-----------------------------------------------------------*/
.link {
    width: calc(390/640*100vw);
    margin: 0 auto;
}

/* pagetopBtn
-----------------------------------------------------------*/
#pagetopBtn {
    width: calc(50/375*100vw);
    height: calc(50/375*100vw);
    z-index: 100;
}

#pagetopBtnInner {
    width: calc(22/375*100vw);
    height: calc(13/375*100vw);
    top: calc(18/375*100vw);
    left: calc(14/375*100vw);
}

/* article__footer
-----------------------------------------------------------*/
.article__footer {
    font-size: calc(14/640*100vw);
    text-align: center;
    padding: calc(80/640*100vw) 0;
}