/* =========================================================
   SOUND INSULATION GUIDE
   /shaon/
========================================================= */

#soundGuide,
#soundGuide * {
  box-sizing: border-box;
}#soundGuide {
  width: 100%;
  margin: 0 auto 60px;
  color: #333;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Yu Gothic",
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
  font-size: 16px;
  line-height: 1.9;
}#soundGuide a {
  color: inherit;
  text-decoration: none;
}#soundGuide img {
  max-width: 100%;
  height: auto;
}#soundGuide .sg-section {
  margin-top: 58px;
}#soundGuide .sg-title {
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  background: none;
  color: #252525;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}#soundGuide .sg-lead {
  max-width: 670px;
  margin: 0 auto 28px;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.95;
  text-align: center;
}/* =========================================================
   HERO
========================================================= */

#soundGuide .sg-hero {
  position: relative;
  overflow: hidden;
  min-height: 330px;
  margin-bottom: 46px;
  border-radius: 6px;

  background-image:
    linear-gradient(
      90deg,
      rgba(247,247,248,.99) 0%,
      rgba(247,247,248,.97) 42%,
      rgba(247,247,248,.69) 59%,
      rgba(247,247,248,.12) 82%
    ),
    url("/base/sg-hero.jpeg");

  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}#soundGuide .sg-hero:before {
  position: absolute;
  right: -65px;
  top: -85px;
  width: 300px;
  height: 300px;
  border: 50px solid rgba(77,105,126,.07);
  border-radius: 50%;
  content: "";
}#soundGuide .sg-hero:after {
  position: absolute;
  right: 65px;
  bottom: -100px;
  width: 260px;
  height: 260px;
  border: 45px solid rgba(122,102,136,.06);
  border-radius: 50%;
  content: "";
}#soundGuide .sg-hero-inner {
  position: relative;
  z-index: 2;
  width: 75%;
  padding: 42px 37px;
}#soundGuide .sg-eyebrow {
  margin-bottom: 8px;
  color: #506b7d;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}#soundGuide .sg-hero h1:where(:not(.as-h2)),
#soundGuide .sg-hero div.h_h1 {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  background: none;
  color: #202020;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
}#soundGuide .sg-hero h1:where(:not(.as-h2)) strong,
#soundGuide .sg-hero div.h_h1 strong {
  color: #4c687b;
}#soundGuide .sg-hero p {
  margin: 0;
  color: #4e4e4e;
  font-size: 15px;
  line-height: 1.95;
}#soundGuide .sg-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}#soundGuide .sg-tags span {
  padding: 6px 11px;
  border: 1px solid #d3dde2;
  border-radius: 30px;
  background: rgba(255,255,255,.9);
  color: #566975;
  font-size: 12px;
  font-weight: 600;
}/* =========================================================
   IMPORTANT
========================================================= */

#soundGuide .sg-important {
  margin-top: 43px;
  padding: 24px 23px;
  border-left: 5px solid #8b7058;
  background: #f7f3ed;
}#soundGuide .sg-important strong {
  display: block;
  margin-bottom: 7px;
  color: #342d28;
  font-size: 17px;
}#soundGuide .sg-important p {
  margin: 0;
  color: #575757;
  font-size: 15px;
  line-height: 1.9;
}/* =========================================================
   3 SOUND IMAGES
========================================================= */

#soundGuide .sg-visuals {
  margin-top: 55px;
  padding: 30px 24px;
  border-radius: 7px;
  background: #f5f7f7;
}#soundGuide .sg-visuals h2,
#soundGuide .sg-visuals h1.as-h2,
#soundGuide .sg-visuals div.h_h2 {
  margin: 0 0 9px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
}#soundGuide .sg-visuals-lead {
  max-width: 670px;
  margin: 0 auto 25px;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.95;
  text-align: center;
}#soundGuide .sg-visual-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}#soundGuide .sg-visual-card {
  margin: 0;
  overflow: hidden;
  border: 1px solid #dce1e3;
  border-radius: 7px;
  background: #fff;
}#soundGuide .sg-visual-card img {
  display: block;
  width: 100%;
  height: auto;
}#soundGuide .sg-visual-card figcaption {
  padding: 15px 14px 17px;
  color: #5a5a5a;
  font-size: 14px;
  line-height: 1.85;
}#soundGuide .sg-visual-card figcaption strong {
  display: block;
  margin-bottom: 5px;
  color: #303030;
  font-size: 15px;
  line-height: 1.6;
}/* =========================================================
   WHAT IS SHAON
========================================================= */

#soundGuide .sg-about {
  margin-top: 55px;
}#soundGuide .sg-about-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
  margin-top: 27px;
}#soundGuide .sg-about-card {
  padding: 22px 20px;
  border: 1px solid #dedede;
  border-radius: 6px;
  background: #fff;
}#soundGuide .sg-about-card:first-child {
  border-top: 5px solid #536f81;
}#soundGuide .sg-about-card:last-child {
  border-top: 5px solid #8b715b;
}#soundGuide .sg-about-card small {
  display: block;
  margin-bottom: 5px;
  color: #6a7881;
  font-size: 12px;
  font-weight: 700;
}#soundGuide .sg-about-card h3 {
  margin: 0 0 9px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 19px;
  line-height: 1.55;
}#soundGuide .sg-about-card p {
  margin: 0;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.9;
}/* =========================================================
   3 PRODUCTS
========================================================= */

#soundGuide .sg-product-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
  margin-top: 28px;
}#soundGuide .sg-product {
  display: flex;
  min-height: 390px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dbdfe1;
  border-radius: 7px;
  background: #fff;
  transition:
    transform .2s ease,
    box-shadow .2s ease;
}#soundGuide .sg-product:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(0,0,0,.08);
}#soundGuide .sg-product-head {
  padding: 20px 17px;
}#soundGuide .sg-product-drape .sg-product-head {
  background: #e9eff3;
}#soundGuide .sg-product-lace .sg-product-head {
  background: #edf3f4;
}#soundGuide .sg-product-liner .sg-product-head {
  background: #f1ede8;
}#soundGuide .sg-product-number {
  display: flex;
  width: 45px;
  height: 45px;
  margin-bottom: 10px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  color: #536e80;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}#soundGuide .sg-product-head small {
  display: block;
  color: #687985;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
}#soundGuide .sg-product-head h3 {
  margin: 4px 0 0;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 18px;
  line-height: 1.55;
}#soundGuide .sg-product-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 18px 17px 20px;
}#soundGuide .sg-product-body > p {
  margin: 0;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.9;
}#soundGuide .sg-product-points {
  margin-top: 14px;
  padding: 12px 13px;
  border-radius: 4px;
  background: #f8f8f7;
}#soundGuide .sg-product-points span {
  display: block;
  position: relative;
  padding-left: 17px;
  color: #555;
  font-size: 14px;
  line-height: 1.85;
}#soundGuide .sg-product-points span:before {
  position: absolute;
  left: 2px;
  color: #5b7483;
  content: "●";
  font-size: 7px;
}#soundGuide .sg-product-more {
  display: block;
  margin-top: auto;
  padding-top: 17px;
  color: #4d687a;
  font-size: 14px;
  font-weight: 700;
}/* =========================================================
   PRODUCT COMPARISON
========================================================= */

#soundGuide .sg-compare-wrap {
  overflow-x: auto;
  margin-top: 27px;
  border: 1px solid #dedede;
  border-radius: 6px;
  -webkit-overflow-scrolling: touch;
}#soundGuide .sg-compare {
  width: 100%;
  min-width: 700px;
  border-collapse: collapse;
  background: #fff;
}#soundGuide .sg-compare th,
#soundGuide .sg-compare td {
  padding: 13px 11px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  color: #505050;
  font-size: 14px;
  line-height: 1.7;
  text-align: center;
  vertical-align: middle;
}#soundGuide .sg-compare th {
  background: #f2f4f5;
  color: #333;
  font-weight: 700;
}#soundGuide .sg-compare th:first-child,
#soundGuide .sg-compare td:first-child {
  width: 135px;
  text-align: left;
  font-weight: 700;
}#soundGuide .sg-best {
  color: #4c687a;
  font-weight: 700;
}/* =========================================================
   HOW TO USE
========================================================= */

#soundGuide .sg-use {
  margin-top: 55px;
  padding: 29px 24px;
  border-radius: 7px;
  background: #f7f8f8;
}#soundGuide .sg-use h2,
#soundGuide .sg-use h1.as-h2,
#soundGuide .sg-use div.h_h2 {
  margin: 0 0 9px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 23px;
  line-height: 1.55;
  text-align: center;
}#soundGuide .sg-use > p {
  max-width: 650px;
  margin: 0 auto 24px;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.9;
  text-align: center;
}#soundGuide .sg-use-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}#soundGuide .sg-use-item {
  padding: 19px 16px;
  border: 1px solid #dedede;
  border-radius: 5px;
  background: #fff;
}#soundGuide .sg-use-item small {
  display: block;
  margin-bottom: 5px;
  color: #607684;
  font-size: 12px;
  font-weight: 700;
}#soundGuide .sg-use-item strong {
  display: block;
  margin-bottom: 7px;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}#soundGuide .sg-use-item p {
  margin: 0;
  color: #5c5c5c;
  font-size: 15px;
  line-height: 1.85;
}/* =========================================================
   TEST DATA
========================================================= */

#soundGuide .sg-data {
  margin-top: 55px;
  padding: 29px 24px;
  border-radius: 7px;
  background: #f4f6f7;
}#soundGuide .sg-data h2,
#soundGuide .sg-data h1.as-h2,
#soundGuide .sg-data div.h_h2 {
  margin: 0 0 9px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 23px;
  text-align: center;
}#soundGuide .sg-data-lead {
  max-width: 650px;
  margin: 0 auto 22px;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.9;
  text-align: center;
}#soundGuide .sg-data-figure {
  margin: 0;
  padding: 18px;
  border: 1px solid #dde1e3;
  border-radius: 6px;
  background: #fff;
}#soundGuide .sg-data-figure img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}#soundGuide .sg-data-figure figcaption {
  margin-top: 12px;
  color: #626262;
  font-size: 13px;
  line-height: 1.85;
}/* =========================================================
   INSTALLATION
========================================================= */

#soundGuide .sg-install-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  margin-top: 27px;
}#soundGuide .sg-install {
  padding: 19px 14px;
  border: 1px solid #dedede;
  border-radius: 5px;
  background: #fff;
  text-align: center;
}#soundGuide .sg-install-icon {
  display: flex;
  width: 48px;
  height: 48px;
  margin: 0 auto 10px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e9eff2;
  color: #536e7c;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}#soundGuide .sg-install strong {
  display: block;
  margin-bottom: 6px;
  color: #333;
  font-size: 15px;
}#soundGuide .sg-install p {
  margin: 0;
  color: #5d5d5d;
  font-size: 14px;
  line-height: 1.8;
}/* =========================================================
   LIMIT
========================================================= */

#soundGuide .sg-limit {
  margin-top: 38px;
  padding: 24px;
  border-left: 5px solid #8a715b;
  background: #f7f3ed;
}#soundGuide .sg-limit strong {
  display: block;
  margin-bottom: 7px;
  color: #342e29;
  font-size: 16px;
}#soundGuide .sg-limit p {
  margin: 0;
  color: #595959;
  font-size: 15px;
  line-height: 1.9;
}/* =========================================================
   FAQ
========================================================= */

#soundGuide .sg-faq {
  margin-top: 27px;
  border-top: 1px solid #ddd;
}#soundGuide .sg-faq-item {
  padding: 20px 6px;
  border-bottom: 1px solid #ddd;
}#soundGuide .sg-faq-q {
  position: relative;
  margin-bottom: 8px;
  padding-left: 35px;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.75;
}#soundGuide .sg-faq-q:before {
  position: absolute;
  left: 0;
  top: -2px;
  color: #4f697b;
  content: "Q";
  font-size: 19px;
  font-weight: 700;
}#soundGuide .sg-faq-a {
  position: relative;
  margin: 0;
  padding-left: 35px;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.9;
}#soundGuide .sg-faq-a:before {
  position: absolute;
  left: 1px;
  top: -3px;
  color: #8a725d;
  content: "A";
  font-size: 18px;
  font-weight: 700;
}/* =========================================================
   RELATED
========================================================= */

