.sec_product div section.feature_box{
  padding-bottom: 0;
}

.product_monitor .feature_box .anime_delay03 {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
.product_monitor .feature_box .anime_delay04 {
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
}


/* anchor menu common */

.anchor .anchor_item{
  border: none!important;
}

.anchor_item a{
  position: relative;
  font-family: 'Noto Serif JP', serif;
}


.anchor_item.current a:after,
.anchor_item a:hover:after {
    height: 2px;/*縦幅を変化*/
    border-radius: 0;/*丸みをなくす*/    
    transform: scale(0.8, 1);/*X方向0.8、Y方向1にスケール拡大*/
    background: rgba(255, 130, 79, 1);
}

.anchor_item a:hover,.current a{
  color: rgba(255, 130, 79, 1)!important;
}


   .product_monitor .feature_box .sec_bg{
    opacity: 1!important;
   }


.ttl_sub{
  line-height: 1.5em!important;
}

.ttl_03{
  text-align: center;
  padding-left: 0;
}

.ttl_03:after{
  content: '';
    width: 5%;
    height: 1px;
    background: #4e5059;
    position: absolute;
    left: 0;
    top: 50%;
}

.ttl_03:before{
  content: '';
    width: 5%;
    height: 1px;
    background: #4e5059;
    position: absolute;
    right: 0;
    top: 50%;
}
.ff_link{
  display: flex;
  align-items: center;
  justify-content: center;
margin-top: 2em;
background-image: linear-gradient(90deg, rgba(255, 150, 79, 1), rgba(255, 70, 70, 1));
text-align: center;
height: 60px;
color: white;
padding-right: 1em;
}

.ff_link:hover{
color:  rgba(255, 150, 79, 1);
transition: 0.5s;
border: 2px solid #c21500;  border-image: linear-gradient(to right, rgba(255, 150, 79, 1), rgba(255, 70, 70, 1) 100%);  border-image-slice: 1;
background: -webkit-linear-gradient(90deg, rgba(255, 150, 79, 1), rgba(255, 70, 70, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
font-weight: bold;
}

.ff_link:after{
  content: '';
border: none;
    width: 24px;
    height: 20px;
    position: absolute;
    background: url(/gaming/common/images/icon_exlink_wh.png) no-repeat center / contain;
    transform: none;
right: 15px;
}


/* ss */
.carousel__dots{
  position: relative;
}

/* background */

.product_monitor .feature .sec_bg:before{
  background:none;
}

.ffxiv_00 .sec_bg{
    background-image: url(../images/img_ffxiv_bg.jpg);
  }

.ffxiv_07{
  padding-bottom: 0!important;
}

.ffxiv_08{
  background-color: rgba(0, 0, 0, 0.8);
  padding: 2em 0;
}

/* sp */
@media screen and (max-width: 992px) {
.pc_only{
  display: none;
}

.product_monitor .feature_box .feature_txt + .feature_txt {
    margin-top: 1em;
}
.h_anchor{
  width: 100%;
    z-index: 50;
    background: #343434;
    padding: 0 2.86%;
}

/*/// ancor bar ///*/
.product_monitor .anchor{
  top: 50px;
}

.anchor_item a:after{
  content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    left: 0;
    /*線になる丸の形状*/
    width: 100%;
    height: 5px;
    border-radius: 50%;
    background:#fff;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0.01, 0.01);/*X方向0.04、Y方向1*/
    transform-origin:center bottom;/*中央下部基点*/
}

.anchor.stickey{
  background: rgba(0, 0, 0, 0.5)!important;
  border: none;
}

.product_monitor .anchor .anchor_item{
  width: 50%;
  border: solid 1px #777;
}

.product_monitor .anchor.stickey .anchor_item a{
  padding: 1em 0;
}

.anchor_item a{
  font-size: clamp(0.6em,0.7em,0.8em);
}

.ff_txt{
  font-weight: 300!important;
  margin-bottom: 2.5em;
}
  .mincho{
    line-height: 1.5em;
  }
  .flex_box,.flex_box_re{
 margin-bottom: 5em;
  }

 .product_monitor .feature_box{
  min-height: auto;
 }



.ffxiv_02 .inner_main,.ffxiv_04 .inner_main,.ffxiv_06 .inner_main{
   background: rgba(0, 0, 0, 0.8);
 border-radius: 15px;
 padding: 2em 1em;
} 


.ffxiv_01 .inner_main,.ffxiv_03 .inner_main{
  color: black!important;
   background: rgba(255, 255, 255, 0.8)!important;
 border-radius: 15px;
 padding: 2em 1em;
} 
.ffxiv_01 .item_discription,.ffxiv_03 .item_discription{
  border-bottom: solid 1px #000!important;
}

.ffxiv_01 .item_name,.ffxiv_01 .item_discription,.ffxiv_03 .item_name,.ffxiv_03 .item_discription{
  color: #000!important;
}

.ffxiv_05 .inner_main{
  color: black!important;
   background: rgba(255, 255, 255, 0.8);
 border-radius: 15px;
 padding: 2em 1em;
} 



/* 製品情報リンクボックス　*/

.ffxiv_04 .img_wrap img,.ffxiv_03 .img_wrap img{
  width: 100%;
  margin-bottom: 5em;
}

.ffxiv_05 .function_txt{
  margin-bottom: 2em;
}

.ffxiv_05 .item{
  margin-bottom: 3em;
}

.item_info{
text-align: center;
margin-bottom: 1.5em;
padding: 1em;
}

.item_info a ul li{
color: white;
margin-bottom: 1em;
  }
.item_info a ul{
  margin-bottom: 1.5em;
}

.flex_box_in{
border-top: solid 1px white;
padding: 1em;
margin-top: 2em;
}

.flex_box_in  .item_discription{
font-weight: 300;
text-align: center;
margin-bottom: 1em;
}


.item_info .item_discription{
font-weight: 300;
border-bottom: solid 1px white;
padding-bottom: 1em;
}
.item_name{
  font-weight: 400;
  font-size: 1.3em;
  text-align: center;
margin-bottom: 1em;
}

.item_purchase{
  background-image: linear-gradient(90deg, rgba(255, 150, 79, 1), rgba(255, 70, 70, 1));
  width: 90%;
  padding: 1em;
  margin: 0 auto;
  color: #fff;
}

.item_purchase:after{
  content: '';
border: none;
    width: 24px;
    height: 20px;
    position: absolute;
    background: url(/gaming/common/images/icon_exlink_wh.png) no-repeat center / contain;
    transform: none;
right: 75px;
  }

 
.attn{
  margin-left: 1em;margin-top: 1em;
}


/* 機能 */

.item .img_box img{
width: 100%;
object-fit: cover;
}

  /* ss */
   .carousel .carousel__slide {
       align-items: center;
       border-radius: 6px;
       display: flex;
       font-size: 2rem;
       height: 30vw;
       justify-content: center;
       margin-right: 6px;
       transition: background .2s,color .2s;
   }
   .carousel.is-small .carousel__slide.is-selected {
       color: #fff;
   }
   .carousel.is-small .carousel__slide {
       width: 50%;
   }
   .carousel__dots {
     color: red;
   }

/* scrool */
.type {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.type::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.8) 100%);
}

.type a {
  display: inline-block;
  position: absolute;
  right: 0px;
  bottom: 0;
  z-index: 2;
  padding: 10px 10px 110px;
  color: #fff;
  font-size: 7px;
  line-height: 1;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
  writing-mode: vertical-lr;
  transition: 0.2s;
  overflow: hidden;
}
.type a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100px;
  background: #fff;
}

#type01 a::after {
  animation: sdl01 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes sdl01 {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}

}

