
#liquid-main{max-width:1120px;margin:auto;padding:24px;font-size:18px;line-height:1.85}#liquid-main *{box-sizing:border-box}#liquid-main .content-panel img:not(.product-image), #liquid-main .liquid-hero img{max-width:100%;height:auto;float:none}#liquid-main h1{font-size:36px;line-height:1.5;color:#294b38}#liquid-main h2{font-size:26px;padding:15px 20px;background:#eaf1e8;border-left:5px solid #688c58;margin:0 0 24px;color:#294b38}#liquid-main .content-panel h3{font-size:22px;line-height:1.6}#liquid-main .content-panel a:not(.btn), #liquid-main .breadcrumb a, #liquid-main .section-nav a{color:#286344}#liquid-main section{margin-bottom:46px;scroll-margin-top:20px}.liquid-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:32px;background:#f1f5ea;border-radius:18px;padding:36px}.liquid-hero>img{max-height:330px!important;justify-self:center;object-fit:contain}.eyebrow{font-size:16px;color:#67765b}.hero-cta,.buy-button{display:block;border:0;background:#e47722;color:white!important;border-radius:8px;padding:16px 20px;text-align:center;text-decoration:none;font-size:18px;font-weight:bold;cursor:pointer}.hero-cta{max-width:340px;margin-top:24px}.section-nav{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 40px}.section-nav a{padding:10px 18px;background:white;border:1px solid #ccd8c5;border-radius:30px;text-decoration:none}.purchase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.purchase-card{background:white;border:1px solid #dce1d4;border-radius:16px;padding:26px;text-align:center;position:relative}.purchase-card h3{margin:8px 0 20px}.purchase-card>img{height:210px!important;width:auto;max-width:100%;object-fit:contain;margin:0 auto 20px}.purchase-option{padding:16px 0;border-top:1px solid #e4e7df}.purchase-option p{margin:4px 0}.amount{font-size:32px;font-weight:bold;color:#b34e1b;line-height:1.5}.amount small{font-size:16px;font-weight:normal}.buy-button{width:100%;margin-top:14px}.subscription{background:#44784b}.purchase-card .badge{position:static;display:block;background:#ef8629;color:white;border-radius:8px;padding:8px;font-weight:bold;margin:0 0 14px}.content-panel{background:white;border-radius:16px;padding:28px}.content-panel p{margin:16px 0}.content-panel font{font-size:inherit}.table-scroll{overflow-x:auto}#liquid-main table{min-width:0;border-collapse:collapse;width:100%;font-size:16px}#liquid-main th,#liquid-main td{border:1px solid #d7ddcf;padding:12px}#liquid-main th{background:#f0f4eb}.course-link{font-size:16px}.breadcrumb{font-size:14px;margin-bottom:20px}.back-top{display:block;text-align:right;margin-bottom:30px}@media(max-width:767px){#liquid-main{padding:16px;font-size:17px}.liquid-hero{grid-template-columns:1fr;padding:24px;gap:20px}#liquid-main h1{font-size:27px}.liquid-hero>img{max-height:240px!important}.purchase-grid{grid-template-columns:1fr}#liquid-main h2{font-size:22px;padding:14px}#liquid-main .content-panel h3{font-size:20px}.content-panel{padding:20px}.section-nav{gap:8px}.section-nav a{font-size:15px;padding:8px 12px}.purchase-card{padding:22px}}

#purchase{font-size:16px;line-height:1.75}.liquid-special{margin-top:24px}#liquid-main .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:641px) and (max-width:900px){#liquid-main .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:568px){#liquid-main .product-grid{grid-template-columns:1fr}}

#liquid-main .recommend-set-image{display:block;width:min(480px,100%);height:auto;margin:24px auto}#liquid-main .recommend-reasons{padding-left:1.6em}#liquid-main .recommend-reasons li{margin:0 0 18px}#liquid-main .refund-info{padding:22px;margin-top:28px;background:#fff8ed;border:1px solid #e3c7a0;border-radius:12px}#liquid-main .refund-info h3{margin-top:0}

