@charset 'Shift_JIS';
body {
    background-color: white;
}

article {
    width: 980px;
    margin: 0 auto;
    background-color: #FFF3CC;
    color: black;
}

/* mv
-----------------------------------------------------------*/
.mainview {
    width: 100%;
    position: relative;
}

.mainview_date {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}

/* product
-----------------------------------------------------------*/
.product_wrap {
    margin-top: 50px;
}

.product {
    width: 800px;
    margin: 0 auto;
    background: #FFF;
    padding: 48px 40px;
    position: relative;
}

.product_comment {
    position: absolute;
    top: -28px;
    right: -40px;
}

.product_title {
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
}

.price {
    display: flex;
    align-items: center;
    margin-top: 24px;
}

.priceList_image {
    width: 290px;
    margin-right: 16px;
    text-align: center;
}

.priceList_detail {
    flex: 1;
}

.priceList_title {
    background: #E4000F;
    color: #FFF;
    font-weight: bold;
    padding: 12px 30px;
    text-align: center;
}

.priceList_title.-ps5 {
    background: #D6DCE5;
    color: #000;
}

.priceTitle, .item_price {
    color: #FF1500;
}

.item_price .yen, .item_price .yen::before {
    font-weight: bold;
}

.priceTitle {
    font-weight: bold;
    font-size: 24px;
    margin-top: 32px;
}

.item_price {
    width: fit-content;
    margin-bottom: 20px;
    margin-left: auto;
}

.product .cta_btn {
    display: block;
    width: fit-content;
    margin: 0 auto;
}

/* movie
-----------------------------------------------------------*/
.movie {
    width: 800px;
    margin: 56px auto 0;
    padding-bottom: 56px;
}

/* �w�i�摜
-----------------------------------------------------------*/
.bg_wave {
    background-image: url(../img/background.png);
}

/* feature
-----------------------------------------------------------*/
.feature {
    width: 900px;
    margin: 0 auto;
}

.feature:first-child {
    padding-top: 645px;
}

.feature + .feature {
    margin-top: 88px;
}

.feature + .feature:nth-child(4) {
    margin-top: 110px;
}

.feature:last-child {
    margin-top: 180px;
    padding-bottom: 155px;
}

.featureText {
    color: #003B5B;
    font-size: 24px;
    line-height: 40px;
    font-weight: bold;
    margin-top: 32px;
}

.featureImages {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
}

/* �Z�l�𒼐ڂ‚܂� */
.pick {
    background-image: url(../img/pick.png);
    width: 790px;
    height: 418px;
    padding: 40px 55px;
    margin: 32px auto 0;
}

.pick_text {
    color: #003B5B;
    font-size: 24px;
    line-height: 40px;
    font-weight: bold;
    margin-top: 32px;
}

.feature_note > li {
    font-size: 14px;
}

.feature .cta_btn {
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.feature_copy {
    display: block;
    text-align: center;
    font-size: 12px;
    margin-top: 40px;
}