#soundGuide .sg-next {
  margin-top: 38px;
  padding: 24px;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  background: #fcfbfa;
}#soundGuide .sg-next strong {
  display: block;
  margin-bottom: 7px;
  color: #333;
  font-size: 16px;
}#soundGuide .sg-next p {
  margin: 0 0 14px;
  color: #5e5e5e;
  font-size: 15px;
  line-height: 1.85;
}#soundGuide .sg-next-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}#soundGuide .sg-next-links a {
  padding: 9px 13px;
  border: 1px solid #d5dadd;
  border-radius: 4px;
  background: #fff;
  color: #506b7d;
  font-size: 13px;
  font-weight: 700;
}/* =========================================================
   CONSULTATION
========================================================= */

#soundGuide .sg-consult {
  margin-top: 50px;
  padding: 33px 27px;
  border-radius: 7px;
  background:
    linear-gradient(
      135deg,
      #f4f6f7,
      #e8eef1
    );
  text-align: center;
}#soundGuide .sg-consult small {
  color: #516c7e;
  font-size: 12px;
  font-weight: 700;
}#soundGuide .sg-consult h2,
#soundGuide .sg-consult h1.as-h2,
#soundGuide .sg-consult div.h_h2 {
  margin: 5px 0 10px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 23px;
}#soundGuide .sg-consult p {
  max-width: 600px;
  margin: 0 auto;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.9;
}#soundGuide .sg-consult-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 13px 29px;
  border-radius: 4px;
  background: #506b7d;
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media screen and (max-width:700px) {#soundGuide .sg-hero {
    min-height: auto;
  }#soundGuide .sg-hero-inner {
    width: 100%;
    padding: 31px 22px;
  }#soundGuide .sg-hero h1:where(:not(.as-h2)),
#soundGuide .sg-hero div.h_h1 {
    font-size: 26px;
  }#soundGuide .sg-visual-grid,
#soundGuide .sg-product-grid,
#soundGuide .sg-use-grid,
#soundGuide .sg-about-grid {
    grid-template-columns: 1fr;
  }#soundGuide .sg-product {
    min-height: auto;
  }#soundGuide .sg-install-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }/*
   3枚の図解はスマホで1枚ずつ大きく表示
  */
  #soundGuide .sg-visual-card {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }

}


@media screen and (max-width:480px) {#soundGuide .sg-hero-inner {
    padding: 28px 19px;
  }#soundGuide .sg-hero h1:where(:not(.as-h2)),
#soundGuide .sg-hero div.h_h1 {
    font-size: 24px;
  }#soundGuide .sg-title {
    font-size: 22px;
    text-align: left;
  }#soundGuide .sg-lead {
    font-size: 15px;
    text-align: left;
  }#soundGuide .sg-visuals {
    margin-top: 42px;
    padding: 23px 15px;
  }#soundGuide .sg-visuals h2,
#soundGuide .sg-visuals h1.as-h2,
#soundGuide .sg-visuals div.h_h2 {
    font-size: 21px;
    text-align: left;
  }#soundGuide .sg-visuals-lead {
    font-size: 15px;
    text-align: left;
  }#soundGuide .sg-visual-grid {
    gap: 20px;
  }#soundGuide .sg-visual-card figcaption {
    font-size: 14px;
    padding: 14px;
  }#soundGuide .sg-product-body > p,
#soundGuide .sg-about-card p,
#soundGuide .sg-use-item p {
    font-size: 15px;
  }#soundGuide .sg-install-grid {
    grid-template-columns: 1fr 1fr;
  }#soundGuide .sg-data,
#soundGuide .sg-use {
    padding: 24px 17px;
  }#soundGuide .sg-data h2,
#soundGuide .sg-data h1.as-h2,
#soundGuide .sg-data div.h_h2,
#soundGuide .sg-use h2,
#soundGuide .sg-use h1.as-h2,
#soundGuide .sg-use div.h_h2 {
    font-size: 21px;
    text-align: left;
  }#soundGuide .sg-data-lead,
#soundGuide .sg-use > p {
    font-size: 15px;
    text-align: left;
  }#soundGuide .sg-consult {
    padding: 28px 19px;
  }#soundGuide .sg-consult h2,
#soundGuide .sg-consult h1.as-h2,
#soundGuide .sg-consult div.h_h2 {
    font-size: 21px;
  }#soundGuide .sg-consult-btn {
    display: block;
    width: 100%;
  }

}/* =========================================================
   SHAON CURTAIN PRODUCT
========================================================= */

#shaonProduct,
#shaonProduct * {
  box-sizing: border-box;
}#shaonProduct {
  width: 100%;
  margin: 0 auto 60px;
  color: #333;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Yu Gothic",
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
  font-size: 16px;
  line-height: 1.9;
}#shaonProduct a {
  color: inherit;
  text-decoration: none;
}#shaonProduct img {
  max-width: 100%;
  height: auto;
}#shaonProduct .sp-section {
  margin-top: 55px;
}#shaonProduct .sp-title {
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  background: none;
  color: #252525;
  font-size: 26px;
  line-height: 1.5;
  text-align: center;
}#shaonProduct .sp-lead {
  max-width: 670px;
  margin: 0 auto 27px;
  color: #5c5c5c;
  font-size: 15px;
  line-height: 1.95;
  text-align: center;
}/* HERO */

#shaonProduct .sp-hero {
  padding: 39px 35px;
  border-radius: 7px;
  background-image:
    linear-gradient(
      90deg,
      rgba(247,247,248,.99) 0%,
      rgba(247,247,248,.97) 42%,
      rgba(247,247,248,.69) 59%,
      rgba(247,247,248,.12) 82%
    ),
    url("/base/sg-hero.jpeg");
}#shaonProduct .sp-eyebrow {
  color: #526c7c;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .07em;
}#shaonProduct .sp-hero h1:where(:not(.as-h2)),
#shaonProduct .sp-hero div.h_h1 {
  margin: 6px 0 14px;
  padding: 0;
  border: 0;
  background: none;
  color: #222;
  font-size: 30px;
  line-height: 1.5;
}#shaonProduct .sp-hero h1:where(:not(.as-h2)) strong,
#shaonProduct .sp-hero div.h_h1 strong {
  color: #506b7d;
}#shaonProduct .sp-hero p {
  max-width: 680px;
  margin: 0;
  color: #505050;
  font-size: 15px;
  line-height: 1.95;
}#shaonProduct .sp-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}#shaonProduct .sp-tags span {
  padding: 6px 11px;
  border: 1px solid #d4dde2;
  border-radius: 30px;
  background: #fff;
  color: #566c78;
  font-size: 12px;
  font-weight: 700;
}/* KEY */

#shaonProduct .sp-key {
  margin-top: 40px;
  padding: 26px 24px;
  border-left: 5px solid #536f80;
  background: #f2f6f7;
}#shaonProduct .sp-key h2,
#shaonProduct .sp-key h1.as-h2,
#shaonProduct .sp-key div.h_h2 {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 21px;
}#shaonProduct .sp-key p {
  margin: 0;
  color: #565656;
  font-size: 15px;
  line-height: 1.9;
}/* FEATURES */

#shaonProduct .sp-feature-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-top: 27px;
}#shaonProduct .sp-feature {
  padding: 20px 17px;
  border: 1px solid #dedede;
  border-radius: 6px;
  background: #fff;
}#shaonProduct .sp-feature-icon {
  display: flex;
  width: 49px;
  height: 49px;
  margin-bottom: 10px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e9eff2;
  color: #506c7c;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}#shaonProduct .sp-feature strong {
  display: block;
  margin-bottom: 6px;
  color: #333;
  font-size: 16px;
}#shaonProduct .sp-feature p {
  margin: 0;
  color: #5d5d5d;
  font-size: 14px;
  line-height: 1.85;
}/* RETURN LINK */

#shaonProduct .sp-return {
  margin-top: 38px;
  padding: 22px 23px;
  border: 1px solid #ddd8d1;
  border-radius: 6px;
  background: #faf7f2;
}#shaonProduct .sp-return strong {
  display: block;
  margin-bottom: 6px;
  color: #333;
  font-size: 16px;
}#shaonProduct .sp-return p {
  margin: 0 0 12px;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1.9;
}#shaonProduct .sp-return a {
  color: #516c7e;
  font-size: 14px;
  font-weight: 700;
}/* PRODUCT FORM */

#shaonProduct .sp-products {
  margin-top: 30px;
}#shaonProduct .sp-product-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}#shaonProduct .sp-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 7px;
  background: #fff;
}#shaonProduct .sp-card-img {
  padding: 15px;
  background: #fafafa;
  text-align: center;
}#shaonProduct .sp-card-img img {
  display: block;
  width: 100%;
  max-width: 180px;
  margin: 0 auto;
}#shaonProduct .sp-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px;
}#shaonProduct .sp-card-series {
  display: block;
  margin-bottom: 3px;
  color: #73818a;
  font-size: 12px;
  font-weight: 700;
}#shaonProduct .sp-card h3 {
  margin: 0 0 7px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 19px;
}#shaonProduct .sp-card p {
  margin: 0;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1.8;
}#shaonProduct .sp-spec {
  margin-top: 11px;
  padding: 10px 11px;
  border-radius: 4px;
  background: #f6f7f7;
  color: #555;
  font-size: 13px;
  line-height: 1.75;
}#shaonProduct .sp-order-btn {
  display: block;
  margin-top: 13px;
  padding: 10px 8px;
  border-radius: 4px;
  background: #506c7d;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}#shaonProduct .sp-sample-check {
  display: block;
  margin-top: 12px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fffdf8;
  color: #444;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}#shaonProduct .sp-sample-check input {
  margin-right: 6px;
  transform: scale(1.15);
}/* SAMPLE SUBMIT */

#shaonProduct .sp-sample-submit {
  margin-top: 28px;
  padding: 25px 22px;
  border: 2px solid #587486;
  border-radius: 7px;
  background: #f4f8f9;
  text-align: center;
}#shaonProduct .sp-sample-submit strong {
  display: block;
  color: #333;
  font-size: 17px;
}#shaonProduct .sp-sample-submit p {
  margin: 8px 0 0;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1.85;
}#shaonProduct .sp-sample-submit input[type="submit"] {
  margin-top: 16px;
  padding: 13px 25px;
  border: 0;
  border-radius: 4px;
  background: #506c7d;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}#shaonProduct .sp-sample-fee {
  color: #b34738 !important;
  font-weight: 700;
}/* NOTE */

#shaonProduct .sp-note {
  margin-top: 35px;
  padding: 22px;
  border-left: 5px solid #8b735d;
  background: #f7f3ed;
}#shaonProduct .sp-note strong {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
}#shaonProduct .sp-note p {
  margin: 0;
  color: #595959;
  font-size: 14px;
  line-height: 1.9;
}/* LINKS */

#shaonProduct .sp-related {
  margin-top: 38px;
  padding: 23px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fafafa;
}#shaonProduct .sp-related strong {
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
}#shaonProduct .sp-related-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}#shaonProduct .sp-related-links a {
  padding: 9px 12px;
  border: 1px solid #d3d9dc;
  border-radius: 4px;
  background: #fff;
  color: #506b7d;
  font-size: 13px;
  font-weight: 700;
}


@media screen and (max-width:700px) {#shaonProduct .sp-product-grid,
#shaonProduct .sp-feature-grid {
    grid-template-columns: 1fr 1fr;
  }

}

@media screen and (max-width:480px) {#shaonProduct .sp-hero {
    padding: 28px 19px;
  }#shaonProduct .sp-hero h1:where(:not(.as-h2)),
#shaonProduct .sp-hero div.h_h1 {
    font-size: 24px;
  }#shaonProduct .sp-title {
    font-size: 22px;
    text-align: left;
  }#shaonProduct .sp-lead {
    font-size: 15px;
    text-align: left;
  }#shaonProduct .sp-product-grid,