/* pc */
@media screen and (min-width: 992px) {
.sp_only{
  display: none;
}

  .mincho{
    line-height: 1.5em;
  }
.h_anchor{
  width: 100%;
    z-index: 50;
    background: #343434;
    padding: 0 2.86%;
}
/* anchor */
.anchor_item a:after{
  content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    left: 0;
    /*線になる丸の形状*/
    width: 100%;
    height: 5px;
    border-radius: 50%;
    background:#fff;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0.02, 1);/*X方向0.04、Y方向1*/
    transform-origin:center bottom;/*中央下部基点*/
}


  .flex_box{
    display: flex;
     justify-content: center;
    align-items: center;
    column-gap: 2em;
  }

  .flex_box_ff{
    display: flex;
     justify-content: center;
    column-gap: 2em;
  }
.flex_box_ff div{
      width: 100%;
}

.flex_box_ff .feature_txt div.img_wrap img{
  height: 500px; object-fit: cover;width: 100%;
}

.flex_box_ff .feature_txt{
  margin: 0!important;
}

#fourk .ttl_sub,#monitor .ttl_sub {
  margin-left: 2.5em;
}
#monitor .ttl_sub {
  margin-right: -2.5em;
}
#fourk .ff_txt,#monitor .ff_txt {
  margin-left: 5em;
}



  .flex_box_in{
    display: flex;
    align-items: center;
    column-gap: 1em;
    margin-top: 2em;
    border-top: solid 1px #fff;
    padding: 1em;
  }
  .flex_box_in div{
    width: 50%;
    text-align: center;
    margin: 0 auto;
  }

  .flex_box_in div .item_purchase{
    width: 100%;
  }

  .flex_box_re{
    display: flex;
    flex-direction:row-reverse;
     justify-content: center;
    align-items: center;
    column-gap: 2em;
  }
  .flex_box .feature_txt,.flex_box_re .feature_txt{
    width: 47%;
  }

