@charset "utf-8";


/* 全ページ共通 */

body{
    background-color:rgb(253 253 253);
}

.wrapper_oya{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}

.wrapper{
    width:100%;
    max-width:1200px;
    background-color:rgb(9 8 8);
    padding:1%;
}

img{
    max-width:100%;
    height:auto;
}

a:link{
    text-decoration:none; color:rgb(9 8 8);
}

a:visited{
    text-decoration:none; color:rgb(9 8 8);
}

a:hover{
    text-decoration:underline; color:rgb(22 4 254);
    text-underline-offset:0.23em;
}

a:active{
    color:rgb(22 4 254);
}

header{
    width:100%;
    background-color:rgb(253 253 253);
    display:flex;
    aspect-ratio:20;
}

h3{
    font-size:14px;
    font-family: "Cinzel", serif;
    font-weight:500;
    color:rgb(253 253 253);
    letter-spacing:0.1em;
}

h5{
    font-size:11px;
    font-family: "Cinzel", serif;
    font-weight:500;
    letter-spacing:0.07em;
}


.logo{
    width:15.35%;
    margin:1% 0 0 3.1%;
    aspect-ratio:180/40;
}

header .aboutus{
    margin:2.2% 0 0 47.3%;
}

header .item{
    margin:2.2% 0 0 3.6%;
}

header .gallery{
    margin:2.2% 0 0 3.4%;
}

.btn_shop{
    width:7.9%;
    height: fit-content;
    border:1px solid rgb(9 8 8);
    padding:0.9% 2.45%;
    margin:1.2% 0% 0 3%;
    box-shadow: 1px 1px 0px 0px rgb(22 4 254);
}
.btn_shop:hover{
    background-color:rgb(22 4 254);
    transform: 1s;
}

.text_hover:hover{
    color: rgb(253 253 253);
}


.btn_more{
    width:28%;
    height: fit-content;
    border:1px solid rgb(9 8 8);
    padding:4% 0 3% 7.2%;
    box-shadow: 1px 1px 0px 0px rgb(22 4 254);
}
.btn_more:hover{
    background-color:rgb(22 4 254);
    transform: 1s;
}

footer .box{
    display:flex;
}

footer .left{
    line-height:165%;
    letter-spacing:0.07em;
    margin-left:0.5%;
}

footer .right{
    line-height:165%;
    letter-spacing:0.07em;
    margin-left:84.5%;
    /* border:3px solid red; */
}

footer .right h5{
    text-align:right;
}

footer .copy{
    margin:6.5% 0 0 85%;
}

.access .text01{
    margin-bottom: 4%;
}


/* topページ */

.back_img{
    width:100%;
    margin-top:1%;
    aspect-ratio:1200/675;
    background-image:url(../img/top_visu.png);
    background-size: 100%;
    padding-top:34.5%;
}

.back_img h1{
    font-size:27px;
    font-family: "Cinzel", serif;
    font-weight:300;
    color:rgb(253 253 253);
    text-shadow: 0 0 0.2em rgb(9 8 8);
    margin-left:9.3%;
    letter-spacing:0.07em;
}

.top_grid{
    display:grid;
    grid-template-columns:24.25% 24.25% 24.25% 24.25%;
    /* border:3px solid red; */
    column-gap:1%;
    row-gap:0.45%;
    margin-top:1%;
}
.top_grid p{
    font-size:12px;
    letter-spacing:0.1em;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    line-height:1.9em;
}