#shaonProduct .sp-feature-grid {
    grid-template-columns: 1fr;
  }#shaonProduct .sp-card p {
    font-size: 15px;
  }

}#returnGuide,
#returnGuide * {
  box-sizing: border-box;
}#returnGuide {
  width:100%;
  margin:0 auto 55px;
  color:#333;
  font-family:-apple-system,BlinkMacSystemFont,
    "Helvetica Neue","Yu Gothic","Hiragino Kaku Gothic ProN",
    Meiryo,sans-serif;
  font-size:16px;
  line-height:1.9;
}#returnGuide a {
  color:inherit;
  text-decoration:none;
}#returnGuide .rg-hero {
  padding:38px 34px;
  border-radius:7px;
  background:linear-gradient(135deg,#edf2f4,#f8f5ef);
}#returnGuide .rg-hero small {
  color:#526d7d;
  font-size:12px;
  font-weight:700;
}#returnGuide .rg-hero h1:where(:not(.as-h2)),
#returnGuide .rg-hero div.h_h1 {
  margin:5px 0 13px;
  padding:0;
  border:0;
  background:none;
  color:#252525;
  font-size:29px;
  line-height:1.5;
}#returnGuide .rg-hero p {
  margin:0;
  color:#555;
  font-size:15px;
  line-height:1.95;
}#returnGuide .rg-section {
  margin-top:52px;
}#returnGuide .rg-title {
  margin:0 0 10px;
  padding:0;
  border:0;
  background:none;
  color:#292929;
  font-size:24px;
  line-height:1.55;
  text-align:center;
}#returnGuide .rg-lead {
  max-width:650px;
  margin:0 auto 25px;
  color:#5c5c5c;
  font-size:15px;
  line-height:1.9;
  text-align:center;
}#returnGuide .rg-compare {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:25px;
}#returnGuide .rg-card {
  padding:22px 19px;
  border:1px solid #ddd;
  border-radius:6px;
  background:#fff;
}#returnGuide .rg-card.bad {
  border-top:5px solid #99806a;
}#returnGuide .rg-card.good {
  border-top:5px solid #526f80;
}#returnGuide .rg-card span {
  display:flex;
  width:48px;
  height:48px;
  margin-bottom:10px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#edf2f4;
  color:#526c7d;
  font-size:13px;
  font-weight:700;
  line-height:1;
}#returnGuide .rg-card h3 {
  margin:0 0 7px;
  padding:0;
  border:0;
  background:none;
  color:#292929;
  font-size:18px;
}#returnGuide .rg-card p {
  margin:0;
  color:#5b5b5b;
  font-size:15px;
  line-height:1.9;
}#returnGuide .rg-point {
  margin-top:35px;
  padding:23px;
  border-left:5px solid #526f80;
  background:#f1f5f6;
}#returnGuide .rg-point strong {
  display:block;
  margin-bottom:6px;
  color:#333;
  font-size:16px;
}#returnGuide .rg-point p {
  margin:0;
  color:#575757;
  font-size:15px;
  line-height:1.9;
}#returnGuide .rg-step-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:25px;
}#returnGuide .rg-step {
  padding:18px 14px;
  border:1px solid #ddd;
  border-radius:5px;
  background:#fff;
}#returnGuide .rg-step small {
  display:block;
  color:#526d7d;
  font-size:12px;
  font-weight:700;
}#returnGuide .rg-step strong {
  display:block;
  margin:4px 0 6px;
  color:#333;
  font-size:15px;
}#returnGuide .rg-step p {
  margin:0;
  color:#5d5d5d;
  font-size:14px;
  line-height:1.8;
}#returnGuide .rg-note {
  margin-top:34px;
  padding:22px;
  border-left:5px solid #8b735c;
  background:#f7f3ed;
}#returnGuide .rg-note strong {
  display:block;
  margin-bottom:6px;
  font-size:15px;
}#returnGuide .rg-note p {
  margin:0;
  color:#595959;
  font-size:14px;
  line-height:1.9;
}#returnGuide .rg-cta {
  margin-top:45px;
  padding:30px 24px;
  border-radius:7px;
  background:#edf2f4;
  text-align:center;
}#returnGuide .rg-cta h2,
#returnGuide .rg-cta h1.as-h2,
#returnGuide .rg-cta div.h_h2 {
  margin:0 0 8px;
  padding:0;
  border:0;
  background:none;
  color:#292929;
  font-size:22px;
}#returnGuide .rg-cta p {
  margin:0;
  color:#5b5b5b;
  font-size:15px;
}#returnGuide .rg-btn {
  display:inline-block;
  margin-top:17px;
  padding:12px 25px;
  border-radius:4px;
  background:#506c7d;
  color:#fff !important;
  font-size:14px;
  font-weight:700;
}

@media screen and (max-width:700px) {#returnGuide .rg-step-grid {
    grid-template-columns:1fr 1fr;
  }

}

@media screen and (max-width:480px) {#returnGuide .rg-hero {
    padding:27px 18px;
  }#returnGuide .rg-hero h1:where(:not(.as-h2)),
#returnGuide .rg-hero div.h_h1 {
    font-size:24px;
  }#returnGuide .rg-title {
    font-size:21px;
    text-align:left;
  }#returnGuide .rg-lead {
    text-align:left;
  }#returnGuide .rg-compare,
#returnGuide .rg-step-grid {
    grid-template-columns:1fr;
  }

}/* =========================================================
   STANDARD / RETURN VISUAL COMPARISON
========================================================= */

#returnGuide .rg-visual-section {
  margin-top: 52px;
}/* PC：2カラム */

#returnGuide .rg-visual-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 27px;
}/* カード */

#returnGuide .rg-visual-card {
  margin: 0;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  border-radius: 7px;
  background: #fff;
}/* 画像 */

#returnGuide .rg-visual-card img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  background: #fff;
}/* 画像下説明 */

#returnGuide .rg-visual-card figcaption {
  padding: 17px 17px 19px;
}/* STANDARD / SIDE RETURN */

#returnGuide .rg-visual-label {
  display: block;
  margin-bottom: 4px;
  color: #667b87;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .06em;
}/* タイトル */

#returnGuide .rg-visual-card figcaption > strong {
  display: block;
  margin-bottom: 7px;
  color: #292929;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.6;
}/* 説明本文 */

#returnGuide .rg-visual-card figcaption p {
  margin: 0;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1.9;
}/* 通常側 */

#returnGuide .rg-visual-standard {
  border-top: 5px solid #8599a5;
}/* リターン側 */

#returnGuide .rg-visual-return {
  border-top: 5px solid #526f80;
}/* 下部ポイント */

#returnGuide .rg-visual-point {
  margin-top: 20px;
  padding: 20px 21px;
  border-left: 5px solid #526f80;
  background: #f1f5f6;
}#returnGuide .rg-visual-point strong {
  display: block;
  margin-bottom: 6px;
  color: #333;
  font-size: 16px;
  line-height: 1.65;
}#returnGuide .rg-visual-point p {
  margin: 0;
  color: #585858;
  font-size: 14px;
  line-height: 1.9;
}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width:700px) {/* スマホ・タブレットは縦1列 */

  #returnGuide .rg-visual-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }#returnGuide .rg-visual-card {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
  }

}


@media screen and (max-width:480px) {#returnGuide .rg-visual-section {
    margin-top: 45px;
  }#returnGuide .rg-visual-card figcaption {
    padding: 15px 14px 17px;
  }#returnGuide .rg-visual-card figcaption > strong {
    font-size: 16px;
  }#returnGuide .rg-visual-card figcaption p {
    font-size: 14px;
  }#returnGuide .rg-visual-point {
    padding: 18px 16px;
  }#returnGuide .rg-visual-point strong {
    font-size: 15px;
  }#returnGuide .rg-visual-point p {
    font-size: 14px;
  }

}/* =========================================================
   RETURN PATTERN IMAGE
========================================================= */

#returnGuide .rg-pattern-section {
  margin-top: 52px;
}#returnGuide .rg-pattern-figure {
  margin: 28px 0 0;
}#returnGuide .rg-pattern-figure img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border: 1px solid #dcdcdc;
  border-radius: 7px;
  background: #fff;
}#returnGuide .rg-pattern-figure figcaption {
  margin-top: 11px;
  color: #5d5d5d;
  font-size: 14px;
  line-height: 1.9;
}#returnGuide .rg-pattern-figure figcaption strong {
  color: #a14d32;
  font-weight: 700;
}/* =========================================================
   ORDER GUIDE
========================================================= */

#returnGuide .rg-order-guide {
  margin-top: 35px;
  overflow: hidden;
  border: 1px solid #d9dfe2;
  border-radius: 7px;
  background: #fff;
}/* 見出し */

#returnGuide .rg-order-head {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 21px 22px;
  background: #edf3f5;
}#returnGuide .rg-order-icon {
  display: flex;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #526f80;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}#returnGuide .rg-order-head small {
  display: block;
  margin-bottom: 3px;
  color: #687d89;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .05em;
}#returnGuide .rg-order-head h2,
#returnGuide .rg-order-head h1.as-h2,
#returnGuide .rg-order-head div.h_h2 {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.55;
}/* 各項目 */

#returnGuide .rg-order-item {
  display: grid;
  grid-template-columns: 125px minmax(0,1fr);
  border-top: 1px solid #e0e0e0;
}#returnGuide .rg-order-label {
  padding: 21px 17px;
  background: #f7f8f8;
}#returnGuide .rg-order-label span {
  display: block;
  margin-bottom: 4px;
  color: #526f80;
  font-size: 12px;
  font-weight: 700;
}#returnGuide .rg-order-label strong {
  display: block;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
}#returnGuide .rg-order-body {
  padding: 21px 22px;
}#returnGuide .rg-order-body p {
  margin: 0 0 10px;
  color: #575757;
  font-size: 14px;
  line-height: 1.9;
}#returnGuide .rg-order-body p:last-child {
  margin-bottom: 0;
}/* 掃出し・腰高 */

#returnGuide .rg-order-sub {
  margin-top: 13px !important;
  margin-bottom: 2px !important;
  color: #333 !important;
}/* 12cm強調 */

#returnGuide .rg-order-emphasis {
  margin-top: 14px;
  padding: 14px 15px;
  border-left: 5px solid #b66b42;
  background: #fbf3eb;
  color: #555;
  font-size: 14px;
  line-height: 1.85;
}#returnGuide .rg-order-emphasis strong {
  color: #b04f30;
  font-size: 16px;
}/* リターン幅例 */

#returnGuide .rg-return-example {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
  margin-top: 13px;
}#returnGuide .rg-return-example span {
  padding: 11px 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fafafa;
  color: #555;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.75;
  text-align: center;
}/* 注記 */

#returnGuide .rg-order-note {
  margin-top: 13px;
  padding: 13px 14px;
  border-radius: 4px;
  background: #f4f6f7;
  color: #5a5a5a;
  font-size: 14px;
  line-height: 1.9;
}/* リンク */

#returnGuide .rg-order-link {
  display: inline-block;
  margin-top: 5px;
  color: #506d7e;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
}#returnGuide .rg-order-link:hover {
  text-decoration: none;
}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width:700px) {#returnGuide .rg-order-item {
    grid-template-columns: 1fr;
  }#returnGuide .rg-order-label {
    padding: 14px 17px;
  }#returnGuide .rg-order-label span,
#returnGuide .rg-order-label strong {
    display: inline;
  }#returnGuide .rg-order-label span {
    margin-right: 8px;
  }

}


@media screen and (max-width:480px) {#returnGuide .rg-pattern-section {
    margin-top: 44px;
  }#returnGuide .rg-pattern-figure figcaption {
    font-size: 14px;
  }#returnGuide .rg-order-head {
    align-items: flex-start;
    padding: 18px 16px;
  }#returnGuide .rg-order-icon {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }#returnGuide .rg-order-head h2,
#returnGuide .rg-order-head h1.as-h2,
#returnGuide .rg-order-head div.h_h2 {
    font-size: 18px;
  }#returnGuide .rg-order-body {
    padding: 18px 16px;
  }#returnGuide .rg-order-body p {
    font-size: 14px;
  }#returnGuide .rg-return-example {
    grid-template-columns: 1fr;
  }#returnGuide .rg-return-example span {
    font-size: 14px;
    text-align: left;
  }

}/* =========================================================
   遮音レースカーテン Lattice-NL
   /shaon/shaon-lace
========================================================= */

