@charset "Shift_JIS";
/************************************************************************************
*  hinokami2 section
************************************************************************************/
body {
    background-color: #000000;
    position: relative;
}

article.hinokami2 {
    background-color: #000;
    background-image: url('../img/hinokami2_bg01.png'),url('../img/hinokami2_bg02.png'),url('../img/hinokami2_bg03.png');
    background-position: center calc(778 / 640 * 100vw), center calc(1668 / 640 * 100vw), center calc(2660 / 640 * 100vw);
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #000;
    display: block;
    width: 100%;
}

.hinokami2 img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: auto;
}

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

section {
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
}

/* mv
-----------------------------------------------------------*/
.mv {
    margin-bottom: calc(20 / 640 * 100vw);
}

.hinokami2 img.release_date {
    margin-bottom: calc(40 / 640 * 100vw);
    width: calc(522 / 640 * 100vw);
}

/* itemInfo_wrap
-----------------------------------------------------------*/
.itemInfo_wrap {
    margin: auto;
    width: calc(580 / 640 * 100vw);
}

/* earlyPurchasePrivilege
-----------------------------------------------------------*/
.earlyPurchasePrivilege {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: calc(80 / 640 * 100vw);
}

.hinokami2 img.earlyPurchasePrivilege_title {
    width: calc(385 / 640 * 100vw);
}

.earlyPurchasePrivilege_inner {
    background-color: #F8EFC5;
    margin-top: calc(-52 / 640 * 100vw);
    padding: calc(68/640*100vw) calc(20/640*100vw) calc(15/640*100vw);
}

.earlyPurchasePrivilege_inner h3 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: calc(38 / 640 * 100vw);
    line-height: 1.3;
    text-align: center;
}

.earlyPurchasePrivilege_inner p {
    font-size: calc(20 / 640 * 100vw);
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
}

.earlyPurchasePrivilege ul.notice {
    background-color: #F8EFC5;
    font-size: calc(14 / 640 * 100vw);
    margin-top: calc(-5 / 640 * 100vw);
    padding-bottom: calc(25 / 640 * 100vw);
    text-align: center;
    width: calc(580 / 640 * 100vw);
}

/* earlyPurchasePrivilege > geoOriginalPrivilege */
.geoOriginalPrivilege_item {
    background-image: url('../img/earlyPurchasePrivilege_bg.png');
    background-size: cover;
    height: calc(518 / 640* 100vw);
    margin: 0 auto calc(20 / 640 * 100vw);
    width: calc(540 / 640 * 100vw);
}

.hinokami2 img.geoOriginalPrivilege {
    margin-bottom: calc(11 / 640 * 100vw);
    padding-top : calc(38 / 640 * 100vw);
    width: calc(416 / 640 * 100vw);
}

.geoOriginalPrivilege_item h3 {
    margin-bottom: calc(18 / 640 * 100vw);
}

/* earlyPurchasePrivilege > packagePrivilege */
.packagePrivilege_item {
    background-image: url('../img/earlyPurchasePrivilege_bg.png');
    background-size: cover;
    height: calc(518 / 640* 100vw);
    width: calc(540 / 640 * 100vw);
}

.hinokami2 img.packagePrivilege {
    margin-bottom: calc(25 / 640 * 100vw);
    padding-top : calc(40 / 640 * 100vw);
    width: calc(416 / 640 * 100vw);
}

.packagePrivilege_item h3 {
    margin-bottom: calc(28 / 640 * 100vw);
}


/* items
-----------------------------------------------------------*/
.items {
    background-color: #FFF;
    padding: calc(35 / 640 * 100vw) calc(20 / 640 * 100vw) calc(35 / 640 * 100vw);
    z-index: 1;
}

.items .notice {
    font-size: calc(14 / 640 * 100vw);
    font-weight: 400;
    margin-top: calc(20 / 640 * 100vw);
    color: #000;
}

.quantityLimited_wrap,
.normalVersion_wrap {
    margin: auto;
    width: calc(540 / 640 * 100vw);
}

/* items > item_info 共通 */
.item_info {
    font-weight: 700;
    margin: auto;
    text-align: center;
    width: calc(480 / 640 * 100vw);
}

/* model */
.model {
    font-size: calc(26 / 640 * 100vw);
    height: calc(48 / 640 * 100vw);
    line-height: calc(49 / 640 * 100vw);
    margin: 0 auto calc(20 / 640 * 100vw);
    width: calc(480 / 640 * 100vw);
}