/* スマホでは全4列を画面内に表示 */
@media(max-width:568px){
 #liquid-main .table-scroll{overflow:visible;max-width:100%}
 #liquid-main .table-scroll table{width:100%;min-width:0;table-layout:fixed;font-size:14px;line-height:1.6}
 #liquid-main .table-scroll th,#liquid-main .table-scroll td{padding:8px 4px;white-space:normal;overflow-wrap:anywhere;text-align:left;vertical-align:top}
 #liquid-main .table-scroll thead th:nth-child(1){width:21%}
 #liquid-main .table-scroll thead th:nth-child(2){width:27%}
 #liquid-main .table-scroll thead th:nth-child(3){width:21%}
 #liquid-main .table-scroll thead th:nth-child(4){width:31%}
 #liquid-main .table-scroll caption{font-size:16px;line-height:1.6;text-align:left;padding:0 0 10px}
 #liquid-main #features.content-panel{padding-left:12px;padding-right:12px}
}

#liquid-main .recommend-purchase{max-width:100%;margin:24px auto 32px;font-size:16px;line-height:1.75}#liquid-main .recommend-purchase h3{font-size:19px;line-height:1.75}#liquid-main .recommend-purchase .product-image{width:100%;height:190px;object-fit:contain}@media(max-width:568px){#liquid-main .recommend-purchase .product-image{height:230px}}

/* 店長おすすめ：PCは画像と購入欄を横並び */
@media(min-width:641px){
 #liquid-main .recommend-purchase .product-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
 #liquid-main .recommend-purchase .product-image{width:100%;height:100%;min-height:330px;object-fit:contain;border-radius:17px 0 0 17px}
 #liquid-main .recommend-purchase .product-body{padding:38px;min-width:0}
}
@media(max-width:568px){
 #liquid-main .recommend-purchase{max-width:380px}
 #liquid-main .recommend-purchase .product-card{display:flex;flex-direction:column}
}

/* 30mlページ専用：共通ヘッダー・フッターはshohin.cssを使用 */
#liquid-main .hero-lead{font-size:23px;font-weight:bold;color:#294b38}#liquid-main .mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}#liquid-main .mini-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dce1d4;border-radius:16px;padding:24px;text-align:center}#liquid-main .mini-card.featured{border:2px solid #e47722}#liquid-main .mini-image{width:100%;height:230px;object-fit:contain}#liquid-main .mini-card h3{font-size:21px;line-height:1.6}#liquid-main .mini-card .one-time-price{font-size:17px}#liquid-main .mini-card strong{font-size:29px;color:#b34e1b}#liquid-main .mini-card .order-form{margin-top:auto}#liquid-main .mini-card .order-image-button{width:100%;max-width:280px;height:auto}#liquid-main .choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}#liquid-main .choice-grid>div{padding:16px;background:#f6f8f2;border-radius:12px}#liquid-main .choice-grid h3{margin-top:0;font-size:20px}#liquid-main .nutrition-list{display:grid;grid-template-columns:1fr 1fr;max-width:620px;margin:0}#liquid-main .nutrition-list dt,#liquid-main .nutrition-list dd{margin:0;padding:10px 14px;border-bottom:1px solid #dce1d4}#liquid-main .nutrition-list dt{background:#f0f4eb}#liquid-main .small-faq{border-bottom:1px solid #dce1d4;padding:18px 0}#liquid-main .small-faq summary{cursor:pointer;font-weight:bold}#liquid-main .related-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}#liquid-main .related-grid a{display:flex;flex-direction:column;align-items:center;text-align:center}#liquid-main .related-grid img{height:170px!important;width:100%;object-fit:contain;margin-bottom:16px}#liquid-main .price-tooltip-wrap{position:relative;display:inline-block}#liquid-main .price-tooltip-wrap .tooltip-text{display:none;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);background:#294b38;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;z-index:2}#liquid-main .price-tooltip-wrap:hover .tooltip-text{display:block}@media(max-width:900px){#liquid-main .mini-grid{gap:16px}#liquid-main .mini-card{padding:16px}}@media(max-width:568px){#liquid-main .mini-grid,#liquid-main .choice-grid,#liquid-main .related-grid{grid-template-columns:1fr}#liquid-main .mini-card{padding:24px}#liquid-main .mini-image{height:240px}#liquid-main .hero-lead{font-size:21px}#liquid-main .price-tooltip-wrap .tooltip-text{display:block;position:static;transform:none;background:transparent;color:#555;padding:0;font-size:14px;white-space:normal}#liquid-main .related-grid{gap:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#liquid-main{max-width:1120px;margin:auto;padding:22px 16px;font-size:18px;line-height:1.85}#liquid-main .section-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;position:static;background:transparent}#liquid-main .section-nav a{border:1px solid #cbdcc4;background:#fff;color:#327a44;border-radius:30px;padding:10px 15px;text-decoration:none}#liquid-main .section-nav a:hover{background:#edf5e9}#liquid-main section{scroll-margin-top:110px}@media(max-width:568px){#liquid-main{font-size:16px;padding:16px 12px}#liquid-main .section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#liquid-main .section-nav a{text-align:center;font-size:14px}}