#shaonLace,
#shaonLace * {
  box-sizing: border-box;
}#shaonLace {
  width: 100%;
  margin: 0 auto 60px;
  color: #333;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Yu Gothic",
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
  font-size: 16px;
  line-height: 1.9;
}#shaonLace a {
  color: inherit;
  text-decoration: none;
}#shaonLace img {
  max-width: 100%;
  height: auto;
}#shaonLace .sl-section {
  margin-top: 58px;
}#shaonLace .sl-title {
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  background: none;
  color: #252525;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}#shaonLace .sl-lead {
  max-width: 680px;
  margin: 0 auto 28px;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.95;
  text-align: center;
}/* =========================================================
   HERO
========================================================= */

#shaonLace .sl-hero {
  position: relative;
  overflow: hidden;
  min-height: 390px;
  border-radius: 7px;

  background-image:
    linear-gradient(
      90deg,
      rgba(245,248,249,.99) 0%,
      rgba(245,248,249,.97) 43%,
      rgba(245,248,249,.76) 59%,
      rgba(245,248,249,.13) 82%
    ),
    url("/base/remotowork.jpeg");

  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
}#shaonLace .sl-hero-inner {
  position: relative;
  z-index: 2;
  width: 68%;
  padding: 43px 37px;
}#shaonLace .sl-eyebrow {
  margin-bottom: 7px;
  color: #506d7e;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}#shaonLace .sl-hero h1:where(:not(.as-h2)),
#shaonLace .sl-hero div.h_h1 {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  background: none;
  color: #202020;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
}#shaonLace .sl-hero h1:where(:not(.as-h2)) strong,
#shaonLace .sl-hero div.h_h1 strong {
  color: #4e6c7e;
}#shaonLace .sl-hero p {
  margin: 0;
  color: #4f4f4f;
  font-size: 15px;
  line-height: 1.95;
}#shaonLace .sl-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}#shaonLace .sl-tags span {
  padding: 6px 11px;
  border: 1px solid #d2dce1;
  border-radius: 30px;
  background: rgba(255,255,255,.94);
  color: #566e79;
  font-size: 12px;
  font-weight: 700;
}/* =========================================================
   FIRST MESSAGE
========================================================= */

#shaonLace .sl-first {
  margin-top: 43px;
  padding: 28px 25px;
  border-left: 5px solid #526f80;
  background: #f1f5f6;
}#shaonLace .sl-first small {
  display: block;
  margin-bottom: 4px;
  color: #526f80;
  font-size: 12px;
  font-weight: 700;
}#shaonLace .sl-first h2,
#shaonLace .sl-first h1.as-h2,
#shaonLace .sl-first div.h_h2 {
  margin: 0 0 9px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.55;
}#shaonLace .sl-first p {
  margin: 0;
  color: #575757;
  font-size: 15px;
  line-height: 1.9;
}/* =========================================================
   3 POINTS
========================================================= */

#shaonLace .sl-point-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-top: 28px;
}#shaonLace .sl-point {
  padding: 20px 17px;
  border: 1px solid #dedede;
  border-radius: 6px;
  background: #fff;
}#shaonLace .sl-point-icon {
  display: flex;
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}#shaonLace .sl-icon-sound {
  background: #e7eef2;
  color: #506d7e;
}#shaonLace .sl-icon-day {
  background: #f4efda;
  color: #8b732e;
}#shaonLace .sl-icon-resin {
  background: #eceff0;
  color: #61737c;
}#shaonLace .sl-point strong {
  display: block;
  margin-bottom: 6px;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}#shaonLace .sl-point p {
  margin: 0;
  color: #5d5d5d;
  font-size: 14px;
  line-height: 1.85;
}/* =========================================================
   PRODUCT
========================================================= */

#shaonLace .sl-product {
  display: grid;
  grid-template-columns: 42% minmax(0,1fr);
  overflow: hidden;
  margin-top: 28px;
  border: 1px solid #d9dee1;
  border-radius: 7px;
  background: #fff;
}/* =========================================================
   PRODUCT LEFT IMAGE AREA
========================================================= */

#shaonLace .sl-product-image {
  display: block;
  min-width: 0;
  padding: 20px;
  background: #f8f9f9;
  border-right: 1px solid #e3e3e3;
}/* カーテンイメージ */

#shaonLace .sl-product-mainimage {
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
  text-align: center;
}#shaonLace .sl-product-mainimage img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border: 1px solid #dedede;
  border-radius: 5px;
  background: #fff;
}/* カーテンイメージ下ラベル */

#shaonLace .sl-product-image-label {
  display: block;
  margin-top: 8px;
  color: #536d79;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}/* =========================================================
   SWATCH IMAGE
========================================================= */

#shaonLace .sl-product-swatch {
  width: 100%;
  margin: 0;
  padding: 20px 0 0;
  border-top: 1px solid #dcdcdc;
  text-align: center;
}#shaonLace .sl-product-swatch a {
  display: block;
  width: 100%;
}#shaonLace .sl-product-swatch img {
  display: block;
  width: 100%;
  max-width: 260px;
  height: auto;
  margin: 0 auto;
  border: 1px solid #dedede;
  border-radius: 4px;
  background: #fff;
}#shaonLace .sl-product-swatch p {
  margin: 5px 0 0;
  color: #777;
  font-size: 12px;
  line-height: 1.7;
  text-align: center;
}/* =========================================================
   PRODUCT BODY
========================================================= */

#shaonLace .sl-product-body {
  min-width: 0;
  padding: 29px 26px;
}#shaonLace .sl-product-brand {
  display: block;
  margin-bottom: 4px;
  color: #697d87;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
}#shaonLace .sl-product-body h3 {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.5;
}#shaonLace .sl-product-body > p {
  margin: 0;
  color: #585858;
  font-size: 15px;
  line-height: 1.9;
}/* =========================================================
   SPEC
========================================================= */

#shaonLace .sl-spec {
  margin: 18px 0 0;
  overflow: hidden;
  border: 1px solid #dedede;
  border-radius: 5px;
}#shaonLace .sl-spec-row {
  display: grid;
  grid-template-columns: 125px minmax(0,1fr);
  border-bottom: 1px solid #e2e2e2;
}#shaonLace .sl-spec-row:last-child {
  border-bottom: 0;
}#shaonLace .sl-spec dt,
#shaonLace .sl-spec dd {
  margin: 0;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.7;
}#shaonLace .sl-spec dt {
  background: #f3f6f7;
  color: #444;
  font-weight: 700;
}#shaonLace .sl-spec dd {
  color: #555;
}#shaonLace .sl-source-note {
  margin-top: 12px !important;
  color: #6a6a6a !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
}/* =========================================================
   ACTION
========================================================= */

#shaonLace .sl-actions {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin-top: 20px;
}#shaonLace .sl-action {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  padding: 11px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}#shaonLace .sl-action-order {
  background: #506d7e;
  color: #fff !important;
}#shaonLace .sl-action-sample {
  border: 1px solid #506d7e;
  background: #fff;
  color: #506d7e !important;
}


/* =========================================================
   PRODUCT MOBILE
========================================================= */

@media screen and (max-width:700px) {#shaonLace .sl-product {
    grid-template-columns: 1fr;
  }#shaonLace .sl-product-image {
    padding: 18px;
    border-right: 0;
    border-bottom: 1px solid #e3e3e3;
  }#shaonLace .sl-product-mainimage {
    margin-bottom: 20px;
  }#shaonLace .sl-product-swatch img {
    max-width: 300px;
  }

}


@media screen and (max-width:480px) {#shaonLace .sl-product-image {
    padding: 14px;
  }#shaonLace .sl-product-body {
    padding: 22px 17px;
  }#shaonLace .sl-product-body h3 {
    font-size: 22px;
  }#shaonLace .sl-spec-row {
    grid-template-columns: 105px minmax(0,1fr);
  }#shaonLace .sl-actions {
    grid-template-columns: 1fr;
  }

}/* =========================================================
   DAY / NIGHT
========================================================= */

#shaonLace .sl-daynight {
  margin-top: 55px;
  padding: 30px 24px;
  border-radius: 7px;
  background: #f7f8f8;
}#shaonLace .sl-daynight h2,
#shaonLace .sl-daynight h1.as-h2,
#shaonLace .sl-daynight div.h_h2 {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
}#shaonLace .sl-daynight-lead {
  max-width: 660px;
  margin: 0 auto 24px;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.9;
  text-align: center;
}#shaonLace .sl-daynight-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 13px;
}#shaonLace .sl-daynight-card {
  padding: 21px 18px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
}#shaonLace .sl-daynight-card small {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 700;
}#shaonLace .sl-day small {
  color: #8b732e;
}#shaonLace .sl-night small {
  color: #526d7e;
}#shaonLace .sl-daynight-card strong {
  display: block;
  margin-bottom: 7px;
  color: #333;
  font-size: 17px;
  line-height: 1.6;
}#shaonLace .sl-daynight-card p {
  margin: 0;
  color: #5d5d5d;
  font-size: 14px;
  line-height: 1.9;
}#shaonLace .sl-daynight-card a {
  display: inline-block;
  margin-top: 11px;
  color: #506d7e;
  font-size: 13px;
  font-weight: 700;
}/* =========================================================
   NORMAL VS LATTICE
========================================================= */

#shaonLace .sl-compare-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
  margin-top: 27px;
}#shaonLace .sl-compare-card {
  padding: 22px 19px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
}#shaonLace .sl-compare-normal {
  border-top: 5px solid #a3afb5;
}#shaonLace .sl-compare-lattice {
  border-top: 5px solid #526f80;
}#shaonLace .sl-compare-card small {
  display: block;
  margin-bottom: 4px;
  color: #6e7f88;
  font-size: 12px;
  font-weight: 700;
}#shaonLace .sl-compare-card strong {
  display: block;
  margin-bottom: 7px;
  color: #333;
  font-size: 17px;
}#shaonLace .sl-compare-card p {
  margin: 0;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1.9;
}/* =========================================================
   WHO
========================================================= */

#shaonLace .sl-who-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin-top: 27px;
}#shaonLace .sl-who {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 19px 17px;
  border: 1px solid #dedede;
  border-radius: 6px;
  background: #fff;
}#shaonLace .sl-who-icon {
  display: flex;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e9eff2;
  color: #526d7e;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}#shaonLace .sl-who-body {
  min-width: 0;
}#shaonLace .sl-who strong {
  display: block;
  margin-bottom: 5px;
  color: #333;
  font-size: 16px;
}#shaonLace .sl-who p {
  margin: 0;
  color: #5d5d5d;
  font-size: 14px;
  line-height: 1.85;
}/* =========================================================
   3 CHECKS
========================================================= */

#shaonLace .sl-checks {
  margin-top: 55px;
  padding: 29px 24px;
  border-radius: 7px;
  background: #f8f7f5;
}#shaonLace .sl-checks h2,
#shaonLace .sl-checks h1.as-h2,
#shaonLace .sl-checks div.h_h2 {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 23px;
  text-align: center;
}#shaonLace .sl-checks > p {
  max-width: 660px;
  margin: 0 auto 24px;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.9;
  text-align: center;
}#shaonLace .sl-check-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}#shaonLace .sl-check {
  padding: 19px 16px;
  border: 1px solid #dedede;
  border-radius: 5px;
  background: #fff;
}#shaonLace .sl-check small {
  display: block;
  margin-bottom: 5px;
  color: #526f80;
  font-size: 12px;
  font-weight: 700;
}#shaonLace .sl-check strong {
  display: block;
  margin-bottom: 6px;
  color: #333;
  font-size: 16px;
}#shaonLace .sl-check p {
  margin: 0;
  color: #5d5d5d;
  font-size: 14px;
  line-height: 1.85;
}/* =========================================================
   ORDER CTA
========================================================= */

#shaonLace .sl-order {
  margin-top: 55px;
  padding: 32px 25px;
  border-radius: 7px;
  background:
    linear-gradient(
      135deg,
      #edf3f5,
      #f7f5f0
    );
  text-align: center;
}#shaonLace .sl-order small {
  display: block;
  color: #506d7e;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
}#shaonLace .sl-order h2,
#shaonLace .sl-order h1.as-h2,
#shaonLace .sl-order div.h_h2 {
  margin: 5px 0 9px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 23px;
  line-height: 1.55;
}#shaonLace .sl-order p {
  max-width: 620px;
  margin: 0 auto;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.9;
}#shaonLace .sl-order-btn {
  display: inline-block;
  margin-top: 19px;
  padding: 13px 28px;
  border-radius: 4px;
  background: #506d7e;
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
}/* =========================================================
   SAMPLE
========================================================= */

