@charset "UTF-8";
/* CSS Document */

:root {
  --bg-color: #ddd;
  --base-color: #fff;
  --main-color: #a6862f;
  --accent-color: #9f0b0b;
  --container-width: auto;
  --headline-lineheight: 1.4;
  --base-lineheight: 1.7;


  --point-color:  #7a5a21
}


.content-wrap         { margin-top: 6.0vw; }

.template-products     { font-size: 0.8rem; }

.template-products .inpage-links__item          {
  background: linear-gradient(
  180deg,
  rgba(159, 11, 11, 1) 0%,
  rgb(128, 28, 28) 85%,
  rgb(128, 28, 28) 100%
); 

outline: 1px solid hsla(0, 0%, 100%, 0.6);
outline-offset: -5px;

}

.template-products .inpage-links__item a          { font-size: 1rem; }
.template-products .inpage-links.fixed .inpage-links__item a    { font-size: 0.9rem; }

.template-products .fixed .inpage-links__item     { outline: none; }


ul.hd_atention li            { color: var(--accent-color); }


.template-products .btn-defaultstyle--products {

  background: url("https://www.koeitecmoamerica.com/rtk8-remake/img/common/btn_dec01.png") center center / cover no-repeat,
  linear-gradient(
  135deg,
  rgba(214, 179, 11, 84) 0%,
  rgb(153, 109, 60) 100%
);

  outline: 1px solid hsla(0, 0%, 100%, 0.6);
  outline-offset: -5px;

}

.inpage-links__item:hover,
.btn-defaultstyle--products:hover,
.item__btn:hover      { filter: brightness(1.3); }


.template-products .inpage-links.fixed .inpage-links__base      { background-color: var(--accent-color); }


.template-products .btn-defaultstyle--products:after          { vertical-align: middle; }


.template-products .inpage-links__item .ancher:after,
.template-products .btn-defaultstyle--products[href^="#"]:after   {

  content: '';
  display: inline-block;
  width: 24px;
  height: 20px;
  background: url("https://www.koeitecmoamerica.com/rtk8-remake/img/common/arrow-w_d.png") no-repeat center / contain;
  margin-left: 4px;
  border: none;

}


.template-products .section-item__headline      {
  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) 2em;
  width: 100vw;
}


.template-products .section-item  { background-color: hsla(0, 33%, 97%, 0);  }

.template-products .section-item .item-block__image img      {     border: double 4px #c1a761; }

.ex_attention         { color: #8d0000; border: 2px solid #8d0000; text-align: center; background-color: #fff; width: 100%; padding: 0.5em 2em; border-radius: 2em; margin: 1.5em auto 1.0em; }

.ex_attention.ex_attention-half         { max-width: 50%; margin-left: auto; margin-right: auto; }


a.inact               { pointer-events: none; filter: grayscale(100%) brightness(60%) ; /* color: hsl(0, 0%, 70%) !important; background:hsl(0, 0%, 20%) !important*/ ; }

.btn-defaultstyle--products b         { font-size: 0.80em; display: inline-block; margin-left: 0.2em; }
.template-products .btn-defaultstyle--products.ex_color  { background: var(--accent-color); }
.template-products .btn-defaultstyle--products.ex_color2  { background: #181a80; margin-top: 3% !important; }

.system_detail--ca    { text-align: center; }

.template-products .section-item__subheadline  {
  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;
  margin-bottom: 1.5em;
  width: 106%;
  position: relative;
  left: -3%;
}


.template-products .section-item .item-block__text .text__exp strong    { color: var(--point-color);  font-size: 1.3em; }

.template-products .min         { color: #000; }


hr.spacer           { border: none; margin: 3% auto; }
hr.v-spaser         { border: none; width: 10%; }
hr.item-block__spc  { border: none; margin: 0.5rem auto; }

.section-item-wrapper       { padding-top: 6.2vw; margin-top: -6.2vw; }

.section-item-wrapper-wide  { padding-top: 20.2vw; margin-top: -20.2vw; }



p.no-indent               { text-indent: 0;  }

.nar_space                { letter-spacing: -0.05em; }


.template-products .text__caption              { font-size: 110%; margin-bottom: 1.2em; }

.template-products .item-block-ex-narrow        { width: 90%; margin: 0 auto; }


.template-products .section-item__list .item       { background-color: #fff; border: 1px solid #8d0000; }
.template-products .section-item .item-block__text--right        { text-align: right; width: 90%; margin: 0 auto; }

.template-products .item__name,
.template-products .item__description       { text-align: left; }


.content_box .item__headline            { color: #000;  }

.template-products .section-item__container .item-text__description,
.template-products ul.disc            { 
  text-align: left; border: 1px solid #8d0000;
  padding: 1.0em;
  border-radius: 0.1em;
  margin-top: 0.5em;
  background-color: hsla(0, 0%, 100%, 0.5);
}


.fixed .inpage-links__base           { box-shadow: hsla(0, 0%, 0%, 0.6) 0px 0px 10px; }


.template-products ul.ex_atention                  { text-align: left; }

.product_info--btn {
  font-family: "Noto Serif JP", serif;
  background: #aa2216 ;
  color: #fff;
  display: block;
  margin: 3.0em auto 0;
  max-width: 12em;
  text-align: center;
  border-radius: 1.5em;
  padding: 1em 3.5em;
  line-height: 1;
  position: relative;
} /* margin-top: -2vw; */


.template-products .item__description          { font-size: 85%; line-height: 1.4; }

.btn--img           { display: block; margin: 3.0em auto 6em; }


.template-products .section-item__hdappdx          {

  font-family: "Noto Serif JP", serif;
  background: #aa2216 ;
  color: #fff;
  display: block;
  max-width: 12em;
  text-align: center;
  border-radius: 1.5em;
  padding: 0.7em 1.5em;
  line-height: 1;
  font-size: 100%;
  margin: 0 auto;

}

.template-products ul.asterisk > li:before {
  content: ' - ';
  margin-left: 0.5em;
}




@media screen and (min-width: 1380px) {



}


@media screen and (min-width: 1280px) {
  
}


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


  .template-products {
    font-size: 1.3rem;
}

  .template-products .inpage-links__item a            { 
  /* font-family: "Helvetica Neue",
  Arial,
  "Hiragino Kaku Gothic ProN",
  "Hiragino Sans",
  Meiryo,
  sans-serif; */  font-size:3.5vw ;   }



  

  .template-products .inpage-links.fixed .inpage-links__container .inpage-links__item a {
    font-size:3.0vw ;
  }

  .template-products .text__caption              { font-size: 100%; text-align: center; }

  footer            {  }
  
}