.top_grid .box01{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box02{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box02 .black_obi{
    width:65%;
    height:8%;
    background-color:rgb(9 8 8);
    margin-top:0.1%;
    padding:1.5% 0 0.5% 29.5%;
}

.top_grid .box02 .text01{
    width:70%;
    height:30%;
    padding:6.2%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:3;
    max-height: calc(1.7em * 3);
}

.top_grid .box02 .btn_more{
    margin:6% 0 0 0;
}

.top_grid .box03{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box03 .black_obi{
    width:65%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:50% 0 0 35%;
    padding:1.5% 0 0.5% 6%;
}
.top_grid .box03 .text02{
    width:70%;
    height:30%;
    padding:5% 6%;
    margin:0 0 0 34%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:3;
    max-height: calc(1.7em * 3);
}

.top_grid .box04{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}
.top_grid .box04 .btn_more{
    margin:87.5% 0 0 0;
}

.top_grid .box05{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box06{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box05 .blue_line{
    width:100%;
    aspect-ratio:57/47.8;
    border-bottom:2px solid rgb(22 4 254);
}

.top_grid .box06 .black_obi{
    width:50%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:75% 0 0 0;
    padding:1.5% 0 0.5% 18%;
    box-shadow: 0px 1px 0px 0px rgb(22 4 254);
}

.top_grid .box07{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box08{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}
.top_grid .box09{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box10{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}

.top_grid .box10{
    position:relative;
    overflow:hidden;
}

.top_grid .box10::before,
.top_grid .box10::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.top_grid .box10::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.top_grid .box10::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "YUKI\A￥28,000-";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.top_grid .box10:hover::before,
.top_grid .box10:hover::after{
    opacity: 1;
}

.top_grid .box11{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}
.top_grid .box11{
    position:relative;
    overflow:hidden;
}

.top_grid .box11::before,
.top_grid .box11::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  opacity: 0;
  pointer-events: none;
}

.top_grid .box11::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.top_grid .box11::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "ROCKY\A￥26,000-";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.top_grid .box11:hover::before,
.top_grid .box11:hover::after{
    opacity: 1;
}

.top_grid .box12{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box13{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}
.top_grid .box13{
    position:relative;
    overflow:hidden;
}

.top_grid .box13::before,
.top_grid .box13::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  opacity: 0;
  pointer-events: none;
}

.top_grid .box13::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.top_grid .box13::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "SILEN\A￥19,000-";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.top_grid .box13:hover::before,
.top_grid .box13:hover::after{
    opacity: 1;
}

.top_grid .box14{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box15{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}
.top_grid .box15{
    position:relative;
    overflow:hidden;
}

.top_grid .box15::before,
.top_grid .box15::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.top_grid .box15::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.top_grid .box15::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "TWINK\A￥35,000-";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.top_grid .box15:hover::before,
.top_grid .box15:hover::after{
    opacity: 1;
}

.top_grid .box16{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}
.top_grid .box16 .btn_more{
    margin:47% 0 0 0;
}

.top_grid .box17{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box17 .black_obi{
    width:35%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:75% 0 0 65%;
    padding:1.5% 0 0.5% 13%;
}

.top_grid .box18{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box18 .black_obi{
    width:18%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:75% 0 0 0;
    padding:1.5% 0 0.5% 3%;
}

.top_grid .box19{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box20{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box21{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box22{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}
.top_grid .box22{
    position:relative;
    overflow:hidden;
}

.top_grid .box22::before,
.top_grid .box22::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.top_grid .box22::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.top_grid .box22::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "CANDY";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.top_grid .box22:hover::before,
.top_grid .box22:hover::after{
    opacity: 1;
}

.top_grid .box23{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}
.top_grid .box23 .btn_more{
    margin:48% 0 0 72%;
}

.top_grid .box24{
    grid-column:4/5;
    grid-row:6/8;
    background-color:rgb(9 8 8);
}
.top_grid .box24{
    position:relative;
    overflow:hidden;
}

.top_grid .box24::before,
.top_grid .box24::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.top_grid .box24::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.top_grid .box24::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "RIBBON";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.top_grid .box24:hover::before,
.top_grid .box24:hover::after{
    opacity: 1;
}

.top_grid .box25{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}
.top_grid .box25{
    position:relative;
    overflow:hidden;
}

.top_grid .box25::before,
.top_grid .box25::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.top_grid .box25::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.top_grid .box25::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "TALE";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.top_grid .box25:hover::before,
.top_grid .box25:hover::after{
    opacity: 1;
}

.top_grid .box26{
    grid-column:2/4;
    grid-row:7/8;
    background-color:rgb(9 8 8);
}

.top_grid .box26{
    position:relative;
    /* overflow:hidden; */
}

.top_grid .box26::before,
.top_grid .box26::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.top_grid .box26::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.top_grid .box26::after{ 
  color: rgb(253 253 253);
  white-space: pre;
  content: "ROAD";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.top_grid .box26:hover::before,
.top_grid .box26:hover::after{
    opacity: 1;
}

.top_grid .box29{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}
.top_grid .box29 .blue_line{
    width:50%;
    aspect-ratio:57/120;
    border-right:2px solid rgb(22 4 254);
}

.top_grid .box30{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box30 .black_obi{
    width:33%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:75% 0 0 0;
    padding:1.5% 0 0.5% 14%;
}

.top_grid .box31{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box32{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_grid .box33{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}
.top_grid .box33 .blue_line{
    width:50%;
    aspect-ratio:57/120;
    border-right:2px solid rgb(22 4 254);
}

.top_grid .box34{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}
.top_grid .box34{
    position:relative;
    overflow:hidden;
}

.top_grid .box34::before,
.top_grid .box34::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.top_grid .box34::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.top_grid .box34::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "ACCESS";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.top_grid .box34:hover::before,
.top_grid .box34:hover::after{
    opacity: 1;
}


.top_grid .box35{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
    position: relative;
}
.top_grid .box35 .btn_more{
    position: absolute;
    right: 0;
    bottom: 0;
}

.top_grid .access{
    width:100%;
    padding:0 13%;
    font-size:12px;
    letter-spacing:0.1em;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    margin:0 5% 0 8%;
    line-height:1.7em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.top_grid .box36{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.top_footer{
    width:100%;
    background-color:rgb(253 253 253);
    margin-top:8.5%;
    aspect-ratio:1200/225; 
    padding:2.1% 3.1% 1% 3.1%;
}


/* aboutusページ */

.aboutus_grid{
    display:grid;
    grid-template-columns:24.25% 24.25% 24.25% 24.25%;
    /* border:3px solid red; */
    column-gap:1%;
    row-gap:1.2%;
    margin-top:1%;
}
.aboutus_grid p{
    font-size:12px;
    letter-spacing:0.1em;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    line-height:1.9em;
}

.aboutus_grid .box01{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.aboutus_grid .box02{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.aboutus_grid .box02{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.aboutus_grid .box02 .black_obi{
    width:50%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:50% 0 0 50%;
    padding:1.5% 0 0.5% 17.5%;
    box-shadow: 0px 1px 0px 0px rgb(22 4 254);
}

.aboutus_grid .box03{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}
.aboutus_grid .box03 .blue_line{
    width:100%;
    aspect-ratio:57/33.5;
    border-bottom:2px solid rgb(22 4 254);
}

.aboutus_grid .box04{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}
.aboutus_grid .box04 .blue_line{
    width:100%;
    aspect-ratio:57/33.5;
    border-bottom:2px solid rgb(22 4 254);
}

.aboutus_grid .box05{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.aboutus_grid .box06{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
    padding: 13.5%;
}

.aboutus_grid .box07{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}

.aboutus_grid .box08{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.aboutus_grid .box09{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.aboutus_grid .box10{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}

.aboutus_grid .box11{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
    padding: 13.5%;
}

.aboutus_grid .box12{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.aboutus_footer{
    width:100%;
    background-color:rgb(253 253 253);
    margin-top:3%;
    aspect-ratio:1200/225; 
    padding:2.1% 3.1% 1% 3.1%;
}


/* itemページ */

.item_grid{
    display:grid;
    grid-template-columns:24.25% 24.25% 24.25% 24.25%;
    /* border:3px solid red; */
    column-gap:1%;
    row-gap:0.33%;
    margin-top:1%;
}

.item_grid .box01{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box01 .black_obi{
    width:50%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:33% 0 0 50%;
    padding:1.5% 0 0.5% 4%;
}

.item_grid .box02{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box02 .black_obi{
    width:50%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:66% 0 0 0;
    padding:1.5% 0 0.5% 22.5%;
}

.item_grid .box03{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box03 .black_obi{
    width:50%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:50% 0 0 50%;
    padding:1.5% 0 0.5% 21%;
}

.item_grid .box04{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box05{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box06{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box05 .blue_line{
    width:100%;
    aspect-ratio:57/44;
    border-bottom:2px solid rgb(22 4 254);
}

.item_grid .box06 .black_obi{
    width:50%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:68.5% 0 0 0;
    padding:1.5% 0 0.5% 32%;
    box-shadow: 0px 1px 0px 0px rgb(22 4 254);
}

.item_grid .box07{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box08{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box09{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}

.item_grid .box09{
    position:relative;
    overflow:hidden;
}

.item_grid .box09::before,
.item_grid .box09::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.item_grid .box09::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.item_grid .box09::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "YUKI\A￥28,000-";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.item_grid .box09:hover::before,
.item_grid .box09:hover::after{
    opacity: 1;
}

.item_grid .box10{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box11{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}

.item_grid .box11{
    position:relative;
    overflow:hidden;
}

.item_grid .box11::before,
.item_grid .box11::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  opacity: 0;
  pointer-events: none;
}

.item_grid .box11::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.item_grid .box11::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "ROCKY\A￥26,000-";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.item_grid .box11:hover::before,
.item_grid .box11:hover::after{
    opacity: 1;
}

.item_grid .box12{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}

.item_grid .box12{
    position:relative;
    overflow:hidden;
}

.item_grid .box12::before,
.item_grid .box12::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  opacity: 0;
  pointer-events: none;
}

.item_grid .box12::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.item_grid .box12::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "SILEN\A￥19,000-";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.item_grid .box12:hover::before,
.item_grid .box12:hover::after{
    opacity: 1;
}

.item_grid .box13{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box14{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}

.item_grid .box14{
    position:relative;
    overflow:hidden;
}

.item_grid .box14::before,
.item_grid .box14::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.item_grid .box14::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.item_grid .box14::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "TWINK\A￥35,000-";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.item_grid .box14:hover::before,
.item_grid .box14:hover::after{
    opacity: 1;
}


.item_grid .box15{
    background-color:rgb(219, 219, 221);;
    aspect-ratio:57/60;
}

.item_grid .box16{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box17{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box17 .blue_line{
    width:100%;
    aspect-ratio:57/44;
    border-bottom:2px solid rgb(22 4 254);
}

.item_grid .box18{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box18 .blue_line{
    width:100%;
    aspect-ratio:57/44;
    border-bottom:2px solid rgb(22 4 254);
}

.item_grid .box19{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box19 .black_obi{
    width:50%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:68.5% 0 0 0;
    padding:1.5% 0 0.5% 22.5%;
    box-shadow: 0px 1px 0px 0px rgb(22 4 254);
}

.item_grid .box20{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box21{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}

.item_grid .box21{
    position:relative;
    overflow:hidden;
}

.item_grid .box21::before,
.item_grid .box21::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.item_grid .box21::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.item_grid .box21::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "VENUS\A￥76,000-";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.item_grid .box21:hover::before,
.item_grid .box21:hover::after{
    opacity: 1;
}

.item_grid .box22{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box23{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box24{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}

.item_grid .box24{
    position:relative;
    overflow:hidden;
}

.item_grid .box24::before,
.item_grid .box24::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.item_grid .box24::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.item_grid .box24::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "EARTH\A￥79,000-";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.item_grid .box24:hover::before,
.item_grid .box24:hover::after{
    opacity: 1;
}


.item_grid .box25{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box26{
    background-color:rgb(219, 219, 221);
    aspect-ratio:57/60;
}

.item_grid .box27{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}

.item_grid .box27{
    position:relative;
    overflow:hidden;
}

.item_grid .box27::before,
.item_grid .box27::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.item_grid .box27::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.item_grid .box27::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "JUPITER\A￥78,000-";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.item_grid .box27:hover::before,
.item_grid .box27:hover::after{
    opacity: 1;
}

.item_grid .box28{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box29{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box30{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box31{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box31 .black_obi{
    width:50%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:50% 0 0 50%;
    padding:1.5% 0 0.5% 21.5%;
    box-shadow: 0px 1px 0px 0px rgb(22 4 254);
}

.item_grid .box32{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box32 .blue_line{
    width:100%;
    aspect-ratio:57/33.5;
    border-bottom:2px solid rgb(22 4 254);
}

.item_grid .box33{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}

.item_grid .box33{
    position:relative;
    overflow:hidden;
}

.item_grid .box33::before,
.item_grid .box33::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.item_grid .box33::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.item_grid .box33::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "DROP\A￥21,000-";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.item_grid .box33:hover::before,
.item_grid .box33:hover::after{
    opacity: 1;
}

.item_grid .box34{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}

.item_grid .box34{
    position:relative;
    overflow:hidden;
}

.item_grid .box34::before,
.item_grid .box34::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.item_grid .box34::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.item_grid .box34::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "CLAWS\A￥19,000-";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.item_grid .box34:hover::before,
.item_grid .box34:hover::after{
    opacity: 1;
}

.item_grid .box35{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box36{
    position:relative;
    overflow:hidden;
}

.item_grid .box36::before,
.item_grid .box36::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.item_grid .box36::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.item_grid .box36::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "STAPLER\A￥16,000-";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.item_grid .box36:hover::before,
.item_grid .box36:hover::after{
    opacity: 1;
}

.item_grid .box37{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box38{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}

.item_grid .box38{
    position:relative;
    overflow:hidden;
}

.item_grid .box38::before,
.item_grid .box38::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.item_grid .box38::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.item_grid .box38::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "ROUND\A￥18,000-";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.item_grid .box38:hover::before,
.item_grid .box38:hover::after{
    opacity: 1;
}

.item_grid .box39{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_grid .box40{
    background-color:rgb(219, 219, 221);
    aspect-ratio:57/60;
}

.item_footer{
    width:100%;
    background-color:rgb(253 253 253);
    margin-top:8.8%;
    aspect-ratio:1200/225; 
    padding:2.1% 3.1% 1% 3.1%;
}

/* item_dtailページ */

.item_detail_grid{
    display:grid;
    grid-template-columns:24.25% 24.25% 24.25% 24.25%;
    /* border:3px solid red; */
    column-gap:1%;
    row-gap:1.3%;
    margin-top:1%;
}
.item_detail_grid p{
    font-size:12px;
    letter-spacing:0.1em;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    line-height:1.9em;
}

.item_detail_grid .box01{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_detail_grid .box02{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_detail_grid .box03{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_detail_grid .box03 .black_obi{
    width:50%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:50% 0 0 0;
    padding:1.5% 0 0.5% 3.5%;
    /* box-shadow: 0px 1px 0px 0px rgb(22 4 254); */
}

.item_detail_grid .box04{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_detail_grid .box05{
    grid-column:1/3;
    grid-row:2/4;
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}

.item_detail_grid .box07{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
    padding:26% 16%;
}

.item_detail_grid .box08{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_detail_grid .box11{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_detail_grid .box12{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.item_detail_footer{
    width:100%;
    background-color:rgb(253 253 253);
    margin-top:2.2%;
    aspect-ratio:1200/225; 
    padding:2.1% 3.1% 1% 3.1%;
}

/* galleryページ */

.gallery_grid{
    display:grid;
    grid-template-columns:24.25% 24.25% 24.25% 24.25%;
    /* border:3px solid red; */
    column-gap:1%;
    row-gap:0.4%;
    margin-top:1%;
}

.gallery_grid .box01{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box02{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box02 .black_obi{
    width:80%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:50% 0 0 0;
    padding:1.5% 0 0.5% 3.2%;
}

.gallery_grid .box02 .blue_line{
    width:100%;
    aspect-ratio:5/2;
    border-top:2px solid rgb(22 4 254);
}

.gallery_grid .box03{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}
.gallery_grid .box03 .blue_line{
    width:100%;
    aspect-ratio:57/33.5;
    border-bottom:2px solid rgb(22 4 254);
}

.gallery_grid .box04{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box04 .blue_line{
    width:100%;
    aspect-ratio:57/33.5;
    border-bottom:2px solid rgb(22 4 254);
}

.gallery_grid .box05{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box06{
    background-color:rgb(219, 219, 221);
    aspect-ratio:57/60;
}

.gallery_grid .box07{
    grid-column:3/4;
    grid-row:2/4;
    background-color:rgb(9 8 8);
    /* aspect-ratio:57/60; */
}
.gallery_grid .box07{
    position:relative;
    overflow:hidden;
}

.gallery_grid .box07::before,
.gallery_grid .box07::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.gallery_grid .box07::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.gallery_grid .box07::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "HOOP";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.gallery_grid .box07:hover::before,
.gallery_grid .box07:hover::after{
    opacity: 1;
}

.gallery_grid .box08{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box09{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box10{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box12{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box13{
    grid-column:1/3;
    grid-row:4/5;
    background-color:rgb(9 8 8);
    /* aspect-ratio:57/60; */
}
.gallery_grid .box13{
    position:relative;
    overflow:hidden;
}

.gallery_grid .box13::before,
.gallery_grid .box13::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.gallery_grid .box13::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.gallery_grid .box13::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "STAMP";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.gallery_grid .box13:hover::before,
.gallery_grid .box13:hover::after{
    opacity: 1;
}

.gallery_grid .box15{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box16{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box17{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box17 .blue_line{
    width:100%;
    aspect-ratio:57/44;
    border-bottom:2px solid rgb(22 4 254);
}

.gallery_grid .box18{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box18 .blue_line{
    width:100%;
    aspect-ratio:57/44;
    border-bottom:2px solid rgb(22 4 254);
}

.gallery_grid .box19{
    grid-column:3/5;
    grid-row:5/7;
    background-color:rgb(9 8 8);
    /* aspect-ratio:57/60; */
}
.gallery_grid .box19{
    position:relative;
    overflow:hidden;
}

.gallery_grid .box19::before,
.gallery_grid .box19::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.gallery_grid .box19::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.gallery_grid .box19::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "STONE";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.gallery_grid .box19:hover::before,
.gallery_grid .box19:hover::after{
    opacity: 1;
}

.gallery_grid .box21{
    background-color:rgb(219, 219, 221);
    aspect-ratio:57/60;
}

.gallery_grid .box22{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box25{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box26{
    background-color:rgb(9 8 8);
    aspect-ratio:57/60;
}
.gallery_grid .box26{
    position:relative;
    overflow:hidden;
}

.gallery_grid .box26::before,
.gallery_grid .box26::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.gallery_grid .box26::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.gallery_grid .box26::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "LINKS";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.gallery_grid .box26:hover::before,
.gallery_grid .box26:hover::after{
    opacity: 1;
}

.gallery_grid .box27{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box28{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box28 .blue_line{
    width:75%;
    aspect-ratio:57/80;
    border-right:2px solid rgb(22 4 254);
}

.gallery_grid .box29{
    grid-column:1/2;
    grid-row:8/10;
    background-color:rgb(9 8 8);
    /* aspect-ratio:57/60; */
}
.gallery_grid .box29{
    position:relative;
    overflow:hidden;
}

.gallery_grid .box29::before,
.gallery_grid .box29::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.gallery_grid .box29::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.gallery_grid .box29::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "ALPHA";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.gallery_grid .box29:hover::before,
.gallery_grid .box29:hover::after{
    opacity: 1;
}

.gallery_grid .box30{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box31{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box32{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box32 .blue_line{
    width:75%;
    aspect-ratio:57/80;
    border-right:2px solid rgb(22 4 254);
}

.gallery_grid .box34{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.gallery_grid .box35{
    grid-column:3/5;
    grid-row:9/10;
    background-color:rgb(9 8 8);
}
.gallery_grid .box35{
    position:relative;
    overflow:hidden;
}

.gallery_grid .box35::before,
.gallery_grid .box35::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);;
  opacity: 0;
  pointer-events: none;
}

.gallery_grid .box35::before{
  background: rgba(9,8,8,.25);
  width: 100%;
  height: 100%;
}

.gallery_grid .box35::after{
  color: rgb(253 253 253);
  white-space: pre;
  content: "SNAKE";
  font-size: 15px;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
  letter-spacing:0.07em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  text-shadow: 0 0 0.2em rgb(9 8 8);
}

.gallery_grid .box35:hover::before,
.gallery_grid .box35:hover::after{
    opacity: 1;
}

.gallery_footer{
    width:100%;
    /* height:360px; */
    background-color:rgb(253 253 253);
    margin-top:5.7%;
    aspect-ratio:1200/225; 
    padding:2.1% 3.1% 1% 3.1%;
}

/* shopページ */

.shop_grid{
    display:grid;
    grid-template-columns:24.25% 24.25% 24.25% 24.25%;
    /* border:3px solid red; */
    column-gap:1%;
    row-gap:1.2%;
    margin-top:1%;
}

.shop_grid .box01{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}
.shop_grid .box01 .blue_line{
    width:100%;
    aspect-ratio:57/42.7;
    border-bottom:2px solid rgb(22 4 254);
}

.shop_grid .box02{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.shop_grid .box02{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.shop_grid .box02 .black_obi{
    width:50%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:66% 0 0 0;
    padding:1.5% 0 0.5% 17.5%;
    box-shadow: 0px 1px 0px 0px rgb(22 4 254);
}

.shop_grid .box03{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.shop_grid .box04{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.shop_grid .box05{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.shop_grid .box06{
    grid-column:2/4;
    grid-row:2/4;
    background-color:rgb(253 253 253);
    /* aspect-ratio:57/60; */
    width: 100%;
    position: relative;
    padding-top: 56.25%;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.shop_grid .box08{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
    position: relative;
}
.shop_grid .access{
    width:100%;
    padding:0 13%;
    font-size:12px;
    letter-spacing:0.1em;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    margin:0 5% 0 8%;
    line-height:1.7em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.shop_grid .box09{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.shop_grid .box12{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.shop_footer{
    width:100%;
    background-color:rgb(253 253 253);
    margin-top:3%;
    aspect-ratio:1200/225; 
    padding:2.1% 3.1% 1% 3.1%;
}

/* palladiumページ */

.wrapper_oya_policy{
    width:1200px;
    margin:auto;
}

.palladium_grid{
    display:grid;
    grid-template-columns:24.25% 24.25% 24.25% 24.25%;
    /* border:3px solid red; */
    column-gap:1%;
    row-gap:1.2%;
    margin-top:1%;
}
.palladium_grid p{
    font-size:12px;
    letter-spacing:0.1em;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    line-height:1.9em;
}

.palladium_grid .box01{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.palladium_grid .box01 .black_obi{
    width:80%;
    height:8%;
    background-color:rgb(9 8 8);
    margin:50% 0 0 20%;
    padding:1.5% 0 0.5% 43%;
    box-shadow: 0px 1px 0px 0px rgb(22 4 254);
}

.palladium_grid .box02{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.palladium_grid .box02{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.palladium_grid .box03{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.palladium_grid .box04{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.palladium_grid .box05{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.palladium_grid .box06{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.palladium_grid .box07{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
    padding:16.8% 16%;
}

.palladium_grid .box08{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.palladium_grid .box09{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.palladium_grid .box10{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
    padding:16% 16%;
}

.palladium_grid .box11{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}
.palladium_grid .box11 .blue_line{
    width:100%;
    aspect-ratio:57/38;
    border-bottom:2px solid rgb(22 4 254);
}

.palladium_grid .box12{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
    padding:33% 15%;
}

.palladium_footer{
    width:100%;
    background-color:rgb(253 253 253);
    margin-top:3%;
    aspect-ratio:1200/225; 
    padding:2.1% 3.1% 1% 3.1%;
}

/* privacypolicyページ */

.policy_grid{
    display:grid;
    grid-template-columns:24.25% 24.25% 24.25% 24.25%;
    /* border:3px solid red; */
    column-gap:1%;
    row-gap:0.7%;
    margin-top:1%;
}

.policy_grid ol{
    font-size:12px;
    letter-spacing:0.1em;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    margin:0 5% 0 8%;
    line-height:1.9em;
}
.policy_grid .p{
    font-size:13px;
    letter-spacing:0.1em;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    margin:4% 6% 1.6% 6%;
}

.policy_grid .box01{
    background-color:rgb(253 253 253);
    grid-column:2/5;
    grid-row:1/7;
}

.policy_grid .box04{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.policy_grid .box04 .black_obi{
    width:80%;
    height:8%;
    background-color:rgb(9 8 8);
    margin-top:14.2%;
    padding:1.5% 0 0.5% 3.5%;
    box-shadow: 0px 1px 0px 0px rgb(22 4 254);
}

.policy_grid .box08{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.policy_grid .box12{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.policy_grid .box16{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.policy_grid .box20{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.policy_grid .box21{
    background-color:rgb(253 253 253);
    aspect-ratio:57/60;
}

.policy_footer{
    width:100%;
    background-color:rgb(253 253 253);
    margin-top:4.9%;
    aspect-ratio:1200/225; 
    padding:2.1% 3.1% 1% 3.1%;
}