#shaonLace .sl-sample {
  margin-top: 55px;
  padding: 29px 24px;
  border: 1px solid #dce1e3;
  border-radius: 7px;
  background: #f5f8f9;
}#shaonLace .sl-sample-inner {
  display: grid;
  grid-template-columns: 210px minmax(0,1fr);
  gap: 24px;
  align-items: center;
}#shaonLace .sl-sample-image {
  text-align: center;
}#shaonLace .sl-sample-image img {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: auto;
  border: 1px solid #ddd;
  background: #fff;
}#shaonLace .sl-sample-body h2,
#shaonLace .sl-sample-body h1.as-h2,
#shaonLace .sl-sample-body div.h_h2 {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 22px;
  line-height: 1.55;
}#shaonLace .sl-sample-body > p {
  margin: 0;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.9;
}#shaonLace .sl-sample-check {
  display: block;
  margin-top: 14px;
  padding: 12px 13px;
  border: 1px solid #d8dddf;
  border-radius: 4px;
  background: #fff;
  color: #444;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}#shaonLace .sl-sample-check input {
  margin-right: 7px;
  transform: scale(1.15);
}#shaonLace .sl-sample-submit {
  margin-top: 13px;
  padding: 12px 23px;
  border: 0;
  border-radius: 4px;
  background: #506d7e;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}#shaonLace .sl-sample-fee {
  margin-top: 11px !important;
  color: #b24939 !important;
  font-size: 13px !important;
  font-weight: 700;
}/* =========================================================
   LIMIT
========================================================= */

#shaonLace .sl-limit {
  margin-top: 38px;
  padding: 23px 24px;
  border-left: 5px solid #8a725c;
  background: #f7f3ed;
}#shaonLace .sl-limit strong {
  display: block;
  margin-bottom: 7px;
  color: #333;
  font-size: 16px;
}#shaonLace .sl-limit p {
  margin: 0;
  color: #595959;
  font-size: 14px;
  line-height: 1.9;
}/* =========================================================
   FAQ
========================================================= */

#shaonLace .sl-faq {
  margin-top: 27px;
  border-top: 1px solid #ddd;
}#shaonLace .sl-faq-item {
  padding: 20px 6px;
  border-bottom: 1px solid #ddd;
}#shaonLace .sl-faq-q {
  position: relative;
  margin-bottom: 8px;
  padding-left: 35px;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.75;
}#shaonLace .sl-faq-q:before {
  position: absolute;
  left: 0;
  top: -2px;
  color: #506d7e;
  content: "Q";
  font-size: 19px;
  font-weight: 700;
}#shaonLace .sl-faq-a {
  position: relative;
  margin: 0;
  padding-left: 35px;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1.9;
}#shaonLace .sl-faq-a:before {
  position: absolute;
  left: 1px;
  top: -3px;
  color: #8a725d;
  content: "A";
  font-size: 18px;
  font-weight: 700;
}/* =========================================================
   RELATED
========================================================= */

#shaonLace .sl-related {
  margin-top: 38px;
  padding: 23px;
  border: 1px solid #dedede;
  border-radius: 5px;
  background: #fafafa;
}#shaonLace .sl-related strong {
  display: block;
  margin-bottom: 8px;
  color: #333;
  font-size: 16px;
}#shaonLace .sl-related p {
  margin: 0 0 13px;
  color: #5c5c5c;
  font-size: 14px;
  line-height: 1.85;
}#shaonLace .sl-related-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}#shaonLace .sl-related-links a {
  padding: 9px 12px;
  border: 1px solid #d4dade;
  border-radius: 4px;
  background: #fff;
  color: #506d7e;
  font-size: 13px;
  font-weight: 700;
}/* =========================================================
   CONSULT
========================================================= */

#shaonLace .sl-consult {
  margin-top: 48px;
  padding: 31px 25px;
  border-radius: 7px;
  background:
    linear-gradient(
      135deg,
      #f3f6f7,
      #e8eef1
    );
  text-align: center;
}#shaonLace .sl-consult small {
  color: #506d7e;
  font-size: 12px;
  font-weight: 700;
}#shaonLace .sl-consult h2,
#shaonLace .sl-consult h1.as-h2,
#shaonLace .sl-consult div.h_h2 {
  margin: 5px 0 9px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 22px;
}#shaonLace .sl-consult p {
  max-width: 600px;
  margin: 0 auto;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.9;
}#shaonLace .sl-consult-btn {
  display: inline-block;
  margin-top: 18px;
  padding: 12px 27px;
  border-radius: 4px;
  background: #506d7e;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width:700px) {#shaonLace .sl-hero {
    min-height: auto;
    padding-top: 270px;

    background-image:
      linear-gradient(
        0deg,
        rgba(245,248,249,1) 0%,
        rgba(245,248,249,.98) 45%,
        rgba(245,248,249,.10) 66%
      ),
      url("/base/remotowork.jpeg");

    background-position: center top;
  }#shaonLace .sl-hero-inner {
    width: 100%;
    padding: 27px 21px 31px;
  }#shaonLace .sl-hero h1:where(:not(.as-h2)),
#shaonLace .sl-hero div.h_h1 {
    font-size: 26px;
  }#shaonLace .sl-point-grid,
#shaonLace .sl-check-grid {
    grid-template-columns: 1fr;
  }#shaonLace .sl-product {
    grid-template-columns: 1fr;
  }#shaonLace .sl-product-image {
    min-height: auto;
  }#shaonLace .sl-daynight-grid,
#shaonLace .sl-compare-grid,
#shaonLace .sl-who-grid {
    grid-template-columns: 1fr;
  }#shaonLace .sl-sample-inner {
    grid-template-columns: 1fr;
  }#shaonLace .sl-sample-image img {
    max-width: 280px;
  }

}


@media screen and (max-width:480px) {#shaonLace .sl-hero {
    padding-top: 220px;
  }#shaonLace .sl-hero-inner {
    padding: 25px 18px 29px;
  }#shaonLace .sl-hero h1:where(:not(.as-h2)),
#shaonLace .sl-hero div.h_h1 {
    font-size: 24px;
  }#shaonLace .sl-title {
    font-size: 22px;
    text-align: left;
  }#shaonLace .sl-lead {
    font-size: 15px;
    text-align: left;
  }#shaonLace .sl-first {
    padding: 23px 17px;
  }#shaonLace .sl-first h2,
#shaonLace .sl-first h1.as-h2,
#shaonLace .sl-first div.h_h2 {
    font-size: 20px;
  }#shaonLace .sl-product-body {
    padding: 22px 17px;
  }#shaonLace .sl-product-body h3 {
    font-size: 22px;
  }#shaonLace .sl-spec-row {
    grid-template-columns: 105px minmax(0,1fr);
  }#shaonLace .sl-actions {
    grid-template-columns: 1fr;
  }#shaonLace .sl-daynight,
#shaonLace .sl-checks {
    padding: 24px 17px;
  }#shaonLace .sl-daynight h2,
#shaonLace .sl-daynight h1.as-h2,
#shaonLace .sl-daynight div.h_h2,
#shaonLace .sl-checks h2,
#shaonLace .sl-checks h1.as-h2,
#shaonLace .sl-checks div.h_h2 {
    font-size: 21px;
    text-align: left;
  }#shaonLace .sl-daynight-lead,
#shaonLace .sl-checks > p {
    text-align: left;
  }#shaonLace .sl-sample {
    padding: 24px 17px;
  }#shaonLace .sl-sample-body h2,
#shaonLace .sl-sample-body h1.as-h2,
#shaonLace .sl-sample-body div.h_h2 {
    font-size: 20px;
  }#shaonLace .sl-sample-submit,
#shaonLace .sl-order-btn,
#shaonLace .sl-consult-btn {
    display: block;
    width: 100%;
  }

}/* =========================================================
   PRICE TABLE
   Lattice-NL 販売価格表
========================================================= */

#shaonLace .sl-price-section {
  width: 100%;
  max-width: 100%;
  margin-top: 58px;
}/* =========================================================
   PRICE TITLE
========================================================= */

#shaonLace .sl-price-subtitle {
  margin: 0;
  color: #4e4e4e;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}#shaonLace .sl-price-tax {
  margin-top: 4px;
  color: #777;
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
}/* =========================================================
   TABLE WRAPPER
========================================================= */

#shaonLace .sl-price-scroll {
  width: 100%;
  max-width: 100%;
  margin-top: 23px;
  overflow-x: hidden;
  overflow-y: hidden;
  border: 1px solid #d9dfe2;
  border-radius: 6px;
  background: #fff;
}/* =========================================================
   TABLE
========================================================= */

#shaonLace .sl-price-table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  background: #fff;
}/* 左端の「高さ」列 */

#shaonLace .sl-price-table th:first-child {
  width: 100px;
}/* =========================================================
   CELL
========================================================= */

#shaonLace .sl-price-table th,
#shaonLace .sl-price-table td {
  margin: 0;
  padding: 13px 5px;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.45;
  text-align: center;
  white-space: nowrap;
}/* 右端 */

#shaonLace .sl-price-table th:last-child,
#shaonLace .sl-price-table td:last-child {
  border-right: 0;
}/* 最下段 */

#shaonLace .sl-price-table tbody tr:last-child th,
#shaonLace .sl-price-table tbody tr:last-child td {
  border-bottom: 0;
}/* =========================================================
   COLUMN HEADER
========================================================= */

#shaonLace .sl-price-table thead th {
  padding-top: 13px;
  padding-bottom: 13px;
  background: #eef2f4;
  color: #414a4e;
  font-size: 12px;
  font-weight: 700;
}/* =========================================================
   ROW HEADER
========================================================= */

#shaonLace .sl-price-table tbody th {
  background: #f6f7f7;
  color: #4b4b4b;
  font-size: 13px;
  font-weight: 700;
}/* =========================================================
   PRICE
========================================================= */

#shaonLace .sl-price-table tbody td {
  color: #087eaf;
  font-size: 14px;
  font-weight: 700;
}/* マウスを載せた行 */

#shaonLace .sl-price-table tbody tr:hover td {
  background: #f6fbfd;
}/* =========================================================
   MOBILE SCROLL MESSAGE
========================================================= */

#shaonLace .sl-price-scroll-note {
  display: none;
  margin: 8px 0 0;
  color: #747474;
  font-size: 13px;
  line-height: 1.7;
  text-align: center;
}/* =========================================================
   PRICE INFORMATION
========================================================= */

#shaonLace .sl-price-info {
  margin-top: 17px;
  padding: 16px 18px;
  border-left: 5px solid #526f80;
  background: #f3f6f7;
}#shaonLace .sl-price-info > strong {
  display: block;
  margin-bottom: 4px;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
}#shaonLace .sl-price-info p {
  margin: 0;
  color: #5a5a5a;
  font-size: 14px;
  line-height: 1.9;
}#shaonLace .sl-price-info p strong {
  color: #3f5966;
  font-weight: 700;
}


/* =========================================================
   MOBILE
   700px以下では横スクロール
========================================================= */

@media screen and (max-width:700px) {#shaonLace .sl-price-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }#shaonLace .sl-price-table {
    width: 760px;
    max-width: none;
    min-width: 760px;
    table-layout: fixed;
  }#shaonLace .sl-price-table th:first-child {
    width: 110px;
  }#shaonLace .sl-price-table th,
#shaonLace .sl-price-table td {
    padding: 13px 10px;
    font-size: 14px;
  }#shaonLace .sl-price-table thead th {
    font-size: 14px;
  }#shaonLace .sl-price-table tbody th {
    font-size: 14px;
  }#shaonLace .sl-price-table tbody td {
    font-size: 15px;
  }#shaonLace .sl-price-scroll-note {
    display: block;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media screen and (max-width:480px) {#shaonLace .sl-price-section {
    margin-top: 48px;
  }#shaonLace .sl-price-subtitle {
    font-size: 15px;
    line-height: 1.8;
    text-align: left;
  }#shaonLace .sl-price-tax {
    margin-top: 5px;
    text-align: left;
  }#shaonLace .sl-price-info {
    padding: 15px 14px;
  }#shaonLace .sl-price-info > strong {
    font-size: 15px;
  }#shaonLace .sl-price-info p {
    font-size: 14px;
  }

}/* =========================================================
   後付け遮音ライナー
   /shaon/shaon-liner
========================================================= */

