/* Spacing for the shared, fixed corporate header; article CSS is scoped. */
.ems-detail-content {
  display: flow-root;
  width: 100%;
  height: auto;
  min-height: 60vh;
  margin: 0;
  padding: 110px 0 48px;
}
.ems-detail-content--legacy {
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #292828;
}
.ems-detail-content--legacy .content-area {
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
}
.ems-detail-content--clinic {
  padding-top: 80px;
}
#single .ems-detail-content--invisalign > article.right {
  float: none;
  width: 100%;
  max-width: 1140px;
  min-height: 0;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .ems-detail-content {
    padding-top: 100px;
  }
  .ems-detail-content--legacy .content-area {
    padding: 24px 20px;
  }
  .ems-detail-content--legacy .blog_title,
  .ems-detail-content--legacy #blog-post > p {
    padding-right: 20px;
    padding-left: 20px;
  }
  .ems-detail-content--clinic {
    padding-top: 80px;
  }
}

/* The old Invisalign layout reserved space for a fixed side header. */
#single .ems-detail-content--invisalign > article.right {
  display: flow-root;
}
#single .ems-detail-content--invisalign .eye_catch {
  position: relative;
}
#single .ems-detail-content--invisalign > article.right > section {
  margin-top: 0;
}
@media (max-width: 767px) {
  #single .ems-detail-content--invisalign section#blog .cointent_area,
  #single .ems-detail-content--invisalign section#blog h2,
  #single .ems-detail-content--invisalign section#blog p.up_day {
    width: 90%;
  }
  #single .ems-detail-content--invisalign section#blog .sns_button {
    flex-wrap: wrap;
    gap: 8px;
  }
  #single .ems-detail-content--invisalign section#blog .sns_button a {
    flex-basis: 100%;
  }
}

#single .ems-detail-content--invisalign section#blog .sns_button a span {
  right: 8px;
  width: auto;
}