@charset "UTF-8";
/*
 * Lift Dryer redesign — 2026-10-30
 * The existing YA-MAN LP supplies the unchanged contents and styles.
 * Only changed PSD regions and purchase UX are defined in this additive sheet.
 */
#contents .revision-block,
#contents .revision-order,
#contents .revision-purchase,
#contents .revision-product,
#contents .revision-single,
#contents .revision-oil {
  width: 100%;
  max-width: 750px;
  margin: 0;
  box-sizing: border-box;
  background: #fff;
}
#contents .revision-block img,
#contents .revision-order img,
#contents .revision-oil img,
.fv img {
  display: block;
  width: 100%;
  height: auto;
}
#contents .revision-product,
#contents .revision-single,
#contents .revision-oil,
#contents .revision-purchase { line-height: 0; }
#contents .revision-purchase { background: #fff; }
#contents .revision-purchase--1,
#contents .revision-purchase--3 {
  padding-top: .533333%;
  padding-bottom: 7.6%;
}
#contents .revision-purchase--2,
#contents .revision-purchase--4 {
  padding-top: 1.133333%;
  padding-bottom: 9.066667%;
}
#contents .revision-purchase__buttons { width: 100%; }
#contents .revision-purchase__link {
  display: block;
  line-height: 0;
  position: relative;
  outline-offset: 4px;
  -webkit-tap-highlight-color: transparent;
}
#contents .revision-purchase__official {
  width: 90.533333%;
  margin: 0 auto;
}
#contents .revision-purchase__shops {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  width: 89.866667%;
  column-gap: 2.07715%;
  row-gap: min(2.93333vw, 22px);
  margin: 5.2% auto 0;
}
#contents .revision-purchase--2 .revision-purchase__shops,
#contents .revision-purchase--4 .revision-purchase__shops {
  margin-top: 4.933333%;
}
#contents .revision-purchase__link img { width: 100%; height: auto; }
@media (hover: hover) and (pointer: fine) {
  #contents .revision-purchase__link,
  #contents .revision-single__hit { transition: opacity .22s ease, transform .22s ease; }
  #contents .revision-purchase__link:hover { opacity: .85; transform: translateY(-2px); }
}
#contents .revision-purchase__link:focus-visible,
#contents .revision-single__hit:focus-visible,
#contents .revision-purchase__link:active { opacity: .8; transform: translateY(1px); }

/* The three colored purchase tiles are real links over the exported PSD artwork. */
#contents .revision-single { position: relative; background: #f6f6f6; }
#contents .revision-single__hit {
  position: absolute;
  left: 5.2%;
  width: 90.6%;
  height: 22.2%;
  border-radius: 12px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
#contents .revision-single__hit--white { top: 18.5%; }
#contents .revision-single__hit--gold { top: 45%; }
#contents .revision-single__hit--pink { top: 71%; }
.revision-sr-only {
  position: absolute !important;
  width: 1px; height: 1px; padding: 0;
  margin: -1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}

/* Existing motion, video and product-information markup is deliberately retained. */
#contents .point { padding-bottom: 0; }
#contents .revision-oil { background: #706c72; }
#contents .revision-oil__slider { position: relative; width: 100%; overflow: hidden; }
#contents .revision-oil__slide { display: none; width: 100%; }
#contents .revision-oil__slide.is-active { display: block; }
#contents .revision-oil__slide img { width: 100%; }
#contents .revision-oil__arrow {
  position: absolute;
  top: 17%;
  bottom: 13%;
  width: 11%;
  border: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
}
#contents .revision-oil__arrow--prev { left: 2%; }
#contents .revision-oil__arrow--next { right: 2%; }
#contents .revision-oil__slider:has(.revision-oil__slide--straight.is-active) .revision-oil__arrow::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%; width: 16px; height: 16px;
  border-top: 2px solid #777;
  border-right: 2px solid #777;
}
#contents .revision-oil__slider:has(.revision-oil__slide--straight.is-active) .revision-oil__arrow--prev::after {
  transform: translate(-50%,-50%) rotate(-135deg);
}
#contents .revision-oil__slider:has(.revision-oil__slide--straight.is-active) .revision-oil__arrow--next::after {
  transform: translate(-50%,-50%) rotate(45deg);
}
#contents .revision-oil__slide--straight {
  aspect-ratio: 750 / 560;
  box-sizing: border-box;
  background: #fff;
  font-family: "Noto Sans JP", sans-serif;
  text-align: left;
  line-height: 1.35;
}
#contents .revision-oil__straight-eyebrow { font-size: clamp(11px,2.4vw,20px); }
#contents .revision-oil__straight-eyebrow strong {
  display: inline-block;
  margin-left: .5em;
  border-radius: 2em;
  padding: .2em 1em;
  color: #fff;
  background: #222;
}
#contents .revision-oil__straight-panel h3 {
  font-size: clamp(18px,4vw,36px);
  font-family: serif;
  line-height: 1.4;
  font-weight: 600;
  margin-top: 6%;
  position: relative;
  z-index: 2;
}
#contents .revision-oil__straight-panel p {
  font-size: clamp(11px,1.95vw,17px);
  font-weight: 500;
  margin-top: 6%;
  position: relative;
  z-index: 2;
}
#contents .revision-oil__straight-bottle {
  position: absolute;
  right: 4%; top: 5%; bottom: 8%;
  width: 31%;
  background: url('../images/rev_oil_straight_bottle.png') center / contain no-repeat;
  mix-blend-mode: multiply;
}
#contents .revision-oil__straight-foot {
  position: absolute;
  left: 5%; right: 5%; bottom: 5%;
  padding: 4% 3%;
  background: #fff;
  text-align: center;
  font-size: clamp(11px,2vw,16px);
}

/* Keep the original SNS movie carousel interactive without requiring third-party CDN JS. */
#contents .revision-sns-viewport { width: 100%; overflow: hidden; }
#contents #snsmovie {
  width: 100%;
  display: flex;
  align-items: stretch;
  transition: transform .48s ease;
  will-change: transform;
}
#contents #snsmovie > div {
  flex: 0 0 50%;
  min-width: 0;
  padding: 0 5px;
  box-sizing: border-box;
}
#contents #snsmovie video { width: 100%; height: auto; border-radius: 6px; }
#contents .custom-arrow { background: none; }
#contents .custom-arrow:hover { opacity: .7; }
@media (max-width: 750px) {
  #contents .revision-oil__straight-panel h3 { font-size: clamp(16px,4.2vw,32px); }
  #contents .revision-oil__straight-panel p { font-size: clamp(10px,2.2vw,17px); }
}
@media (prefers-reduced-motion: reduce) {
  #contents #snsmovie { transition: none; }
  #contents .revision-purchase__link { transition: none; }
}