:root{
  --hg-green:#123c2b;
  --hg-green-2:#1f6b48;
  --hg-red:#9a2632;
  --hg-ink:#1f2a24;
  --hg-muted:#66736b;
  --hg-line:#e4ded2;
  --hg-paper:#f7f2e8;
  --hg-white:#fffdf8;
}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--hg-paper) !important;
  color:var(--hg-ink) !important;
  font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif !important;
  line-height:1.9;
  letter-spacing:0;
}
img{max-width:100%;height:auto}
a{color:var(--hg-green)}
h1,h2,h3{
  letter-spacing:0 !important;
}
h1{
  color:var(--hg-green) !important;
  font-family:"Noto Serif JP","Yu Mincho",serif !important;
  line-height:1.35 !important;
}
h2{
  color:var(--hg-green) !important;
  font-family:"Noto Serif JP","Yu Mincho",serif !important;
  line-height:1.45 !important;
}
header,.site-header,.header,.l-header{
  background:rgba(247,242,232,.96) !important;
  border-bottom:1px solid var(--hg-line) !important;
}
nav a,.header a,.site-header a{
  color:var(--hg-green) !important;
}
.btn,.button,button,[class*="btn"],[class*="button"]{
  border-radius:6px !important;
}
.btn-primary,.btn-primary-cta,.product-button,.sidebar-product-btn,
a[href*="/p/00018"],a[href*="amazon"],a[href*="shopping.yahoo"]{
  font-weight:700;
}
main,.main,.contents,.content,.article,.blog_body{
  color:var(--hg-ink) !important;
}
.blog_body,.article,section{
  font-size:16px;
}
.blog_body p,.article p,section p{
  line-height:1.95;
}
.breadcrumb,.breadcrumbs{
  color:var(--hg-muted) !important;
  font-size:13px !important;
}
table{
  width:100%;
  border-collapse:collapse;
}
th,td{
  border:1px solid var(--hg-line);
  padding:10px;
}
th{
  background:#eef5ee;
  color:var(--hg-green);
}
footer,.site-footer{
  background:var(--hg-green) !important;
  color:white !important;
}
footer a,.site-footer a{color:white !important}
@media (max-width:820px){
  body{font-size:15px}
  h1{font-size:clamp(28px,8vw,42px) !important}
  h2{font-size:clamp(22px,6vw,30px) !important}
  .container,.wrap,.inner,.content,.main{
    width:auto !important;
    max-width:100% !important;
  }
  .blog_body,.article,section{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}
/* HIDEGEN final dark header/footer override */
.site-header,
header.site-header,
.site-header .header-inner,
header.site-header .header-inner {
  background: #0e3d2b !important;
  color: #ffffff !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.site-header .brand,
.site-header .brand:visited,
.site-header .brand span,
.site-header .nav a,
.site-header .nav a:visited,
.site-header nav a,
.site-header nav a:visited {
  color: #ffffff !important;
  background: transparent !important;
  text-decoration: none !important;
}
.site-header .brand span,
.site-header .text-logo-sub {
  color: rgba(255,255,255,.72) !important;
}
.site-footer,
footer.site-footer,
.site-footer .footer-inner,
footer.site-footer .footer-inner {
  background: #0e3d2b !important;
  color: #ffffff !important;
  border-top: 0 !important;
}
.site-footer *,
footer.site-footer *,
.site-footer a,
footer.site-footer a {
  color: #ffffff !important;
  text-decoration: none !important;
}
.site-footer .footer-brand span,
footer.site-footer .footer-brand span {
  color: rgba(255,255,255,.72) !important;
}
/* HIDEGEN final Japanese readability fix: natural wrapping without forced phrase breaks */
p, li, dd, td, th, .lead, .page-lead, .sales-lead, .home-about-panel p, .section-block p, .main-content p, .main-content li, .article p, .article li, .cta p, .problem-card p, .guide-link p, .usecase-card p {
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-break: strict !important;
}
.home-about-panel p, .home-visual-hero p, .site-intro p {
  max-width: 980px !important;
}
.shop-grid .card, .final-offer h2, body .site-intro.home-visual-hero h1, body .site-intro.home-visual-hero p {
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-break: strict !important;
}
.nowrap-term { white-space: nowrap !important; }
/* HIDEGEN final readable layout: keep text areas wide, then let the browser wrap naturally. */
html body main.page-wrap,
html body main.clean-page,
html body main.product-clean-page,
html body .page-wrap,
html body .clean-page,
html body .product-clean-page,
html body .wrap,
html body .main-content,
html body .article,
html body .blog_body {
  width: min(100% - 32px, 1180px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
html body .sales-section,
html body .section,
html body section,
html body .section-block,
html body .sales-title,
html body .home-about-panel,
html body .site-intro,
html body .home-visual-hero,
html body .product-clean-page .section {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
html body .page-lead,
html body .lead,
html body .intro,
html body .section-desc,
html body .section-text,
html body .sales-title p,
html body .site-intro p,
html body .home-visual-hero p,
html body .home-about-panel p,
html body .sales-lead,
html body .article p,
html body .article li,
html body .blog_body p,
html body .blog_body li,
html body .main-content p,
html body .main-content li,
html body .section-block p,
html body .cta p,
html body .problem-card p,
html body .guide-link p,
html body .usecase-card p,
html body .product-clean-page .section-desc,
html body .product-clean-page .section-text {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  line-break: strict !important;
  text-wrap: pretty;
}
html body .sales-title p,
html body .page-lead,
html body .section-desc,
html body .home-about-panel p {
  font-size: clamp(15px, 1.45vw, 17px) !important;
  line-height: 2 !important;
}
@media (max-width: 760px) {
  html body main.page-wrap,
  html body main.clean-page,
  html body main.product-clean-page,
  html body .page-wrap,
  html body .clean-page,
  html body .product-clean-page,
  html body .wrap,
  html body .main-content,
  html body .article,
  html body .blog_body {
    width: min(100% - 24px, 1180px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* HIDEGEN breadcrumb and base font unification */
html body {
  font-family: "Noto Sans JP", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
}
html body .breadcrumb,
html body .breadcrumbs,
html body [class*="breadcrumb"] {
  color: #617168 !important;
  font-family: "Noto Sans JP", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.8 !important;
}
html body .breadcrumb a,
html body .breadcrumbs a,
html body [class*="breadcrumb"] a {
  color: #1f6b48 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 700 !important;
  line-height: inherit !important;
  text-decoration: none !important;
  white-space: normal !important;
}
html body .breadcrumb a:hover,
html body .breadcrumbs a:hover,
html body [class*="breadcrumb"] a:hover {
  text-decoration: underline !important;
}