@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  transition: 0.4s;
}
*:before, *:after {
  box-sizing: border-box;
}
*:focus {
  outline: none;
}

html {
  font-size: 62.5%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

body {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.771vw;
  line-height: 1.2;
  color: #262424;
}
body img {
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 4.206vw;
  }
}
.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  img {
    pointer-events: none;
  }
}
h3 {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 4.167vw;
  line-height: 1.2;
  position: relative;
  padding-left: 1.865vw;
  display: inline-block;
}
h3::before {
  content: "";
  background: #9e2529;
  background-size: contain;
  width: 1.042vw;
  height: 4.323vw;
  position: absolute;
  top: 0.75vw;
  left: 0;
  filter: drop-shadow(0px 0px 9px rgb(158, 37, 41));
}
h3::after {
  content: "";
  background: url(images/heading_limiteditem.png) no-repeat;
  background-size: contain;
  width: 18.594vw;
  height: 2.5vw;
  position: absolute;
  bottom: 0;
  right: -19.792vw;
}

#about h3 {
  margin-bottom: 0;
}

#info h3::after {
  content: "";
  background: url(images/heading_storeinfo.png) no-repeat;
  background-size: contain;
  width: 16.771vw;
  height: 2.5vw;
  right: -18.229vw;
}

#lineup h3 {
  font-size: 3.021vw;
  padding-left: 0;
  margin-bottom: 1.875vw;
}
#lineup h3::before {
  background: url(images/line_black.png) no-repeat;
  background-size: contain;
  width: 71.615vw;
  height: 0.885vw;
  position: absolute;
  top: auto;
  bottom: -1.875vw;
  left: 0;
}
#lineup h3::after {
  content: "";
  background: url(images/heading_allitem.png) no-repeat;
  background-size: contain;
  width: 12.969vw;
  height: 2.083vw;
  right: -14.531vw;
}
#lineup.acril h3::after {
  content: "";
  background: url(images/heading_acryl.png) no-repeat;
  background-size: contain;
  width: 19.896vw;
  right: -20.937vw;
}
#lineup.tap h3::after {
  content: "";
  background: url(images/heading_tapestry.png) no-repeat;
  background-size: contain;
  width: 29.479vw;
  right: -30.521vw;
}

@media screen and (max-width: 767px) {
  h3 {
    font-size: 7.243vw;
    padding-left: 4.14vw;
  }
  h3::before {
    width: 1.869vw;
    height: 7.944vw;
    top: 0.935vw;
    filter: drop-shadow(0 0px 5px rgba(158, 37, 41, 0.6));
  }
  h3::after {
    width: 34.813vw;
    height: 4.673vw;
    bottom: 0;
    right: 0;
  }
  #about h3 {
    margin-bottom: 0;
  }
  #about h3::after {
    bottom: -5.841vw;
    right: auto;
    left: 5.14vw;
  }
  #info h3::after {
    width: 31.308vw;
    height: 4.673vw;
    right: -35.047vw;
  }
  #lineup h3 {
    font-size: 5.607vw;
    padding-left: 0;
    margin-bottom: 9.875vw;
  }
  #lineup h3::before {
    background: url(images/sp/line_black.png) no-repeat;
    background-size: contain;
    width: 65.654vw;
    height: 1.636vw;
    bottom: -8.5vw;
  }
  #lineup h3::after {
    width: 19.393vw;
    height: 3.738vw;
    right: auto;
    left: 0;
    bottom: -4.972vw;
  }
}
#load {
  background: #000000;
  position: fixed;
  height: 100svh;
  width: 100%;
  z-index: 999;
  transition: 0.2s;
  transition-delay: 2s;
}
#load.load_active {
  animation: view 0.5s ease-in-out 2s forwards;
}
@keyframes view {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    pointer-events: none;
  }
}

.wrap {
  overflow: hidden;
}

header {
  background: url(images/header_back.png) top 45% center/105% no-repeat;
  height: 8.333vw;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
  font-size: 1.042vw;
  padding: 0 14.167vw;
  position: fixed;
  z-index: 999;
  box-shadow: 0px 0px 15px 0px #000000;
}
header h1 {
  width: 9.323vw;
}
header h1 a {
  display: block;
}
header .header_info {
  display: block;
  width: 54.271vw;
  height: auto;
}
header .header_info .header_news,
header .header_info .header_goods {
  display: none;
}
header .header_info .header_limiteditem {
  padding-top: 0;
}
header .header_info .header_limiteditem .copy {
  display: none;
}
header .header_info .header_limiteditem .activecopy {
  display: block;
}

@media screen and (max-width: 767px) {
  header {
    background: url(images/header_back.png) top 45% center/130% no-repeat;
    height: 21.028vw;
    padding: 0 7.009vw;
  }
  header h1 {
    width: 20.794vw;
  }
  header .header_info {
    display: block;
    width: 62.2vw;
    height: auto;
  }
  header .header_info .header_news,
  header .header_info .header_goods {
    display: none;
  }
  header .header_info .header_limiteditem {
    padding-top: 0.701vw;
  }
  header .header_info .header_limiteditem .copy {
    display: block;
  }
  header .header_info .header_limiteditem .activecopy {
    display: none;
  }
  header.active {
    height: 21.028vw;
    padding: 0 7.009vw;
  }
  header.active h1 {
    width: 20.794vw;
  }
  header.active .header_info {
    display: block;
    width: 61.916vw;
    height: auto;
  }
  header.active .header_info .header_news,
  header.active .header_info .header_goods {
    display: none;
  }
  header.active .header_info .header_limiteditem {
    padding-top: 0.701vw;
  }
  header.active .header_info .header_limiteditem .copy {
    display: block;
  }
  header.active .header_info .header_limiteditem .activecopy {
    display: none;
  }
}
main {
  position: relative;
}
main #mv {
  background: url(images/back_mv.png) top center/100% no-repeat #262424;
  background-size: 0;
  width: 100%;
  height: 48.906vw;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}
main #mv::before, main #mv::after,
main #mv .channel {
  background: inherit;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
