#FR250723collection {
  --rate: (100vw / 750);
  --rate-pc: (100vw / 1915);
  --red: #891e12;
  --red-bg: #602222;
  --pink: #ff5e5f;
}
@media screen and (min-width: 768px) {
  #FR250723collection {
    --rate: 0.8 * var(--rate-pc);
  }
}
@media screen and (min-width: 1921px) {
  #FR250723collection {
    --rate-pc: 1px;
  }
}

#FR250723collection {
  background-color: #efece2;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  #FR250723collection {
    display: flex;
  }
}
#FR250723collection img {
  width: 100%;
  height: auto;
}
#FR250723collection .js-fade {
  opacity: 0;
  transition: opacity 800ms, transform 800ms;
}
#FR250723collection .js-fade.-up {
  transform: translateY(2rem);
}
#FR250723collection .js-fade.on {
  opacity: 1;
  transform: translateY(0);
}
#FR250723collection .pc-area {
  display: none;
}
@media screen and (min-width: 768px) {
  #FR250723collection .pc-area {
    display: block;
    width: 56.3446475196%;
    height: calc(100vh - 12rem);
    position: sticky;
    top: 12rem;
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  #FR250723collection .pc-area .img {
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  #FR250723collection .pc-area .img .link {
    position: relative;
    display: block;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  #FR250723collection .pc-area .img .link img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (min-width: 768px) {
  #FR250723collection .pc-area .img .link .txtblk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  #FR250723collection .pc-area .img .link .txtblk .txt {
    position: absolute;
    top: calc(25 * var(--rate-pc));
    font-size: calc(27 * var(--rate-pc));
    letter-spacing: 0.02em;
    color: var(--pink);
    font-family: "benton-modern-display", serif;
    transition: opacity 0.8s;
  }
}
@media screen and (min-width: 768px) {
  #FR250723collection .pc-area .img .link .txtblk .txt:nth-of-type(1) {
    left: calc(28 * var(--rate-pc));
  }
}
@media screen and (min-width: 768px) {
  #FR250723collection .pc-area .img .link .txtblk .txt:nth-of-type(2) {
    right: calc(23 * var(--rate-pc));
  }
}
@media screen and (min-width: 768px) {
  #FR250723collection .pc-area .img .link .ttlblk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  #FR250723collection .pc-area .img .link .ttlblk .ttl {
    font-size: calc(207 * var(--rate-pc));
    letter-spacing: -0.02em;
    font-family: "altesse-std-24pt", sans-serif;
    color: var(--pink);
    position: absolute;
    transition: opacity 0.8s;
  }
}
@media screen and (min-width: 768px) {
  #FR250723collection .pc-area .img .link .ttlblk .ttl._01 {
    bottom: calc(246 * var(--rate-pc));
    left: calc(111 * var(--rate-pc));
  }
}
@media screen and (min-width: 768px) {
  #FR250723collection .pc-area .img .link .ttlblk .ttl._02 {
    bottom: calc(75 * var(--rate-pc));
    left: calc(411 * var(--rate-pc));
  }
}
#FR250723collection .pc-area.off .img .link .txtblk .txt {
  opacity: 0;
}
#FR250723collection .pc-area.off .img .link .ttl {
  opacity: 0;
}
@media screen and (min-width: 768px) {
  #FR250723collection .article-area {
    width: 43.6553524804%;
  }
}
@media screen and (min-width: 768px) {
  #FR250723collection .article-area .inner {
    width: 100%;
    max-width: calc(600 * var(--rate-pc));
    margin: 0 auto;
  }
}
#FR250723collection .main .link {
  position: relative;
}
@media screen and (min-width: 768px) {
  #FR250723collection .main .link {
    display: none;
  }
}
#FR250723collection .main .link .txtblk {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#FR250723collection .main .link .txtblk .txt {
  position: absolute;
  top: calc(27 * var(--rate));
  font-size: calc(24 * var(--rate));
  letter-spacing: 0.02em;
  color: var(--pink);
  font-weight: normal;
  margin-top: 0;
  font-family: "benton-modern-display", serif;
}
#FR250723collection .main .link .txtblk .txt:nth-of-type(1) {
  left: calc(28 * var(--rate));
}
#FR250723collection .main .link .txtblk .txt:nth-of-type(2) {
  right: calc(21 * var(--rate));
}
#FR250723collection .main .link .ttlblk {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#FR250723collection .main .link .ttlblk .ttl {
  font-size: calc(152 * var(--rate));
  letter-spacing: -0.02em;
  font-family: "altesse-std-24pt", sans-serif;
  color: var(--pink);
  position: absolute;
}
#FR250723collection .main .link .ttlblk .ttl._01 {
  bottom: calc(-732 * var(--rate));
  left: calc(55 * var(--rate));
}
#FR250723collection .main .link .ttlblk .ttl._02 {
  bottom: calc(-856 * var(--rate));
  left: calc(299 * var(--rate));
}
#FR250723collection .main .link .ttlblk .txtimg {
  display: block;
  position: absolute;
  left: calc(51 * var(--rate));
  bottom: calc(-837 * var(--rate));
  width: calc(639 * var(--rate));
}
#FR250723collection .main .lead {
  font-size: calc(23 * var(--rate));
  text-align: center;
  color: var(--red);
  letter-spacing: 0.12em;
  line-height: 2.1;
  margin-top: calc(72 * var(--rate));
  font-family: "ten-mincho-text", serif;
}
#FR250723collection .main .txt {
  font-size: calc(24 * var(--rate));
  letter-spacing: 0.08em;
  color: var(--red);
  text-align: center;
  font-weight: bold;
  margin-top: calc(34 * var(--rate));
  font-family: "benton-modern-display", serif;
}
#FR250723collection .fade-slide {
  position: relative;
}
#FR250723collection .fade-slide .swiper-pagination {
  position: absolute;
  right: 0;
  left: auto;
  bottom: calc(-28 * var(--rate));
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: calc(100 * var(--rate));
}
#FR250723collection .fade-slide .swiper-pagination .swiper-pagination-bullet {
  width: calc(10 * var(--rate));
  height: calc(10 * var(--rate));
  border-radius: 50%;
  border: 1px solid var(--red);
  background: transparent;
  opacity: 1;
  margin: 0 calc(4 * var(--rate));
}
#FR250723collection .fade-slide .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--red);
}
#FR250723collection .creditList {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(10 * var(--rate));
}
#FR250723collection .creditList li, #FR250723collection .creditList .link {
  font-size: calc(22 * var(--rate));
  letter-spacing: 0.02em;
  color: var(--red);
  font-style: italic;
  line-height: 1.5;
  font-family: "benton-modern-display", serif;
}
#FR250723collection .sec01 {
  margin-top: calc(89 * var(--rate));
}
#FR250723collection .sec01 .img {
  width: 100%;
  max-width: calc(563 * var(--rate));
  margin: 0 auto;
  position: relative;
}
#FR250723collection .sec01 .img .pos {
  position: absolute;
  top: calc(-78 * var(--rate));
  right: 0;
  bottom: 0;
  left: calc(-18 * var(--rate));
  margin: auto;
  width: calc(590 * var(--rate));
}
#FR250723collection .sec01 .slide {
  width: calc(648 * var(--rate));
  margin: calc(92 * var(--rate)) auto 0;
}
#FR250723collection .sec01 .slide .creditList {
  padding-right: calc(140 * var(--rate));
}
#FR250723collection .sec02 {
  margin-top: calc(86 * var(--rate));
}
#FR250723collection .sec02 .creditList {
  padding-inline: calc(32 * var(--rate)) calc(140 * var(--rate));
  margin-top: calc(22 * var(--rate));
}
#FR250723collection .sec02 .fade-slide .swiper-pagination {
  right: calc(26 * var(--rate));
  bottom: calc(-36 * var(--rate));
}
#FR250723collection .sec03 {
  margin-top: calc(80 * var(--rate));
  width: 100%;
  max-width: calc(648 * var(--rate));
  margin: calc(78 * var(--rate)) auto 0;
}
#FR250723collection .sec03 .slide {
  margin-top: calc(8 * var(--rate));
}
#FR250723collection .sec03 .slide .creditList {
  padding-right: calc(140 * var(--rate));
}
#FR250723collection .sec04 {
  margin-top: calc(90 * var(--rate));
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--rate)) 0;
}
#FR250723collection .sec04 .creditList {
  padding-left: calc(26 * var(--rate));
  margin-top: calc(10 * var(--rate));
}
#FR250723collection .sec04 .creditList li, #FR250723collection .sec04 .creditList .link {
  color: #fff;
}
#FR250723collection .sec05 {
  background-color: var(--red-bg);
  margin-top: calc(-44 * var(--rate));
  padding-block: calc(160 * var(--rate)) calc(128 * var(--rate));
}
#FR250723collection .sec05 .img {
  position: relative;
  width: 100%;
  max-width: calc(560 * var(--rate));
  margin: 0 auto;
}
#FR250723collection .sec05 .img .txt {
  position: absolute;
  width: 100%;
  transition-delay: 0.2s;
}
#FR250723collection .sec05 .img .txt._01 {
  width: calc(671 * var(--rate));
  top: calc(98 * var(--rate));
  left: calc(-52 * var(--rate));
}
#FR250723collection .sec05 .img .txtlink {
  position: absolute;
  width: 100%;
}
#FR250723collection .sec05 .img .txtlink._01 {
  max-width: calc(129 * var(--rate));
  right: calc(138 * var(--rate));
  bottom: calc(-28 * var(--rate));
}
#FR250723collection .sec05 .img .txtlink._02 {
  max-width: calc(95 * var(--rate));
  right: calc(37 * var(--rate));
  bottom: calc(27 * var(--rate));
}
#FR250723collection .sec05 .img .txtlink._03 {
  max-width: calc(54 * var(--rate));
  right: calc(-12 * var(--rate));
  bottom: calc(140 * var(--rate));
}
#FR250723collection .sec06 {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--rate)) 0;
}
#FR250723collection .sec06 .creditList {
  margin-top: calc(19 * var(--rate));
  padding-inline: calc(28 * var(--rate)) calc(160 * var(--rate));
}
#FR250723collection .sec07 {
  margin-top: calc(64 * var(--rate));
}
#FR250723collection .sec07 .slide {
  margin-top: calc(10 * var(--rate));
}
#FR250723collection .sec07 .slide .fade-slide .swiper-pagination {
  right: calc(20 * var(--rate));
}
#FR250723collection .sec07 .slide .fade-slide .swiper-pagination .swiper-pagination-bullet {
  border-color: #fff;
}
#FR250723collection .sec07 .slide .fade-slide .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}
#FR250723collection .sec07 .slide .creditList {
  padding-inline: calc(28 * var(--rate)) calc(160 * var(--rate));
  margin-top: calc(16 * var(--rate));
}
#FR250723collection .sec07 .slide .creditList li, #FR250723collection .sec07 .slide .creditList .link {
  color: #fff;
}
#FR250723collection .sec08 {
  background-color: var(--red-bg);
  margin-top: calc(-84 * var(--rate));
  padding-block: calc(266 * var(--rate)) calc(66 * var(--rate));
}
#FR250723collection .sec08 .img {
  position: relative;
  width: 100%;
  max-width: calc(560 * var(--rate));
  margin: 0 auto;
}
#FR250723collection .sec08 .img .txt {
  display: block;
  position: absolute;
  left: 0;
  bottom: calc(-58 * var(--rate));
  width: calc(568 * var(--rate));
  transition-delay: 0.2s;
}
#FR250723collection .sec08 .img .txtlink {
  display: block;
  width: 100%;
  position: absolute;
}
#FR250723collection .sec08 .img .txtlink._01 {
  max-width: calc(124 * var(--rate));
  right: calc(44 * var(--rate));
  top: 0;
}
#FR250723collection .sec08 .img .txtlink._02 {
  max-width: calc(64 * var(--rate));
  right: calc(-10 * var(--rate));
  top: calc(108 * var(--rate));
}
#FR250723collection .sec08 .btn {
  display: block;
  width: 100%;
  max-width: calc(570 * var(--rate));
  margin: calc(106 * var(--rate)) auto calc(72 * var(--rate)) calc(104 * var(--rate));
}
#FR250723collection .sec08 .name {
  font-size: calc(18 * var(--rate));
  letter-spacing: 0.05em;
  line-height: 1.7;
  text-align: center;
  color: #fff;
  font-family: "benton-modern-display", serif;
}/*# sourceMappingURL=style.css.map */