/* Hinin Care v6.4.3 - SANGO article fallback styles
 * Imported WXR content is classic HTML, so these selectors decorate it inside SANGO's .entry-content.
 */
body.single-post.hce-longform-post .entry-content .hce-longform,
body.single-post.hce-longform-post .article-content .hce-longform,
body.hce-page-active .hce-column-article .hce-longform,
.hce-generated-column .hce-longform{
  display:block!important;
  width:100%!important;
  max-width:880px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* H2: SANGO-like solid panel */
body.single-post.hce-longform-post .entry-content h2.hce-sango-h2,
body.single-post.hce-longform-post .article-content h2.hce-sango-h2,
body.hce-page-active .hce-column-article h2.hce-sango-h2,
.hce-generated-column .hce-longform h2.hce-sango-h2{
  position:relative!important;
  display:block!important;
  clear:both!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:54px 0 22px!important;
  padding:17px 21px 17px 27px!important;
  border:1px solid #c7dff0!important;
  border-left:7px solid #3f83b7!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#edf7ff 0%,#fff 76%)!important;
  color:#173c5a!important;
  font-size:clamp(23px,3vw,29px)!important;
  font-weight:800!important;
  line-height:1.55!important;
  letter-spacing:.01em!important;
  box-shadow:0 8px 22px rgba(42,91,128,.08)!important;
}
body.single-post.hce-longform-post .entry-content h2.hce-sango-h2:before,
body.single-post.hce-longform-post .article-content h2.hce-sango-h2:before,
body.hce-page-active .hce-column-article h2.hce-sango-h2:before,
.hce-generated-column .hce-longform h2.hce-sango-h2:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:12px!important;
  bottom:12px!important;
  width:2px!important;
  height:auto!important;
  border:0!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.9)!important;
}

/* H3: SANGO-like underline */
body.single-post.hce-longform-post .entry-content h3.hce-sango-h3,
body.single-post.hce-longform-post .article-content h3.hce-sango-h3,
body.hce-page-active .hce-column-article h3.hce-sango-h3,
.hce-generated-column .hce-longform h3.hce-sango-h3{
  position:relative!important;
  display:block!important;
  clear:both!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:38px 0 18px!important;
  padding:10px 14px 10px 20px!important;
  border:0!important;
  border-bottom:3px solid #b9d8e9!important;
  border-radius:8px 8px 0 0!important;
  background:linear-gradient(90deg,#f2f9fd 0%,rgba(255,255,255,0) 78%)!important;
  color:#255475!important;
  font-size:clamp(20px,2.4vw,24px)!important;
  font-weight:800!important;
  line-height:1.6!important;
  box-shadow:none!important;
}
body.single-post.hce-longform-post .entry-content h3.hce-sango-h3:before,
body.single-post.hce-longform-post .article-content h3.hce-sango-h3:before,
body.hce-page-active .hce-column-article h3.hce-sango-h3:before,
.hce-generated-column .hce-longform h3.hce-sango-h3:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:10px!important;
  bottom:10px!important;
  width:6px!important;
  height:auto!important;
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#3f83b7,#47a77d)!important;
}

/* H4: SANGO-like left border */
body.single-post.hce-longform-post .entry-content h4.hce-sango-h4,
body.single-post.hce-longform-post .article-content h4.hce-sango-h4,
body.hce-page-active .hce-column-article h4.hce-sango-h4,
.hce-generated-column .hce-longform h4.hce-sango-h4{
  display:block!important;
  clear:both!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:29px 0 14px!important;
  padding:11px 15px!important;
  border:0!important;
  border-left:5px solid #47a77d!important;
  border-radius:0 11px 11px 0!important;
  background:#eff9f4!important;
  color:#245c48!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.65!important;
  box-shadow:none!important;
}

