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

article.mgs3r {
    background-color: #000;
    color: #fff;
    display: block;
    width: 100%;
}

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

.mgs3r 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);
}

/* itemInfo_wrap
-----------------------------------------------------------*/
.itemInfo_wrap {
    margin: auto;
    width: 100%;
}

/* 予約特典
-----------------------------------------------------------*/
.privilege_geo {
    position: relative;
}

.privilege_geo p {
    position: absolute; 
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: calc(26 / 640 * 100vw);     
    top: calc(130 / 640 * 100vw);
    left: 0;
    right: 0;
    text-align: center;
}


.privilege_reserve {
    position: relative;
}

.privilege_reserve_detail p {
    position: absolute;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: calc(26 / 640 * 100vw);
    top: calc(130 / 640 * 100vw);
    right: calc(20 / 640 * 100vw);
}

.privilege_reserve_detail ul.notice{  
    font-size: calc(14 / 640 * 100vw); 
    position: absolute;
    bottom: calc(30 / 640 * 100vw);
    right: calc(40 / 640 * 100vw);
}


/* items
-----------------------------------------------------------*/

.items {
    background-color: #FFF;
    margin: calc(60 / 640 * 100vw) auto;
    padding: calc(40 / 640 * 100vw) 0;
    width: calc(560 / 640 * 100vw);
    z-index: 1;
}

section.items h2 {
    color: #000;
    font-size: calc(38 / 640 * 100vw);   
    margin-top: 0;
    text-align: center;
}

section.items h2 span {
    display: block;
    font-size: calc(24 / 640 * 100vw);
    font-weight: 500;
}

.item_info.model_ps5 > img {
    margin: calc(40 / 640 * 100vw) auto;
    width: calc(330 / 640 * 100vw);
}

.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);
}

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

a.cta_btn,
img.cta_btn{
    width: calc(390 / 640 * 100vw);
    position: static;
}
 
section.item_info_text {
    text-align: center;
}
section.item_info_text div
 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: calc(50 / 640 * 100vw);
    line-height: 1.3;
}

section.item_info_text p    
 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: calc(24 / 640 * 100vw);
}



/* コンテンツ
-----------------------------------------------------------*/

section > h2 {
    margin-bottom: calc(40 / 640 * 100vw);
    margin-top: calc(100 / 640 * 100vw);
}
             
.mgs3r section > h2 img {
    height: calc(43 / 640 * 100vw);
    width: auto;
}


.mgs3r section.new_features_wrap > h2 img     {
    height: calc(87 / 640 * 100vw);
    width: auto;
}

/* movie
-----------------------------------------------------------*/
.movie {
}

.mgs3r 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);
}


/* introduction
-----------------------------------------------------------*/

.introduction_area {   
    margin:auto; 
    width: calc(520 * 100vw / 640);
    text-align:left
}

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

.introduction_area p{   
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: calc(20 / 620 * 100vw); 
    margin: 0 0 calc(20 / 520 * 100vw) 0;
}

.introduction_sublitle img {
    height:calc(92 / 520 * 100vw);
    width:auto;
}    

.introduction_sublitle img {
    height: calc(92 / 520 * 100vw);
    width: auto;
    margin: 0 0 calc(20 / 520 * 100vw) 0;
}

.introduction_flexArea.-introduction05_06 {
    margin-top: calc(40 / 640 * 100vw);
}


/* story
-----------------------------------------------------------*/

section.story_inner {
    position: relative;    
    height: calc(860 / 640 * 100vw);
}


.story_text {
    top: calc(220 / 640 * 100vw);
    position: absolute;    
    width: 100%;
}

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


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

            
/* characters
-----------------------------------------------------------*/

.characters_area {   
    margin:auto; 
    width: calc(480 * 100vw / 640);
    text-align:left
}

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

.characters_area p{  
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: calc(22 / 640 * 100vw);   
    padding-top: calc(20 / 640 * 100vw);  
    text-align: left;
}



/* features
-----------------------------------------------------------*/

section.new_features_wrap {
    background: linear-gradient(to bottom, #000, #003000);
    padding: 0 0 calc(40 * 100vw / 640);
}

.new_features_area {   
    margin:auto; 
    width: calc(520 * 100vw / 640);
    text-align:left
}

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

.new_features_area p{   
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: calc(20 / 620 * 100vw); 
    margin: 0 0 calc(20 / 520 * 100vw) 0;
}

.features_sublitle img {
    height:calc(55 / 520 * 100vw);
    width:auto;
}    

.features_sublitle img {
    height: calc(55 / 520 * 100vw);
    width: auto;
    margin: 0 0 calc(20 / 520 * 100vw) 0;
}



.andmore img {   
    margin: 0 auto calc(40 / 520 * 100vw);
}

.andmore {
    font-size: calc(12 / 640 * 100vw);
    text-align: center;
    padding: calc(100 / 520 * 100vw) 0 calc(30 / 520 * 100vw);
}


.image_note {
    margin: calc(100 / 520 * 100vw) 0;
    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 .mgs3r {
    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;
}