#shaonLiner,
#shaonLiner * {
  box-sizing: border-box;
}#shaonLiner {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 60px;
  color: #333;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Yu Gothic",
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
  font-size: 16px;
  line-height: 1.9;
}#shaonLiner a {
  color: inherit;
  text-decoration: none;
}#shaonLiner img {
  display: block;
  max-width: 100%;
  height: auto;
}#shaonLiner .sli-section {
  margin-top: 58px;
}#shaonLiner .sli-title {
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  background: none;
  color: #252525;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}#shaonLiner .sli-lead {
  max-width: 680px;
  margin: 0 auto 28px;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.95;
  text-align: center;
}/* =========================================================
   HERO
========================================================= */

#shaonLiner .sli-hero {
  padding: 39px 35px;
  border-radius: 7px;
  background-image:
    linear-gradient(
      90deg,
      rgba(247,247,248,.99) 0%,
      rgba(247,247,248,.97) 42%,
      rgba(247,247,248,.69) 59%,
      rgba(247,247,248,.12) 82%
    ),
    url("/base/shaon-liner-image.jpeg");
}#shaonLiner .sli-hero-inner {
  max-width: 610px;
}#shaonLiner .sli-eyebrow {
  margin-bottom: 7px;
  color: #506d7e;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}#shaonLiner .sli-hero h1:where(:not(.as-h2)),
#shaonLiner .sli-hero div.h_h1 {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  background: none;
  color: #202020;
  font-size: 31px;
  font-weight: 700;
  line-height: 1.5;
}#shaonLiner .sli-hero h1:where(:not(.as-h2)) strong,
#shaonLiner .sli-hero div.h_h1 strong {
  color: #4e6c7e;
}#shaonLiner .sli-hero p {
  margin: 0;
  color: #4e4e4e;
  font-size: 15px;
  line-height: 1.95;
}#shaonLiner .sli-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}#shaonLiner .sli-tags span {
  padding: 6px 11px;
  border: 1px solid #d2dce1;
  border-radius: 30px;
  background: rgba(255,255,255,.88);
  color: #566e79;
  font-size: 12px;
  font-weight: 700;
}/* =========================================================
   FIRST
========================================================= */

#shaonLiner .sli-first {
  margin-top: 42px;
  padding: 28px 25px;
  border-left: 5px solid #526f80;
  background: #f1f5f6;
}#shaonLiner .sli-first small {
  display: block;
  margin-bottom: 4px;
  color: #526f80;
  font-size: 12px;
  font-weight: 700;
}#shaonLiner .sli-first h2,
#shaonLiner .sli-first h1.as-h2,
#shaonLiner .sli-first div.h_h2 {
  margin: 0 0 9px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.55;
}#shaonLiner .sli-first p {
  margin: 0;
  color: #575757;
  font-size: 15px;
  line-height: 1.9;
}/* =========================================================
   3 POINTS
========================================================= */

#shaonLiner .sli-point-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-top: 27px;
}#shaonLiner .sli-point {
  padding: 20px 17px;
  border: 1px solid #dedede;
  border-radius: 6px;
  background: #fff;
}#shaonLiner .sli-point-icon {
  display: flex;
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e7eef2;
  color: #506d7e;
  font-size: 13px;
  font-weight: 700;
}#shaonLiner .sli-point strong {
  display: block;
  margin-bottom: 6px;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}#shaonLiner .sli-point p {
  margin: 0;
  color: #5d5d5d;
  font-size: 14px;
  line-height: 1.85;
}/* =========================================================
   DAY / NIGHT
========================================================= */

#shaonLiner .sli-use {
  margin-top: 55px;
  padding: 29px 24px;
  border-radius: 7px;
  background: #f7f8f8;
}#shaonLiner .sli-use h2,
#shaonLiner .sli-use h1.as-h2,
#shaonLiner .sli-use div.h_h2 {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
}#shaonLiner .sli-use-lead {
  max-width: 660px;
  margin: 0 auto 25px;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.9;
  text-align: center;
}#shaonLiner .sli-use-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}#shaonLiner .sli-use-card {
  padding: 22px 20px;
  border: 1px solid #ddd;
  border-radius: 7px;
  background: #fff;
}#shaonLiner .sli-use-card.sli-night {
  border-top: 5px solid #526d7e;
}#shaonLiner .sli-use-card.sli-day {
  border-top: 5px solid #b0a061;
}#shaonLiner .sli-use-label {
  display: block;
  margin-bottom: 5px;
  color: #526f80;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .07em;
}#shaonLiner .sli-day .sli-use-label {
  color: #85752f;
}#shaonLiner .sli-use-card h3 {
  margin: 0 0 9px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 18px;
  line-height: 1.6;
}#shaonLiner .sli-use-card p {
  margin: 0;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1.9;
}#shaonLiner .sli-use-result {
  display: block;
  margin-top: 14px;
  padding: 10px 12px;
  border-radius: 4px;
  background: #f1f5f6;
  color: #506d7e;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
}/* =========================================================
   PHOTOS
========================================================= */

#shaonLiner .sli-photo-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-top: 27px;
}#shaonLiner .sli-photo {
  margin: 0;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
}#shaonLiner .sli-photo img {
  width: 100%;
  height: auto;
}#shaonLiner .sli-photo figcaption {
  padding: 12px 13px;
  color: #5b5b5b;
  font-size: 13px;
  line-height: 1.8;
}#shaonLiner .sli-photo-note {
  margin: 14px 0 0;
  padding: 14px 16px;
  border-left: 5px solid #526f80;
  background: #f2f5f6;
  color: #555;
  font-size: 14px;
  line-height: 1.9;
}#shaonLiner .sli-photo-note strong {
  color: #3d5967;
}/* =========================================================
   HOW IT WORKS
========================================================= */

#shaonLiner .sli-how {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-top: 27px;
}#shaonLiner .sli-how-card {
  position: relative;
  padding: 20px 17px;
  border: 1px solid #dedede;
  border-radius: 6px;
  background: #fff;
}#shaonLiner .sli-how-no {
  display: block;
  margin-bottom: 6px;
  color: #526f80;
  font-size: 12px;
  font-weight: 700;
}#shaonLiner .sli-how-card strong {
  display: block;
  margin-bottom: 5px;
  color: #333;
  font-size: 16px;
}#shaonLiner .sli-how-card p {
  margin: 0;
  color: #5d5d5d;
  font-size: 14px;
  line-height: 1.85;
}/* =========================================================
   VIDEO
========================================================= */

#shaonLiner .sli-video-box {
  margin-top: 55px;
  padding: 28px 24px;
  border-radius: 7px;
  background: #edf2f4;
}#shaonLiner .sli-video-box h2,
#shaonLiner .sli-video-box h1.as-h2,
#shaonLiner .sli-video-box div.h_h2 {
  margin: 0 0 7px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 23px;
  line-height: 1.55;
  text-align: center;
}#shaonLiner .sli-video-lead {
  max-width: 650px;
  margin: 0 auto 22px;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.9;
  text-align: center;
}#shaonLiner .sli-video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
  border-radius: 7px;
  background: #000;
}#shaonLiner .sli-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}#shaonLiner .sli-video-caption {
  margin: 11px 0 0;
  color: #666;
  font-size: 13px;
  line-height: 1.8;
  text-align: center;
}/* =========================================================
   GOOD FOR
========================================================= */

#shaonLiner .sli-good-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin-top: 27px;
}#shaonLiner .sli-good {
  display: flex;
  gap: 13px;
  align-items: flex-start;
  padding: 18px 16px;
  border: 1px solid #dedede;
  border-radius: 6px;
  background: #fff;
}#shaonLiner .sli-good-icon {
  display: flex;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e9eff2;
  color: #526d7e;
  font-size: 13px;
  font-weight: 700;
}#shaonLiner .sli-good strong {
  display: block;
  margin-bottom: 4px;
  color: #333;
  font-size: 15px;
}#shaonLiner .sli-good p {
  margin: 0;
  color: #5d5d5d;
  font-size: 14px;
  line-height: 1.85;
}/* =========================================================
   IMPORTANT
========================================================= */

#shaonLiner .sli-important {
  margin-top: 48px;
  padding: 23px 24px;
  border-left: 5px solid #8a725e;
  background: #f7f3ed;
}#shaonLiner .sli-important strong {
  display: block;
  margin-bottom: 7px;
  color: #333;
  font-size: 16px;
}#shaonLiner .sli-important p {
  margin: 0;
  color: #595959;
  font-size: 14px;
  line-height: 1.9;
}/* =========================================================
   ORDER
========================================================= */

#shaonLiner .sli-order {
  margin-top: 55px;
  padding: 30px 24px;
  border-radius: 7px;
  background:
    linear-gradient(
      135deg,
      #edf3f5,
      #f7f5f0
    );
}#shaonLiner .sli-order-header {
  margin-bottom: 22px;
  text-align: center;
}#shaonLiner .sli-order-header small {
  display: block;
  color: #506d7e;
  font-size: 12px;
  font-weight: 700;
}#shaonLiner .sli-order-header h2,
#shaonLiner .sli-order-header h1.as-h2,
#shaonLiner .sli-order-header div.h_h2 {
  margin: 5px 0 8px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 23px;
}#shaonLiner .sli-order-header p {
  max-width: 620px;
  margin: 0 auto;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.9;
}/* オーダーフォームを入れる枠 */

#shaonLiner .sli-order-form {
  width: 100%;
  padding: 20px;
  border: 1px solid #d8dfe2;
  border-radius: 6px;
  background: #fff;
}/* =========================================================
   FAQ
========================================================= */

#shaonLiner .sli-faq {
  margin-top: 27px;
  border-top: 1px solid #ddd;
}#shaonLiner .sli-faq-item {
  padding: 20px 6px;
  border-bottom: 1px solid #ddd;
}#shaonLiner .sli-faq-q {
  position: relative;
  margin-bottom: 8px;
  padding-left: 35px;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.75;
}#shaonLiner .sli-faq-q:before {
  position: absolute;
  left: 0;
  top: -2px;
  color: #506d7e;
  content: "Q";
  font-size: 19px;
  font-weight: 700;
}#shaonLiner .sli-faq-a {
  position: relative;
  margin: 0;
  padding-left: 35px;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1.9;
}#shaonLiner .sli-faq-a:before {
  position: absolute;
  left: 1px;
  top: -3px;
  color: #8a725d;
  content: "A";
  font-size: 18px;
  font-weight: 700;
}/* =========================================================
   RELATED
========================================================= */

#shaonLiner .sli-related {
  margin-top: 38px;
  padding: 23px;
  border: 1px solid #dedede;
  border-radius: 5px;
  background: #fafafa;
}#shaonLiner .sli-related > strong {
  display: block;
  margin-bottom: 8px;
  color: #333;
  font-size: 16px;
}#shaonLiner .sli-related p {
  margin: 0 0 13px;
  color: #5c5c5c;
  font-size: 14px;
}#shaonLiner .sli-related-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}#shaonLiner .sli-related-links a {
  padding: 9px 12px;
  border: 1px solid #d4dade;
  border-radius: 4px;
  background: #fff;
  color: #506d7e;
  font-size: 13px;
  font-weight: 700;
}/* =========================================================
   CONSULT
========================================================= */

#shaonLiner .sli-consult {
  margin-top: 48px;
  padding: 31px 25px;
  border-radius: 7px;
  background: #eaf0f2;
  text-align: center;
}#shaonLiner .sli-consult small {
  color: #506d7e;
  font-size: 12px;
  font-weight: 700;
}#shaonLiner .sli-consult h2,
#shaonLiner .sli-consult h1.as-h2,
#shaonLiner .sli-consult div.h_h2 {
  margin: 5px 0 9px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 22px;
}#shaonLiner .sli-consult p {
  max-width: 600px;
  margin: 0 auto;
  color: #5b5b5b;
  font-size: 15px;
  line-height: 1.9;
}#shaonLiner .sli-consult-btn {
  display: inline-block;
  margin-top: 18px;
  padding: 12px 27px;
  border-radius: 4px;
  background: #506d7e;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width:700px) {#shaonLiner .sli-point-grid,