main #mv::before {
  content: "";
  animation: glitch-before 3s linear infinite alternate both;
}
@keyframes glitch-before {
  0% {
    -webkit-clip-path: polygon(0% 1.9144420057%, 100% 1.9144420057%, 100% 4.3385635394%, 0% 4.3385635394%);
            clip-path: polygon(0% 1.9144420057%, 100% 1.9144420057%, 100% 4.3385635394%, 0% 4.3385635394%);
    transform: translate(0.7053654695%, 0.2485822571%);
  }
  2% {
    -webkit-clip-path: polygon(0% 22.7785469087%, 100% 22.7785469087%, 100% 26.1904275935%, 0% 26.1904275935%);
            clip-path: polygon(0% 22.7785469087%, 100% 22.7785469087%, 100% 26.1904275935%, 0% 26.1904275935%);
    transform: translate(1.1887656997%, 0.4376839584%);
  }
  4% {
    -webkit-clip-path: polygon(0% 39.7668393083%, 100% 39.7668393083%, 100% 47.6624803292%, 0% 47.6624803292%);
            clip-path: polygon(0% 39.7668393083%, 100% 39.7668393083%, 100% 47.6624803292%, 0% 47.6624803292%);
    transform: translate(6.611878134%, 0.4221298406%);
  }
  6% {
    -webkit-clip-path: polygon(0% 57.8851994005%, 100% 57.8851994005%, 100% 67.1571487829%, 0% 67.1571487829%);
            clip-path: polygon(0% 57.8851994005%, 100% 57.8851994005%, 100% 67.1571487829%, 0% 67.1571487829%);
    transform: translate(4.4232893673%, -0.3611407215%);
  }
  8% {
    -webkit-clip-path: polygon(0% 72.5871759874%, 100% 72.5871759874%, 100% 75.9672638031%, 0% 75.9672638031%);
            clip-path: polygon(0% 72.5871759874%, 100% 72.5871759874%, 100% 75.9672638031%, 0% 75.9672638031%);
    transform: translate(-0.1053603687%, -0.1308645738%);
  }
  10% {
    -webkit-clip-path: polygon(0% 70.3932871332%, 100% 70.3932871332%, 100% 75.0143743819%, 0% 75.0143743819%);
            clip-path: polygon(0% 70.3932871332%, 100% 70.3932871332%, 100% 75.0143743819%, 0% 75.0143743819%);
    transform: translate(5.3122586774%, 0.1730150125%);
  }
  12% {
    -webkit-clip-path: polygon(0% 61.9791746928%, 100% 61.9791746928%, 100% 69.9605687077%, 0% 69.9605687077%);
            clip-path: polygon(0% 61.9791746928%, 100% 61.9791746928%, 100% 69.9605687077%, 0% 69.9605687077%);
    transform: translate(-3.8813930211%, -0.1446597737%);
  }
  14% {
    -webkit-clip-path: polygon(0% 19.5304209814%, 100% 19.5304209814%, 100% 25.794688515%, 0% 25.794688515%);
            clip-path: polygon(0% 19.5304209814%, 100% 19.5304209814%, 100% 25.794688515%, 0% 25.794688515%);
    transform: translate(1.6877808064%, -0.1778173015%);
  }
  16% {
    -webkit-clip-path: polygon(0% 85.1636148498%, 100% 85.1636148498%, 100% 93.9570622759%, 0% 93.9570622759%);
            clip-path: polygon(0% 85.1636148498%, 100% 85.1636148498%, 100% 93.9570622759%, 0% 93.9570622759%);
    transform: translate(2.4706698067%, -0.2681730681%);
  }
  18% {
    -webkit-clip-path: polygon(0% 21.1928268024%, 100% 21.1928268024%, 100% 27.099149871%, 0% 27.099149871%);
            clip-path: polygon(0% 21.1928268024%, 100% 21.1928268024%, 100% 27.099149871%, 0% 27.099149871%);
    transform: translate(2.5543978147%, 0.157344406%);
  }
  20%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    transform: none;
  }
}
main #mv::after {
  content: "";
  animation: glitch-after 3s linear infinite alternate both;
}
@keyframes glitch-after {
  0% {
    -webkit-clip-path: polygon(0% 83.5963138107%, 100% 83.5963138107%, 100% 91.1817919341%, 0% 91.1817919341%);
            clip-path: polygon(0% 83.5963138107%, 100% 83.5963138107%, 100% 91.1817919341%, 0% 91.1817919341%);
    transform: translate(-6.3641904838%, 0.3584938621%);
  }
  2% {
    -webkit-clip-path: polygon(0% 76.9321286175%, 100% 76.9321286175%, 100% 84.2043067083%, 0% 84.2043067083%);
            clip-path: polygon(0% 76.9321286175%, 100% 76.9321286175%, 100% 84.2043067083%, 0% 84.2043067083%);
    transform: translate(4.1748784366%, -0.3674844125%);
  }
  4% {
    -webkit-clip-path: polygon(0% 86.6395470492%, 100% 86.6395470492%, 100% 93.5376189283%, 0% 93.5376189283%);
            clip-path: polygon(0% 86.6395470492%, 100% 86.6395470492%, 100% 93.5376189283%, 0% 93.5376189283%);
    transform: translate(3.687074507%, -0.2186910709%);
  }
  6% {
    -webkit-clip-path: polygon(0% 29.0572889299%, 100% 29.0572889299%, 100% 30.9751816275%, 0% 30.9751816275%);
            clip-path: polygon(0% 29.0572889299%, 100% 29.0572889299%, 100% 30.9751816275%, 0% 30.9751816275%);
    transform: translate(-3.8409537508%, -0.1776771498%);
  }
  8% {
    -webkit-clip-path: polygon(0% 58.2616536468%, 100% 58.2616536468%, 100% 59.490454599%, 0% 59.490454599%);
            clip-path: polygon(0% 58.2616536468%, 100% 58.2616536468%, 100% 59.490454599%, 0% 59.490454599%);
    transform: translate(2.1193905087%, 0.0311596545%);
  }
  10% {
    -webkit-clip-path: polygon(0% 78.2918032895%, 100% 78.2918032895%, 100% 83.6483846458%, 0% 83.6483846458%);
            clip-path: polygon(0% 78.2918032895%, 100% 78.2918032895%, 100% 83.6483846458%, 0% 83.6483846458%);
    transform: translate(1.6452088285%, 0.2536255276%);
  }
  12% {
    -webkit-clip-path: polygon(0% 72.2130874852%, 100% 72.2130874852%, 100% 78.9779836554%, 0% 78.9779836554%);
            clip-path: polygon(0% 72.2130874852%, 100% 72.2130874852%, 100% 78.9779836554%, 0% 78.9779836554%);
    transform: translate(-7.0918591015%, -0.1098106137%);
  }
  14% {
    -webkit-clip-path: polygon(0% 82.2873243818%, 100% 82.2873243818%, 100% 89.7133009229%, 0% 89.7133009229%);
            clip-path: polygon(0% 82.2873243818%, 100% 82.2873243818%, 100% 89.7133009229%, 0% 89.7133009229%);
    transform: translate(7.7057355013%, -0.2203282071%);
  }
  16% {
    -webkit-clip-path: polygon(0% 58.7846672309%, 100% 58.7846672309%, 100% 61.7896655158%, 0% 61.7896655158%);
            clip-path: polygon(0% 58.7846672309%, 100% 58.7846672309%, 100% 61.7896655158%, 0% 61.7896655158%);
    transform: translate(6.6712597948%, -0.1408582291%);
  }
  18% {
    -webkit-clip-path: polygon(0% 64.9981216675%, 100% 64.9981216675%, 100% 69.1827381763%, 0% 69.1827381763%);
            clip-path: polygon(0% 64.9981216675%, 100% 64.9981216675%, 100% 69.1827381763%, 0% 69.1827381763%);
    transform: translate(1.3288468659%, 0.1345025635%);
  }
  20%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    transform: none;
  }
}
main #mv .channel {
  mix-blend-mode: screen;
}
main #mv .channel::before {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  right: 0;
  top: 0;
}
main #mv .r {
  transform: translate(4px, 2px);
  animation: rgb-shift-r 3s steps(1, jump-end) infinite alternate both;
}
@keyframes rgb-shift-r {
  0% {
    transform: translate(0.2337307455%, -0.3316914832%);
  }
  2% {
    transform: translate(0.7498674581%, -0.1683902964%);
  }
  4% {
    transform: translate(1.2368031521%, 0.1426061686%);
  }
  6% {
    transform: translate(-0.1994876403%, 0.0133253731%);
  }
  8% {
    transform: translate(-0.7961131383%, -0.2778151079%);
  }
  10% {
    transform: translate(-0.4600376647%, 0.4561889985%);
  }
  12% {
    transform: translate(-1.0990382732%, 0.4027453859%);
  }
  14% {
    transform: translate(-0.8661977832%, 0.1754214779%);
  }
  16% {
    transform: translate(1.882332854%, 0.4703163714%);
  }
  18% {
    transform: translate(1.0193966648%, 0.0317815177%);
  }
  20%, 100% {
    transform: none;
  }
}
main #mv .r::before {
  background: #f00;
}
main #mv .g {
  transform: translate(-3px, -1px);
  animation: rgb-shift-g 3s steps(1, jump-end) infinite alternate both;
}
@keyframes rgb-shift-g {
  0% {
    transform: translate(-0.3609894521%, 0.0386802545%);
  }
  2% {
    transform: translate(-0.7411381275%, -0.056972783%);
  }
  4% {
    transform: translate(-1.1688227266%, 0.1000100215%);
  }
  6% {
    transform: translate(-0.9309902624%, 0.390286713%);
  }
  8% {
    transform: translate(-1.1430890237%, -0.1181904429%);
  }
  10% {
    transform: translate(1.9995969097%, 0.3670193272%);
  }
  12% {
    transform: translate(0.1955774697%, 0.1650364377%);
  }
  14% {
    transform: translate(1.6272787128%, -0.180888286%);
  }
  16% {
    transform: translate(1.7563697286%, 0.1183682976%);
  }
  18% {
    transform: translate(-0.3166103259%, -0.3779791692%);
  }
  20%, 100% {
    transform: none;
  }
}
main #mv .g::before {
  background: #0f0;
}
main #mv .b {
  animation: rgb-shift-b 3s steps(1, jump-end) infinite alternate both;
}
@keyframes rgb-shift-b {
  0% {
    transform: translate(0.6068461489%, -0.3368272283%);
  }
  2% {
    transform: translate(-1.573532305%, 0.3593544855%);
  }
  4% {
    transform: translate(-1.3451762621%, -0.1532705227%);
  }
  6% {
    transform: translate(-0.6311897511%, -0.4491639126%);
  }
  8% {
    transform: translate(1.739431243%, -0.1111674279%);
  }
  10% {
    transform: translate(-0.5616969452%, -0.3181091467%);
  }
  12% {
    transform: translate(1.7202795083%, 0.3421411622%);
  }
  14% {
    transform: translate(1.019731985%, 0.280964472%);
  }
  16% {
    transform: translate(-1.0351890417%, 0.0849417969%);
  }
  18% {
    transform: translate(-1.0007245094%, -0.2205890502%);
  }
  20%, 100% {
    transform: none;
  }
}
main #mv .b::before {
  background: #00f;
}
main #mv h1 {
  width: 47.24vw;
  z-index: 1;
}
main #mv .mv_arrow {
  position: absolute;
  width: 3.854vw;
  bottom: 1.302vw;
  left: 50%;
  transform: translateX(-50%) translateY(0);
  z-index: 1;
}
main #mv .mv_arrow .arrow {
  display: inline-block;
  width: 1.927vw;
  height: 2.292vw;
  background-image: url(images/arrow.svg);
  background-size: contain;
  transform: rotate(90deg);
  animation: load 1.04s ease infinite;
}
main #mv .mv_arrow .arrow:first-of-type {
  margin-bottom: -1.302vw;
}
main #mv .mv_arrow .arrow:nth-of-type(2) {
  animation-delay: 0.26s;
}
@media screen and (max-width: 767px) {
  main #mv {
    background: url(images/sp/back_mv.png) top center/100% no-repeat #262424;
    width: 100%;
    height: 123.832vw;
  }
  main #mv h1 {
    width: 78.738vw;
  }
  main #mv .mv_arrow {
    width: 9.813vw;
    bottom: 5.841vw;
    text-align: center;
  }
  main #mv .mv_arrow .arrow {
    width: 4.907vw;
    height: 5.841vw;
  }
  main #mv .mv_arrow .arrow:first-of-type {
    margin-bottom: -3.302vw;
  }
}
main #about {
  background: url(images/back_01.png) no-repeat center top -5%/165%, url(images/back_02.png) no-repeat left 6% bottom 10%/10%;
  background-color: #262424;
  color: #ffffff;
  position: relative;
  padding-top: 7.813vw;
  padding-bottom: 22vw;
}
main #about #noiseCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: 1;
}
main #about .inner {
  width: 90%;
  max-width: 71.615vw;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
