@charset "UTF-8";
:root{
  --pd_side:5.5555555556vw;
  --fnt_base:yu-gothic-pr6n, '游ゴシック体', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, sans-serif;
  --fnt_rb:"Roboto",var(--fnt_base);
}
.topContents__v2-title{
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  letter-spacing: normal;
}
.topContents__v2-title .en{
  font-family: var(--fnt_rb);
  font-weight: 500;
  font-size: clamp(20px, 3.8vw, 32px);
  letter-spacing: .1em;
  text-indent: .1em;
}
.topContents__v2-title .ja{
  font-size: min(18px,4vw);
  font-weight: 300;
}
/*TOP KV +++++++++++++++++++++*/
.kv-stonLink{
  position: absolute;
  bottom: min(50px,5vw);
  left: min(50px,5vw);
  width: 20.8333vw;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap:min(20px,3vw);
}
.kv-stonLink a{
  transition: translate .6s ease;
}
.kv-stonLink img{
  width: 100%;
}
@media(hover){
  .kv-stonLink a:hover{
    translate: 5px -5px;
  }
}

/*index LINEUP ++++++++++++++*/
.topContents__lineup{
  padding-top: min(80px,10vw);
  padding-left: var(--pd_side);
  padding-right: var(--pd_side);
  display: grid;
  grid-template-columns: min(1200px,100%);
  justify-content: center;
}
.lineupSection__nav{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap:min(20px,5vw) min(40px,5vw);
  justify-content: center;
  margin-top: min(40px,5vw);
}
.link-stonplus__button{
  width: min(500px,calc((100% - min(40px,5vw))/2));
  aspect-ratio:1/.22;
  position: relative;
  border: 1px solid;
  display: grid;
  place-content:center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.link-stonplus__button.stonplus{
  background-size: auto 100%;
  background-image: url("../img/columnsKv-button-2.webp");
  background-position: left bottom;
}
.link-stonplus__button.stons{
  background-size: 33%;
  background-image: url(../img/columns-stons.webp);
  background-position: top 20% left;
}
.link-stonplus__button--text{
  display: flex;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  font-family: var(--fnt_base);
}
.link-stonplus__button--text .ja{
  font-size: min(12px,3vw);
  letter-spacing: .05em;
  text-indent: .05em;
}
.link-stonplus__button--text .en{
  font-family: var(--fnt_rb);
  font-size: clamp(20px, 3.8vw, 32px);
  font-weight: 300;
  letter-spacing: .1em;
  text-indent: .1em;
}
.link-stonplus__button > a{
  position: absolute;
  inset:0;
}
.link-stonplus__button::before{
  content: "";
  height: 100%;
  aspect-ratio:1;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("../img/anchor.svg");
  background-size: auto 20%;
  background-position: center;
  background-repeat: no-repeat;
  transition:transform .3s ease;
  pointer-events: none;
  transform: translateY(0) scale(1);
  transform-origin: center;
}
@media(hover){
  .link-stonplus__button:hover::before{
    transform: translateY(5px) scale(1.1);
  }
}