#shaonLiner .sli-how,
#shaonLiner .sli-photo-grid {
    grid-template-columns: 1fr;
  }#shaonLiner .sli-use-grid,
#shaonLiner .sli-good-grid {
    grid-template-columns: 1fr;
  }

}


@media screen and (max-width:480px) {#shaonLiner .sli-hero {
    padding: 28px 18px;
  }#shaonLiner .sli-hero h1:where(:not(.as-h2)),
#shaonLiner .sli-hero div.h_h1 {
    font-size: 24px;
  }#shaonLiner .sli-title {
    font-size: 22px;
    text-align: left;
  }#shaonLiner .sli-lead {
    text-align: left;
  }#shaonLiner .sli-first {
    padding: 22px 17px;
  }#shaonLiner .sli-first h2,
#shaonLiner .sli-first h1.as-h2,
#shaonLiner .sli-first div.h_h2 {
    font-size: 20px;
  }#shaonLiner .sli-use {
    padding: 24px 17px;
  }#shaonLiner .sli-use h2,
#shaonLiner .sli-use h1.as-h2,
#shaonLiner .sli-use div.h_h2 {
    font-size: 21px;
    text-align: left;
  }#shaonLiner .sli-use-lead {
    text-align: left;
  }#shaonLiner .sli-video-box {
    padding: 23px 15px;
  }#shaonLiner .sli-video-box h2,
#shaonLiner .sli-video-box h1.as-h2,
#shaonLiner .sli-video-box div.h_h2 {
    font-size: 21px;
    text-align: left;
  }#shaonLiner .sli-video-lead {
    text-align: left;
  }#shaonLiner .sli-order {
    padding: 25px 15px;
  }#shaonLiner .sli-order-form {
    padding: 14px;
  }#shaonLiner .sli-consult-btn {
    display: block;
    width: 100%;
  }

}/* =========================================================
   PRICE TABLE
   後付け遮音ライナー
========================================================= */

#shaonLiner .sli-price-section {
  width: 100%;
  max-width: 100%;
  margin-top: 58px;
}/* 説明 */

#shaonLiner .sli-price-subtitle {
  max-width: 650px;
  margin: 0 auto;
  color: #555;
  font-size: 15px;
  line-height: 1.9;
  text-align: center;
}#shaonLiner .sli-price-unit {
  margin-top: 5px;
  color: #777;
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
}/* =========================================================
   TABLE WRAPPER
========================================================= */

#shaonLiner .sli-price-scroll {
  width: 100%;
  max-width: 100%;
  margin-top: 22px;
  overflow-x: hidden;
  overflow-y: hidden;
  border: 1px solid #d9dfe2;
  border-radius: 6px;
  background: #fff;
}/* =========================================================
   TABLE
========================================================= */

#shaonLiner .sli-price-table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  background: #fff;
}/* 左端の高さ列 */

#shaonLiner .sli-price-table th:first-child {
  width: 100px;
}/* セル */

#shaonLiner .sli-price-table th,
#shaonLiner .sli-price-table td {
  padding: 13px 5px;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.45;
  text-align: center;
  white-space: nowrap;
}/* 右端 */

#shaonLiner .sli-price-table th:last-child,
#shaonLiner .sli-price-table td:last-child {
  border-right: 0;
}/* 最下段 */

#shaonLiner .sli-price-table tbody tr:last-child th,
#shaonLiner .sli-price-table tbody tr:last-child td {
  border-bottom: 0;
}/* 幅見出し */

#shaonLiner .sli-price-table thead th {
  background: #eef2f4;
  color: #414a4e;
  font-size: 12px;
  font-weight: 700;
}/* 高さ見出し */

#shaonLiner .sli-price-table tbody th {
  background: #f6f7f7;
  color: #4b4b4b;
  font-size: 13px;
  font-weight: 700;
}/* 価格 */

#shaonLiner .sli-price-table tbody td {
  color: #087eaf;
  font-size: 14px;
  font-weight: 700;
}/* hover */

#shaonLiner .sli-price-table tbody tr:hover td {
  background: #f6fbfd;
}/* =========================================================
   SCROLL MESSAGE
========================================================= */

#shaonLiner .sli-price-scroll-note {
  display: none;
  margin: 8px 0 0;
  color: #747474;
  font-size: 13px;
  line-height: 1.7;
  text-align: center;
}/* =========================================================
   PRICE INFO
========================================================= */

#shaonLiner .sli-price-info {
  margin-top: 17px;
  padding: 16px 18px;
  border-left: 5px solid #526f80;
  background: #f3f6f7;
}#shaonLiner .sli-price-info > strong {
  display: block;
  margin-bottom: 4px;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
}#shaonLiner .sli-price-info p {
  margin: 0;
  color: #5a5a5a;
  font-size: 14px;
  line-height: 1.9;
}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width:700px) {#shaonLiner .sli-price-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }#shaonLiner .sli-price-table {
    width: 780px;
    max-width: none;
    min-width: 780px;
    table-layout: fixed;
  }#shaonLiner .sli-price-table th:first-child {
    width: 110px;
  }#shaonLiner .sli-price-table th,
#shaonLiner .sli-price-table td {
    padding: 13px 10px;
    font-size: 14px;
  }#shaonLiner .sli-price-table thead th {
    font-size: 14px;
  }#shaonLiner .sli-price-table tbody th {
    font-size: 14px;
  }#shaonLiner .sli-price-table tbody td {
    font-size: 15px;
  }#shaonLiner .sli-price-scroll-note {
    display: block;
  }

}


@media screen and (max-width:480px) {#shaonLiner .sli-price-section {
    margin-top: 48px;
  }#shaonLiner .sli-price-subtitle {
    text-align: left;
  }#shaonLiner .sli-price-unit {
    text-align: left;
  }#shaonLiner .sli-price-info {
    padding: 15px 14px;
  }

}/* =========================================================
   SIZE GUIDE
========================================================= */

#shaonLiner .sli-size-guide {
  width: 100%;
  max-width: 100%;
}/* =========================================================
   ALERT
========================================================= */

#shaonLiner .sli-size-alert {
  margin-top: 24px;
  padding: 18px 19px;
  border-left: 5px solid #b45d42;
  background: #fbf3ee;
}#shaonLiner .sli-size-alert strong {
  display: block;
  margin-bottom: 5px;
  color: #9d4933;
  font-size: 16px;
  line-height: 1.7;
}#shaonLiner .sli-size-alert p {
  margin: 0;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1.9;
}/* =========================================================
   ORIGINAL DIAGRAM
========================================================= */

#shaonLiner .sli-size-figure {
  margin: 27px 0 0;
}#shaonLiner .sli-size-figure img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
}#shaonLiner .sli-size-figure figcaption {
  margin-top: 9px;
  color: #707070;
  font-size: 13px;
  line-height: 1.8;
}/* =========================================================
   MEASUREMENT BLOCK
========================================================= */

#shaonLiner .sli-size-block {
  margin-top: 28px;
  overflow: hidden;
  border: 1px solid #d9dfe2;
  border-radius: 7px;
  background: #fff;
}/* 見出し */

#shaonLiner .sli-size-heading {
  display: flex;
  gap: 13px;
  align-items: center;
  padding: 17px 19px;
  background: #eef3f5;
}#shaonLiner .sli-size-heading > span {
  display: flex;
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #526f80;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}#shaonLiner .sli-size-heading small {
  display: block;
  margin-bottom: 1px;
  color: #6b7f89;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
}#shaonLiner .sli-size-heading h3 {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
}/* 本文 */

#shaonLiner .sli-size-body {
  padding: 21px 21px 23px;
}#shaonLiner .sli-size-body > p {
  margin: 0 0 10px;
  color: #585858;
  font-size: 14px;
  line-height: 1.9;
}#shaonLiner .sli-size-body > p:last-child {
  margin-bottom: 0;
}/* =========================================================
   WIDTH FORMULA
========================================================= */

#shaonLiner .sli-size-formula-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin-top: 19px;
}#shaonLiner .sli-size-formula {
  padding: 18px 16px;
  border: 1px solid #d8dfe2;
  border-radius: 6px;
  background: #f9fafb;
}#shaonLiner .sli-size-type {
  display: inline-block;
  margin-bottom: 8px;
  padding: 3px 9px;
  border-radius: 20px;
  background: #526f80;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}#shaonLiner .sli-size-formula > strong {
  display: block;
  margin-bottom: 7px;
  color: #b14c34;
  font-size: 16px;
  line-height: 1.7;
}#shaonLiner .sli-size-formula p {
  margin: 0;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1.8;
}/* =========================================================
   HEIGHT FORMULA
========================================================= */

#shaonLiner .sli-height-formula {
  display: flex;
  gap: 15px;
  align-items: center;
  margin: 18px 0;
  padding: 16px 17px;
  border: 1px solid #d4dee2;
  border-radius: 5px;
  background: #f2f6f7;
}#shaonLiner .sli-height-formula span {
  flex: 0 0 auto;
  color: #536d7a;
  font-size: 13px;
  font-weight: 700;
}#shaonLiner .sli-height-formula strong {
  color: #b14c34;
  font-size: 17px;
  line-height: 1.6;
}/* =========================================================
   EXAMPLE
========================================================= */

#shaonLiner .sli-size-example {
  margin-top: 18px;
  padding: 15px 16px;
  border-left: 4px solid #849ba6;
  background: #f6f8f8;
}#shaonLiner .sli-size-example > strong {
  display: block;
  margin-bottom: 4px;
  color: #333;
  font-size: 14px;
}#shaonLiner .sli-size-example p {
  margin: 3px 0;
  color: #5c5c5c;
  font-size: 14px;
  line-height: 1.8;
}#shaonLiner .sli-size-calc {
  margin: 8px 0;
  color: #404040;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
}#shaonLiner .sli-size-calc strong {
  color: #b14c34;
  font-size: 19px;
}/* =========================================================
   FINAL CHECK
========================================================= */

#shaonLiner .sli-size-check {
  margin-top: 29px;
  padding: 22px 20px;
  border-radius: 7px;
  background: #f2f5f6;
}#shaonLiner .sli-size-check h3 {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 18px;
  text-align: center;
}#shaonLiner .sli-size-check-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
}#shaonLiner .sli-size-check-grid > div {
  padding: 15px 13px;
  border: 1px solid #d9dfe2;
  border-radius: 5px;
  background: #fff;
}#shaonLiner .sli-size-check-grid span {
  display: block;
  margin-bottom: 5px;
  color: #526f80;
  font-size: 13px;
  font-weight: 700;
}#shaonLiner .sli-size-check-grid p {
  margin: 0;
  color: #565656;
  font-size: 14px;
  line-height: 1.8;
}/* =========================================================
   VIDEO LINK
========================================================= */

#shaonLiner .sli-size-video-link {
  margin-top: 22px;
  padding: 18px 19px;
  border: 1px solid #d9dfe2;
  border-radius: 6px;
  background: #fff;
}#shaonLiner .sli-size-video-link strong {
  display: block;
  margin-bottom: 4px;
  color: #333;
  font-size: 15px;
}#shaonLiner .sli-size-video-link p {
  margin: 0;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1.8;
}#shaonLiner .sli-size-video-link a {
  display: inline-block;
  margin-top: 8px;
  color: #506d7e;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width:700px) {#shaonLiner .sli-size-formula-grid,
#shaonLiner .sli-size-check-grid {
    grid-template-columns: 1fr;
  }

}


@media screen and (max-width:480px) {#shaonLiner .sli-size-alert {
    padding: 16px 14px;
  }#shaonLiner .sli-size-alert strong {
    font-size: 15px;
  }#shaonLiner .sli-size-heading {
    padding: 15px 14px;
  }#shaonLiner .sli-size-heading > span {
    flex-basis: 41px;
    width: 41px;
    height: 41px;
  }#shaonLiner .sli-size-heading h3 {
    font-size: 17px;
  }#shaonLiner .sli-size-body {
    padding: 18px 15px 20px;
  }#shaonLiner .sli-height-formula {
    display: block;
  }#shaonLiner .sli-height-formula span {
    display: block;
    margin-bottom: 5px;
  }#shaonLiner .sli-height-formula strong {
    display: block;
    font-size: 16px;
  }#shaonLiner .sli-size-check {
    padding: 19px 14px;
  }#shaonLiner .sli-size-check h3 {
    text-align: left;
  }

}/* =========================================================
   ORDER FORM
========================================================= */