.ffxiv_02 .inner_main,.ffxiv_04 .inner_main,.ffxiv_06 .inner_main{

   background: rgba(0, 0, 0, 0.8);
 border-radius: 15px;
 padding: 3em 2em;
} 

.ffxiv_01 .inner_main,.ffxiv_03 .inner_main{
  color: black!important;
   background: rgba(255, 255, 255, 0.8)!important;
 border-radius: 30px;
 padding: 3em 2em;
} 
.ffxiv_01 .item_discription,.ffxiv_03 .item_discription{
  border-bottom: solid 1px #000!important;
}

.ffxiv_01 .item_name,.ffxiv_01 .item_discription,.ffxiv_03 .item_discription,.ffxiv_03 .item_name{
 color: #000!important;
}

.ffxiv_05 .ttl_02{
  font-size: 4rem!important;
}

.ffxiv_05 .inner_main{
  color: black!important;
   background: rgba(255, 255, 255, 0.8)!important;
 border-radius: 30px;
 padding: 3em 2em;
} 

.anchor{
  background: rgba(0, 0, 0, 0.5);
  padding: 1em;
}

.anchor.stickey{
background: rgba(0, 0, 0, 0.5)!important;
border-bottom: none!important;
}

/* 製品情報リンクボックス　*/
.product_box{
  display: grid; 
  grid-template-columns: 1fr; 
  grid-template-rows: 0.4fr 1.6fr; 
  gap: 0px 0px; 
  grid-template-areas: 
    "grid_ttl"
    "gird1"; 
 justify-items: center;
 align-items: center;
 margin-top: 5vh;
}

.ff_txt{
  font-size: 1.1em!important;
  font-weight: 400!important;

}


.grid_ttl { grid-area: grid_ttl; }
.gird1 { grid-area: gird1; }

.product_box_two{
display: grid; 
 justify-items: center;
 align-items: center; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 0.4fr 1.6fr; 
  gap: 0px 0px; 
  grid-template-areas: 
    "grid_ttl grid_ttl"
    "gird1 grid2";
 margin-top: 5vh;
}
.ttl_sub { grid-area: grid_ttl; }
.gird1 { grid-area: gird1; }
.grid2 { grid-area: grid2; }

.product_box_three{
 display: grid; 
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 0.4fr 1.6fr; 
  gap: 0px 0px; 
  grid-template-areas: 
    "grid_ttl grid_ttl grid_ttl"
    "gird1 grid2 grid3"; 
 justify-items: center;
 align-items: center;
  margin-top: 5vh;
}
.grid_ttl { grid-area: grid_ttl; }
.gird1 { grid-area: gird1; }
.grid2 { grid-area: grid2; }
.grid3 { grid-area: grid3; }

.ffxiv_04 .img_wrap img,.ffxiv_03 .img_wrap img{

}
.ffxiv_04 .img_wrap,.ffxiv_03 .img_wrap{
  width: 85%;
  margin-bottom: 5em;margin: 0 auto;
}

.item_info{
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
width: 100%;
max-width: 400px;
margin: 0 auto;
padding: 1em;
 z-index: 1;
}

.item_info a ul li{
color: white;
margin-bottom: 1em;
  }