/* H5: point label */
body.single-post.hce-longform-post .entry-content h5.hce-sango-h5,
body.single-post.hce-longform-post .article-content h5.hce-sango-h5,
body.hce-page-active .hce-column-article h5.hce-sango-h5,
.hce-generated-column .hce-longform h5.hce-sango-h5{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:23px 0 11px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#5c4623!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.7!important;
}
body.single-post.hce-longform-post .entry-content h5.hce-sango-h5:before,
body.single-post.hce-longform-post .article-content h5.hce-sango-h5:before,
body.hce-page-active .hce-column-article h5.hce-sango-h5:before,
.hce-generated-column .hce-longform h5.hce-sango-h5:before{
  content:"POINT"!important;
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  padding:3px 9px!important;
  border:0!important;
  border-radius:999px!important;
  background:#ffeaa1!important;
  color:#795913!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}

/* Related articles: one title per bullet, SANGO-like box */
body.single-post.hce-longform-post .entry-content .hce-related-section,
body.single-post.hce-longform-post .article-content .hce-related-section,
body.hce-page-active .hce-column-article .hce-related-section,
.hce-generated-column .hce-related-section{
  display:block!important;
  clear:both!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:42px 0 36px!important;
  padding:20px 20px 9px!important;
  border:2px solid #d5e7f3!important;
  border-radius:16px!important;
  background:#f8fcff!important;
  box-shadow:0 7px 20px rgba(42,91,128,.06)!important;
}
.hce-related-heading{
  display:block!important;
  margin:0 0 14px!important;
  padding:0 0 10px!important;
  border-bottom:1px dashed #bdd7e7!important;
  color:#244e6d!important;
  font-size:19px!important;
  font-weight:900!important;
  line-height:1.6!important;
}
.hce-related-heading:before{
  content:"関連記事"!important;
  display:inline-flex!important;
  margin-right:9px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:#3f83b7!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  vertical-align:middle!important;
}
ul.hce-related-list{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0 0 0 1.35em!important;
  list-style:disc outside!important;
  columns:auto!important;
  column-count:1!important;
  box-sizing:border-box!important;
}
ul.hce-related-list>li{
  display:list-item!important;
  width:auto!important;
  margin:0 0 11px!important;
  padding:0!important;
  list-style:disc outside!important;
  break-inside:avoid!important;
}
ul.hce-related-list>li::marker{color:#3f83b7!important;font-size:1.08em!important;}
ul.hce-related-list a.hce-related-link{
  display:inline!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#225f8c!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.8!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:3px!important;
  box-shadow:none!important;
}
ul.hce-related-list a.hce-related-link:hover{color:#17496e!important;text-decoration-thickness:2px!important;}

/* Summary: UL only, no DIV wrapper */
ul.hce-summary-list{
  display:block!important;
  clear:both!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:18px 0 34px!important;
  padding:17px 20px 17px 46px!important;
  border:1px solid #c9e3d5!important;
  border-radius:15px!important;
  background:#f2faf6!important;
  list-style:disc outside!important;
  columns:auto!important;
  column-count:1!important;
}
ul.hce-summary-list>li{
  display:list-item!important;
  width:auto!important;
  margin:7px 0!important;
  padding:0!important;
  list-style:disc outside!important;
  line-height:1.8!important;
  break-inside:avoid!important;
}
ul.hce-summary-list>li::marker{color:#279260!important;font-size:1.05em!important;}

/* Requested emphasis */
p.hce-quick-answer{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 25px!important;
  padding:14px 17px!important;
  border-left:5px solid #e4b83c!important;
  border-radius:10px!important;
  background:#fffaf0!important;
  color:#5e512e!important;
  line-height:1.9!important;
}
.keiko_yellow,
.hce-marker-yellow{
  background:linear-gradient(transparent 58%,#fff09a 58%)!important;
  color:inherit!important;
  padding:0 .05em!important;
}
.hce-red-strong{color:#d23838!important;font-weight:900!important;}
.hce-text-bold{font-weight:900!important;}

@media(max-width:720px){
  body.single-post.hce-longform-post .entry-content h2.hce-sango-h2,
  body.single-post.hce-longform-post .article-content h2.hce-sango-h2,
  body.hce-page-active .hce-column-article h2.hce-sango-h2,
  .hce-generated-column .hce-longform h2.hce-sango-h2{
    margin-top:42px!important;padding:14px 14px 14px 19px!important;font-size:21px!important;border-radius:12px!important;
  }
  body.single-post.hce-longform-post .entry-content h3.hce-sango-h3,
  body.single-post.hce-longform-post .article-content h3.hce-sango-h3,
  body.hce-page-active .hce-column-article h3.hce-sango-h3,
  .hce-generated-column .hce-longform h3.hce-sango-h3{margin-top:31px!important;padding-left:18px!important;font-size:19px!important;}
  body.single-post.hce-longform-post .entry-content h4.hce-sango-h4,
  body.single-post.hce-longform-post .article-content h4.hce-sango-h4,
  body.hce-page-active .hce-column-article h4.hce-sango-h4,
  .hce-generated-column .hce-longform h4.hce-sango-h4{font-size:16px!important;}
  .hce-related-section{padding:17px 14px 7px!important;}
  ul.hce-related-list{padding-left:1.2em!important;}
  ul.hce-summary-list{padding:15px 15px 15px 37px!important;}
}
.hce-reader-note{
  margin:28px 0!important;
  padding:14px 16px!important;
  border-left:4px solid #94a8ba!important;
  border-radius:8px!important;
  background:#f6f8fa!important;
  color:#536779!important;
  font-size:14px!important;
  line-height:1.85!important;
}

/* v6.5.23 mobile summary marker guard: loaded after frontend.css */
@media(max-width:720px){
  body.single-post.hce-longform-post .entry-content ul.hce-summary-list>li::before,
  body.single-post.hce-longform-post .entry-content ul.hce-summary-list>li:before,
  body.single-post.hce-longform-post .article-content ul.hce-summary-list>li::before,
  body.single-post.hce-longform-post .article-content ul.hce-summary-list>li:before,
  body.hce-page-active .hce-column-article ul.hce-summary-list>li::before,
  body.hce-page-active .hce-column-article ul.hce-summary-list>li:before,
  .hce-generated-column ul.hce-summary-list>li::before,
  .hce-generated-column ul.hce-summary-list>li:before{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }
  body.single-post.hce-longform-post .entry-content ul.hce-summary-list,
  body.single-post.hce-longform-post .article-content ul.hce-summary-list,
  body.hce-page-active .hce-column-article ul.hce-summary-list,
  .hce-generated-column ul.hce-summary-list{
    list-style:disc outside!important;
  }
  body.single-post.hce-longform-post .entry-content ul.hce-summary-list>li,
  body.single-post.hce-longform-post .article-content ul.hce-summary-list>li,
  body.hce-page-active .hce-column-article ul.hce-summary-list>li,
  .hce-generated-column ul.hce-summary-list>li{
    display:list-item!important;
    padding-left:0!important;
    list-style:disc outside!important;
  }
}


/* v6.5.25: PRバッジを独立クラス化。旧span向け!importantルールの影響を完全回避。 */
.hce-sponsored-meta>.hce-pr-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:3px 8px!important;
  border:0!important;
  border-radius:999px!important;
  background:#e8eef6!important;
  box-shadow:none!important;
  color:#52657b!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
@media(max-width:720px){
  body.single-post.hce-longform-post .hce-generated-column .hce-sponsored-meta>.hce-pr-badge,
  body.single-post .hce-generated-column .hce-sponsored-meta>.hce-pr-badge,
  body.hce-page-active .hce-column-article .hce-sponsored-meta>.hce-pr-badge,
  .hce-generated-column .hce-sponsored-meta>.hce-pr-badge,
  .hce-sponsored-meta>.hce-pr-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:3px 8px!important;
    border:0!important;
    border-radius:999px!important;
    background:#e8eef6!important;
    box-shadow:none!important;
    color:#52657b!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
    line-height:1.2!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
}