#lineup.archive .lineuparchive-mv {
  position: relative;
  background-size: cover;
  width: 100%;
  overflow: hidden;
  display: grid;
}
@media (max-width: 767px) {
  #lineup.archive .lineuparchive-mv {
    background-image: url(../../img/lineup/archive/mv_sp.jpg);
    height: 168.75vw;
    place-content: end center;
    padding-bottom: 20vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .lineuparchive-mv {
    background-image: url(../../img/lineup/archive/mv_pc.jpg);
    height: 41.9285714286vw;
    place-content: end start;
    padding: 2.1428571429vw 3.5714285714vw;
  }
}
#lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle {
  position: relative;
  display: inline-block;
  z-index: 1;
}
@media (max-width: 767px) {
  #lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle {
    margin-bottom: 1.25vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle {
    margin-bottom: 0.7142857143vw;
  }
}
#lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle__txt {
  line-height: 1;
  font-weight: bold;
  font-family: "futura-pt-condensed", sans-serif;
}
@media (max-width: 767px) {
  #lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle__txt {
    font-size: 8.875vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle__txt {
    font-size: 5.0714285714vw;
  }
}
#lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle .lineuparchive-mv-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1/1;
  z-index: 0;
}
@media (max-width: 767px) {
  #lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle .lineuparchive-mv-ring {
    width: 221.75vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle .lineuparchive-mv-ring {
    width: 148.1428571429vw;
  }
}
#lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle .lineuparchive-mv-ring__element {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle .lineuparchive-mv-ring__element span {
  display: block;
  width: 100%;
  height: 100%;
  border: solid #fff 1px;
  border-radius: 50%;
  opacity: 0;
  animation-duration: 10s;
  animation-delay: 1s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  transform-origin: center;
}
#lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle .lineuparchive-mv-ring__element--01 {
  width: 100%;
  height: 100%;
}
#lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle .lineuparchive-mv-ring__element--01 span {
  animation-name: ripples1;
}
#lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle .lineuparchive-mv-ring__element--02 {
  width: 80%;
  height: 80%;
}
#lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle .lineuparchive-mv-ring__element--02 span {
  animation-name: ripples2;
}
#lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle .lineuparchive-mv-ring__element--03 {
  width: 30%;
  height: 30%;
}
#lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-maintitle .lineuparchive-mv-ring__element--03 span {
  animation-name: ripples2;
}
#lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-subtitle {
  line-height: 1;
  text-align: center;
  font-weight: bold;
  font-feature-settings: "palt";
}
@media (max-width: 767px) {
  #lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-subtitle {
    font-size: 3.875vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .lineuparchive-mv .lineuparchive-mv-title .lineuparchive-mv-subtitle {
    font-size: 2.5vw;
  }
}
@media (max-width: 767px) {
  #lineup.archive .brandlist {
    margin-bottom: 7.5vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist {
    margin-bottom: min(4.6428571429vw, 65px);
  }
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element {
    padding: 7.5vw 0 12.5vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element {
    padding: min(5.7142857143vw, 80px) 0;
  }
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element .brandlist-element-title {
    margin-bottom: 7.5vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element .brandlist-element-title {
    margin-bottom: min(2.8571428571vw, 40px);
  }
}
#lineup.archive .brandlist .brandlist-element .brandlist-element-title__txt {
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element .brandlist-element-title__txt {
    font-size: 4vw;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element .brandlist-element-title__txt {
    font-size: min(2.5vw, 35px);
    line-height: 1;
  }
}
#lineup.archive .brandlist .brandlist-element .brandlist-element-banner {
  position: relative;
  margin: 0 auto;
  transition: 0.3s;
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element .brandlist-element-banner {
    width: 72.5vw;
    height: 72.5vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element .brandlist-element-banner {
    width: min(85.7142857143vw, 1200px);
    height: min(21.6428571429vw, 303px);
    margin-bottom: min(2.8571428571vw, 40px);
  }
}
#lineup.archive .brandlist .brandlist-element .brandlist-element-banner a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#lineup.archive .brandlist .brandlist-element .brandlist-element-banner a h2 {
  line-height: 1;
}
#lineup.archive .brandlist .brandlist-element .brandlist-element-banner a h2 img {
  width: 100%;
}
#lineup.archive .brandlist .brandlist-element .brandlist-element-banner a figure {
  width: 100%;
  height: 100%;
}
#lineup.archive .brandlist .brandlist-element .brandlist-element-banner a figure picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1400px) {
  #lineup.archive .brandlist .brandlist-element .brandlist-element-banner:hover {
    transform: scale(1.02);
  }
}
#lineup.archive .brandlist .brandlist-element .brandlist-element-contents {
  margin: 0 auto;
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element .brandlist-element-contents {
    display: flex;
    flex-wrap: wrap;
    width: min(85.7142857143vw, 1200px);
  }
}
#lineup.archive .brandlist .brandlist-element .brandlist-element-contents .brandlist-element-read__txt {
  font-weight: bold;
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element .brandlist-element-contents .brandlist-element-read__txt {
    line-height: 1.6;
    font-size: 3.5vw;
    margin: 0 auto;
    width: 87.5vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element .brandlist-element-contents .brandlist-element-read__txt {
    line-height: 2;
    font-size: min(1.2857142857vw, 18px);
  }
}
#lineup.archive .brandlist .brandlist-element .brandlist-element-contents .brandlist-element-visual {
  position: relative;
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element .brandlist-element-contents .brandlist-element-visual {
    width: 72.5vw;
    margin: 0 auto;
  }
}
#lineup.archive .brandlist .brandlist-element .brandlist-element-contents .brandlist-element-visual .brandlist-element-img img {
  width: 100%;
}
#lineup.archive .brandlist .brandlist-element--basic {
  background-color: #f5f2e9;
}
#lineup.archive .brandlist .brandlist-element--basic .brandlist-element-banner a h2 {
  z-index: 2;
  transform: translateZ(0);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element--basic .brandlist-element-banner a h2 {
    width: 41vw;
    filter: drop-shadow(0.875vw 0.875vw 0.625vw rgba(0, 0, 0, 0.6));
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--basic .brandlist-element-banner a h2 {
    width: min(23.4285714286vw, 328px);
    filter: drop-shadow(min(0.5vw, 7px) min(0.5vw, 7px) min(0.3571428571vw, 5px) rgba(0, 0, 0, 0.6));
  }
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element--basic .brandlist-element-contents .brandlist-element-visual {
    height: 23.75vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--basic .brandlist-element-contents .brandlist-element-visual {
    width: calc(100% - min(45.7142857143vw, 640px));
  }
}
#lineup.archive .brandlist .brandlist-element--basic .brandlist-element-contents .brandlist-element-visual .brandlist-element-img {
  z-index: 2;
  position: absolute;
  pointer-events: none;
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element--basic .brandlist-element-contents .brandlist-element-visual .brandlist-element-img {
    width: 70vw;
    top: -26.25vw;
    left: -20vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--basic .brandlist-element-contents .brandlist-element-visual .brandlist-element-img {
    width: min(46.7857142857vw, 655px);
    top: max(-14.2857142857vw, -200px);
    left: max(-3.5714285714vw, -50px);
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--basic .brandlist-element-contents .brandlist-element-read {
    width: min(45.7142857143vw, 640px);
  }
}
#lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-banner {
  position: relative;
  overflow: hidden;
}
#lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-banner a h2 {
  z-index: 2;
  transform: translateZ(0);
  left: 50%;
  position: absolute;
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-banner a h2 {
    width: 56.375vw;
    top: 10vw;
    transform: translateX(-50%);
    filter: drop-shadow(0.875vw 0.875vw 0.625vw rgba(0, 0, 0, 0.6));
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-banner a h2 {
    width: min(25.4285714286vw, 356px);
    top: 50%;
    transform: translate(-50%, -50%);
    filter: drop-shadow(min(0.5vw, 7px) min(0.5vw, 7px) min(0.3571428571vw, 5px) rgba(0, 0, 0, 0.6));
  }
}
#lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-banner .brandlist-element-banner-ring {
  position: absolute;
  left: 50%;
  aspect-ratio: 1/1;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-banner .brandlist-element-banner-ring {
    width: 100.75vw;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-banner .brandlist-element-banner-ring {
    width: 55.7142857143vw;
    top: 100%;
    transform: translate(-50%, -50%);
  }
}
#lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-banner .brandlist-element-banner-ring__element {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-banner .brandlist-element-banner-ring__element span {
  display: block;
  width: 100%;
  height: 100%;
  border: solid #fff 1px;
  border-radius: 50%;
  opacity: 0;
  animation-duration: 10s;
  animation-delay: 1s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  transform-origin: center;
}
#lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-banner .brandlist-element-banner-ring__element--01 {
  width: 100%;
  height: 100%;
}
#lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-banner .brandlist-element-banner-ring__element--01 span {
  animation-name: ripples1;
}
#lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-banner .brandlist-element-banner-ring__element--02 {
  width: 80%;
  height: 80%;
}
#lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-banner .brandlist-element-banner-ring__element--02 span {
  animation-name: ripples2;
}
#lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-banner .brandlist-element-banner-ring__element--03 {
  width: 30%;
  height: 30%;
}
#lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-banner .brandlist-element-banner-ring__element--03 span {
  animation-name: ripples2;
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-contents .brandlist-element-visual {
    height: 26.25vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-contents .brandlist-element-visual {
    order: 2;
    width: min(36.0714285714vw, 505px);
  }
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-contents .brandlist-element-visual .brandlist-element-img {
    width: 38.25vw;
    position: absolute;
    top: -6.25vw;
    right: -5.75vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--archivista .brandlist-element-contents .brandlist-element-read {
    order: 1;
    width: calc(100% - min(36.0714285714vw, 505px));
  }
}
#lineup.archive .brandlist .brandlist-element--joyfullbase {
  background-color: #f5f2e9;
}
#lineup.archive .brandlist .brandlist-element--joyfullbase .brandlist-element-banner a h2 {
  z-index: 2;
  transform: translateZ(0);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element--joyfullbase .brandlist-element-banner a h2 {
    width: 48.25vw;
    filter: drop-shadow(0.875vw 0.875vw 0.625vw rgba(0, 0, 0, 0.6));
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--joyfullbase .brandlist-element-banner a h2 {
    width: min(27.5714285714vw, 386px);
    filter: drop-shadow(min(0.5vw, 7px) min(0.5vw, 7px) min(0.3571428571vw, 5px) rgba(0, 0, 0, 0.6));
  }
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element--joyfullbase .brandlist-element-contents .brandlist-element-visual {
    height: 22.5vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--joyfullbase .brandlist-element-contents .brandlist-element-visual {
    width: calc(100% - min(44.2857142857vw, 620px));
    padding-left: min(1.4285714286vw, 20px);
  }
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element--joyfullbase .brandlist-element-contents .brandlist-element-visual .brandlist-element-img {
    position: absolute;
    width: 52.125vw;
    top: -16.25vw;
    left: -10vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--joyfullbase .brandlist-element-contents .brandlist-element-visual .brandlist-element-img {
    width: min(35.6428571429vw, 499px);
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--joyfullbase .brandlist-element-contents .brandlist-element-read {
    width: min(44.2857142857vw, 620px);
  }
}
#lineup.archive .brandlist .brandlist-element--thishouse a h2 {
  z-index: 2;
  transform: translateZ(0);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element--thishouse a h2 {
    width: 31vw;
    filter: drop-shadow(0.875vw 0.875vw 0.625vw rgba(0, 0, 0, 0.6));
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--thishouse a h2 {
    width: min(17.6428571429vw, 247px);
    filter: drop-shadow(min(0.5vw, 7px) min(0.5vw, 7px) min(0.3571428571vw, 5px) rgba(0, 0, 0, 0.6));
  }
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element--thishouse .brandlist-element-contents .brandlist-element-visual {
    height: 20vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--thishouse .brandlist-element-contents .brandlist-element-visual {
    width: calc(100% - min(47.8571428571vw, 670px));
    order: 2;
  }
}
#lineup.archive .brandlist .brandlist-element--thishouse .brandlist-element-contents .brandlist-element-visual .brandlist-element-img {
  position: absolute;
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element--thishouse .brandlist-element-contents .brandlist-element-visual .brandlist-element-img--01 {
    width: 30.25vw;
    height: 30.25vw;
    left: -13.75vw;
    top: -37.5vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--thishouse .brandlist-element-contents .brandlist-element-visual .brandlist-element-img--01 {
    width: min(23vw, 322px);
    height: min(23vw, 322px);
    right: 0;
    top: max(-9.2857142857vw, -130px);
  }
}
@media (max-width: 767px) {
  #lineup.archive .brandlist .brandlist-element--thishouse .brandlist-element-contents .brandlist-element-visual .brandlist-element-img--02 {
    width: 22.375vw;
    left: 5vw;
    top: -8.75vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--thishouse .brandlist-element-contents .brandlist-element-visual .brandlist-element-img--02 {
    width: min(17.3571428571vw, 243px);
    height: min(17.3571428571vw, 243px);
    right: min(20vw, 280px);
    top: min(5vw, 70px);
  }
}
@media (min-width: 768px) {
  #lineup.archive .brandlist .brandlist-element--thishouse .brandlist-element-contents .brandlist-element-read {
    width: min(47.8571428571vw, 670px);
    order: 1;
  }
}
#lineup.archive .decoration-bottom {
  position: relative;
  background-color: #000;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #lineup.archive .decoration-bottom {
    width: 87.5vw;
    height: 0.25vw;
    margin-bottom: 12.5vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .decoration-bottom {
    width: min(85.7142857143vw, 1200px);
    height: min(0.0714285714vw, 1px);
    margin-bottom: min(5.7142857143vw, 80px);
  }
}
#lineup.archive .decoration-bottom figure {
  position: absolute;
  z-index: 2;
  right: 0;
}
@media (max-width: 767px) {
  #lineup.archive .decoration-bottom figure {
    width: 21vw;
    top: -6.25vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .decoration-bottom figure {
    width: min(12vw, 168px);
    top: max(-3.5714285714vw, -50px);
  }
}
#lineup.archive .decoration-bottom figure img {
  width: 100%;
}
#lineup.archive .banner {
  background-color: #f5f2e9;
}
@media (max-width: 767px) {
  #lineup.archive .banner {
    padding: 7.5vw 0;
  }
}
@media (min-width: 768px) {
  #lineup.archive .banner {
    padding: min(4.2857142857vw, 60px) 0;
  }
}
#lineup.archive .banner .banner-full {
  margin: 0 auto;
}
@media (max-width: 767px) {
  #lineup.archive .banner .banner-full {
    width: 82.5vw;
  }
}
@media (min-width: 768px) {
  #lineup.archive .banner .banner-full {
    width: min(68.9285714286vw, 965px);
  }
}
#lineup.archive .banner .banner-full a {
  display: block;
  width: 100%;
}
#lineup.archive .banner .banner-full a figure {
  width: 100%;
}
#lineup.archive .banner .banner-full a figure img {
  width: 100%;
}

.ripples {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1/1;
  z-index: 0;
}
@media (max-width: 767px) {
  .ripples {
    width: 221.75vw;
  }
}
@media (min-width: 768px) {
  .ripples {
    width: 148.1428571429vw;
  }
}
.ripples__element {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ripples__element span {
  display: block;
  width: 100%;
  height: 100%;
  border: solid #fff 1px;
  border-radius: 50%;
  opacity: 0;
  animation-duration: 10s;
  animation-delay: 1s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  transform-origin: center;
}
.ripples__element--01 {
  width: 100%;
  height: 100%;
}
.ripples__element--01 span {
  animation-name: ripples1;
}
.ripples__element--02 {
  width: 80%;
  height: 80%;
}
.ripples__element--02 span {
  animation-name: ripples2;
}
.ripples__element--03 {
  width: 30%;
  height: 30%;
}
.ripples__element--03 span {
  animation-name: ripples2;
}/*# sourceMappingURL=lineup.css.map */