.model_swi2 .model,
.model_swi .model {
    background-color: #E4000F;
    color: #FFF;
}

.model_ps5 .model {
    background-color: #D6DCE5;
    border: solid calc(2 / 640 * 100vw) #FFF;
    color: #000;
}

.model_ps4 .model {
    background-color: #01479D;
    color: #FFF;
}

/* price */
.price_title {
    color: #FF000C;
    font-size: calc(34 / 640 * 100vw);
}

.item_price {
    margin-bottom: calc(30 / 640 * 100vw);
}

.item_price .price_font {
    color: #FF000C;
    font-size: calc(110 / 640 * 100vw);
    letter-spacing: calc(-4 / 640 * 100vw);
}

.item_price .yen {
    color: #FF000C;
    font-size: calc(55 / 640 * 100vw);
    left: calc(10 / 640 * 100vw);
}

.item_price .yen::before {
    left: calc(-2 / 640 * 100vw);
    top: calc(-18 / 640 * 100vw);
}

.hinokami2 img.cta_btn {
    width: calc(390 / 640 * 100vw);
}

a.cta_btn,
img.cta_btn{
    width: calc(390 / 640 * 100vw);
    position: static;
}

/* items > quantityLimited */
.quantityLimited_wrap {
    background-image: url('../img/quantityLimited_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(2218 / 640 * 100vw);
    margin-bottom: calc(40/ 640 * 100vw);
}

.hinokami2 img.quantityLimited_title {
    left: 0;
    position: absolute;
    right: 0;
    top: calc(-20 / 640 * 100vw);
    width: calc(485 / 640 * 100vw);
    z-index: 10;
}

.quantityLimited_wrap .product {
    line-height: 1.4;
    padding: calc(105 / 640 * 100vw) 0 calc(32 / 640 * 100vw) calc(20 / 640 * 100vw);
}

.quantityLimited_wrap .product_detail {
    color: #94790E;
    font-size: calc(26 / 640 * 100vw);
    font-weight: 700;
    margin-bottom: calc(20 / 640 * 100vw);
}

.quantityLimited_wrap .digital_contents {
    font-size: calc(20 / 640 * 100vw);
    letter-spacing: calc(-1 / 640 * 100vw);
}

.quantityLimited_wrap .items_inner {
    margin: auto;
    width: calc(480 / 640 * 100vw);
}

.quantityLimited_wrap .item_info {
    border-top: solid calc(3 / 640 * 100vw) #CB4444;
    height: calc(751 / 640 * 100vw);
}

.quantityLimited_wrap .item_info + .item_info {
    margin-top: calc(40 / 640 * 100vw);
}

.quantityLimited_wrap .model_ps5 img.package_img,
.quantityLimited_wrap .model_swi img.package_img{
    margin-bottom: calc(30 / 640 * 100vw);
    padding-top: calc(16 / 640 * 100vw);
    width: calc(480 / 640 * 100vw);
}

.quantityLimited_wrap img.btn_soldout {
    width: calc(390 / 640 * 100vw);
    
}

/* items > normalVersion */
.hinokami2 img.normalVersion_title {
    width: calc(225 / 640 * 100vw);
}

.normalVersion_wrap {
    background-image: url('../img/normalVersion_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(2938 / 640 * 100vw);
    margin: calc(-40/ 640 * 100vw) 0 calc(44/ 640 * 100vw);
}

.normalVersion_wrap .items_inner {
    margin: calc(57 / 640 * 100vw) auto;
}

.normalVersion_wrap .item_info + .item_info {
    border-top: solid calc(3 / 640 * 100vw) #505050;
    margin-top: calc(50 / 640 * 100vw);
}

.normalVersion_wrap .model_ps5 img.package_img {
    margin-bottom: calc(35 / 640 * 100vw);
    padding-top: calc(97 / 640 * 100vw);
    width: calc(347 / 640 * 100vw);
}

.normalVersion_wrap .model_ps4 img.package_img {
    margin-bottom: calc(35 / 640 * 100vw);
    padding-top: calc(67 / 640 * 100vw);
    width: calc(337 / 640 * 100vw);
}

.normalVersion_wrap .model_swi img.package_img {
    margin-bottom: calc(38 / 640 * 100vw);
    padding-top: calc(68 / 640 * 100vw);
    width: calc(291 / 640 * 100vw);
}

.normalVersion_wrap .item_price {
    margin-bottom: calc(42 / 640 * 100vw);
}

.normalVersion_wrap img.btn_soldout {
        width: calc(390 / 640 * 100vw);
}

/* items > saveDataLinkedPrivilege */
.saveDataLinkedPrivilege_wrap {
    color:#94790E;
}

.saveDataLinkedPrivilege_wrap h3 {
    font-size: calc(36 / 640 * 100vw);
    font-weight: 700;
    margin-bottom: calc(20 / 640 * 100vw);
    text-align:center;
}

.saveDataLinkedPrivilege_wrap p {
    font-size: calc(20 / 640 * 100vw);
    margin-bottom: calc(20 / 640 * 100vw);
    text-align:center;
}

.saveDataLinkedPrivilege_wrap dl {
    font-size: calc(26 / 640 * 100vw);
    font-weight: 700;
}

.saveDataLinkedPrivilege_wrap dd {
    font-weight: 700;
    padding-left: 1em;
}

.saveDataLinkedPrivilege_wrap ul {
    margin-top: calc(20 / 640 * 100vw);
}


/* movie
-----------------------------------------------------------*/
.movie {
    background-image: url('../img/hinokami2_bg04.png');
    background-size: cover;
    margin-top: calc(-30 / 640 * 100vw);
    padding: calc(100 / 640 * 100vw) 0;
}

.hinokami2 img.movie_title {
    margin: 0 auto calc(34 / 640 * 100vw);
    width: calc(233 / 640 * 100vw);
}

.movie_box iframe {
    height: calc(310 * 100vw / 640);
    width: calc(550 * 100vw / 640);
}


/* outline_wrap
-----------------------------------------------------------*/
.outline_wrap {
    background-image: url('../img/hinokami2_bg05.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #FFF;
    font-size: calc(26 / 640 * 100vw);
    margin-top: calc(-20 / 640 * 100vw);
    padding-bottom: calc(30 / 640 * 100vw);
    position: relative;
}

.hinokami2 img.outline_title {
    margin: 0 0 calc(20 / 640 * 100vw);
    width: calc(430 * 100vw / 640);
}

.outline_wrap h2 {
    line-height: 1;
    margin: 0 calc(20 / 640 * 100vw);
}

.outline_wrap h2 span {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: calc(18 / 640 * 100vw);
    line-height: 1.5;
}

.hinokami2 img.outline_img {
    margin: calc(41 / 640 * 100vw) calc(32 / 640 * 100vw) calc(60 / 640 * 100vw) calc(20 / 640 * 100vw);
    width: calc(415 / 640 * 100vw);
}

.hinokami2 img.outline_catch {
    position: absolute;
    right: calc(30 / 640 * 100vw);
    top: calc(138 / 640 * 100vw);
    width: calc(143 / 640 * 100vw);
}

.outline_wrap p {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: calc(26 / 640 * 100vw);
    letter-spacing: calc(-1 / 640 * 100vw);
    line-height: 2;
    font-weight: 600;
    margin: calc(44 / 640 * 100vw) calc(20 / 640 * 100vw) 0;
}


/* gameMode_wrap
-----------------------------------------------------------*/
.gameMode_wrap {
    background-color: #F6F5EC;
    color: #FFF;
}

.gameMode_wrap h2 {
    margin-left: calc(20 / 640 * 100vw);
}

.hinokami2 img.gameMode_title {
    margin: 0 0 calc(20 / 640 * 100vw);
    padding-top: calc(80 / 640 * 100vw);
    width: calc(579 / 640 * 100vw);
}

.gameMode_wrap h2 span {
    color: #000;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: calc(18 / 640 * 100vw);
    line-height: 1.5;
}

.hinokami2 img.hinokamikepputan {
    margin-bottom: calc(30 / 640 * 100vw);
    width: calc(396 / 640 * 100vw);
}

/* gameMode_wrap > soloplay */
.hinokami2 img.soloplay {
    margin-right: calc(20 / 640 * 100vw);
    width: calc(390 / 640 * 100vw);
}

.soloplay_inner {
    background-color: #30302E;
}

.hinokami2 img.soloplay_img01 {
    padding: calc(30 / 640 * 100vw) 0 calc(45 / 640 * 100vw);
    width: calc(580 / 640 * 100vw);
}

.hinokami2 img.soloplay_subtitle {
    margin-bottom: calc(30 / 640 * 100vw);
    width: calc(553 / 640 * 100vw);
}

.soloplay_inner p {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: calc(25 / 640 * 100vw);
    letter-spacing: calc(-1 / 640 * 100vw);
    line-height: 1.5;
    margin: 0 calc(44 / 640 * 100vw) calc(30 / 640 * 100vw);
}

.hinokami2 img.soloplay_subtitle {
    margin-bottom: calc(30 / 640 * 100vw);
    width: calc(553 / 640 * 100vw);
}

.hinokami2 img.soloplay_img02,
.hinokami2 img.soloplay_img03,
.hinokami2 img.soloplay_img04 {
    padding-bottom: calc(20 / 640 * 100vw);
    width: calc(410 / 640 * 100vw);
}

/* versus */
.hinokami2 img.taisen {
    padding-top: calc(50 / 640 * 100vw);
    width: calc(307 / 640 * 100vw);
}

.hinokami2 img.versus{
    margin-left: calc(20 / 640 * 100vw);
    width: calc(279 / 640 * 100vw);
}

.versus_inner {
    background: linear-gradient(to bottom, #30302E 95%, #000 5%);
    padding: calc(30 / 640 * 100vw) calc(30 / 640 * 100vw) calc(20 / 640 * 100vw);
}

.hinokami2 img.versus_img01 {
    margin-bottom: calc(40 / 640 * 100vw);
    width: calc(580 / 640 * 100vw);
}

.hinokami2 img.versus__subtitle01 {
    margin-bottom: calc(30 / 640 * 100vw);
    width: calc(513 / 640 * 100vw);
}

.versus_inner p {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: calc(25 / 640 * 100vw);
    letter-spacing: calc(-1 / 640 * 100vw);
    line-height: 1.5;
    margin: 0 auto calc(30 / 640 * 100vw);
    width: fit-content;
}

.hinokami2 img.versus_img02,
.hinokami2 img.versus_img03 {
    margin-bottom: calc(20 / 640 * 100vw);
    width: calc(410 / 640 * 100vw);
}

.hinokami2 img.versus_img04 {
    margin-bottom: calc(40 / 640 * 100vw);
    width: calc(410 / 640 * 100vw);
}

.hinokami2 img.versus_img05 {
    margin-bottom: calc(40 / 640 * 100vw);
    width: calc(580 / 640 * 100vw);
}

.hinokami2 img.versus__subtitle02 {
    margin-bottom: calc(30 / 640 * 100vw);
    width: calc(510 / 640 * 100vw);
}

.hinokami2 img.versus_img06 {
    margin: calc(40 / 640 * 100vw) auto calc(20 / 640 * 100vw);
    width: calc(410 / 640 * 100vw);
}

.hinokami2 img.versus_img07,
.hinokami2 img.versus_img08{
    margin-bottom: calc(20 / 640 * 100vw);
    width: calc(410 / 640 * 100vw);
}

.gameMode_wrap .notice {
    background-color: #000;
    font-size: calc(14 / 640 * 100vw);
    margin-bottom: calc(80 / 640 * 100vw);
    text-align: center;
}


/* cta_btn_bottom
-----------------------------------------------------------*/
.cta_btn_bottom {
    display: flex;
    justify-content: center;
    margin: 0 auto calc(80 / 640 * 100vw);
    width: calc(390 / 640 * 100vw);
}

/* inner footer
-----------------------------------------------------------*/
.inner_footer {
    align-content: center;
    align-items: center;
    color: #FFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding-bottom: calc(180 / 640 * 100vw);
    text-align: center;
}

.inner_footer p {
    font-size: calc(16 / 640 * 100vw);
}

.inner_footer .hinokami2 {
    margin-bottom: calc(56 / 640 * 100vw);
}

.inner_footer p.ps {
    font-size: calc(13 / 640 * 100vw);
    margin-bottom: calc(14 / 640 * 100vw);
}

.inner_footer .nintendo {
    font-size: calc(14 / 640 * 100vw);
}

.inner_footer img.ps {
    display: inline-block;
    height: 1.2em;
}

.inner_footer img.ps5 ,
.inner_footer img.ps4  {
    display: inline-block;
    height: 0.8em;
}