#shaonLiner .sli-est-form {
  width: 100%;
  margin: 0;
}/* セクション */

#shaonLiner .sli-form-section {
  margin-bottom: 27px;
  overflow: hidden;
  border: 1px solid #d9dfe2;
  border-radius: 6px;
  background: #fff;
}#shaonLiner .sli-form-section:last-of-type {
  margin-bottom: 0;
}#shaonLiner .sli-form-section-title {
  padding: 12px 16px;
  background: #526f80;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
}/* 1行 */

#shaonLiner .sli-form-row {
  display: grid;
  grid-template-columns: 145px minmax(0,1fr);
  border-bottom: 1px solid #e2e2e2;
}#shaonLiner .sli-form-row:last-child {
  border-bottom: 0;
}/* 左ラベル */

#shaonLiner .sli-form-row > label {
  padding: 18px 15px;
  background: #f5f7f7;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
}/* 必須 */

#shaonLiner .sli-required {
  display: inline-block;
  margin-left: 4px;
  padding: 1px 5px;
  border-radius: 3px;
  background: #b6513d;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  vertical-align: 1px;
}/* 右入力部分 */

#shaonLiner .sli-form-field {
  min-width: 0;
  padding: 16px 18px;
}/* select */

#shaonLiner .sli-form-field select {
  width: 100%;
  max-width: 370px;
  height: 44px;
  padding: 0 36px 0 11px;
  border: 1px solid #bfc9ce;
  border-radius: 4px;
  background: #fff;
  color: #333;
  font-size: 15px;
}/* サイズ入力 */

#shaonLiner .sli-size-input {
  display: flex;
  gap: 8px;
  align-items: center;
}#shaonLiner .sli-size-input > span {
  color: #4e626c;
  font-size: 14px;
  font-weight: 700;
}#shaonLiner .sli-size-input input {
  width: 130px;
  height: 46px;
  padding: 5px 9px;
  border: 2px solid #9fb2bb;
  border-radius: 4px;
  background: #fff;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  text-align: right;
}/* 説明 */

#shaonLiner .sli-form-help {
  margin: 9px 0 0;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1.85;
}#shaonLiner .sli-form-help strong {
  color: #3f5966;
}#shaonLiner .sli-form-note {
  margin: 4px 0 0;
  color: #777;
  font-size: 13px;
  line-height: 1.7;
}/* 幅計算ルール */

#shaonLiner .sli-form-rule {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 8px;
  padding: 9px 11px;
  border-radius: 4px;
  background: #f1f5f6;
}#shaonLiner .sli-form-rule span {
  flex: 0 0 53px;
  color: #526f80;
  font-size: 12px;
  font-weight: 700;
}#shaonLiner .sli-form-rule strong {
  color: #333;
  font-size: 14px;
  line-height: 1.6;
}/* 数量 */

#shaonLiner .sli-quantity {
  display: flex;
  gap: 9px;
  align-items: center;
}#shaonLiner .sli-quantity select {
  width: 110px;
}#shaonLiner .sli-quantity span {
  color: #555;
  font-size: 14px;
}/* =========================================================
   CONFIRM
========================================================= */

#shaonLiner .sli-form-confirm {
  margin-top: 25px;
  padding: 17px 18px;
  border-left: 5px solid #b06a43;
  background: #faf3ec;
}#shaonLiner .sli-form-confirm strong {
  display: block;
  margin-bottom: 5px;
  color: #8e4c32;
  font-size: 15px;
}#shaonLiner .sli-form-confirm p {
  margin: 0;
  color: #595959;
  font-size: 14px;
  line-height: 1.85;
}#shaonLiner .sli-form-confirm a {
  display: inline-block;
  margin-top: 7px;
  color: #506d7e;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
}/* =========================================================
   SUBMIT
========================================================= */

#shaonLiner .sli-form-submit {
  margin-top: 25px;
  text-align: center;
}#shaonLiner .sli-form-submit button {
  width: 100%;
  max-width: 460px;
  min-height: 58px;
  padding: 13px 20px;
  border: 0;
  border-radius: 5px;
  background: #506d7e;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  cursor: pointer;
  transition: opacity .2s ease;
}#shaonLiner .sli-form-submit button:hover {
  opacity: .86;
}#shaonLiner .sli-form-submit p {
  margin: 8px 0 0;
  color: #777;
  font-size: 13px;
  line-height: 1.7;
}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width:700px) {#shaonLiner .sli-form-row {
    grid-template-columns: 1fr;
  }#shaonLiner .sli-form-row > label {
    padding: 11px 14px;
    border-bottom: 1px solid #e5e5e5;
  }#shaonLiner .sli-form-field {
    padding: 15px 14px 17px;
  }

}


@media screen and (max-width:480px) {#shaonLiner .sli-form-field select {
    max-width: none;
    font-size: 16px;
  }#shaonLiner .sli-size-input input {
    width: 120px;
    font-size: 18px;
  }#shaonLiner .sli-form-rule {
    display: block;
  }#shaonLiner .sli-form-rule span {
    display: block;
    margin-bottom: 2px;
  }#shaonLiner .sli-form-submit button {
    max-width: none;
    font-size: 15px;
  }

}/* =========================================================
   LATTICE-NL ORDER FORM
========================================================= */

#shaonLace .sl-order-form {
  width: 100%;
  max-width: 100%;
  margin-top: 26px;
}/* =========================================================
   INTRO
========================================================= */

#shaonLace .sl-order-form-intro {
  margin-bottom: 22px;
  text-align: center;
}#shaonLace .sl-order-form-intro small {
  display: block;
  margin-bottom: 3px;
  color: #506d7e;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
}#shaonLace .sl-order-form-intro h3 {
  margin: 0 0 6px;
  padding: 0;
  border: 0;
  background: none;
  color: #292929;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.55;
}#shaonLace .sl-order-form-intro p {
  margin: 0;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1.85;
}/* =========================================================
   FORM
========================================================= */

#shaonLace .sl-est-form {
  width: 100%;
  margin: 0;
}/* =========================================================
   SECTION
========================================================= */

#shaonLace .sl-form-section {
  margin-bottom: 25px;
  overflow: hidden;
  border: 1px solid #d9dfe2;
  border-radius: 6px;
  background: #fff;
}#shaonLace .sl-form-section-title {
  padding: 12px 16px;
  background: #526f80;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
}/* =========================================================
   ROW
========================================================= */

#shaonLace .sl-form-row {
  display: grid;
  grid-template-columns: 145px minmax(0,1fr);
  border-bottom: 1px solid #e2e2e2;
}#shaonLace .sl-form-row:last-child {
  border-bottom: 0;
}/* 左見出し */

#shaonLace .sl-form-row > label,
#shaonLace .sl-form-label {
  padding: 18px 15px;
  background: #f5f7f7;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
}/* =========================================================
   REQUIRED
========================================================= */

#shaonLace .sl-required {
  display: inline-block;
  margin-left: 4px;
  padding: 1px 5px;
  border-radius: 3px;
  background: #b6513d;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  vertical-align: 1px;
}/* =========================================================
   FIELD
========================================================= */

#shaonLace .sl-form-field {
  min-width: 0;
  padding: 16px 18px;
}/* SELECT */

#shaonLace .sl-form-field select {
  width: 100%;
  max-width: 390px;
  height: 46px;
  padding: 0 36px 0 11px;
  border: 1px solid #bfc9ce;
  border-radius: 4px;
  background: #fff;
  color: #333;
  font-family: inherit;
  font-size: 15px;
}/* 商品名 */

#shaonLace .sl-form-product-name {
  display: inline-block;
  padding: 7px 13px;
  border-radius: 4px;
  background: #f1f5f6;
  color: #405e6c;
  font-size: 16px;
  font-weight: 700;
}/* =========================================================
   SIZE INPUT
========================================================= */

#shaonLace .sl-size-input {
  display: flex;
  gap: 8px;
  align-items: center;
}#shaonLace .sl-size-input > span {
  color: #4e626c;
  font-size: 14px;
  font-weight: 700;
}#shaonLace .sl-size-input input {
  width: 130px;
  height: 46px;
  padding: 5px 9px;
  border: 2px solid #9fb2bb;
  border-radius: 4px;
  background: #fff;
  color: #222;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  text-align: right;
}/* =========================================================
   HELP TEXT
========================================================= */

#shaonLace .sl-form-help {
  margin: 9px 0 0;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1.85;
}#shaonLace .sl-form-help strong {
  color: #3f5966;
}#shaonLace .sl-form-note {
  margin: 4px 0 0;
  color: #6d6d6d;
  font-size: 13px;
  line-height: 1.8;
}/* =========================================================
   DETAIL LINK
========================================================= */

#shaonLace .sl-form-detail-link {
  display: inline-block;
  margin-top: 8px;
  color: #506d7e;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.7;
  text-decoration: underline;
}#shaonLace .sl-form-detail-link:hover {
  text-decoration: none;
}#shaonLace .sl-important-link {
  color: #a34f38;
}/* =========================================================
   OPEN TYPE
========================================================= */

#shaonLace .sl-choice-info {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  margin-top: 10px;
}#shaonLace .sl-choice-info > div {
  padding: 10px 11px;
  border: 1px solid #dde2e4;
  border-radius: 4px;
  background: #f8f9f9;
}#shaonLace .sl-choice-info span {
  display: block;
  margin-bottom: 2px;
  color: #526f80;
  font-size: 13px;
  font-weight: 700;
}#shaonLace .sl-choice-info p {
  margin: 0;
  color: #626262;
  font-size: 13px;
  line-height: 1.7;
}/* =========================================================
   QUANTITY
========================================================= */

#shaonLace .sl-quantity {
  display: flex;
  gap: 9px;
  align-items: center;
}#shaonLace .sl-quantity select {
  width: 110px;
}#shaonLace .sl-quantity span {
  color: #555;
  font-size: 14px;
}/* =========================================================
   CONFIRM
========================================================= */

#shaonLace .sl-form-confirm {
  margin-top: 26px;
  padding: 17px 18px;
  border-left: 5px solid #b06a43;
  background: #faf3ec;
}#shaonLace .sl-form-confirm strong {
  display: block;
  margin-bottom: 5px;
  color: #8e4c32;
  font-size: 15px;
  line-height: 1.6;
}#shaonLace .sl-form-confirm p {
  margin: 0;
  color: #595959;
  font-size: 14px;
  line-height: 1.85;
}/* =========================================================
   SUBMIT
========================================================= */

#shaonLace .sl-form-submit {
  margin-top: 25px;
  text-align: center;
}#shaonLace .sl-form-submit button {
  width: 100%;
  max-width: 480px;
  min-height: 59px;
  padding: 13px 20px;
  border: 0;
  border-radius: 5px;
  background: #506d7e;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  cursor: pointer;
  transition: opacity .2s ease;
}#shaonLace .sl-form-submit button:hover {
  opacity: .86;
}#shaonLace .sl-form-submit p {
  margin: 9px 0 0;
  color: #6e6e6e;
  font-size: 13px;
  line-height: 1.8;
}/* =========================================================
   FOCUS
========================================================= */

#shaonLace .sl-form-field select:focus,
#shaonLace .sl-size-input input:focus {
  outline: 2px solid rgba(80,109,126,.22);
  outline-offset: 1px;
  border-color: #526f80;
}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width:700px) {#shaonLace .sl-form-row {
    grid-template-columns: 1fr;
  }#shaonLace .sl-form-row > label,
#shaonLace .sl-form-label {
    padding: 11px 14px;
    border-bottom: 1px solid #e5e5e5;
  }#shaonLace .sl-form-field {
    padding: 15px 14px 17px;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media screen and (max-width:480px) {#shaonLace .sl-order-form-intro {
    text-align: left;
  }#shaonLace .sl-order-form-intro h3 {
    font-size: 19px;
  }#shaonLace .sl-form-field select {
    width: 100%;
    max-width: none;
    font-size: 16px;
  }#shaonLace .sl-size-input input {
    width: 120px;
    font-size: 18px;
  }#shaonLace .sl-choice-info {
    grid-template-columns: 1fr;
  }#shaonLace .sl-form-submit button {
    max-width: none;
    font-size: 15px;
  }

}