main #about h2 {
  font-size: 4.167vw;
  line-height: 1.2;
  text-align: center;
}
main #about .about_txt {
  margin-top: 1.563vw;
  margin-bottom: 6.25vw;
  line-height: 1.5;
}
main #about .notiece_p {
  font-size: 1.354vw;
  margin-bottom: 5.469vw;
  border: 2.5px solid #fff;
  width: 80%;
  padding: 2.083vw;
  margin: 0 auto 5.469vw;
}
main #about .notiece_p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 35px solid #ffffff;
  border-right: 35px solid transparent;
}
main #about .notiece_p::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 35px solid #ffffff;
  border-left: 35px solid transparent;
}
main #about .limited_item_area {
  margin-top: 4.167vw;
  margin-bottom: 4.688vw;
  position: relative;
}
main #about .limited_item_area .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.563vw;
}
main #about .limited_item_area .limited_item_box {
  background: #ffffff;
  border-radius: 0.521vw;
  box-shadow: 0 3px 25px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  width: 22.917vw;
}
main #about .limited_item_area .limited_item_box .limited_item_box_photo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3.646vw 0;
}
main #about .limited_item_area .limited_item_box .limited_item_box_photo img {
  width: 100%;
  height: 19.063vw;
  -o-object-fit: contain;
     object-fit: contain;
}
main #about .limited_item_area .limited_item_box .limited_item_box_txt {
  background-color: #9e2529;
  padding: 1.563vw 1.823vw;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