.item_info a ul li img{
  height: 300px;
  object-fit: contain;
  width: 100%;
}

.item_info a ul{
  margin-bottom: 2em;
  z-index: 1;
}


.img_wrap .detail_btn_top:hover{
  background: rgba(0, 0, 0, 0.3);
}

.img_wrap .detail_btn_top{
  transition: 0.4s all linear;
  position: relative;
}


.attn{
  position: absolute;margin-left: 1.5em;margin-top: 1em;
}

.img_wrap .detail_btn_top:hover:after{
  color: #fff;
  content: '詳細を見る →';
  text-shadow: 0px 0px 3px #000;
  text-align: center;
  position: absolute;
  z-index: 3;
padding: 1em;
width: 100%;
    top: 26%;
font-family:'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;;
}

.item_info .detail_btn{
  transition: 0.4s all linear;
  position: relative;
}

.item_info .detail_btn:hover,.img_wrap .detail_btn_top:hover{
background: rgba(0, 0, 0, 0.3);
position: relative;
}



.item_info .detail_btn:hover:after{
  color: #fff;
  content: '詳細を見る →';
  text-shadow: 0px 0px 3px #000;
  position: absolute;
  text-align: center;
  z-index: 3;
max-width: 400px;
    top: 22%;
    left: 39%;
font-family:'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;;
}

.item_info .item_discription{
font-weight: 400;
border-bottom: solid 1px white;
padding-bottom: 1em;
}
.item_info .item_name{
  font-size: 1.3em;
}

.item_purchase{
  color: white;
  background-image: linear-gradient(90deg, rgba(255, 150, 79, 1), rgba(255, 70, 70, 1));
  width: 90%;
  max-width: 30rem;
  margin: 0 auto;
  padding: 1em 2em 1em 0;
  border: 2px solid #c21500;  border-image: linear-gradient(to right, rgba(255, 150, 79, 1), rgba(255, 70, 70, 1) 100%);  border-image-slice: 1;
}


.item_purchase:hover{
color:  rgba(255, 150, 79, 1);
border: 2px solid #c21500;  border-image: linear-gradient(to right, rgba(255, 150, 79, 1), rgba(255, 70, 70, 1) 100%);  border-image-slice: 1;
background: -webkit-linear-gradient(90deg, rgba(255, 150, 79, 1), rgba(255, 70, 70, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
font-weight: bold;
}


.item_purchase:after{
  content: '';
border: none;
    width: 24px;
    height: 20px;
    position: absolute;
    background: url(/gaming/common/images/icon_exlink_wh.png) no-repeat center / contain;
    transform: none;
margin-left: 20px;
  }

 .item_purchase:hover:after{
  content: '';
border: none;
    width: 24px;
    height: 20px;
    position: absolute;
    background: url(/gaming/common/images/icon_exlink_org.png) no-repeat center / contain;
    transform: none;
margin-left: 20px;
  }
  /* 機能　function */

.function_wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.function_wrap .item{
width: 45%;
margin: 1em;
margin-bottom: 3em;
}

.function_txt{
  min-height: 190px;
  font-weight: 300;
}

.ff_link:hover:after{
  content: '';
border: none;
    width: 24px;
    height: 20px;
    position: absolute;
    background: url(/gaming/common/images/icon_exlink_org.png) no-repeat center / contain;
    transform: none;
right: 15px;
}


  /* ss */
   .carousel .carousel__slide {
       align-items: center;
       border-radius: 6px;
       display: flex;
       font-size: 2rem;
       height: 12vw;
       justify-content: center;
       margin-right: 6px;
       transition: background .2s,color .2s;
   }
   .carousel.is-small .carousel__slide.is-selected {
       color: #fff;
   }
   .carousel.is-small .carousel__slide {
       width: 20%;
   }
   .carousel__dots {
     color: red;
   }

/* scrool */
.type {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.type::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.8) 100%);
}

.type a {
  display: inline-block;
  position: absolute;
  right: 40px;
  bottom: 0;
  z-index: 2;
  padding: 10px 10px 110px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
  writing-mode: vertical-lr;
  transition: 0.2s;
  overflow: hidden;
}
.type a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100px;
  background: #fff;
}

#type01 a::after {
  animation: sdl01 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes sdl01 {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
}