.header, .neck_widget, .footer_widget, #cookie-notice {
  display: none;
}
.yks-page {
  --yks-blue: #0787c9;
  --yks-blue-2: #47a7dc;
  --yks-blue-dark: #0478bb;
  --yks-blue-deep: #006ba9;
  --yks-pale: #eefaff;
  --yks-pale-2: #e4f7ff;
  --yks-pink: #ef3c7c;
  --yks-ink: #0a527d;
  --yks-text: #254f68;
  --yks-shadow: 0 4px 15px rgba(20, 119, 171, .13);
  --yks-max: 1180px;
  --yks-scroll-offset: 76px;
  --yks-font: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --yks-font-round: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Noto Sans JP", sans-serif;
  color: var(--yks-text);
  background: #fff;
  font-family: var(--yks-font);
  font-size: 15px;
  line-height: 2;
  letter-spacing: .015em;
  overflow: clip;
}
.yks-page,
.yks-page * { box-sizing: border-box; }
.yks-page img { display: block; max-width: 100%; height: auto; }
.yks-page a { color: inherit; text-decoration: none; }
.yks-page button { font: inherit; }
.yks-page section[id] { scroll-margin-top: var(--yks-scroll-offset); }
.yks-inner { width: min(calc(100% - 52px), var(--yks-max)); margin-inline: auto;z-index: 10;position: relative; }
.yks-section { position: relative; padding: 92px 0; }
.yks-section--pale { background: #e6f8ff; }
.yks-center { display: flex; justify-content: center; }
.yks-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.yks-external-icon{display:inline-block;flex:0 0 auto;width:18px;height:18px;background:currentColor;-webkit-mask:url("/wp-content/uploads/2026/09/external-link.svg") center/contain no-repeat;mask:url("/wp-content/uploads/2026/09/external-link.svg") center/contain no-repeat}
.yks-external-icon--blue{color:#0B76BE}
.yks-external-icon--white{color:#fff}
.yks-lineup-card>.yks-external-icon{display:inline-block;width:16px;height:16px;margin-top:0}
.yks-buy-card b .yks-external-icon{width:15px;height:15px;}
.yks-final-cta__button span .yks-external-icon{width:18px;height:18px}
.yks-final-cta .yks-external-icon {
  color: #EF2B78;
}
.yks-anchor-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgb(247, 251, 253,.97);
  backdrop-filter: blur(10px);
}
.yks-anchor-nav__inner { display: flex; align-items: center; min-height: 66px; gap: 34px; }
.yks-anchor-nav__logo { flex: 0 0 auto; width: 118px; }
.yks-anchor-nav__logo img { width: 100%; }
.yks-anchor-nav__scroller {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(18px, 2.05vw, 34px);
  margin-left: auto;
  min-width: 0;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
}
.yks-anchor-nav__scroller::-webkit-scrollbar { display: none; }
.yks-anchor-nav__scroller a {
  position: relative;
  padding: 22px 0 19px;
  color: var(--yks-blue-dark);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
	font-family: var(--yks-font-round);
}
.yks-anchor-nav__scroller a::after {
  content: "";
  position: absolute;
  left: 50%; right: 50%; bottom: 11px;
  height: 2px;
  background: var(--yks-pink);
  transition: left .2s ease, right .2s ease;
}
.yks-anchor-nav__scroller a:is(:hover,.is-active)::after { left: 0; right: 0; }
.yks-hero { position: relative; background: #fff; }
.yks-hero__visual { display: block; width: 100%; overflow: hidden; }
.yks-hero__visual img { width: 100%; }
.yks-purchase-badge {
  position: fixed;
  z-index: 100;
  bottom: max(24px, calc((50vw - 1240px) / 2));
  right: max(24px, calc((50vw - 1240px) / 2));
  display: grid;
  place-items: center;
  width: 118px;
  aspect-ratio: 1;
  background: url(/wp-content/uploads/2026/09/buy_btn.png) no-repeat;
  background-size: contain;
  color: #fff !important;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
	font-family: var(--yks-font-round);
	z-index: 9999;
}
.yks-hero__lead {
  position: relative;
  color: #fff;
}
.yks-hero__lead::before {
  content: "";
  background: #59ace7;
  width: 100%;
  height: 70%;
  top: 110px;
  left: 0;
  position: absolute;
}
.yks-hero__ridge {
  position: absolute;
  left: 0; right: 0; top: 0;
  width: 100%;
  height: auto;
  transform: translateY(-5px);
  pointer-events: none;
}
.yks-hero__lead-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 70px;
  min-height: 350px;
  padding-top: 106px;
}
.yks-hero__catch,
.yks-hero__description { margin: 0; font-family: var(--yks-font-round); }
.yks-hero__catch {
  padding-left: 112px;
  font-size: clamp(34px, 3.25vw, 52px);
  line-height: 1.55;
  font-weight: 600;
  letter-spacing: .12em;
  text-shadow: 0 2px 3px rgba(0,74,126,.2);
}
.yks-hero__catch strong { font-weight: 700; }
.yks-hero__description {
  padding-left: 44px;
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.9;
  font-weight: 700;
  letter-spacing: .08em;
}
.yks-section-heading { max-width: 800px; margin: 0 auto 54px; text-align: center; }
.yks-section-heading--wide { max-width: 980px; }
.yks-section-heading h2 {
  margin: 0;
  color: var(--yks-blue-dark);
  font-family: var(--yks-font-round);
  font-size: clamp(28px, 2.5vw, 30px);
  line-height: 1.65;
  font-weight: 500;
  letter-spacing: .07em;
}
.yks-section-heading p {
  margin: 22px 0 0;
  color: var(--yks-text);
  font-size: 16px;
  font-weight: 500;
  line-height: 2.3;
}
.yks-subheading { margin: 62px auto 42px; text-align: center; }
.yks-subheading h3 {
  margin: 24px 0 32px;
  color: var(--yks-blue-dark);
  font-family: var(--yks-font-round);
  font-size: clamp(24px, 2.15vw, 26px);
  line-height: 1.55;
  letter-spacing: .06em;
  font-weight: 500;
}
.yks-subheading p {
  margin: 8px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 2.3;
}
.yks-outline-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  min-height: 20px;
  padding: 15px 20px;
  box-sizing: border-box;
  background: url("/wp-content/uploads/2026/09/pink-outline-label-white.png") center center / 100% 100% no-repeat;
  color: var(--yks-pink);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  letter-spacing: .06em;
  font-size: clamp(16px, 2.35vw, 18px);
  font-family: var(--yks-font-round);
}
.yks-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 48px;
  padding: 8px 28px;
  border-radius: 999px;
  background: var(--yks-blue-dark);
  color: #fff !important;
  font-weight: 800;
  letter-spacing: .05em;
  box-shadow: 0 5px 11px rgba(0,109,171,.16);
}
.yks-note { font-size: 11px !important; line-height: 1.7 !important; }
.yks-product {
  position: relative;
  padding: 48px 24px 80px;
  background:
    url("/wp-content/uploads/2026/09/blue_back.jpg") center / cover no-repeat;
}
.yks-product__sheet {
  position: relative;
  width: min(100%, 1500px);
  margin: 0 auto;
  background:
    url("/wp-content/uploads/2026/09/shape-pc.svg") center / 150vh 100% no-repeat;
}
.yks-product__sheet::before {
  content: "";
  background: url(/wp-content/uploads/2026/09/character_r.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 50px;
  right: 10px;
  width: 90px;
  height: 120px;
}
.yks-product__inner {
  position: relative;
  padding: 72px 90px 70px;
  min-height: 760px;
}
.yks-product__inner::before {
  content: "";
  background: url(/wp-content/uploads/2026/09/crystal_back_l.png);
  position: absolute;
  left: 30px;
  top: 90px;
  background-size: contain;
  width: 12%;
  height: 80%;
  background-repeat: space;
}
.yks-product__inner::after {
  content: "";
  background: url(/wp-content/uploads/2026/09/crystal_back_r.png) no-repeat;
  position: absolute;
  right: 30px;
  top: 90px;
  background-size: contain;
  width: 12%;
  height: 80%;
  background-repeat: space;
}
.yks-product__card {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  gap: 40px;
}
.yks-product__image {
  display: flex;
  justify-content: center;
}
.yks-product__image img {
  width: min(100%, 330px);
}
.yks-product__copy {
  text-align: center;
  margin: 0 auto;
}
.yks-product__copy h2 {
  margin: 0 0 28px;
}
.yks-product__copy h2 img {
  width: min(100%, 420px);
  margin: 0 auto;
}
.yks-product__copy p {
  margin: 0 0 28px;
  color: #0076c3;
  font-size: 18px;
  line-height: 2;
  font-weight: 600;
  font-family: var(--yks-font-round);
}
.yks-product__spec {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 36px 0 30px;
  color: #0076c3;
  justify-content: center;
}
.yks-product__spec span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  height: 40px;
  border: 2px solid #0076c3;
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 1px;
  border-radius: 3px;
}
.yks-product__spec strong {
  font-size: 28px;
  font-weight: 500;
}
.yks-note {
  margin-top: 28px;
  font-size: 14px !important;
  line-height: 1.9 !important;
  font-weight: 500 !important;
}
.yks-product__deco-drop {
  position: absolute;
  right: 22px;
  bottom: 18px;
  width: 92px;
}
.yks-azumino { padding-top: 78px; padding-bottom: 105px; }
.yks-azumino .yks-section-heading{position:relative;width:100%;padding-inline:clamp(70px,14vw,180px);max-width: unset;}
.yks-azumino .yks-section-heading h2{position:relative;z-index:1;margin-inline:auto}
.yks-azumino .yks-section-heading::before,.yks-azumino .yks-section-heading::after{content:"";position:absolute;top:50%;width:clamp(55px,8vw,115px);height:clamp(80px,11vw,155px);background-position:center;background-repeat:no-repeat;background-size:contain;transform:translateY(-50%);pointer-events:none;z-index:0}
.yks-azumino .yks-section-heading::before{left:clamp(12px,5vw,80px);background-image:url("/wp-content/uploads/2026/09/azumino_shizuku_l.png")}
.yks-azumino .yks-section-heading::after{right:clamp(12px,5vw,80px);background-image:url("/wp-content/uploads/2026/09/azumino_shizuku_r.png")}
.yks-story-card {
  display: grid;
  grid-template-columns: 1.04fr .96fr;
  align-items: center;
  gap: clamp(46px, 6vw, 86px);
  margin-top: 38px;
  padding: clamp(34px, 4.8vw, 66px) clamp(30px, 4.8vw, 62px);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 9px rgba(12,114,163,.11);
}
.yks-story-card__copy h3 {
  margin: 28px 0 24px;
  color: var(--yks-blue-dark);
  font-family: var(--yks-font-round);
  font-size: clamp(25px, 2.35vw, 37px);
  line-height: 1.75;
  letter-spacing: .06em;
  font-weight: 500;
}
.yks-story-card__copy p { margin: 0 0 15px; font-weight: 500; line-height: 2.5; }
.yks-story-card__media { overflow: hidden; background: #fff; }
.yks-story-card__media img { width: 100%; object-fit: cover; object-position: 50% 24%; }
.yks-story-card__media--diagram img { object-fit: cover; object-position: center 12%; transform: scale(1.01); }
.yks-story-card__media--map {
  aspect-ratio: 1.03 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
}
.yks-story-card__media--map img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  transform: none;
}
.yks-yukigata { padding-top: 116px; padding-bottom: 104px; background: #fff; }
.yks-yukigata::before {
  content: "";
  background: url(/wp-content/uploads/2026/09/mountain_back.png) no-repeat;
  background-size: cover;
  height: 100px;
  position: absolute;
  top: -40px;
  width: 100%;
  background-color: #ECF9FE;
	z-index: 10;
}
.yks-panorama-scroll { margin-top: 50px; }
.yks-panorama-scroll__inner img { width: 100%; }
.yks-scroll-hint { display: none; margin: 11px 0 0; color: var(--yks-blue-dark); text-align: right; font-size: 12px; font-weight: 800; }
.yks-yukigata__lead {  text-align: center; }
.yks-snow-title{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 38px 46px;
  background: url("/wp-content/uploads/2026/09/frame_blue.svg") center center / 100% 100% no-repeat;
  color: var(--yks-blue-dark);
  font-size: 30px;
  font-weight: 500;
  line-height: 1.7;
  font-family: var(--yks-font-round);
}
.yks-yukigata__text {
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 2.6;
  padding: 20px 0 30px;
}
.yks-yukigata__text p { margin: 14px 0; }
.yks-seasons { margin: 58px 0 70px; }
.yks-seasons img { width: 100%; }
.yks-yukigata-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 28px; margin-top: 48px; }
.yks-yukigata-grid article { text-align: center; }
.yks-yukigata-grid img { width: 100%; object-fit: cover; object-position: top;}
.yks-yukigata-grid h4 {
  margin: 15px 0 6px;
  color: var(--yks-blue-dark);
  font-size: 19px;
  line-height: 1.55;
  font-family: var(--yks-font-round);
  font-weight: 500;
}
.yks-yukigata-grid p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 500;
  text-align: left;
  padding: 0 5px;
}
.yks-package-box__title{grid-area:title;margin:0;text-align:center;color:var(--yks-blue-dark);font-family:var(--yks-font-round);font-size:clamp(26px,2vw,34px);line-height:1.5;font-weight: 500;}
.yks-package-box__image{grid-area:image;display:flex;align-items:center;justify-content:center}
.yks-package-box__image img{display:block;width:100%;max-width:100%;height:auto}
.yks-package-box__copy{grid-area:copy}
.yks-package-box__copy p{margin:0 0 24px;font-size:16px;line-height:2;font-weight:500}
.yks-package-box__copy p:last-child{margin-bottom:0}
.yks-package-box{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;grid-template-areas:"title title" "image copy";align-items:center;column-gap:clamp(30px,4vw,58px);row-gap:clamp(28px,3vw,45px);width:100%;max-width:none;margin-top:72px;padding:clamp(54px,5vw,78px) clamp(48px,5vw,72px) clamp(56px,5vw,74px);box-sizing:border-box;background:transparent}
.yks-package-box::before{content:"";position:absolute;inset:0;background:url("/wp-content/uploads/2026/09/package-frame.svg") center/100% 100% no-repeat;pointer-events:none;z-index:0}
.yks-package-box>*{position:relative;z-index:1;min-width:0}
.yks-sustainability{padding-top:94px;padding-bottom:118px}
.yks-sustainability__box{padding:60px 52px 54px;border:5px solid rgba(24,142,197,.5);background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.9),transparent 35%),linear-gradient(145deg,rgba(204,245,255,.75),rgba(234,251,255,.86));box-shadow:inset 0 0 46px rgba(255,255,255,.8);border-radius: 8px;}
.yks-three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.yks-three-grid article h3{margin:0 0 18px;color:var(--yks-blue-dark);text-align:center;font-size:19px;line-height:1.5;letter-spacing:.05em;font-family: var(--yks-font-round);font-weight: 500;}
.yks-three-grid article p {
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 1.8;
  font-weight: 500;
  padding: 0 10px;
}
.yks-sustainability .yks-center{margin-top:42px}
.yks-sustainability .yks-buy-card {
  background: unset;
  box-shadow: unset;
}
.yks-sustainability .yks-buy-card span {
  border-radius: 100px;
  padding: 8px 8px 8px 20px;
  font-weight: 500;
}
.yks-sustainability .yks-buy-card span .yks-external-icon {
  transform: unset;
}
.yks-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0 12px}
.yks-three-grid article{min-width:0}
.yks-sustainability-photo{display:block;width:97%;max-width:100%;height:auto;aspect-ratio:531/397;margin:0 auto;overflow:visible}
.yks-button{position:relative;padding-left:70px;padding-right:70px}
.yks-button .yks-external-icon{position:absolute;right:26px;top:50%;width:24px;height:24px;padding:0;background:currentColor;border-radius:0;transform:translateY(-50%)}
.yks-knowledge {
  padding-top: 118px;
  padding-bottom: 108px;
  background:
    radial-gradient(ellipse at 12% 35%, rgba(255,255,255,.9), transparent 23%),
    radial-gradient(ellipse at 84% 52%, rgba(255,255,255,.75), transparent 20%),
    linear-gradient(180deg, #e6f8ff, #edfaff);
	z-index:2;
}
.yks-sustainability span {
  background: var(--yks-blue-dark);
}
.yks-sustainability .yks-buy-card:hover {
  background: unset;
}
.yks-section-heading--water{position:relative;left:50%;display:grid;place-items:center;width:100vw;aspect-ratio:1922/508;margin:0;transform:translateX(-50%);padding:0;background:url("/wp-content/uploads/2026/09/water-heading-bg.png") center/100% 100% no-repeat;max-width: unset;}
.yks-section-heading--water h2{margin:0;padding:0;text-align:center}
.yks-table-scroll { padding: 6px 0 12px; font-family: var(--yks-font-round);}
.yks-water-table{width:100%;min-width:800px;border-collapse:separate;border-spacing:0;background:transparent}
.yks-water-table thead{background:transparent}
.yks-water-table thead tr{background:transparent}
.yks-water-table thead th{height:66px;padding:0 22px 18px;border:0;background:transparent!important;box-shadow:none;color:var(--yks-pink);font-size:16px;font-weight:700}
.yks-water-table tbody td { color: var(--yks-blue-dark); font-size: 13px; font-weight: 600; }
.yks-water-table tbody{filter:drop-shadow(0 10px 8px rgba(10,117,174,.28))}
.yks-water-table tbody th,.yks-water-table tbody td{height:115px;box-shadow: inset -6px 0 7px -7px rgba(20, 134, 187, 0.95);border-bottom:1px solid #5eb7e0;background:#fff;color:var(--yks-blue-dark);text-align: center;}
.yks-water-table .is-highlight > * { background: #4ea3d3; color: #fff; }
.yks-water-table tbody tr>*:last-child{box-shadow:none}
.yks-water-table{box-shadow:none}
.yks-water-table tbody tr:last-child>*{border-bottom:none}
.yks-water-table th,.yks-water-table td{vertical-align:middle}
.yks-table-source { margin: 10px 0 0; text-align: right; font-size: 10px; }
.yks-table-caption {
  margin: 36px 0 70px;
  color: var(--yks-blue-dark);
  text-align: center;
  font-size: 19px;
  line-height: 2;
  font-weight: 500;
  font-family: var(--yks-font-round);
}
.yks-table-caption strong { font-weight: 600; }
.yks-knowledge-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 36px; }
.yks-knowledge-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 388px;
  padding: 38px 34px 0;
  background: rgba(255,255,255,.96);
  box-shadow: 0 7px 15px rgba(19,109,159,.17);
  border-radius: 8px;
}
.yks-knowledge-card .yks-outline-label { align-self: center; }
.yks-knowledge-card h3 { margin: 28px 0 18px; color: var(--yks-blue-dark); font-family: var(--yks-font-round); font-size: 25px; text-align: center; font-weight: 500; }
.yks-knowledge-card p {
  margin: 0 0 28px;
  font-size:clamp(13px,1.1vw,15px);
  font-weight: 500;
}
.yks-detail-trigger {
  position: relative;
  width: calc(100% + 68px);
  min-height: 68px;
  margin: auto -34px 0;
  border: 0;
  background: #3c99cd;
  color: #fff;
  cursor: pointer;
  border-radius: 0 0 4px 4px;
  letter-spacing: .1em;
}
.yks-detail-trigger span {
  position: absolute;
  left: 50%; bottom: -17px;
  display: grid;
  place-items: center;
  width: 34px;
  aspect-ratio: 1;
  transform: translateX(-50%);
  border-radius: 50%;
  background: var(--yks-pink);
  color: #fff;
  font-size: 23px;
  line-height: 1;
}
.yks-details { margin-top: 76px; }
.yks-detail-panel {
  position: relative;
  margin-top: 40px;
  padding: 46px 40px 50px;
  border: 2px solid var(--yks-blue-dark);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 7px rgba(0,106,169,.12);
}
.yks-detail-panel[hidden] { display: none; }
.yks-detail-panel h3 { margin: 25px 0 22px; color: var(--yks-blue-dark); font-family: var(--yks-font-round); font-size: 28px;font-weight: 500; }
.yks-detail-panel p { margin: 0 0 16px; font-weight: 500; }
.yks-detail-close {
  position: absolute;
  top: 18px; right: 18px;
  display: grid;
  place-items: center;
  width: 36px;
  aspect-ratio: 1;
  border: 0;
  border-radius: 50%;
  background: var(--yks-pink);
  color: #fff;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
}
.yks-scale-wrap{margin-top:32px}
.yks-scale-image{display:block;width:min(100%,700px);height:auto;margin:0 auto}
.yks-mini-table-title{margin:36px 0 34px;padding:14px 24px;border-radius:6px;background:var(--yks-blue-dark);color:#fff;font-family:var(--yks-font-round);font-size:18px;font-weight:600;line-height:1.5;text-align:center;letter-spacing:.04em}
.yks-mini-table{margin-top:0;font-family:var(--yks-font-round);filter:drop-shadow(0 14px 18px rgba(10,117,174,.34)) drop-shadow(0 4px 7px rgba(10,117,174,.18))}
.yks-mini-table>div{display:grid;grid-template-columns:1fr 1fr}
.yks-mini-table__head>*{padding:0 24px 18px;border:0;background:transparent;color:var(--yks-pink);font-size:16px;font-weight:700;text-align:center}
.yks-mini-table__row{background:#fff}
.yks-mini-table__row>*{display:flex;align-items:center;justify-content:center;min-height:115px;padding:24px;border:0;border-bottom:1px solid #5eb7e0;background:#fff;color:var(--yks-blue-dark);font-size:13px;font-weight:600;line-height:1.8;text-align:center}
.yks-mini-table__row>*:first-child{box-shadow:inset -6px 0 7px -7px rgba(20,134,187,.95)}
.yks-mini-table__row:first-of-type{box-shadow:0 -4px 10px rgba(10,117,174,.12),-6px 0 10px -8px rgba(10,117,174,.35),6px 0 10px -8px rgba(10,117,174,.35)}
.yks-mini-table__row:last-child{box-shadow:0 10px 10px -4px rgba(10,117,174,.28),-6px 0 10px -8px rgba(10,117,174,.35),6px 0 10px -8px rgba(10,117,174,.35)}
.yks-mini-table__row:last-child>*{border-bottom:0}
.yks-mini-table__row:first-of-type>*:first-child{border-radius:8px 0 0 0}
.yks-mini-table__row:first-of-type>*:last-child{border-radius:0 8px 0 0}
.yks-mini-table__row:last-child>*:first-child{border-radius:0 0 0 8px}
.yks-mini-table__row:last-child>*:last-child{border-radius:0 0 8px 0}
.yks-knowledge::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  width: 100%;
  height: 100%;
  background: url("/wp-content/uploads/2026/09/wave_back.jpg") center bottom/100% auto no-repeat;
  mix-blend-mode: multiply;
  pointer-events: none;
  opacity: 0.5;
}
.yks-knowledge>.yks-inner,.yks-knowledge>.yks-section-heading{position:relative;z-index:1}
.yks-history{padding-top:100px;padding-bottom:100px;background:#eefaff;position: relative;z-index: 1;}
.yks-history::before {
  background: url(/wp-content/uploads/2026/09/back-history.png);
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
	background-size: contain;
}
.yks-history-scroll{overflow-x:auto;overflow-y:hidden;width:100%;padding:10px 0 30px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}
.yks-history-scroll::-webkit-scrollbar{display:none}
.yks-history-scroll:active{cursor:grabbing}
.yks-history-track{position:relative;display:flex;flex-wrap:nowrap;gap:48px;width:max-content;min-width:max-content}
.yks-history-track::before{content:"";position:absolute;left:170px;right:170px;top:20px;height:1px;background:#168dce;z-index:0}
.yks-history-track article{position:relative;flex:0 0 340px;width:340px;min-width:340px;text-align:center;scroll-snap-align:start}
.yks-history-date{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px}
.yks-history-date img {
  display: block;
  width: 32px;
  height: auto;
  background: #e2f5fc;
  padding: 5px;
}
.yks-history-date time{color:var(--yks-blue-dark);font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:600;line-height:1.3;letter-spacing:.04em}
.yks-history-image{display:block;width:100%;height:260px;margin-top:34px;object-fit:contain}
.yks-history-track p{margin:16px 0 0;color:var(--yks-text);font-size:14px;font-weight:600;line-height:1.9}
.yks-scroll-hint--history{display:block;margin-top:12px;text-align:right}
.yks-history-track .yks-history-image{display:block;width:auto;max-width:100%;height:260px;margin:34px auto 0;object-fit:contain}
.yks-history-slide-wrap{position:relative}
.yks-history-swipe {
  position: absolute;
  top: 40%;
  left: 50%;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px 16px;
  border-radius: 100px;
  background: rgba(255,255,255,.88);
  color: var(--yks-blue-dark);
  box-shadow: 0 4px 14px rgba(0,112,176,.14);
  transform: translateX(-50%);
  pointer-events: none;
	width: 60%;
	justify-content: center;
  text-align: center;
}
.yks-history-swipe img{width:28px;height:auto;animation:yksSwipeHand 1.8s ease-in-out infinite}
.yks-history-swipe span{font-size:17px;opacity:.6}
.yks-history-swipe{transition:opacity .35s ease,visibility .35s ease}
.yks-history-swipe.is-hidden{opacity:0;visibility:hidden}
.yks-history-swipe p{margin:0 0 0 4px;font-size:11px;font-weight:600;letter-spacing:.06em}
@keyframes yksSwipeHand{0%,100%{transform:translateX(-8px);opacity:.45}50%{transform:translateX(8px);opacity:1}}
.yks-lineup { padding-top: 96px; padding-bottom: 118px; background: #eefaff; }
.yks-brand-mini { width: 160px; margin: 0 auto 20px; }
.yks-product-grid { display: grid; grid-template-columns: repeat(4,1fr); align-items: end; gap: 40px; }
.yks-lineup-card { position: relative; text-align: center; }
.yks-lineup-card img { width: 100%; height: 330px; object-fit: contain; mix-blend-mode: multiply; }
.yks-lineup-card h3 { margin: 12px 0 0; color: var(--yks-blue-dark); font-size: 19px; letter-spacing: .04em; font-family: var(--yks-font-round);font-weight:500;}
.yks-lineup-card > span { display: inline-grid; place-items: center; width: 35px; aspect-ratio: 1; margin-top: 9px; border-radius: 50%; background: var(--yks-blue-dark); color: #fff; }
.yks-scene-block {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  padding: 85px 0;
}
.yks-scene-block__deco{display:block;width:min(100%,1000px);height:auto;margin-inline:auto}
.yks-scene-block__icons { color: rgba(5,128,194,.11); font-size: 26px; letter-spacing: 9px; }
.yks-scene-block h2 { margin: 26px 0 24px; color: var(--yks-blue-dark); font-family: var(--yks-font-round); font-size: clamp(27px,2.6vw,30px); line-height: 1.65; letter-spacing: .08em;font-weight: 500; }
.yks-scene-block__visual { max-width: 1040px; margin-inline: auto; }
.yks-scene-block__visual img { width: 100%; mix-blend-mode: multiply; }
.yks-buy-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:140px;align-items:end}
.yks-buy-card{position:relative;background:var(--yks-blue-dark);border-radius:10px;text-align:center;padding: 10px 10px 0;}
.yks-buy-card img{display:block;width:100%;height:auto;object-fit:contain}
.yks-buy-card span{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:8px 18px;color:#fff;font-size:16px;font-weight:800;letter-spacing:.06em;font-family: var(--yks-font-round);}
.yks-buy-card b{display:grid;place-items:center;width:34px;aspect-ratio:1;border-radius:50%;background:#fff;color:var(--yks-blue-dark)}
.yks-lineup-card--small img{transform:scale(.75);transform-origin:center bottom}
.yks-buy-card.yks-buy-card--yukiyama::before {
  content: "";
  background: url(/wp-content/uploads/2026/09/yukiyamashizuku_set.png) no-repeat;
  background-size: contain;
  max-width: 300px;
  height: 300px;
  position: absolute;
  bottom: 30px;
  z-index: 10;
  width: 100%;
  right: 0;
  left: 0;
  margin: auto;
}
.yks-buy-card.yks-buy-card--waterserver::after {
  content: "";
  background: url(/wp-content/uploads/2026/09/waterserver_set.png) no-repeat;
  background-size: contain;
  max-width: 300px;
  height: 300px;
  position: absolute;
  bottom: 55px;
  z-index: 10;
  width: 100%;
  right: 0;
  left: 0;
  margin: auto;
}
.yks-product-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:40px;isolation:isolate}
.yks-product-grid::before{content:"";position:absolute;left:50%;top:200px;width:100vw;height:clamp(160px,11.9vw,230px);transform:translateX(-50%);background:url("/wp-content/uploads/2026/09/water_back2.png") center/100% 100% no-repeat;z-index:-1;pointer-events:none}
.yks-lineup-card{position:relative;z-index:1;text-align:center}
.yks-product__inner{position:relative;padding:clamp(52px,5vw,72px) clamp(42px,6vw,90px) clamp(54px,5vw,70px);min-height:clamp(620px,52vw,760px)}
.yks-product__image img{width:min(26vw,330px)}
.yks-product__copy h2 img{width:min(34vw,420px);margin:0 auto}
@media(min-width:768px) and (max-width:1024px){.yks-product{padding:36px 20px 64px}.yks-product__sheet{width:min(100%,1500px)}.yks-product__inner{padding:50px 42px 56px;min-height:620px}.yks-product__card{grid-template-columns:.85fr 1.15fr;gap:24px}.yks-product__image img{width:min(28vw,260px)}.yks-product__copy h2 img{width:min(36vw,320px)}.yks-product__copy p{font-size:15px}.yks-product__spec{margin:26px 0 22px}}
@media(max-width:960px){.yks-product{padding:36px 20px 60px}.yks-product__sheet{width:min(100%,680px);background:url("/wp-content/uploads/2026/09/square_maskf_sp.svg") center/100% 100% no-repeat}.yks-product__inner{padding:60px 50px 70px;min-height:0}.yks-product__card{grid-template-columns:1fr;gap:32px;padding:0;border-radius:0;text-align:center}.yks-product__image img{width:min(100%,260px);margin-inline:auto}.yks-product__copy{width:100%;margin:0 auto}.yks-product__copy h2 img{width:min(100%,330px);margin-inline:auto}.yks-product__copy p{font-size:15px;line-height:2}.yks-product__spec{justify-content:center;margin:28px 0 24px}.yks-product__deco-drop{width:72px;right:18px;bottom:14px}}
.yks-stock__box{position:relative;margin-top:70px;padding:70px 60px;background:url("/wp-content/uploads/2026/09/stock_back.jpg") center/100% 100% no-repeat;text-align: center;}
.yks-stock__box > h2 { margin: 0 0 34px; color: var(--yks-blue-dark); font-family: var(--yks-font-round); font-size: 31px; font-weight: 500;}
.yks-stock__box > h3 { display: inline-block; margin: 0 0 33px; padding: 8px 28px; color: var(--yks-blue-dark); font-family: var(--yks-font-round); font-size: clamp(23px,2.2vw,32px); }
.yks-stock__box > p {
  margin: 22px 0 0;
  color: var(--yks-text);
  font-size: 18px;
  font-weight: 500;
  line-height: 2.3;
}
.yks-text-link { color: var(--yks-blue-dark) !important; text-decoration: underline !important; text-underline-offset: 3px; }
.yks-stock__visual { margin-top: 28px; }
.yks-stock__visual img { width: min(560px, 100%); margin-inline: auto; mix-blend-mode: multiply; }
.yks-lineup .yks-hand-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 70px;
  margin: 0 auto 30px;
  padding: 24px 26px !important;
  background: url("/wp-content/uploads/2026/09/hand-frame-blue.png") center/100% 100% no-repeat;
  color: #0B76BE;
  font-family: var(--yks-font-round);
  font-size: clamp(24px,2.2vw,38px);
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  font-size: clamp(23px,2.2vw,27px) !important;
  display: inline-block;
}
.yks-final-cta{position:relative;padding:48px 0;background:#F2FAFF;overflow:hidden}
.yks-final-cta__visual {
  position: relative;
  background: url("/wp-content/uploads/2026/09/final-banner.jpg") center bottom/cover no-repeat;
  overflow: hidden;
  border-top: 14px solid #0B76BE;
  border-bottom: 14px solid #0B76BE;
}
.yks-final-cta__content{position:relative;z-index:2;width:min(calc(100% - 80px),1680px);margin:0 auto;padding-top:35px;font-family:var(--yks-font-round);}
.yks-final-cta__lead {
  margin: 0 0 24px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: .12em;
}.yks-final-cta h2 {
  margin: 0;
  color: #fff;
  font-family: var(--yks-font-round);
  font-size: clamp(30px,3.2vw,44px);
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: .08em;
  text-shadow: 0 2px 8px rgba(0,70,120,.35),0 0 2px rgba(0,70,120,.25);
}
.yks-final-cta__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 480px;
  max-width: 100%;
  margin-top: 72px;
  padding: 14px 35px;
  border-radius: 36px 36px 0 0;
  background: #ef2b78;
  color: #fff !important;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: .04em;
}
.yks-final-cta__button span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:#ef2b78;font-size:24px}
.yks-final-cta__visual::after{content:"";position:absolute;right:5%;bottom:0;width:min(430px,30vw);aspect-ratio:1.45;background:url("/wp-content/uploads/2026/09/final-bottles.png") center bottom/contain no-repeat;z-index:1;pointer-events:none}
.yks-site-footer{display:flex;align-items:center;justify-content:center;width:100%;min-height:330px;padding:70px 30px;background:#fff}
.yks-site-footer__link{display:block;width:min(250px,70vw);transition:opacity .25s ease}
.yks-site-footer__link:hover{opacity:.7}
.yks-site-footer__link img{display:block;width:100%;height:auto}
@media (max-width: 1024px) {
  .yks-page { --yks-scroll-offset: 64px; }
  .yks-anchor-nav__inner { min-height: 60px; }
  .yks-anchor-nav__logo { display: none; }
  .yks-anchor-nav__scroller { justify-content: flex-start; margin-left: 0; }
  .yks-anchor-nav__scroller a { padding: 19px 0 16px; font-size: 12px; }
  .yks-hero__lead-inner { gap: 30px; min-height: 300px; }
  .yks-hero__catch { padding-left: 40px; }
  .yks-hero__description { padding-left: 10px; }
  .yks-product__card { gap: 36px; }
  .yks-story-card { gap: 36px; }
  .yks-three-grid { gap: 20px; }
  .yks-knowledge-cards { gap: 20px; }
  .yks-product-grid { gap: 24px; }
  .yks-lineup-card img { height: 280px; }
}
@media (min-width: 768px) {
  .yks-br-sp { display: none;}
}
.yks-details {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: clamp(18px, 4vw, 54px);
  background: rgba(5, 45, 68, .48);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  overscroll-behavior: contain;
}
.yks-details.is-open {
  display: flex;
  animation: yksModalFade .22s ease both;
}
.yks-details .yks-detail-panel {
  position: relative;
  /*width: min(920px, 100%);*/
  max-height: min(82vh, 780px);
  margin: 0;
  overflow: auto;
  padding: clamp(34px, 4vw, 58px);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 80px rgba(3, 43, 68, .26);
  animation: yksModalUp .26s cubic-bezier(.2,.75,.25,1) both;
  -webkit-overflow-scrolling: touch;
}
.yks-details .yks-detail-panel[hidden] { display: none; }
.yks-details .yks-detail-panel h3 {
  margin-top: 25px;
  padding-right: 48px;
}
body.yks-modal-open { overflow: hidden; }
@keyframes yksModalFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes yksModalUp { from { opacity: 0; transform: translateY(20px) scale(.985); } to { opacity: 1; transform: none; } }
@media (hover:hover) {
  .yks-detail-close { transition: transform .2s ease, background .2s ease; }
  .yks-detail-close:hover { transform: rotate(5deg) scale(1.06); }
}
@media (min-width: 768px) {
  .yks-azumino {
    overflow: visible !important;
    padding-bottom: 0 !important;
  }
  .yks-azumino > .yks-inner {
    width: min(calc(100% - 52px), var(--yks-max));
    overflow: visible;
  }
  .yks-story-stack {
    --yks-story-sticky-top: var(--yks-scroll-offset);
    position: relative;
    width: 100vw;
    max-width: none;
    margin-top: 52px;
    margin-left: calc(50% - 50vw);
    overflow: visible !important;
    isolation: isolate;
  }
  .yks-story-stack::after {
    content: "";
    display: block;
    height: 62svh;
    min-height: 420px;
    pointer-events: none;
  }
  .yks-story-stack > .yks-story-stage__panel {
    position: sticky !important;
    top: var(--yks-story-sticky-top) !important;
    z-index: calc(100 + var(--yks-story-index, 0)) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100vw !important;
    min-height: calc(100svh - var(--yks-story-sticky-top)) !important;
    margin: 0 0 42svh !important;
    padding: clamp(42px, 6vh, 72px) 24px !important;
    overflow: hidden;
    border: 0 !important;
    background:
      linear-gradient(180deg, #eaf9ff 0%, #effaff 100%) !important;
    transform: translateZ(0) !important;
    opacity: 1 !important;
    isolation: isolate;
    will-change: transform;
  }
  .yks-story-stack > .yks-story-stage__panel:last-of-type {
    margin-bottom: 0 !important;
  }
  .yks-story-stack > .yks-story-stage__panel::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 102px;
    pointer-events: none;
    background: url(/wp-content/uploads/2026/09/water_back.png) no-repeat;
    background-size: auto;
    background-size: cover;
    z-index: 10;
  }
  .yks-story-stack > .yks-story-stage__panel::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 7%;
    right: 7%;
    height: 1px;
    pointer-events: none;
  }
  .yks-story-stack > .yks-story-stage__panel .yks-story-card {
    position: relative !important;
    z-index: 1;
    width: min(100%, 1500px) !important;
    max-width: 1500px !important;
    margin: 0 auto !important;
    padding: clamp(38px, 4.2vw, 62px) clamp(32px, 4.8vw, 64px) !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.985) !important;
    box-shadow:
      0 8px 24px rgba(12,114,163,.12),
      0 28px 68px rgba(12,114,163,.09) !important;
    transform: none !important;
    opacity: 1 !important;
  }
  .yks-story-stack > .yks-story-stage__panel.is-stuck {
    box-shadow:
      0 -22px 52px rgba(8, 104, 151, .16),
      0 -2px 0 rgba(255,255,255,.98) inset !important;
  }
}
@media(min-width:768px) and (max-height:820px){.yks-story-stack>.yks-story-stage__panel{padding:24px 24px!important}.yks-story-stack>.yks-story-stage__panel .yks-story-card{padding:28px 38px!important;gap:32px}.yks-story-card__copy h3{margin:16px 0 14px;font-size:clamp(20px,2.3vw,27px);line-height:1.45}.yks-story-card__copy p{margin-bottom:10px;font-size:clamp(12px,1.35vw,14px);line-height:1.85}.yks-story-card__copy .yks-outline-label{padding:10px 16px;font-size:14px}.yks-story-card__media img{max-height:58vh;object-fit:cover}}

.yks-menu-toggle,
.yks-menu-backdrop,
.yks-mobile-nav { display: none; }
.yks-reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.yks-reveal.is-visible{opacity:1;transform:translateY(0)}
.yks-reveal--left{opacity:0;transform:translateX(-40px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1)}
.yks-reveal--left.is-visible{opacity:1;transform:translateX(0)}
.yks-reveal--right{opacity:0;transform:translateX(40px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1)}
.yks-reveal--right.is-visible{opacity:1;transform:translateX(0)}
.yks-reveal--scale{opacity:0;transform:scale(.94);transition:opacity .9s ease,transform 1.1s cubic-bezier(.22,1,.36,1)}
.yks-reveal--scale.is-visible{opacity:1;transform:scale(1)}
.yks-reveal-delay-1{transition-delay:.1s}
.yks-story-card__media{overflow:hidden}
.yks-story-card__media img{transition:transform 1.4s cubic-bezier(.22,1,.36,1)}
.yks-story-card__media.is-visible img{transform:scale(1)}
.yks-product__image{opacity:0;transform:translateY(50px) scale(.96);transition:opacity 1s ease,transform 1.2s cubic-bezier(.22,1,.36,1)}
.yks-product__image.is-visible{opacity:1;transform:translateY(0) scale(1)}
.yks-reveal-delay-2{transition-delay:.2s}
.yks-reveal-delay-3{transition-delay:.3s}
.yks-reveal-delay-4{transition-delay:.4s}
@media (max-width: 767px){
.yks-product {
    padding: 24px 14px 48px;
    background:
      url("/wp-content/uploads/2026/09/blue_back.jpg") center / cover no-repeat;
  }
  .yks-product__sheet {
    background:
      url("/wp-content/uploads/2026/09/square_maskf_sp.svg") center / 100% 100% no-repeat;
  }
	.yks-product__sheet::before {
		width: 70px;
		height: 100px;
		bottom: 0;
	}
  .yks-product__inner {
    padding: 42px 24px 54px;
    min-height: auto;
  }
  .yks-product__card {
    grid-template-columns: 1fr;
    gap: 28px;
    text-align: center;
  }
  .yks-product__image img {
    width: min(100%, 220px);
    margin-inline: auto;
  }
  .yks-product__copy h2 img {
    width: min(100%, 270px);
    margin-inline: auto;
  }
  .yks-product__copy p {
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 20px;
  }
  .yks-product__spec {
    justify-content: center;
    gap: 16px;
    margin: 24px 0 20px;
  }
  .yks-product__spec span {
    min-width: 64px;
    height: 40px;
    font-size: 18px;
  }
  .yks-product__spec strong {
    font-size: 34px;
  }
  .yks-note {
    font-size: 11px !important;
    line-height: 1.8 !important;
    text-align: left;
  }
  .yks-product__deco-drop {
    width: 64px;
    right: 10px;
    bottom: 8px;
  }
.yks-azumino .yks-section-heading{padding-inline:clamp(45px,15vw,70px)}.yks-azumino .yks-section-heading::before,.yks-azumino .yks-section-heading::after{width:clamp(38px,12vw,55px);height:clamp(55px,17vw,80px)}.yks-azumino .yks-section-heading::before{left:4px}.yks-azumino .yks-section-heading::after{right:4px}
.yks-package-box{left:50%;grid-template-columns:1fr;grid-template-areas:"title" "image" "copy";width:calc(100vw - 28px);max-width:none;margin-top:52px;transform:translateX(-50%);padding:56px 28px 60px;column-gap:0;row-gap:28px}.yks-package-box::before{background-image:url("/wp-content/uploads/2026/09/package-frame-sp.svg");background-position:center;background-size:100% 100%}.yks-package-box__title{font-size:22px;line-height:1.6}.yks-package-box__image{width:100%}.yks-package-box__image img{display:block;width:100%;max-width:100%;height:auto;margin:0 auto}.yks-package-box__copy{width:100%}.yks-package-box__copy p{font-size:12px;line-height:1.9}
.yks-package-box{position:relative;left:auto;width:100%;max-width:none;margin:52px 0 0;padding:56px 20px 64px;transform:none;grid-template-columns:1fr;grid-template-areas:"title" "image" "copy";gap:28px}.yks-package-box::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:50%;width:calc(100vw - 24px);background:url("/wp-content/uploads/2026/09/package-frame-sp.svg") center/100% 100% no-repeat;transform:translateX(-50%);pointer-events:none}.yks-package-box>*{position:relative;z-index:1;min-width:0}.yks-package-box__title{grid-area:title;width:100%;margin:0;text-align:center}.yks-package-box__image{grid-area:image;display:flex;width:100%;align-items:center;justify-content:center}.yks-package-box__image img{display:block;width:100%;max-width:100%;height:auto;margin:0 auto}.yks-package-box__copy{grid-area:copy;width:100%;padding:0}.yks-package-box__copy p{font-size:12px;line-height:1.9}
.yks-scale-wrap{margin-top:20px}.yks-scale-image{width:100%}
.yks-mini-table{width:100%;overflow:visible;padding:6px 0 18px}.yks-mini-table>div{grid-template-columns:1fr 1fr;min-width:0;width:100%}.yks-mini-table__head>*{min-width:0;padding:0 8px 12px;font-size:12px}.yks-mini-table__row>*{min-width:0;min-height:92px;padding:14px 8px;font-size:11px;line-height:1.7;overflow-wrap:anywhere;word-break:normal}.yks-mini-table-title{margin-top:28px;padding:12px 14px;font-size:13px}
.yks-history{padding-top:70px;padding-bottom:70px}.yks-history-scroll{margin-inline:-15px;width:calc(100% + 30px);padding-inline:15px}.yks-history-track{gap:20px}.yks-history-track::before{left:39vw;right:39vw}.yks-history-date time{font-size:22px}.yks-history-image{height:230px}.yks-buy-card:first-child{margin-bottom:140px}
.yks-product{padding:24px 14px 48px}.yks-product__sheet{width:100%;background: url("/wp-content/uploads/2026/09/square_maskf_sp.svg") center/150% 100% no-repeat;}.yks-product__inner{padding:42px 24px 54px}.yks-product__image img{width:min(100%,220px)}.yks-product__copy h2 img{width:min(100%,270px)}.yks-product__copy p{font-size:13px;line-height:1.9}
.yks-hand-frame{min-height:90px;padding:20px 28px;font-size:22px}
.yks-final-cta{position:relative;padding:28px 0 110px;border-top-width:8px;border-bottom-width:8px}.yks-final-cta__visual{position:relative;min-height:460px;padding-bottom:250px;background-position:center bottom}.yks-final-cta__content{position:static;width:calc(100% - 20px);padding-top:42px}.yks-final-cta__lead{margin-bottom:18px;font-size:13px}.yks-final-cta h2{font-size:27px;line-height:1.6}.yks-final-cta__button{position:absolute;left:20px;right:20px;bottom:-260px;z-index:5;width:auto;margin:0;padding: 15px 22px; font-size: 19px;}.yks-final-cta__button span{width:36px;height:36px;font-size:18px}.yks-final-cta__visual::after {
    right: 0;
    width: 78%;
    max-width: 250px;
    left: 0;
    margin: auto;
    bottom: 70px;
  }
.yks-site-footer{min-height:220px;padding:55px 25px}.yks-site-footer__link{width:min(290px,72vw)}
  .yks-page { --yks-scroll-offset: 56px; font-size: 14px; line-height: 1.9; }
  .yks-inner { width: min(calc(100% - 30px), var(--yks-max)); }
  .yks-section { padding: 68px 0; }
  .yks-anchor-nav__inner { width: 100%; min-height: 54px; padding-inline: 15px; }
  .yks-anchor-nav__scroller { gap: 22px; }
  .yks-anchor-nav__scroller a { padding: 17px 0 14px; font-size: 11px; }
  .yks-anchor-nav__scroller a::after { bottom: 8px; }
  .yks-br-pc { display: none;}
 .yks-br-sp { display: block;}
  .yks-hero__visual { height: 430px; }
  .yks-hero__visual img { width: auto; max-width: none; height: 100%; margin-left: 50%; transform: translateX(-50%); }
  .yks-purchase-badge { bottom: 16px; right: 16px; width: 84px; outline-width: 2px; font-size: 12px; top: auto;}
.yks-hero__lead::before {
  content: "";
  height: 150%;
  top: 50px;
  left: 0;
  position: absolute;
}
  .yks-hero__lead-inner { grid-template-columns: 1fr; gap: 14px; min-height: 300px; padding: 54px 0 36px; }
  .yks-hero__ridge { width: 160%; max-width: none; left: 50%; transform: translate(-50%,-5px); }
  .yks-hero__catch { padding: 0; font-size: 31px; line-height: 1.55;width: 60%; }
  .yks-hero__description { padding: 0; font-size: 15px; line-height: 1.8; }
  .yks-section-heading { margin-bottom: 36px; }
  .yks-section-heading h2 { font-size: 22px; line-height: 1.6; padding: 10px 0;}
  .yks-section-heading p { margin-top: 16px; font-size: 12px; }
  .yks-outline-label { min-height: 37px; padding: 3px 18px; font-size: 12px; }
  .yks-subheading { margin: 44px auto 28px; }
  .yks-subheading h3 { margin-top: 18px; font-size: 23px; }
  .yks-product { padding: 44px 0 68px; }
  .yks-product__card { grid-template-columns: 1fr; gap: 12px; padding: 36px 22px 42px; border-radius: 32px 28px 35px 26px / 28px 34px 27px 33px; }
  .yks-product__image img { width: 190px; }
  .yks-product__copy h2 { font-size: 39px; }
  .yks-product__copy p { font-size: 13px; }
  .yks-product__spec { justify-content: center; font-size: 19px; }
  .yks-azumino { padding-top: 68px; padding-bottom: 78px; }
  .yks-story-card { grid-template-columns: 1fr; gap: 24px; margin-top: 24px; padding: 28px 21px 31px; }
  .yks-story-card__media { order: -1; }
  .yks-story-card__copy h3 { margin: 19px 0 17px; font-size: 23px; line-height: 1.65; }
  .yks-story-card__copy p { font-size: 12px; }
  .yks-yukigata { padding-top: 80px; padding-bottom: 74px; }
  .yks-panorama-scroll { margin-inline: -15px; overflow-x: auto; padding: 0 15px 12px; }
  .yks-scroll-hint { display: block; }
   .yks-yukigata__lead h3 {
    font-size: 18px;
    padding: 38px 26px;width: 100%;
  }
  .yks-yukigata__text,.yks-subheading p { font-size: 12px; }
  .yks-seasons { margin: 42px 0 48px; overflow: hidden; }
  .yks-seasons img { width: 165%; max-width: none; transform: translateX(-20%); }
  .yks-yukigata-grid { grid-template-columns: 1fr 1fr; gap: 34px 14px; }
  .yks-yukigata-grid h4 { font-size: 15px; }
  .yks-yukigata-grid p { font-size: 10px; }
  .yks-package-box { grid-template-columns: 1fr; gap: 24px; margin-top: 52px; padding: 28px 20px; border-radius: 24px; }
  .yks-package-box__copy h3 { font-size: 22px; }
  .yks-package-box__copy p { font-size: 12px; }
  .yks-sustainability { padding-top: 70px; padding-bottom: 78px; }
  .yks-sustainability__box { width: calc(100% - 20px); padding: 34px 17px 30px; border-width: 3px; }
  .yks-sustainability__box .yks-section-heading p br { display: none; }
  .yks-three-grid { grid-template-columns: 1fr; gap: 36px; }
  .yks-three-grid article h3 { font-size: 16px;margin: 0 0 8px; }
  .yks-three-grid article img { aspect-ratio: 1.6 / 1; }
  .yks-sustainability .yks-button { font-size: 12px; padding-inline: 18px;margin: unset; }
  .yks-knowledge { padding-top: 80px; padding-bottom: 76px; }
  .yks-table-scroll { margin-inline: -15px; padding-inline: 15px;overflow-x: scroll; }
  .yks-water-table { min-width: 760px; }
  .yks-water-table th,
  .yks-water-table td { padding: 18px 14px; }
  .yks-table-caption { margin-bottom: 48px; font-size: 14px; }
  .yks-knowledge-cards { grid-template-columns: 1fr; gap: 26px; }
  .yks-knowledge-card { min-height: 310px; padding: 30px 24px 0; }
  .yks-detail-trigger { width: calc(100% + 48px); margin-inline: -24px; }
  .yks-details { margin-top: 54px; }
  .yks-detail-panel { padding: 28px 20px 32px; }
  .yks-detail-panel h3 { font-size: 23px; padding-right: 38px; }
  .yks-detail-panel p { font-size: 12px; }
  .yks-detail-close { top: 13px; right: 13px; width: 32px; }
  .yks-scale { grid-template-columns: 1fr; gap: 4px; margin-top: 32px; }
  .yks-scale span { min-height: 82px; border-radius: 8px !important; }
  .yks-mini-table { overflow-x: auto; }
  .yks-history{padding-top:70px;padding-bottom:70px}.yks-history-top{grid-template-columns:1fr;gap:60px;margin-top:50px}.yks-history-top::before{display:none}.yks-history-date time{font-size:22px}.yks-history-image{height:220px;margin-top:24px}.yks-history-bottom-wrap{margin-top:70px}.yks-history-scroll{margin-inline:-15px;padding-inline:15px}.yks-history-bottom{grid-auto-columns:78%;gap:20px}.yks-history-slide-hint{position:static;width:max-content;min-width:0;height:auto;margin:10px 0 0 auto;padding:8px 16px;transform:none;background:var(--yks-blue-dark);font-size:11px;}
	.yks-history::before {
  background: url(/wp-content/uploads/2026/09/back-history.png) no-repeat;
		content: "";
	background-size: cover;
}
  .yks-lineup { padding-top: 70px; padding-bottom: 72px; }
  .yks-brand-mini { width: 90px; }
  .yks-product-grid { grid-template-columns: 1fr 1fr; gap: 44px 12px; }
  .yks-lineup-card img { height: 210px; }
  .yks-lineup-card h3 { font-size: 13px; }
  .yks-lineup-card > span { width: 45px; }
  .yks-scene-block{margin-top:64px;padding: 30px 0;}.yks-scene-block__deco{width:100%}.yks-scene-block h2{margin:36px 0;font-size:24px}
  .yks-scene-block h2,.yks-scene-block__visual{position:relative;z-index:3}
  .yks-scene-block h2 {position:relative;margin:26px 0 24px;color:var(--yks-blue-dark);font-family:var(--yks-font-round);font-size:clamp(27px,2.6vw,40px);line-height:1.65;letter-spacing:.08em}
  .yks-scene-block__icons { font-size: 18px; letter-spacing: 2px; white-space: nowrap; overflow: hidden; }
  .yks-scene-block h2 { font-size: 24px; }
  .yks-scene-block__visual { margin-inline: -15px; overflow: hidden; }
  .yks-scene-block__visual img { width: 138%; max-width: none; transform: translateX(-14%); }
  .yks-buy-grid { grid-template-columns: 1fr; gap: 18px; }
  .yks-buy-card.yks-buy-card--yukiyama::before {
  content: "";
  background: url(/wp-content/uploads/2026/09/yukiyamashizuku_set.png) no-repeat;
  background-size: contain;
  max-width: 200px;
  height: 200px;
	}
	.yks-buy-card.yks-buy-card--waterserver::after {
		content: "";
		background: url(/wp-content/uploads/2026/09/waterserver_set.png) no-repeat;
		background-size: contain;
		max-width: 200px;
		height: 200px;
	}
  .yks-buy-card span { font-size: 11px; }
  .yks-stock__box { margin-top: 70px; padding: 38px 18px 32px; }
  .yks-stock__box > h2 { font-size: 26px; }
  .yks-stock__box > h3 { font-size: 21px; padding: 7px 12px; }
  .yks-stock__box > p { font-size: 11px; }
  .yks-final-cta { overflow: hidden; }
  .yks-final-cta > img { width: 150%; max-width: none; transform: translateX(-17%); }
  .yks-final-cta__link { left: 8%; bottom: 10%; width: 38%; height: 28%; }
  .yks-details .yks-detail-panel {
    width: 100%;
    max-height: 88vh;
    padding: 28px 20px 34px;
    border-radius: 18px 18px 8px 8px;
  }
  .yks-details .yks-detail-panel h3 { padding-right: 42px; }
  .yks-detail-close { width: 38px; margin: -7px -5px 0 0; font-size: 24px; }
  .yks-story-stack > .yks-story-stage__panel {
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 18px !important;
    border-radius: 22px !important;
  }
  .yks-story-stack > .yks-story-stage__panel:last-of-type {
    margin-bottom: 0 !important;
  }
  .yks-anchor-nav {
    z-index: 10020;
  }
  .yks-anchor-nav__inner {
    justify-content: space-between;
    gap: 14px;
  }
  .yks-anchor-nav__scroller {
    display: none;
  }
  .yks-anchor-nav__logo {
    display: block;
    width: 102px;
  }
  .yks-menu-toggle {
    position: relative;
    flex: 0 0 44px;
    display: block;
    width: 44px;
    height: 44px;
    margin-left: auto;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #eef9fe;
    color: var(--yks-blue-dark);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .yks-menu-toggle span {
    position: absolute;
    left: 11px;
    width: 22px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: top .24s ease, transform .24s ease, opacity .18s ease;
  }
  .yks-menu-toggle span:nth-child(1) { top: 14px; }
  .yks-menu-toggle span:nth-child(2) { top: 21px; }
  .yks-menu-toggle span:nth-child(3) { top: 28px; }
  .yks-menu-backdrop {
    position: fixed;
    z-index: 10030;
    inset: 0;
    display: block;
    background: rgba(8, 49, 72, .38);
    opacity: 0;
    visibility: hidden;
    transition: opacity .26s ease, visibility .26s ease;
  }
  .yks-mobile-nav {
    position: fixed;
    z-index: 10040;
    top: 0;
    right: 0;
    display: block;
    width: min(88vw, 390px);
    height: 100dvh;
    padding: 22px 24px 32px;
    overflow-y: auto;
    background: #fff;
    box-shadow: -18px 0 55px rgba(6, 75, 111, .18);
    transform: translate3d(102%, 0, 0);
    transition: transform .34s cubic-bezier(.22,1,.36,1);
    overscroll-behavior: contain;
  }
  .yks-mobile-nav__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    padding-bottom: 14px;
    border-bottom: 1px solid #dceff7;
  }
  .yks-mobile-nav__head strong {
    color: var(--yks-blue-dark);
    font-size: 13px;
    letter-spacing: .16em;
  }
  .yks-mobile-nav__close {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0 0 2px;
    border: 0;
    border-radius: 50%;
    background: #eef9fe;
    color: var(--yks-blue-dark);
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
  }
  .yks-mobile-nav nav {
    padding-top: 10px;
  }
  .yks-mobile-nav nav a {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 56px;
    padding: 13px 3px;
    border-bottom: 1px solid #e4f1f6;
    color: var(--yks-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
	  font-family: var(--yks-font-round);
  }
  .yks-mobile-nav nav a span {
    flex: 0 0 28px;
    color: var(--yks-pink);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
  }
  .yks-mobile-nav nav a.is-active {
    color: var(--yks-blue-dark);
  }
  body.yks-menu-open {
    overflow: hidden;
  }
  body.yks-menu-open .yks-menu-backdrop {
    opacity: 1;
    visibility: visible;
  }
  body.yks-menu-open .yks-mobile-nav {
    transform: translate3d(0, 0, 0);
  }
  body.yks-menu-open .yks-menu-toggle span:nth-child(1) {
    top: 21px;
    transform: rotate(45deg);
  }
  body.yks-menu-open .yks-menu-toggle span:nth-child(2) {
    opacity: 0;
  }
  body.yks-menu-open .yks-menu-toggle span:nth-child(3) {
    top: 21px;
    transform: rotate(-45deg);
  }
  .yks-menu-toggle:focus-visible,
  .yks-mobile-nav__close:focus-visible,
  .yks-mobile-nav nav a:focus-visible {
    outline: 3px solid rgba(7,135,201,.28);
    outline-offset: 3px;
  }
	.yks-lineup .yks-hand-frame {display: block;}
	.yks-buy-card b {position: relative;}
	.yks-sustainability .yks-button .yks-external-icon {right: 0;margin: auto;left: 0;top: auto;}
}
@media(min-width:768px){.yks-history-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:30px;scrollbar-width:thin;scrollbar-color:#168dce rgba(22,141,206,.12);cursor:default}.yks-history-scroll:active{cursor:default}.yks-history-scroll::-webkit-scrollbar{display:block;height:8px}.yks-history-scroll::-webkit-scrollbar-track{background:rgba(22,141,206,.12);border-radius:100px}.yks-history-scroll::-webkit-scrollbar-thumb{background:#168dce;border-radius:100px}}
@media (max-width: 480px){
.yks-hero__visual { height: 390px; }
  .yks-product-grid { gap-inline: 8px; }
  .yks-lineup-card img { height: 185px; }
}
@media (prefers-reduced-motion: reduce){
.yks-page *,
  .yks-page *::before,
  .yks-page *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
  .yks-details,
  .yks-details .yks-detail-panel { animation: none !important; transition: none !important; }
  .yks-mobile-nav,
  .yks-menu-backdrop,
  .yks-menu-toggle span { transition: none !important; }
.yks-reveal,.yks-reveal--left,.yks-reveal--right,.yks-reveal--scale{opacity:1;transform:none;transition:none}
}

.yks-table-scroll-wrap{
  position:relative;
  overflow-x:auto;
}.yks-table-swipe{display:none}
@media(max-width:767px){.yks-table-swipe{position:absolute;top:95px;left:50%;z-index:10;display:flex;align-items:center;gap:8px;padding:20px 16px;border-radius:100px;background:rgba(255,255,255,.88);color:var(--yks-blue-dark);box-shadow:0 4px 14px rgba(0,112,176,.14);transform:translateX(-50%);pointer-events:none;white-space:nowrap;transition:opacity .35s ease,visibility .35s ease;width: 60%;
    justify-content: center;
    text-align: center;}.yks-table-swipe img{width:28px;height:auto;animation:yksTableSwipeHand 1.8s ease-in-out infinite}.yks-table-swipe span{font-size:17px;opacity:.6}.yks-table-swipe p{margin:0 0 0 4px;font-size:11px;font-weight:600;letter-spacing:.06em}.yks-table-swipe.is-hidden{opacity:0;visibility:hidden}@keyframes yksTableSwipeHand{0%,100%{transform:translateX(-8px);opacity:.45}50%{transform:translateX(8px);opacity:1}}}

.yks-anchor-nav__scroller a{transition:color .4s ease}
.yks-button span{transition:background-color .4s ease,box-shadow .4s ease,transform .4s ease}
.yks-text-link{transition:color .4s ease,text-decoration-color .4s ease}
.yks-detail-trigger{transition:background-color .4s ease}
.yks-detail-trigger span{transition:background-color .4s ease,color .4s ease,transform .4s ease}
.yks-buy-card b{transition:background-color .4s ease,color .4s ease,transform .4s ease}
.yks-final-cta__button{transition:background-color .4s ease,transform .4s ease,box-shadow .4s ease}
.yks-final-cta__button span{transition:background-color .4s ease,color .4s ease,transform .4s ease}
.yks-purchase-badge{transition:transform .45s cubic-bezier(.22,1,.36,1),filter .4s ease}
.yks-final-cta__button{transition:background-color .4s ease,transform .4s ease,box-shadow .4s ease}
.yks-final-cta__button span{transition:color .4s ease,transform .4s ease}
.yks-buy-card b{transition:color .4s ease,transform .4s ease}
.yks-buy-card,.yks-buy-card span{transition:color .4s ease,transform .4s ease}
.yks-purchase-badge{position:fixed;z-index:9999;bottom:max(24px,calc((50vw - 1240px) / 2));right:max(24px,calc((50vw - 1240px) / 2));display:grid;place-items:center;width:118px;aspect-ratio:1;background:url("/wp-content/uploads/2026/09/buy_btn.png") center/contain no-repeat;color:#fff!important;font-weight:600;font-size:18px;line-height:1.4;text-align:center;font-family:var(--yks-font-round);isolation:isolate;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.yks-purchase-badge::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--yks-blue-dark);-webkit-mask:url("/wp-content/uploads/2026/09/buy_btn.png") center/contain no-repeat;mask:url("/wp-content/uploads/2026/09/buy_btn.png") center/contain no-repeat;opacity:0;transition:opacity .5s ease;pointer-events:none}
@media(hover:hover) and (pointer:fine){.yks-purchase-badge:hover{background:none;transform:scale(1.04)}.yks-purchase-badge:hover::before{opacity:1}
.yks-final-cta__button:hover{background:var(--yks-blue-dark);box-shadow:0 10px 24px rgba(0,107,169,.2)}.yks-final-cta__button:hover .yks-external-icon{color:var(--yks-blue-dark);}.yks-final-cta__button:hover span{color:var(--yks-blue-dark);transform:scale(1.08)}.yks-buy-card:hover i{color:var(--yks-pink);transform:scale(1.08)}
.yks-anchor-nav__scroller a:hover{color:var(--yks-pink)}.yks-button:hover span{background:var(--yks-pink);box-shadow:0 8px 18px rgba(239,60,124,.2)}.yks-text-link:hover{color:var(--yks-pink)!important;text-decoration-color:var(--yks-pink)}.yks-detail-trigger:hover{background:var(--yks-pink)}.yks-detail-trigger:hover span{background:var(--yks-blue-dark);transform:translateX(-50%) scale(1.08)}.yks-final-cta__button:hover{background:var(--yks-blue-dark);box-shadow:0 10px 24px rgba(0,107,169,.2)}.yks-final-cta__button:hover span{color:var(--yks-blue-dark);transform:scale(1.08)}.yks-purchase-badge:hover{transform:translateY(-5px) scale(1.035);filter:drop-shadow(0 8px 10px rgba(0,80,130,.18))}.yks-buy-card:hover {background: var(--yks-pink);}}
@media (max-width: 1024px) {
  .yks-purchase-badge {
    width: 92px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .yks-purchase-badge {
    bottom: 16px;
    right: 16px;
    width: 84px;
    outline-width: 2px;
    font-size: 12px;
    top: auto;
  }
}