main #about .limited_item_area .limited_item_box .limited_item_box_txt::after {
  content: "";
  background: linear-gradient(90deg, rgba(158, 37, 41, 0) 0%, rgb(158, 37, 41) 40%, rgb(158, 37, 41) 100%);
  width: 4.01vw;
  height: 4.323vw;
  position: absolute;
  top: 0;
  right: 0;
}
main #about .limited_item_area .limited_item_box .limited_item_box_txt .limited_item_box_txt_in {
  overflow: hidden;
  display: flex;
}
main #about .limited_item_area .limited_item_box .limited_item_box_txt .limited_item_box_txt_in span {
  display: inline-block;
  flex-shrink: 0;
  white-space: nowrap;
  padding-right: 1em;
}
main #about .limited_item_area .limited_item_box .limited_item_box_txt .limited_item_box_txt_in.startscroll span:nth-child(odd) {
  animation: MoveLeft var(--tick-duration, 32s) var(--tick-delay, -16s) infinite linear;
}
main #about .limited_item_area .limited_item_box .limited_item_box_txt .limited_item_box_txt_in.startscroll span:nth-child(even) {
  animation: MoveLeft2 var(--tick-duration, 32s) infinite linear;
}
main #about .limited_item_area a:hover .limited_item_box .limited_item_box_photo {
  background: rgba(56, 54, 53, 0.2);
}
main #about .viewmore_btn {
  margin-bottom: 5.469vw;
  position: relative;
}
main #about .viewmore_btn .viewmore_btn_back {
  display: block;
  background: #fff;
  width: 100%;
  height: 100%;
  width: 22.917vw;
  height: 5.833vw;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  border-radius: 1.042vw;
  overflow: hidden;
}
main #about .viewmore_btn a {
  background: url(images/btn.png) repeat-x center center/500%;
  margin: 0 auto;
  width: 22.917vw;
  height: 5.833vw;
  border-radius: 1.042vw;
  display: block;
  transition: all 0.3s, filter 0s;
  position: relative;
}
main #about .viewmore_btn a::before {
  content: "";
  background: url(images/vewmore.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14.427vw;
  height: 3.438vw;
  transition: background 0.3s;
}
main #about .viewmore_btn a:hover {
  opacity: 0.8;
  animation: btn 5000s linear infinite;
}
main #about .viewmore_btn a:hover::before {
  content: "";
  background: url(images/vewmore_hover.png) no-repeat;
  background-size: contain;
}
@keyframes btn {
  0% {
    background-position-x: 50000%;
  }
  100% {
    background-position-x: 0%;
  }
}
main #about .line_box {
  color: #383635;
}
main #about .line_box img {
  display: block;
}
main #about .notice_area {
  display: grid;
  grid-template-columns: 41.198vw 29.01vw;
  gap: 1.563vw;
  margin-top: 5.469vw;
}
main #about .notice_area .news_area {
  background: url(images/back_news.png) top center/100% no-repeat;
  height: 41.667vw;
  text-align: center;
  color: #262424;
  padding: 1.823vw 4.167vw 4.167vw 4.583vw;
}
main #about .notice_area .news_area .news_title {
  width: 17.552vw;
}
main #about .notice_area .news_area .scroll {
  overflow: auto;
}
main #about .notice_area .news_area .news_box {
  height: 28.906vw;
  margin-top: 0.781vw;
}
main #about .notice_area .news_area .news_box li {
  background: white;
  width: 30.469vw;
  margin-bottom: 0.781vw;
  font-size: 1.458vw;
  text-align: left;
  position: relative;
}
main #about .notice_area .news_area .news_box li::before {
  content: "";
  position: absolute;
  top: 0.781vw;
  left: 0.781vw;
  background: #9e2529;
  width: 0.781vw;
  height: 5.208vw;
}
main #about .notice_area .news_area .news_box li a {
  display: block;
  padding: 1.406vw 2.344vw;
}
main #about .notice_area .news_area .news_box li a .js-tick {
  overflow: hidden;
  display: flex;
}
main #about .notice_area .news_area .news_box li a .js-tick span {
  display: inline-block;
  flex-shrink: 0;
  white-space: nowrap;
  padding-right: 1em;
}
main #about .notice_area .news_area .news_box li a .js-tick.startscroll span:nth-child(odd) {
  animation: MoveLeft var(--tick-duration, 32s) var(--tick-delay, -16s) infinite linear;
}
main #about .notice_area .news_area .news_box li a .js-tick.startscroll span:nth-child(even) {
  animation: MoveLeft2 var(--tick-duration, 32s) infinite linear;
}
main #about .notice_area .news_area .news_box li span {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.771vw;
  display: inline-block;
}
main #about .notice_area .sns_area {
  background: url(images/back_x.png) top center/100% no-repeat;
  height: 41.667vw;
  padding: 7.813vw 1.563vw 1.563vw;
}
@media screen and (max-width: 767px) {
  main #about {
    background: url(images/sp/back_01.png) no-repeat center top/100%, url(images/back_02.png) no-repeat left 8% bottom 1.5%/15%;
    background-color: #262424;
    padding-top: 10.514vw;
    padding-bottom: 22.85vw;
    margin-bottom: -11.682vw;
  }
  main #about::after {
    width: 11.215vw;
    height: 11.215vw;
    bottom: -11.215vw;
  }
  main #about .inner {
    max-width: 87.15vw;
  }
  main #about h2 {
    font-size: 9.346vw;
  }
  main #about .about_txt {
    margin-top: 2.336vw;
    margin-bottom: 10.514vw;
  }
  main #about .notiece_p {
    font-size: 3.271vw;
    line-height: 1.7;
    border: 1.5px solid #fff;
    width: 100%;
    padding: 4.673vw;
    margin: 0 auto 15.187vw;
  }
  main #about .notiece_p::before {
    border-top: 15px solid #ffffff;
    border-right: 15px solid transparent;
  }
  main #about .notiece_p::after {
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid transparent;
  }
  main #about .limited_item_area {
    margin-top: 12.85vw;
    margin-bottom: 15.187vw;
    /* ページネーションの余白 */
    /* ページネーションのサイズと色 */
  }
  main #about .limited_item_area .swiper-horizontal > .swiper-pagination-bullets,
  main #about .limited_item_area .swiper-pagination-bullets.swiper-pagination-horizontal,
  main #about .limited_item_area .swiper-pagination-custom,
  main #about .limited_item_area .swiper-pagination-fraction {
    bottom: -10.514vw;
  }
  main #about .limited_item_area .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  main #about .limited_item_area .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1.168vw;
  }
  main #about .limited_item_area .swiper-pagination-bullet {
    width: 7.009vw;
    height: 3.505vw;
    border-radius: 0;
    background-color: #dad9da;
    transform: skewX(-45deg);
    opacity: 1;
  }
  main #about .limited_item_area .swiper-pagination-bullet-active {
    background-color: #9e2529;
  }
  main #about .limited_item_area .swiper-wrapper {
    display: flex;
    gap: 0;
  }
  main #about .limited_item_area .limited_item_box {
    border-radius: 1.168vw;
    width: 100%;
    box-shadow: none;
  }
  main #about .limited_item_area .limited_item_box .limited_item_box_photo {
    padding: 4.673vw 0;
  }
  main #about .limited_item_area .limited_item_box .limited_item_box_photo img {
    max-width: 80%;
    height: 77.103vw;
  }
  main #about .limited_item_area .limited_item_box .limited_item_box_txt {
    padding: 6.542vw 6.075vw;
  }
  main #about .limited_item_area .limited_item_box .limited_item_box_txt::after {
    width: 13.785vw;
    height: 14.953vw;
  }
  main #about .viewmore_btn {
    margin-bottom: 15.187vw;
  }
  main #about .viewmore_btn .viewmore_btn_back {
    width: 44.86vw;
    height: 11vw;
    border-radius: 2.336vw;
    display: none;
  }
  main #about .viewmore_btn a {
    width: 44.86vw;
    height: 11.449vw;
    border-radius: 2.336vw;
  }
  main #about .viewmore_btn a::before {
    width: 31.308vw;
    height: 7.009vw;
  }
  main #about .line_box {
    display: none;
  }
  main #about .notice_area {
    grid-template-columns: repeat(1, 1fr);
    gap: 5.841vw;
    margin-top: 12.85vw;
  }
  main #about .notice_area .news_area {
    height: 88.084vw;
    padding: 3.505vw 4.206vw 8.178vw;
  }
  main #about .notice_area .news_area .news_title {
    width: 36.682vw;
  }
  main #about .notice_area .news_area .news_box {
    height: 61.215vw;
    margin-top: 1.168vw;
  }
  main #about .notice_area .news_area .news_box li {
    width: 75.701vw;
    margin-bottom: 1.168vw;
    font-size: 3.271vw;
  }
  main #about .notice_area .news_area .news_box li::before {
    top: 1.75vw;
    left: 1.402vw;
    width: 1.636vw;
    height: 10.748vw;
  }
  main #about .notice_area .news_area .news_box li a {
    display: block;
    padding: 2.804vw 4.673vw;
  }
  main #about .notice_area .news_area .news_box li span {
    font-size: 3.738vw;
  }
  main #about .notice_area .sns_area {
    height: 124.299vw;
    padding: 22.196vw 4.673vw 4.673vw;
  }
}
main #info {
  background: url(images/back_info.png) center center/100% no-repeat;
  position: relative;
  margin-top: -14vw;
  padding-top: 6.771vw;
  z-index: 2;
}
main #info .inner {
  width: 90%;
  max-width: 71.615vw;
  margin: 0 auto;
}
main #info p {
  font-size: 0.938vw;
  line-height: 1.6;
  text-align: center;
  padding-bottom: 2.083vw;
}
main #info .info_box {
  display: grid;
  grid-template-columns: 40.833vw 29.01vw;
  gap: 1.823vw;
  margin-top: 2.865vw;
  margin-bottom: 4.427vw;
}
main #info .info_box .info_box_txt h4 {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.813vw;
}
main #info .info_box .info_box_txt h4 span {
  font-size: 2.083vw;
}
main #info .info_box .info_box_txt .info_ul {
  margin-top: 1.563vw;
  line-height: 1.5;
}
main #info .info_box .info_box_map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
main #info .info_box .info_box_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main #info .notes_box {
  border: 2.5px solid #262424;
  background: #ffffff;
  position: relative;
  font-size: 1.198vw;
  line-height: 2;
  padding: 2.344vw 4.583vw;
  margin-bottom: 4.063vw;
}
main #info .notes_box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 65px solid #262424;
  border-right: 65px solid transparent;
}
main #info .notes_box::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 65px solid #262424;
  border-left: 65px solid transparent;
}
main #info .notes_box h4 {
  font-size: 2.083vw;
  line-height: 0.8;
  margin-bottom: 1.563vw;
}
main #info .notes_box ul li {
  text-indent: -1em;
  padding-left: 1em;
}
main #info .notes_box ul li a {
  position: relative;
  display: inline-block;
  margin-left: 1.042vw;
  margin-right: 1.302vw;
}
main #info .notes_box ul li a::before {
  content: "";
  background-color: #262424;
  width: 0%;
  height: 0.052vw;
  display: block;
  position: absolute;
  bottom: 0.208vw;
  left: -1.042vw;
  transition: width 0.3s;
}
main #info .notes_box ul li a::after {
  content: "";
  background: url(images/icon_link_black.svg) no-repeat;
  background-size: contain;
  width: 0.833vw;
  height: 0.833vw;
  position: absolute;
  top: 0.885vw;
  right: -1.042vw;
}
main #info .notes_box ul li a:hover {
  color: #9e2529;
}
main #info .notes_box ul li a:hover::before {
  width: 0%;
}
main #info .line_box {
  margin-bottom: 3.958vw;
}
main #info .line_box img {
  display: block;
}
main #info .btn_goods {
  width: 35.1vw;
  padding-bottom: 7.813vw;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  main #info {
    background: url(images/sp/back_info.png) right top/110% no-repeat;
    margin-top: 0;
    padding-top: 9.346vw;
  }
  main #info .inner {
    max-width: 87.617vw;
  }
  main #info p {
    font-size: 2.336vw;
    padding-bottom: 5.841vw;
  }
  main #info .info_box {
    grid-template-columns: repeat(1, 1fr);
    gap: 5.841vw;
    margin-top: 2.336vw;
    margin-bottom: 9.346vw;
  }
  main #info .info_box .info_box_txt h4 {
    font-size: 6.075vw;
  }
  main #info .info_box .info_box_txt h4 span {
    font-size: 4.673vw;
  }
  main #info .info_box .info_box_txt .info_ul {
    margin-top: 3.505vw;
  }
  main #info .info_box .info_box_map {
    padding-top: 62%;
  }
  main #info .notes_box {
    border: 1.5px solid #262424;
    font-size: 3.271vw;
    padding: 4.673vw 2.804vw 5.841vw;
    margin-bottom: 8.645vw;
  }
  main #info .notes_box::before {
    border-top: 17px solid #262424;
    border-right: 17px solid transparent;
  }
  main #info .notes_box::after {
    border-bottom: 17px solid #262424;
    border-left: 17px solid transparent;
  }
  main #info .notes_box h4 {
    font-size: 4.673vw;
    margin-bottom: 2.57vw;
  }
  main #info .notes_box ul li a {
    margin-left: 3.505vw;
    margin-right: 3.505vw;
  }
  main #info .notes_box ul li a::before {
    height: 0.234vw;
    left: -2.9vw;
  }
  main #info .notes_box ul li a::after {
    width: 2.57vw;
    height: 2.57vw;
    top: 2.103vw;
    right: -3.271vw;
  }
  main #info .line_box {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 8.645vw;
  }
  main #info .btn_goods {
    width: 59.813vw;
    padding-bottom: 12.85vw;
  }
}
main.lineup_main {
  background: url(images/back_03.png) no-repeat right 10% top 1%/10%;
  margin-top: 10.333vw;
}
main.lineup_main #lineup {
  margin-left: 18.75vw;
  width: 90%;
  max-width: 71.615vw;
}
main.lineup_main #lineup .lineup_area {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.865vw 1.406vw;
  margin-top: 1.563vw;
  margin-bottom: 4.427vw;
}
main.lineup_main #lineup .lineup_area li .limited_item_box {
  background: #ffffff;
  border-radius: 0.521vw;
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  width: 22.917vw;
}
main.lineup_main #lineup .lineup_area li .limited_item_box .limited_item_box_photo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3.646vw 0;
}
main.lineup_main #lineup .lineup_area li .limited_item_box .limited_item_box_photo img {
  width: 100%;
  height: 19.063vw;
  -o-object-fit: contain;
     object-fit: contain;
}
main.lineup_main #lineup .lineup_area li .limited_item_box .limited_item_box_txt {
  background-color: #262424;
  color: #ffffff;
  padding: 1.563vw 1.823vw;
  position: relative;
}
main.lineup_main #lineup .lineup_area li .limited_item_box .limited_item_box_txt::after {
  content: "";
  background: linear-gradient(90deg, rgba(38, 36, 36, 0) 0%, rgb(38, 36, 36) 40%, rgb(38, 36, 36) 100%);
  width: 4.01vw;
  height: 4.323vw;
  position: absolute;
  top: 0;
  right: 0;
}
main.lineup_main #lineup .lineup_area li .limited_item_box .limited_item_box_txt .limited_item_box_txt_in {
  overflow: hidden;
  display: flex;
}
main.lineup_main #lineup .lineup_area li .limited_item_box .limited_item_box_txt .limited_item_box_txt_in span {
  display: inline-block;
  flex-shrink: 0;
  white-space: nowrap;
  padding-right: 1em;
}
main.lineup_main #lineup .lineup_area li .limited_item_box .limited_item_box_txt .limited_item_box_txt_in span:nth-child(odd) {
  animation: MoveLeft var(--tick-duration, 32s) var(--tick-delay, -16s) infinite linear;
}
main.lineup_main #lineup .lineup_area li .limited_item_box .limited_item_box_txt .limited_item_box_txt_in span:nth-child(even) {
  animation: MoveLeft2 var(--tick-duration, 32s) infinite linear;
}
main.lineup_main #lineup .lineup_area li a:hover .limited_item_box .limited_item_box_photo {
  background: rgba(56, 54, 53, 0.2);
}
main.lineup_main .viewmore_btn {
  margin-bottom: 1.823vw;
}
main.lineup_main .viewmore_btn a {
  background: url(images/btn.png) repeat-x center center/500%;
  width: 27.813vw;
  height: 5.833vw;
  display: block;
  position: relative;
  -webkit-mask-image: url(images/mask_back01_button.png);
          mask-image: url(images/mask_back01_button.png);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  transform: translateX(-100%) scale(-1, -1);
  transition: all 0.3s, filter 0s, transform 0.3s;
}
main.lineup_main .viewmore_btn a::before {
  content: "";
  background: url(images/back01.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translate(-50%, -50%) scale(-1, -1);
  width: 8.854vw;
  height: 3.594vw;
  transition: background 0s;
}
main.lineup_main .viewmore_btn a:hover {
  opacity: 0.8;
  animation: btn 5000s linear infinite;
}
main.lineup_main .viewmore_btn a:hover::before {
  content: "";
  background: url(images/back01_hover.png) no-repeat;
  background-size: contain;
}
@keyframes btn {
  0% {
    background-position-x: 50000%;
  }
  100% {
    background-position-x: 0%;
  }
}
main.lineup_main .viewmore_btn.viewin a {
  transform: translateX(0%) scale(-1, -1);
}
main.lineup_main p {
  font-size: 0.938vw;
  line-height: 1.6;
  text-align: center;
  padding-bottom: 2.083vw;
}
main.lineup_main #category {
  position: fixed;
  z-index: 998;
  top: 8.333vw;
  width: 11.198vw;
  height: auto;
}
main.lineup_main #category .mv_arrow {
  position: absolute;
  width: 1.302vw;
  bottom: 1.302vw;
  left: 44%;
  transform: translateX(-50%) translateY(0);
  z-index: 2;
}
main.lineup_main #category .mv_arrow .arrow {
  display: inline-block;
  width: 1.302vw;
  height: 1.563vw;
  background-image: url(images/arrow.svg);
  background-size: contain;
  transform: rotate(90deg);
  animation: load 1.04s ease infinite;
}
main.lineup_main #category .mv_arrow .arrow:first-of-type {
  margin-bottom: -1.302vw;
}
main.lineup_main #category .mv_arrow .arrow:nth-of-type(2) {
  animation-delay: 0.26s;
}
main.lineup_main #category::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 9.8vw;
  height: 5.292vw;
  z-index: 1;
  background: linear-gradient(180deg, rgba(38, 36, 36, 0) 0%, rgb(38, 36, 36) 50%);
}
main.lineup_main #category::before {
  content: "";
  background: #262424;
  display: block;
  width: calc(100% - 1.406vw);
  height: 100%;
  position: absolute;
  z-index: -1;
}
main.lineup_main #category ul {
  height: calc(100vh - 8.333vw);
  overflow-y: scroll;
  position: relative;
  padding-right: 1.406vw;
}
main.lineup_main #category ul li {
  background: #262424;
  text-align: center;
  height: 9.792vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
