@charset "UTF-8";

  *:hover{transition: all 0.5s;}
  .hd_2nd           {   background: url("https://www.koeitecmoamerica.com/rtk8-remake/img/common/2nd_bg.png") center bottom no-repeat; background-size:cover; }

  .hd_2nd_inner     { width: 100%; max-width: 1600px; margin: 3.0rem auto 2rem;  }
  
  .hd_2nd_logo      { width: 10rem; margin: 1rem; }
  .hd_2nd h1        { font-family: "fairplex-narrow", serif; font-weight: 500; font-size: 3rem; letter-spacing: -0.0em; font-weight: bold; text-align: center; margin: 0;
    background: linear-gradient( 180deg, #bc0000, #620000 70%); -webkit-background-clip: text; color: transparent; 
    filter: drop-shadow(0 0 6px hsl(0, 0%, 100%));
  }
  
  
  
  .mid_tit01        {  }
  
  .mid_tit01 {
    position: relative;
    display: inline-block;
    height: 3.6rem;
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    padding: 0.25em 0.5em;
    color: #fff;
    background: linear-gradient( 90deg, #bc0000, #620000 80%);
    width: calc(98% - 3.6rem);
  
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .mid_tit01:before {
    position: absolute;
    top: 0;
    left: -1.77rem;
    content: '';
    border-width: 1.8rem 1.8rem 1.8rem 0;
    border-style: solid;
    border-color: transparent #bc0000 transparent transparent;
  }
  
  .mid_tit01:after {
    position: absolute;
    top: 0;
    right: -1.77rem;
    content: '';
    border-width: 1.8rem 0 1.8rem 1.8rem;
    border-style: solid;
    border-color: transparent transparent transparent #620000;
  }
  
  .mid_tit01 div { font-size: 2rem; }
  
  
  
  
  
  .mid_tit__01 {
    font-family: "fairplex-narrow", serif; font-weight: 500;
    background: url("https://www.koeitecmoamerica.com/rtk8-remake/img/common/title_base_mid.png") no-repeat center center;
    color: #fff;
    height: 1.7em;
    font-size: 1.5rem;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    width: 100%;
position: relative;
  }
  .mid_tit__01{text-shadow: 2px 2px 1px #952325, -2px 2px 1px #952325, 2px -2px 1px #952325, -2px -2px 1px #952325, 2px 0px 1px #952325, 0px 2px 1px #952325, -2px 0px 1px #952325, 0px -2px 1px #952325;}
  @media screen and (max-width: 767px) { 
    .mid_tit__01 {
      background: url("https://www.koeitecmoamerica.com/rtk8-remake/img/common/title_base_mid_sp.png") no-repeat center center;
      background-size: contain;
      height: 3em;
      font-size: 1.75rem;
    }

   }
  
  .lg_title__01   {
    font-family: "fairplex-narrow", serif;  font-weight: 500;
    background: url("https://www.koeitecmoamerica.com/rtk8-remake/img/common/title_base_lg.png") repeat-x center center;
    color: #fff;
    height: 2.2em;
    font-size: 1.7rem;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0.6rem solid black;
    margin: 0 calc(50% - 50vw) 3em;
    width: 100vw;
  }
  
  
  
  
  hr.kazari         {  background: url("https://www.koeitecmoamerica.com/rtk8-remake/img/common/hr_kazari.png") no-repeat center center; background-size:contain;
                        border: none; height: 2.2rem; width: 96%; margin: 0 auto 0.1em; }
  
  
  .main_2nd         { max-width: 1600px; width: 90%; }
  
  
  .sys_slide        { width: 90%; margin: 1.5rem auto 1em; }
  
  
  .sys_slide .txbox_lm         { margin-bottom: 0; }
  
  
  .sys_slide .txbox_ss         { text-align: left; width: 92%; margin: 0 auto 2rem; margin-left: 1.5rem; font-size: 1.0rem; line-break: strict; word-wrap: break-word; overflow-wrap: break-word; }
  
  
  .slide_ctrl_wrap              { /* display: flex; justify-content: center;*/ width: 80%; margin: 0 auto; }
  
  .slide_ctrl_wrap button             { /*flex: 1;*/ height: auto; margin: 0 1em 0; padding: 0.2em 0.25em; font-size: 1.0rem; width: 10em;
    border: #9f0b0b 2px solid; background-color: #f1ebe8; color: #9f0b0b; }
  
  .slide_ctrl_wrap .slick-current,
  .slide_ctrl_wrap .inact-button:hover       { background-color: #9f0b0b; color: #f1ebe8; }
  
  .slide_ctrl_wrap .slick-track             { display: flex; align-items: stretch ; }



  .slick-prev, .slick-next                { z-index: 10; width: 2.0rem; height: 2.0rem;  }
  .slick-next.slick-arrow                { left: auto; right: -2.5rem; }
  .slick-prev:before, .slick-next:before { color: #8e2023;  font-size: 2.0rem;  }
  
  
  hr.spc      { padding: 3rem 0; }
  
  .slide_ctrl_wrap .slick-track {
    transform: unset !important;
  }
  
  .sysblk_wrap .img_wrap                { padding-left: 1.0em; padding-right: 2px;}
  
    @media screen and (max-width: 767px) { 
      .hd_2nd_inner     { margin-top: 0;  }

      .sys_slide .txbox_ss        { font-size: 1.4rem; }
      .slide_ctrl_wrap button      { margin: 0 0.5em 0; font-size: 1.4rem;}

      .sysblk_wrap .img_wrap                { padding: 1.5em; }

      .slick-prev, .slick-next                {  width: 2.0rem; height: 2.0rem;  }
      .slick-next.slick-arrow                {  right: -2.0rem; }
      .slick-prev.slick-arrow                {  left: -2.0rem; }
      .slick-prev:before, .slick-next:before {  font-size: 2.0rem;  }

    }



/* MOVIE */

body.movie .hd_2nd           {   background: url("https://www.koeitecmoamerica.com/rtk8-remake/img/common/2nd_bg3.png") center bottom no-repeat; background-size:cover; }

.mov_cont--wrapper           { max-width: 960px; margin: 0 auto; }

.single--wrap                 { justify-content: center; }


.mov_cont--wrapper .thn_blk   { width: 98%; margin: 0 auto 1.5em; }

.thn_blk.thn_blk-24           { width: 100%; }


.thn_blk a                { display: flex; justify-content: center; align-items: center; position: relative; }

.play-button              { position: absolute; width: 25%; transition: all .2s }

.thn_blk a img            { transition: all .2s }

.thn_blk a:hover .play-button       { width: 30%; transition: all .2s }
.thn_blk a:hover img                { filter: brightness(1.15); transition: all .2s }

.thn_blk .caption                   { margin-top: 0.25em;  }

.thn_blk-12 .caption                { font-size: 0.9rem; }


.banner-section         { margin-bottom: 2.5rem; }
.banner-section__inner  { width: 100%; max-width: 900px; margin: 0 auto; }

@media screen and (max-width: 767px) {

  .banner-section__inner  { width: 100%; }

}





@media screen and (max-width: 767px) {
  .thn_blk .caption       { font-size: 1.2rem; }



    }
  
    

/* TOPICS */

.sec_topics               { overflow: hidden; margin-top: -2rem; }

.sec_topics h4            { position: relative; width: 8em; margin: 0 auto -2px 0; padding: 0.2em 1.5em 0.2em 0.2em; text-align: left; font-size: 1.8rem; font-weight: bold; color: hsl(0, 0%, 100%); background-color: #a92b2b; }
.sec_topics h4::before            { height: 0.9em; width: 2em; margin-bottom: 0.2em; margin-left: 0.2em;
    display: inline-block; content: "";   background-image: url("https://www.koeitecmoamerica.com/rtk8-remake/img/common/eye_catch01.png"); background-size: contain;  vertical-align: middle;}

.sec_topics h4      { 
  -webkit-mask-image: url("https://www.koeitecmoamerica.com/rtk8-remake/img/common/tit_base_mask.png");
  mask-image: url("https://www.koeitecmoamerica.com/rtk8-remake/img/common/tit_base_mask.png");
  -webkit-mask-size: cover;
  mask-size:cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  }

.topics_wrap      { position: relative; border: 2px solid #a92b2b; background-color: #f1ebe8; padding: 1rem 1.5rem;  }



.topics_more--wrap      { position: absolute;  top: 0; right: 0;
  width: 8em; height: 100%; background-color: #a92b2b; color: white; text-align: center;  }
.topics_more--wrap a    { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; width: 100%; height: 100%; color: white;  }

.topics_more--wrap b            { display: block; }
.topics_more--wrap b::after    { height: 2.0em; width: 1.6em; margin-bottom: 0.3em;
  display: inline-block; content: "";   background-image: url("https://www.koeitecmoamerica.com/rtk8-remake/img/common/arrow-w_r.png"); background-size: contain;  vertical-align: middle;}


  .topics_list        {  display: flex; flex-wrap: wrap; margin-bottom: 1.2em; width: 88%; text-align: left; line-height: 1.2;  }

  .topics_list:last-child       { margin-bottom: 0; }
  
  .topics_list a       { color: #a92b2b;  }
  
  .topics_list dt     { flex-basis: 7rem; color: #a92b2b; font-weight: bold; }
  .topics_list dd     { flex-basis: 78%; flex-grow: 2;   color: #555;  }
  .topics_list dd .update_patch     { position: relative; display: inline-block; margin-right: 0.5em; top: 0; left: 0; font-size: 0.8em; }
  

@media screen and (max-width: 767px) {

  .sec_topics           { margin-top: 0; }

  .topics_wrap          { padding-bottom: 3rem; }
  .topics_list          { width: 100%; }

  .topics_more--wrap    { top: auto;  bottom: 0; width: 7em; height: 2.5rem; }
  .topics_list dt       { margin-bottom: 0.5em; }
  .topics_list dd       { flex-basis: 65vw; }


}




    
    /* win_spec */
    .winspec_wrap       { font-size: 0.8rem; text-align: left; width: 100%; max-width: 1000px; margin: 2rem auto; }



    .winspec__table           { background-color: #fff; }
    
    .winspec__table th           { width: 22%;  border-bottom: 1px solid #cbcbcb;}
    
    .winspec__table tr:nth-child(odd) th,
    .winspec__table tr:nth-child(odd) td     { background-color: hsl(0, 100%, 97%); }
    
    .rowspacer      { border: none; border-top: 1px dashed hsl(0, 0%, 35%); margin: 0.5em 0; }
    
    .winspec__table em        { font-style: normal; font-weight: bold; }
    
    p.indent-line              { text-indent: 6.8em; }
    p.indent-line_s              { text-indent: 4.8em; }
    
    .attention--wrap        { margin: 0.5rem auto 2.0rem; width: 95%; }
  .attention              { font-size: 0.9em; }
    .attention li             { list-style: none; text-indent: -1em; margin-left: 1em; margin-bottom: 0.5em; }
    
    .mini                   { font-size: 0.85em; }
    
    .video-wrapper          { font-size: 0.9em; }
    .video                  { font-weight: bold; }
    .video_mini             { display: inline-block; margin-bottom: 0.5em; }
    
    .attention a            { text-decoration: underline; text-underline-offset: 0.20em; }

    
    @media screen and (max-width: 767px) {
      .winspec_wrap               { width: 95%; }
      .winspec__table           { font-size: 1.2rem; }
    
      .attention--wrap          { font-size: 1.2rem; }
    
      .winspec__table th, .winspec__table td          { display: block; width: 100%; box-sizing: border-box; background:none; }
    
    
      .winspec__table tr:nth-child(n) th,
      .winspec__table tr:nth-child(n) td     { background-color: hsl(0, 0%, 100%); }
    
      .winspec__table tr:nth-child(n) th                       { background-color: hsl(0, 100%, 97%); }
      .winspec__table td                        { border-left: none; }
      
    }



/* FAQ */


body.faq .main_2nd        { max-width: 1400px; }

.sec__faq--grp_wrap       {   text-align: left;  }
.sec__faq--cat_wrap       { margin-bottom: 2rem; }

.sec__faq--cat_title      { font-size: 1.5rem; margin-bottom: 0.5em; }

.faq_block{
	border: solid 1px #a92b2b;
	background: #fff;

	padding: 0 0 0;
	font-size: 1.1rem;
	overflow: hidden;
	margin-bottom: 0.75rem;

}

.faq_block-q  {padding: 2% 5% 2% 5%;}

.faq_block-q dl{ display: flex; align-items: baseline;}
.faq_block-q dt{  color: #a92b2b; font-size:2.2rem; }
.faq_block-q dd{ padding-left: 0.5em}



.faq_block-a{padding: 2% 5% 2% 5%; border-top: dotted 1px #a92b2b; background: #f5e8e8;}

.faq_block-a dl.faq_ans_inner     {  display: flex; align-items: baseline;}
.faq_block-a dl.faq_ans_inner > dt  {  color: #14309e; font-size:2.2rem; }
.faq_block-a dl.faq_ans_inner > dd  { padding-left: 0.5em; width: 100%;}



.platform{ width: 100%; margin-top: 0.25em; max-width: 1200px; display: flex; flex-wrap: wrap;}

.platform li{ display: flex; align-items: center; justify-content: center; width: 24%; margin:0.5%; padding:0.5%; border-radius: 1em;  font-size: 0.75em;  color:#fff; text-align:center;}

.platform-win{background: #70706f;}
.platform-ps5{background: #221461;}
.platform-ps4{background: #3e488f;}
.platform-nsw{background: #a41a1a;}

.listinner_plf    { display: inline-block; font-size: 0.75em;  text-indent: 0; color:#fff; text-align:center; padding:0.25em 1em; margin: 0 0.5em 0;  border-radius: 1em; }

.faq-check {
  width: 100%;
  text-align: center;
  padding: 0.2rem 0;
  cursor: pointer;
  background: #a92b2b;
}


.faq_arrow-btn{width: 40px; margin: 0 auto;}
.faq_arrow-btn img{width: 100%;}
 
.faq-check.close .faq_arrow-btn{
transform:rotate(180deg);
}


.faq_block .attention    { font-size: 0.9em; color:#a92b2b;  }

.faq_block a              { text-decoration: underline; text-underline-offset: 0.20em; }

.faq_block-a img          { display: block; max-width: 800px; margin: 1em auto 1em;  }


.upfaq_list li        { margin-left: 2em; margin-bottom: 0.5em; text-indent: -0.8em; line-height: 1.5;  }

.faq_block .upfaq_list li     { margin-left: 1em; margin-bottom: 0;  }

/* en erg */
.faq_block .attention li                 { margin-left: 2.5em; text-indent: -2.5em; }

.upfaq_list.attention         { font-size: 0.9em; }


.upfaq_difli dt             { font-weight: bold; margin: 0.5em auto 0;  }
.upfaq_difli dd             {  margin-left: 1.5em; }


/* update */

.update_block--title.open-btn       { width: fit-content; }

.open-btn:hover   { cursor: pointer; }

body.update .main_2nd        { max-width: 1400px; }

.update_block--hd dt          { font-size: 1.0rem;  }
.update_block--hd dd          { font-size: 1.5rem; font-weight: bold;   }



.update_block{
	border: solid 1px #a92b2b;
	background: #fff;
  text-align: left;
	padding: 2% 5% 2%;
	font-size: 1.0rem;
	overflow: hidden;
	margin-bottom: 0.75rem;

}


.update_block--title        {
  padding-left: .5em;
  margin: 1em 0 .5em;
  font-size: 1.1rem;
  color: #a92b2b;
  font-weight: bold;
  border-left: .2em solid #a92b2b;


}

.update_block--body         { margin: 2em 0 .5em; }

hr.trg_inner          { border: none; display: block; position: relative; z-index: -1; }



/* dlc */

body.dlc .main_2nd        { max-width: 1400px; }

.dlc_block--hd              { margin-bottom: 1.0em; }

.dlc_block--hd dt          { display: flex; margin-bottom: 0.5em; font-size: 1.0rem;  }

.dlc_block--hd dt p         { padding: 0.25em 1.25em; background-color: #222; color: #eee; font-size: 0.9em; }

.dlc_block--hd dt p.d_date                    {  }
.dlc_block--hd dt p.d_type                    { background-color: #a92b2b; }

.dlc_block--hd dd          { font-size: 1.5rem; font-weight: bold;   }


.dlc_block--price          { font-size: 1.2rem; font-weight: bold; border-left: #a92b2b 4px solid; padding-left: 0.25em; margin-bottom: 1em; }


.dlc_block{
	border: solid 1px #a92b2b;
	background: #fff;
  text-align: left;
	padding: 2% 5% 2%;
	font-size: 0.9rem;
	overflow: hidden;
	margin-bottom: 0.75rem;

}

.dlc_block--body          {   }

.dlc_block--img           { padding: 0 1em 0 0;  }
.dlc_block--txt           {  }




.dlc_block .purchase_pop .btn-defaultstyle--products  { font-size: 0.9rem; }

.upfaq_list.lst_wrap      { display: flex; flex-direction: row; flex-wrap: wrap; }



@media screen and (max-width: 767px) {
  .dlc_block                    { font-size: 1.1rem; }
  .dlc_block--img               { padding: 0; margin-bottom: 1.0em; }
  .dlc_block--img img           { display: block; max-width: 360px; margin: 0 auto; }


}




/* news */
.news_block .update_block--hd dd          { font-size: 1.25rem; color: #a92b2b; }


.news_block .update_block--body           { line-height: 1.5; }

.news_block .update_block--body a         { text-decoration: underline; text-underline-offset: 0.35em; }


.news_block h5                            { font-size: 1.05rem; }

.news_block h6                            { font-size: 0.85rem; }

.colblk           { padding: 1em; border: 2px solid #a92b2b; font-size: 0.85em; background-color: hsla(0, 0%, 100%, 0.7); }


@media screen and (max-width: 767px) {


  .faq-check { padding: 0; }

  .faq_arrow-btn img {
    width: 50%;
  }


  .faq_block              { font-size: 1.4rem; }

  
  .platform li            { width: 48%; }

  .update_block--title    { font-size: 1.4rem; }

  .update_block           { font-size: 1.2rem; }



}



/* sec_sp */

.sec_sp       { text-align: left; max-width: 1200px; margin: 0 auto 2em; }

.sec_sp strong        { font-weight: bold; color: #a92b2b; }

.sp_wrap      { font-size: 0.85rem; }

.sp_wrap .spres   { font-size: 0.95rem; }

.sp_wrap h2   { font-size: 3.0em; font-weight: bold; color: #a92b2b; line-height: 1.5; text-align: center; }
.sp_wrap h3   { font-size: 1.5em; font-weight: bold; }

.ex_box       { font-size: 1.2em; font-weight: bold;   color: #a92b2b; line-height: 1.5; }


.sp_wrap h6   { font-size: 1.2em; font-weight: bold; margin-bottom: 0.5em; }


.sec_sp .open-btn       { text-align: center; width: 6em; margin-left: auto; margin-right: auto;  }

.sec_sp .open-btn:hover   { cursor: pointer; }



.txbox        { margin: 0 auto 2em; width: 95%; }

.mid_txbox .txbox           {  }


.sp__table    { font-size: 0.95em; }


.sp__table td { line-height: 1.5; }

img.scale_md      { display: block; max-width: 640px; margin: 0.5em auto ; }

.attention_wrap                { font-size: 0.9em;  }
.attention_wrap .attention     {  }


.btn-01.inact       { pointer-events: none !important; filter: grayscale(100%) brightness(50%) opacity(50%)!important; }
.btn-wrap b     { text-align: center; display: block; }


/* scenario result */
.spres_scenario     { width: 95%; margin: 0 auto 2rem;	border: solid 1px #a92b2b;	background: #fff; 	padding: 2% 5% 2%; }

.spres_scenario h5    { font-size: 1.5em; color: #a92b2b; font-weight: bold; }
.spres_scenario h5 span       { font-size: 0.75em; }
.spres_scenario h6    { font-size: 1.1em; font-weight: bold; }

.spres_scenario_difl    { margin: 1em auto 2em; }

.spres_scenario_difl dt  { font-weight: bold; padding-left: 0.25em; border-left: #919191 4px solid;  }
.spres_scenario_difl dd  { margin-left: 1em; }

.spres_scenario_difl.ext dt     { color: #a92b2b; border-left: #a92b2b 4px solid;}
.spres_scenario_difl.ext dd     { color: hsl(0, 61%, 23%); font-weight: bold; }

@media screen and (max-width: 767px) {

  .sp_wrap      { font-size: 1.2rem; }


}

.wp--wrapper    { max-width: 100%; }




hr.spacer           { border: none; margin-bottom: 5rem; }