/* 30mlページ：上部の白い余白を縮小 */
#liquid-main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ページ内リンクの上部余白 */
#liquid-main .section-nav {
  margin-top: 0 !important;
  margin-bottom: 15px !important;
  padding-top: 0 !important;
}

/* スマホ：568px以下 */
@media (max-width: 568px) {
  #liquid-main {
    padding-top: 0 !important;
  }

  #liquid-main .section-nav {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }
}

/* 30ml 商品紹介バナー */
#liquid-main .af30-intro {
  display: grid;
  grid-template-columns: 1fr 260px;
  align-items: center;
  gap: 24px;

  background: #f1f5eb;
  border-radius: 20px;
  padding: 28px 30px;
  margin: 0 0 20px;
}

#liquid-main .af30-intro-text {
  min-width: 0;
}

#liquid-main .af30-intro-label {
  color: #567454;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .12em;
  margin: 0 0 12px;
}

#liquid-main .af30-intro h2 {
  color: #194d40;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.45;
  margin: 0;
  border: 0;
  padding: 0;
}

#liquid-main .af30-intro-image img {
  display: block;
  max-width: 100%;
  max-height: 175px;
  width: auto;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
}

/* スマホ 568px以下 */
@media (max-width: 568px) {
  #liquid-main .af30-intro {
    grid-template-columns: minmax(0, 1fr) 115px;
    gap: 10px;
    padding: 18px 14px;
    border-radius: 14px;
    margin-bottom: 15px;
  }

  #liquid-main .af30-intro-label {
    font-size: 11px;
    letter-spacing: .03em;
    margin-bottom: 7px;
  }

  #liquid-main .af30-intro h2 {
    font-size: clamp(17px, 4.5vw, 23px);
    line-height: 1.45;
  }

  #liquid-main .af30-intro-image img {
    max-height: 125px;
  }
}

/* 30mlページ上部の余白を縮小 */
body.page-id-0 #liquid-main,
#liquid-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#liquid-main .af30-intro {
  margin-top: 0 !important;
  margin-bottom: 15px !important;
}

/* スマホ 568px以下 */
@media (max-width: 568px) {
  #liquid-main {
    padding-top: 0 !important;
  }

  #liquid-main .af30-intro {
    margin-top: 0 !important;
  }
}

/* 商品名の背景色をバナーと統一 */
#liquid-main .af30-intro,
#liquid-main .af30-intro-text,
#liquid-main .af30-intro-text h2,
#liquid-main .af30-intro-label {
  background: #f1f5eb !important;
  background-color: #f1f5eb !important;
}

#liquid-main .af30-intro h2 {
  box-shadow: none !important;
  border: none !important;
}
/* 30mlページ：通常の文字リンク */
#liquid-main a:not(.btn):not(.buy-button):not(.hero-cta):hover,
#liquid-main a.back-top:hover {
  color: #e87516 !important;
}
/* ==========================================
   1800ml ヒーロー画像の上下余白をゼロに
========================================== */

body #liquid-main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body #liquid-main .liquid-hero-image {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

body #liquid-main .liquid-hero-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
padding: 0 !important;

/* ヒーロー上下余白をゼロにする */

#liquid-main .liquid-hero-image {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

#liquid-main .liquid-hero-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 画像直後のメニューとの間隔 */
#liquid-main .section-nav {
  margin-top: 0 !important;
}