main.lineup_main #category ul li:nth-of-type(1) {
  border-top-right-radius: 0.521vw;
  border-top-left-radius: 0.521vw;
}
main.lineup_main #category ul li:last-of-type {
  margin-bottom: 15.187vw;
}
main.lineup_main #category ul li:hover {
  background: #79797a;
}
main.lineup_main #category ul li::after {
  content: "";
  background-color: #ffffff;
  width: 80%;
  height: 0.052vw;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
main.lineup_main #category ul li img {
  max-width: 7.083vw;
}
main.lineup_main #category ul li.line_none::after {
  content: none;
}
main.lineup_main #category ul li.cate_active {
  background: #9e2529;
}
main.lineup_main #category ul li.cate_active:hover {
  background: #9e2529;
}
main.lineup_main #category ul li.cate_active::before {
  content: "";
  position: absolute;
  right: -10.8vw;
  bottom: 40%;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent transparent #9e2529;
  border-width: 1.042vw 0 1.042vw 1.042vw;
}
main.lineup_main #category ul li.cate_active::after {
  content: none;
}
main.lineup_main #category.active {
  top: 8.333vw;
}
main.lineup_main #category.active ul {
  height: calc(100vh - 8.333vw);
}
@media screen and (max-width: 767px) {
  main.lineup_main {
    background: none;
    margin-top: 25.701vw;
  }
  main.lineup_main #lineup {
    margin-left: 24.766vw;
    max-width: 65.421vw;
  }
  main.lineup_main #lineup .lineup_area {
    display: grid;
    grid-template-columns: repeat(2, 31.075vw);
    gap: 3vw;
    margin-top: 3.505vw;
    margin-bottom: 15.187vw;
  }
  main.lineup_main #lineup .lineup_area li .limited_item_box {
    border-radius: 1.168vw;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
    width: 100%;
    max-width: 212px;
  }
  main.lineup_main #lineup .lineup_area li .limited_item_box .limited_item_box_photo {
    padding: 4.673vw 0;
  }
  main.lineup_main #lineup .lineup_area li .limited_item_box .limited_item_box_photo img {
    height: 25.467vw;
  }
  main.lineup_main #lineup .lineup_area li .limited_item_box .limited_item_box_txt {
    padding: 1.869vw 2.336vw;
    font-size: 2.804vw;
  }
  main.lineup_main #lineup .lineup_area li .limited_item_box .limited_item_box_txt::after {
    content: "";
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 40%, rgb(0, 0, 0) 100%);
    width: 7.009vw;
    height: 7.009vw;
  }
  main.lineup_main #lineup.acril .lineup_area, main.lineup_main #lineup.tap .lineup_area {
    margin-bottom: 36.187vw;
  }
  main.lineup_main .viewmore_btn {
    margin-bottom: 8.178vw;
  }
  main.lineup_main .viewmore_btn a {
    padding: 0;
    width: 63.084vw;
    height: 13.084vw;
    border-radius: 0;
  }
  main.lineup_main .viewmore_btn a::before {
    left: 28%;
    width: 20.093vw;
    height: 7.944vw;
  }
  main.lineup_main .viewmore_btn.viewin a {
    transform: translateX(-15%) scale(-1, -1);
  }
  main.lineup_main p {
    font-size: 2.336vw;
    padding-bottom: 5.841vw;
    margin-left: 14.019vw;
  }
  main.lineup_main #category {
    position: fixed;
    z-index: 998;
    top: 21vw;
    width: 17.29vw;
    transform: translateZ(0.01px);
  }
  main.lineup_main #category::before, main.lineup_main #category::after {
    content: none;
  }
  main.lineup_main #category .mv_arrow {
    display: none;
  }
  main.lineup_main #category ul {
    height: 100lvh;
    overflow: visible;
    padding-right: 0;
    background: #262424;
  }
  main.lineup_main #category ul li {
    height: 15.187vw;
    background: transparent;
  }
  main.lineup_main #category ul li:nth-of-type(1) {
    border-top-right-radius: 2.336vw;
    border-top-left-radius: 2.336vw;
  }
  main.lineup_main #category ul li:last-of-type {
    margin-bottom: 0;
  }
  main.lineup_main #category ul li:hover {
    background: #79797a;
  }
  main.lineup_main #category ul li::after {
    height: 0.234vw;
  }
  main.lineup_main #category ul li img {
    max-width: 10.748vw;
  }
  main.lineup_main #category ul li.cate_active::before {
    position: absolute;
    right: -18.692vw;
    bottom: 35%;
    border-width: 2.336vw 0 2.336vw 2.336vw;
  }
  main.lineup_main #category.active {
    top: 20.75vw;
  }
  main.lineup_main #category.active ul {
    height: 100lvh;
  }
}
main.lineup_detail_main {
  margin-top: 8.8vw;
  position: relative;
  z-index: 0;
}
main.lineup_detail_main.active {
  margin-top: 3.61vw;
}
main.lineup_detail_main::before {
  content: "";
  position: absolute;
  top: -9.375vw;
  left: 0;
  width: 100%;
  height: 14vw;
  background: #9e2529;
  z-index: -1;
}
main.lineup_detail_main #lineup_detail {
  width: 90%;
  max-width: 71.667vw;
  margin: 0 auto;
  color: #383635;
}
main.lineup_detail_main #lineup_detail .flex {
  display: flex;
  justify-content: space-between;
  padding-top: 3.125vw;
  margin-bottom: 5.208vw;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider {
  width: 49%;
  /*矢印*/
  /* 前へ次への矢印カスタマイズ */
  /* 前へ次への矢印カスタマイズ */
  /* 次への矢印カスタマイズ */
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .lineup_detail_slider_01 {
  position: relative;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .lineup_detail_slider_01 .lineup_detail_img {
  box-shadow: 0px 0px 15px 0px #000000;
  background: #fff;
  border-radius: 1.302vw;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .lineup_detail_slider_01 .lineup_detail_img .slide-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.344vw 0;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .lineup_detail_slider_01 .lineup_detail_img .slide-inner .slider_goodsimg_inner img {
  width: 100%;
  height: 26.1vw;
  -o-object-fit: contain;
     object-fit: contain;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .slider-thumbnail {
  margin-top: 1.302vw;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .slider-thumbnail .swiper-wrapper .swiper-slide {
  width: 13% !important;
  margin-right: 1.563vw;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .slider-thumbnail .swiper-wrapper .swiper-slide .thum_illust_box {
  background: url(images/lineup/th_frame.png) no-repeat;
  background-size: contain;
  padding: 0.625vw 1.25vw 0.985vw 1.042vw;
  filter: grayscale(100%);
  transition: filter 0.3s;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .slider-thumbnail .swiper-wrapper .swiper-slide .thum_illust_box img {
  width: 100%;
  height: 3.021vw;
  -o-object-fit: contain;
     object-fit: contain;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .slider-thumbnail .swiper-wrapper .swiper-slide img {
  filter: grayscale(100%);
  transition: filter 0.3s;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .thum_illust_box {
  filter: grayscale(0%);
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img {
  filter: grayscale(0%);
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-prev,
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-next {
  height: 4.948vw;
  width: 4.115vw;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-prev {
  left: -5.729vw;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-prev:hover {
  transform: translateX(-15%);
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-next {
  right: -5.729vw;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-next:hover {
  transform: translateX(15%);
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-prev:after,
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-next:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 4.948vw;
  margin: auto;
  width: 4.115vw;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-prev:after {
  background-image: url(images/arrow_03.png);
  transform: scale(-1, 1);
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-next:after {
  background-image: url(images/arrow_03.png);
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_about {
  width: 40.5%;
  padding-top: 3.646vw;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_about h4 {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.083vw;
  line-height: 1.45;
  margin-bottom: 1.563vw;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_about .lineup_detail_about_txt {
  font-size: 0.938vw;
  line-height: 1.8;
  border-top: 2px solid #525458;
  border-bottom: 2px solid #525458;
  position: relative;
  padding: 2.083vw 0px;
  margin-bottom: 1.823vw;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_about .lineup_detail_about_txt::before {
  content: "商品情報";
  width: 7.604vw;
  height: 2.188vw;
  background: #525458;
  border-radius: 0.521vw;
  position: absolute;
  top: -1.146vw;
  left: 0;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25vw;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_about .lineup_detail_about_txt p {
  text-align: left;
  margin-bottom: 1.042vw;
  padding-bottom: 0;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_about .lineup_detail_about_txt ul li::before {
  content: "";
  width: 0.938vw;
  height: 0.938vw;
  display: inline-block;
  background-color: #383635;
  border-radius: 50%;
  position: relative;
  top: 0.104vw;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_about .lineup_detail_about_price {
  background: #383635;
  color: #ffffff;
  border-radius: 2.604vw;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.083vw;
  line-height: 1.45;
  display: flex;
  justify-content: center;
  align-items: center;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_about .lineup_detail_about_price span.price {
  font-family: "abolition", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.438vw;
  line-height: 1.13;
  margin-left: 2.604vw;
  margin-right: 0.26vw;
}
main.lineup_detail_main #lineup_detail .flex .lineup_detail_about .lineup_detail_about_price span.unite {
  font-size: 1.042vw;
  margin-top: auto;
  margin-bottom: 0.521vw;
}
main.lineup_detail_main .viewmore_btn {
  margin-bottom: 1.823vw;
}
main.lineup_detail_main .viewmore_btn a {
  background: url(images/btn.png) repeat-x center center/500%;
  width: 27.813vw;
  height: 5.833vw;
  display: block;
  position: relative;
  -webkit-mask-image: url(images/mask_back01_button.png);
          mask-image: url(images/mask_back01_button.png);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  transform: translateX(-100%) scale(-1, -1);
  transition: all 0.3s, filter 0s, transform 0.3s;
}
main.lineup_detail_main .viewmore_btn a::before {
  content: "";
  background: url(images/lineupback.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translate(-50%, -50%) scale(-1, -1);
  width: 14.271vw;
  height: 3.594vw;
  transition: background 0s;
}
main.lineup_detail_main .viewmore_btn a:hover {
  opacity: 0.8;
  animation: btn 5000s linear infinite;
}
main.lineup_detail_main .viewmore_btn a:hover::before {
  content: "";
  background: url(images/lineupback_hover.png) no-repeat;
  background-size: contain;
}
@keyframes btn {
  0% {
    background-position-x: 50000%;
  }
  100% {
    background-position-x: 0%;
  }
}
main.lineup_detail_main .viewmore_btn.viewin a {
  transform: translateX(-10%) scale(-1, -1);
}
main.lineup_detail_main p {
  font-size: 0.938vw;
  line-height: 1.6;
  text-align: center;
  padding-bottom: 2.083vw;
}
@media screen and (max-width: 767px) {
  main.lineup_detail_main {
    margin-top: 21vw;
  }
  main.lineup_detail_main.active {
    margin-top: 21vw;
  }
  main.lineup_detail_main::before {
    top: -21.028vw;
    height: 39.86vw;
  }
  main.lineup_detail_main #lineup_detail {
    max-width: 78.738vw;
  }
  main.lineup_detail_main #lineup_detail .flex {
    flex-direction: column;
    padding-top: 11.682vw;
    margin-bottom: 8.178vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider {
    width: 100%;
    /*矢印*/
    /* 前へ次への矢印カスタマイズ */
    /* 前へ次への矢印カスタマイズ */
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .lineup_detail_slider_01 .lineup_detail_img {
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
    border-radius: 2.336vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .lineup_detail_slider_01 .lineup_detail_img .slide-inner {
    padding: 7.477vw 0;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .lineup_detail_slider_01 .lineup_detail_img .slide-inner .slider_goodsimg_inner img {
    height: 75vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .slider-thumbnail {
    margin-top: 5.841vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .slider-thumbnail .swiper-wrapper .swiper-slide {
    margin-right: 3.505vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .slider-thumbnail .swiper-wrapper .swiper-slide .thum_illust_box {
    padding: 0.935vw 2.336vw 1.168vw 1.636vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .slider-thumbnail .swiper-wrapper .swiper-slide .thum_illust_box img {
    height: 8.178vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-prev,
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-next {
    height: 8.178vw;
    width: 7.009vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-prev {
    left: -8.411vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-next {
    right: -8.411vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-prev:after,
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_slider .swiper-button-next:after {
    height: 8.178vw;
    width: 7.009vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_about {
    width: 100%;
    padding-top: 4.673vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_about h4 {
    font-size: 4.673vw;
    margin-bottom: 4.336vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_about .lineup_detail_about_txt {
    font-size: 3.271vw;
    border-top: 1.8px solid #525458;
    border-bottom: 1.8px solid #525458;
    padding: 4.505vw 0px;
    margin-bottom: 4.673vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_about .lineup_detail_about_txt::before {
    content: "商品情報";
    width: 21.028vw;
    height: 6.075vw;
    border-radius: 1.168vw;
    top: -3.037vw;
    font-size: 3.271vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_about .lineup_detail_about_txt p {
    font-size: 3.271vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_about .lineup_detail_about_txt ul {
    font-size: 3.271vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_about .lineup_detail_about_txt ul li::before {
    width: 3.271vw;
    height: 3.271vw;
    top: 0.467vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_about .lineup_detail_about_price {
    border-radius: 4.673vw;
    font-size: 4.673vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_about .lineup_detail_about_price span.price {
    font-size: 7.944vw;
    margin-left: 10.047vw;
    margin-right: 0.701vw;
  }
  main.lineup_detail_main #lineup_detail .flex .lineup_detail_about .lineup_detail_about_price span.unite {
    font-size: 3.271vw;
    margin-bottom: 0.935vw;
  }
  main.lineup_detail_main .viewmore_btn {
    margin-bottom: 8.178vw;
  }
  main.lineup_detail_main .viewmore_btn a {
    padding: 0;
    width: 63.084vw;
    height: 13.084vw;
    border-radius: 0;
  }
  main.lineup_detail_main .viewmore_btn a::before {
    left: 37%;
    width: 142px;
    height: 35px;
  }
  main.lineup_detail_main .viewmore_btn.viewin a {
    transform: translateX(-22%) scale(-1, -1);
  }
  main.lineup_detail_main p {
    font-size: 2.336vw;
    padding-bottom: 5.841vw;
  }
}

footer {
  background-color: #9e2529;
  font-size: 1.042vw;
  line-height: 2;
  text-align: center;
  padding: 3.646vw 0 2.604vw;
  position: relative;
  height: 12.5vw;
}
footer::before {
  content: "";
  background-color: #383635;
  width: 100%;
  height: 1.042vw;
  position: absolute;
  top: 0;
  left: 0;
}
footer div {
  width: 11.875vw;
  margin: 0 auto;
  margin-top: 1.042vw;
}

@media screen and (max-width: 767px) {
  footer {
    font-size: 2.804vw;
    padding: 8.178vw 0 5.841vw;
    height: 30.374vw;
    z-index: -1;
  }
  footer::before {
    height: 2.336vw;
  }
  footer div {
    width: 32.944vw;
    padding-bottom: 1.168vw;
  }
  footer.lineup_footer {
    padding: 8.178vw 0 5.841vw 14.019vw;
  }
}
/* TOPボタン */
#btn_top_area {
  position: absolute;
  bottom: 0;
  right: 2.083vw;
  width: 8.333vw;
  height: 8.333vw;
  z-index: 10;
}

#btn_top_area a {
  position: absolute;
  width: inherit;
  height: inherit;
  display: inline-block;
}

#btn_top_area a img {
  position: absolute;
}

.img_topbtn_in {
  width: 6.302vw;
  top: 50%;
  left: 49.6%;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: all 0.3s;
}

.img_topbtn_txt {
  width: 1.875vw;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  opacity: 1;
  filter: contrast(100%) drop-shadow(0 0px 17px rgba(158, 37, 41, 0));
  transition: all 0.3s;
}

.img_topbtn_out {
  width: 8.333vw;
  top: 0.208vw;
  left: 0;
  transform: rotate(0);
  transform-origin: center;
  animation: rotation 3s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
#btn_top_area a:hover img.img_topbtn_txt {
  filter: contrast(200%) drop-shadow(0 0px 17px rgb(158, 37, 41));
}

@media screen and (max-width: 767px) {
  #btn_top_area {
    position: absolute;
    bottom: 65px;
    right: 10px;
    width: 78px;
    height: 78px;
  }
  .img_topbtn_in {
    width: 59px;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: all 0.3s;
  }
  .img_topbtn_txt {
    width: 22px;
    top: 57%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    opacity: 1;
    filter: contrast(100%) drop-shadow(0 0px 17px rgba(62, 175, 255, 0));
    transition: all 0.3s;
  }
  .img_topbtn_out {
    width: 78px;
    top: 4px;
    left: 0;
    transform: rotate(0);
    transform-origin: center;
    animation: rotation 3s linear infinite;
  }
  #btn_top_area a:hover img.img_topbtn_in {
    filter: contrast(100%) drop-shadow(0 0px 17px rgba(62, 175, 255, 0));
  }
}
/* スクロールバー */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: #000000;
}

::-webkit-scrollbar-track {
  background: #fff;
}

@supports not selector(::-webkit-scrollbar) {
  .scroller {
    scrollbar-width: none;
  }
}
@supports selector(::-webkit-scrollbar) {
  .scroller::-webkit-scrollbar {
    display: none;
  }
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
}

.news_area {
  scrollbar-width: none;
}
.news_area .simplebar-track.simplebar-horizontal {
  height: 7px;
  background: #e0e0e0;
  border-radius: 0;
  max-width: 372px;
  margin: 0 auto;
}
.news_area .simplebar-track.simplebar-vertical {
  width: 7px;
  background: #e0e0e0;
}
.news_area .simplebar-scrollbar {
  height: 7px;
  background: #9e2529;
  border-radius: 0;
  top: 0;
}
.news_area .simplebar-scrollbar::before {
  background: #9e2529;
}

@media screen and (max-width: 767px) {
  .news_area .simplebar-track.simplebar-horizontal {
    height: 7px;
    background: #e0e0e0;
    border-radius: 0;
    max-width: 372px;
    margin: 0 auto;
  }
  .news_area .simplebar-track.simplebar-vertical {
    width: 3px;
    background: #e0e0e0;
  }
  .news_area .simplebar-scrollbar {
    height: 3px;
    background: #9e2529;
    border-radius: 0;
    top: 0;
  }
  .news_area .simplebar-scrollbar::before {
    background: #9e2529;
  }
}
#category ul::-webkit-scrollbar {
  display: none;
}

.hover_imgs img {
  position: absolute;
  left: 0;
  top: 0;
}
.hover_imgs .img1 {
  z-index: -1;
  -webkit-clip-path: polygon(0px -1%, 100% -1%, 100% 20%, 0px 20%);
          clip-path: polygon(0px -1%, 100% -1%, 100% 20%, 0px 20%);
}
.hover_imgs .img2 {
  z-index: -2;
  -webkit-clip-path: polygon(0px 19%, 100% 19%, 100% 40%, 0px 40%);
          clip-path: polygon(0px 19%, 100% 19%, 100% 40%, 0px 40%);
}
.hover_imgs .img3 {
  z-index: -3;
  -webkit-clip-path: polygon(0px 39%, 100% 39%, 100% 60%, 0px 60%);
          clip-path: polygon(0px 39%, 100% 39%, 100% 60%, 0px 60%);
}
.hover_imgs .img4 {
  z-index: -2;
  -webkit-clip-path: polygon(0px 59%, 100% 59%, 100% 80%, 0px 80%);
          clip-path: polygon(0px 59%, 100% 59%, 100% 80%, 0px 80%);
}
.hover_imgs .img5 {
  z-index: -1;
  -webkit-clip-path: polygon(0px 79%, 100% 79%, 100% 100%, 0px 100%);
          clip-path: polygon(0px 79%, 100% 79%, 100% 100%, 0px 100%);
}
.hover_imgs .img6 {
  z-index: -4;
  opacity: 0;
}

.btn_goods .img1 {
  z-index: 1;
}
.btn_goods .img2 {
  z-index: 2;
}
.btn_goods .img3 {
  z-index: 3;
}
.btn_goods .img4 {
  z-index: 2;
}
.btn_goods .img5 {
  z-index: 1;
}
.btn_goods .img6 {
  z-index: 4;
  opacity: 0;
}
.btn_goods:hover .img {
  opacity: 0;
}
.btn_goods:hover .hover_imgs .img1 {
  animation: img1 0.1s linear forwards;
}
@keyframes img1 {
  0% {
    left: 55px;
  }
  25% {
    left: -55px;
  }
  50% {
    left: 55px;
  }
  100% {
    left: 0px;
    opacity: 0;
  }
}
.btn_goods:hover .hover_imgs .img2 {
  animation: img2 0.1s linear 30ms forwards;
}
@keyframes img2 {
  0% {
    left: -50px;
  }
  25% {
    left: -200px;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 0px;
    opacity: 0;
  }
}
.btn_goods:hover .hover_imgs .img3 {
  animation: img3 0.1s linear 60ms forwards;
}
@keyframes img3 {
  0% {
    left: 50px;
  }
  25% {
    left: 0px;
  }
  50% {
    left: -105px;
  }
  100% {
    left: 0px;
    opacity: 0;
  }
}
.btn_goods:hover .hover_imgs .img4 {
  animation: img4 0.1s linear 0ms forwards;
}
@keyframes img4 {
  0% {
    left: -50px;
  }
  25% {
    left: 50px;
  }
  50% {
    left: -50px;
  }
  100% {
    left: 0px;
    opacity: 0;
  }
}
.btn_goods:hover .hover_imgs .img5 {
  animation: img5 0.1s linear 30ms forwards;
}
@keyframes img5 {
  0% {
    left: 100px;
  }
  25% {
    left: -50px;
  }
  50% {
    left: 60px;
  }
  100% {
    left: 0px;
    opacity: 0;
  }
}
.btn_goods:hover .hover_imgs .img6 {
  opacity: 1;
  animation: img6 0.1s linear 0.1s infinite;
}
@keyframes img6 {
  0% {
    filter: brightness(1);
  }
  100% {
    filter: brightness(1.1);
  }
}

.fade .animation-bg {
  background: #ffffff;
  content: "";
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  animation-name: PageAnime-fade;
  animation-duration: 0.3s;
  animation-delay: 0.8s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  pointer-events: none;
}

@keyframes PageAnime-fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes marquee-left {
  100% {
    transform: translateX(-100%);
  }
}
@keyframes MoveLeft {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes MoveLeft2 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
/* fadeup */
.fadeUpTrigger {
  opacity: 0;
}

/* 下から */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 矢印アニメーション */
@keyframes load {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes shadow_anima {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.2);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes arrowmove {
  0% {
    transform: translateX(-50%) translateY(-3px);
  }
  4% {
    transform: translateX(-50%) translateY(3px);
  }
  8% {
    transform: translateX(-50%) translateY(-3px);
  }
  12% {
    transform: translateX(-50%) translateY(3px);
  }
  16% {
    transform: translateX(-50%) translateY(-3px);
  }
  20% {
    transform: translateX(-50%) translateY(3px);
  }
  100%, 22% {
    transform: translateX(-50%) translateY(0);
  }
}/*# sourceMappingURL=style.css.map */