:root {
  --pc: 1366 * 100vw;
  --sp: 375 * 100vw;
}

#main {
  color: #7B471A;
  font-family: "Shippori Mincho";
}
#main .fade, #main .fade2, #main .slideup, #main .blur, #main .blur2 {
  opacity: 0;
}
#main .fade.active {
  animation: fade 0.5s ease-in-out forwards;
}
#main .fade2.active {
  animation: fade 0.8s ease-in-out forwards;
}
#main .slideup.active {
  animation: slideup 0.5s ease-in-out forwards;
}
#main .blur.active {
  animation: blur 0.8s ease-in-out forwards 0.2s;
}
#main .blur2.active {
  animation: blur 0.8s ease-in-out forwards;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideup {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes blur {
  0% {
    opacity: 0;
    filter: blur(20px);
    transform: scale(102%);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: scale(100%);
  }
}
@font-face {
  font-family: "Shippori Mincho";
  src: url("font/ShipporiMincho-Medium.ttf");
}
#main section.kv-area {
  width: calc(536 / var(--pc));
  margin: 0 auto;
  position: relative;
}
#main section.kv-area .kvimg {
  width: 100%;
  display: block;
}
#main section.kv-area .kvtxt {
  position: absolute;
  width: calc(464 / var(--pc));
  top: calc(37 / var(--pc));
  left: calc(36 / var(--pc));
  display: block;
}
#main section.read {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(12 / var(--pc));
  text-align: center;
  padding-top: calc(30 / var(--pc));
  letter-spacing: 0.08em;
  line-height: 1.83;
}
#main section.feature {
  position: relative;
  margin: calc(200 / var(--pc)) auto;
  width: calc(453 / var(--pc));
}
#main section.feature .look-container .slide-mask {
  width: calc(453 / var(--pc));
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
#main section.feature .look-container .slide-mask .slide-wrap {
  display: flex;
}
#main section.feature .look-container .slide-mask .slide-wrap .item {
  width: calc(453 / var(--pc));
  flex-shrink: 0;
}
#main section.feature .look-container .slide-mask .slide-wrap img {
  width: 100%;
  display: block;
}
#main section.feature .look-container .txt {
  padding-top: calc(30 / var(--pc));
}
#main section.feature .look-container .txt p {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(12 / var(--pc));
  letter-spacing: 0.37em;
  line-height: 2.08;
  text-align: center;
}
#main section.feature .look-container .price {
  font-family: "goldenbook", serif;
  font-weight: 400;
  font-size: calc(11 / var(--pc));
  letter-spacing: 0.06em;
  line-height: 1.73;
  text-align: center;
  position: relative;
  margin: calc(50 / var(--pc)) auto 0;
}
#main section.feature .look-container .price a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#main section.feature .look-container .no {
  width: calc(450 / var(--pc));
  padding-bottom: calc(9 / var(--pc));
}
#main section.feature .look-container .img01 {
  padding-top: calc(36 / var(--pc));
  width: calc(347 / var(--pc));
  margin: 0 auto;
}
#main section.feature .look-container .img02 {
  padding-top: calc(36 / var(--pc));
  width: 100%;
  margin: 0 auto;
}
#main section.txt {
  font-family: "goldenbook", serif;
  font-weight: 400;
  font-size: calc(11 / var(--pc));
  line-height: 1.36;
  text-align: center;
  padding-bottom: calc(31 / var(--pc));
}
@media (max-width: 768px) {
  #main section.kv-area {
    width: 100%;
  }
  #main section.kv-area .kvtxt {
    width: calc(324 / var(--sp));
    top: calc(26 / var(--sp));
    left: calc(26 / var(--sp));
  }
  #main section.read {
    font-size: calc(10 / var(--sp));
    padding-top: calc(23 / var(--sp));
    line-height: 1.8;
  }
  #main section.feature {
    margin: calc(100 / var(--sp)) auto;
    width: 100%;
  }
  #main section.feature .look-container .slide-mask {
    width: 100%;
  }
  #main section.feature .look-container .slide-mask .slide-wrap .item {
    width: 100%;
  }
  #main section.feature .look-container .txt {
    padding-top: calc(30 / var(--sp));
  }
  #main section.feature .look-container .txt p {
    font-size: calc(11 / var(--sp));
  }
  #main section.feature .look-container .price {
    font-size: calc(12 / var(--sp));
    line-height: 1.8;
    margin: calc(37 / var(--sp)) auto 0;
  }
  #main section.feature .look-container .no {
    width: calc(352 / var(--sp));
    padding-left: calc(10 / var(--sp));
    padding-bottom: calc(10 / var(--sp));
  }
  #main section.feature .look-container .img01 {
    width: calc(287 / var(--sp));
    padding-top: calc(30 / var(--sp));
  }
  #main section.feature .look-container .img02 {
    padding-top: calc(30 / var(--sp));
  }
  #main section.feature02, #main section .feature03, #main section .feature04, #main section .feature05, #main section .feature06, #main section .feature07 {
    padding-top: calc(50 / var(--sp));
  }
  #main section.txt {
    font-size: calc(12 / var(--sp));
    padding-bottom: calc(49 / var(--sp));
    padding-top: calc(50 / var(--sp));
  }
  #main section.txt p span {
    display: none;
  }
}/*# sourceMappingURL=summer_0522.css.map */