@charset 'Shift_JIS';

/************************************************************************************
*  mgs3r section
************************************************************************************/
body {
    background-color: #000;
}

article.mgs3r {
    background-color: #000;
    background-size: 100% auto;
    color: #fff;        
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    margin: 0 auto;
    width: 980px;
}

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

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

main {
    background-color: #000000;
}

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

/* mv
-----------------------------------------------------------*/
.mv {
    margin-bottom: 30px;
}


/* itemInfo_wrap
-----------------------------------------------------------*/
.itemInfo_wrap {
    margin: auto;
    width: 980px;
}

/* privilege_wrap
-----------------------------------------------------------*/
.privilege_wrap {
    margin-bottom: 66px;         
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.privilege_geo {
    position: relative;
}  

.privilege_geo p {
    font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;;
    font-size: 20px;
    position: absolute;
    left: 50px;
    bottom: 130px;
}


.privilege_reserve {
    position: relative;
}

.privilege_reserve_detail {
    position: absolute;
    bottom: 50px;
    left: 80px;
}

.privilege_reserve_detail p{   
    font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;;
    font-size: 20px;
    margin-bottom: 10px;
}

ul.notice li {
    font-size: 12px;
    text-indent: -1em;
    padding-left: 1em;
}

/* items
-----------------------------------------------------------*/
.items {
    background-color: #fff;
    padding: 30px 25px 50px 30px;
}

section.items > h2 {
    color: #000;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    margin-top: 0;
}
      
section.items h2 span {
    display: block;
    font-size: 18px;
}

.quantityLimited_wrap,
.normalVersion_wrap {
    margin: -34px auto 0;
    width: 827px;
}

.items .items_text {
    color: #E35B43;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 30px;
    font-weight: 700;
    margin: 20px 0;
    text-align: center;
}

.items_inner {
    flex-wrap: wrap;   
    align-items: flex-start;
    width: 720px;
    margin: 0 auto;
}


/* items > item_info
-----------------------------------------------------------*/
.item_info {
    display: flex;
    font-weight: 700;
    width: 720px;
}

.item_info + .item_info {
    margin-top: 30px;
}

.item_info_inner {
    margin-right: 70px;
}

/* model */
.model {
    font-size: 20px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
}

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

.model_ps5 .model {
    background-color: #D6DCE5;
    color: #000;
}

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

/* price */
.price_wrap {
    display: flex;
    justify-content: left;
    flex-flow: column;
    width: 380px;
}

.price_inner {  
    margin-top: 20px;
    text-align: end;
}

.price_title {
    color: #FF000C;
    font-size: 24px;
    font-weight: 700;
}

.item_price {
    font-weight: 700;
    margin-bottom: 20px;
}

.item_price .price_font {
    color: #FF000C;
    font-family: 'arial black', sans-serif;
    letter-spacing: -2px;
}

.item_price .yen {
    color: #FF000C;
    font-size: 45px;
    font-weight: 700;
    left: 10px;
}

a.cta_btn,
img.cta_btn{
    margin: 0 auto 20px;
    position: static;
}

a.cta_btn img {
    text-align: right;
    margin: 0 0 0 40px;
}

.item_info .notice {
    font-size: 10px;
    text-align: center;
    width: 748px;
}

section.item_info_text {
    text-align: center;
}

section.item_info_text > p{     
    font-size: 20px;
    font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

section.item_info_text > div {
    font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    margin-bottom: 40px;
    margin-top: 80px;
    font-size: 40px;
}

.mgs3r img.btn_soldout {
    margin: 0 0 auto auto;
}

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

section > h2 {
    margin-bottom: 30px;
    margin-top: 100px;
}


/* movie
-----------------------------------------------------------*/
.movie {
    padding: 0;
}

.movie_box {
    height: 496px;
    margin: auto;
    width: 880px;
}


/* introduction
-----------------------------------------------------------*/
.introduction_area {               
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto;
    font-size: 18px;
    min-height: 270px;
    width: 880px;
    position:relative;
    
}

.introduction_area p{         
    font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.introduction_area + .introduction_area {
    margin-top:80px;
}

.-introduction01{
    background-image: url('../img/introduction_01.png');
}
    
.-introduction01 p{             
    position: absolute;
    top: 120px;
}

.-introduction02{
    background-image: url('../img/introduction_02.png');
}      

.-introduction02 p {
    position: absolute;
    right: 0;
    top: 100px;
}

.-introduction03{
    background-image: url('../img/introduction_03.png');
}       
.-introduction03 p{             
    position: absolute;
    top: 120px;
}

.-introduction04{
    background-image: url('../img/introduction_04.png');
}     
.-introduction04 p{   
    position: absolute;
    right: 0;
    top: 100px;
}

.introduction_flexArea {     
    background-image: url('../img/bg_green.png');         
    background-position: bottom;      
    background-repeat: no-repeat;
    padding: 40px 0;
    display: flex;
    justify-content: space-around;
}

.story_inner {
    position: relative;
    height: 760px;
}

.story_text {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 400px;
}

.story_text > div{  
    font-size:42px;
    font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;   
    margin-bottom: 20px;
}

.story_text >p{     
    font-size:20px;
    font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

/* story
-----------------------------------------------------------*/
                        
/* charactors
-----------------------------------------------------------*/
    
.characters_area {               
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto;
    font-size: 18px;
    min-height: 270px;
    width: 880px;
    position:relative;
    
}

.characters_area p{         
    font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.characters_area + .characters_area {
    margin-top:40px;
}

.-chara01{
    background-image: url('../img/chara_01.png');
}
    
.-chara01 p{             
    position: absolute;
    left: 436px;
    top: 80px;
}

.-chara02{
    background-image: url('../img/chara_02.png');
}      

.-chara02 p {           
    position: absolute;
    left: 436px;
    top: 140px;
}

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

.new_features_area {               
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 18px;     
    margin: 0 auto;
    min-height: 270px;
    width: 880px;
    position:relative;
    
}

.new_features_area p{         
    font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.new_features_area + .new_features_area {
    margin-top:80px;
}

.-feature01{
    background-image: url('../img/new_features_01.png');
}
    
.-feature01 p{             
    position: absolute;
    left: 0;
    top: 130px;
}

.-feature02{
    background-image: url('../img/new_features_02.png');
}      

.-feature02 p {           
    position: absolute;
    left: 0;
    top: 130px;
}
 
.-feature03{
    background-image: url('../img/new_features_03.png');
}      
     
.-feature03 p {           
    position: absolute;
    left: 0;
    top: 130px;
}

.andmore {
    font-size: 12px;
    text-align: center;
    padding: 120px 0 20px;
}

.andmore p {
    margin-top: 40px;
}

.image_note {
    margin: 100px 0;
    text-align: center;
}


/* cta_btn_bottom
-----------------------------------------------------------*/
.cta_btn_bottom {
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
}

.cta_btn_bottom .cta_btn {
    margin-bottom: 0;
    padding: 0;
}

/* inner footer
-----------------------------------------------------------*/
.inner_footer {
    align-content: center;
    align-items: center;
    color: #FFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding-bottom: 80px;
    text-align: center;
}

.inner_footer p {
    font-size: 12px;
    width: 806px;
}

.inner_footer .mgs3r {
    margin-bottom: 21px;
}

.inner_footer .nintendo {
    margin-top: 9px;
}

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

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