﻿    #column_minoxidil {
      section {
        padding-top: 60px;
        @media(max-width:768px) {
          padding-top: 40px;
        }
      }
      .card {
        border: 2px solid #ddd;
        margin-top: 48px;
      }
      .card a {
        position: relative;
        display: flex;
        padding: 24px 10px;
        column-gap: 12px;
        text-decoration: none;
      }
      .card_label {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 12px;
        padding: 4px 8px;
        background-color: #ddd;
        color: #fff;
      }
      .card_thumbnail {
        width: 40%;
        aspect-ratio: 16 / 9;
        max-width: 225px;
        flex-shrink: 0;
      }
      .card_thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .card_title {
        padding: 12px 0;
        align-self: center;
        font-size: 12px;
        line-height: 1.5;
        font-weight: bold;
      }
      @media screen and (max-width: 767px) {
        .card_description {
          display: none;
        }
      }
      @media screen and (min-width: 768px) {
        .card a {
          padding: 32px 24px;
          column-gap: 24px;
        }
        .card_label {
          font-size: 14px;
        }
        .card_title {
          font-size: 16px;
        }
        .card_description {
          font-size: 14px;
        }
      }
      section>section {
        padding-top: 40px;

        @media(max-width:768px) {
          padding-top: 24px;
        }
      }

      h1.entry-title {
        border-bottom: 4px solid #043328;
        padding-bottom: 6px;
        padding-left: 5px;
        margin-bottom: 40px;
        font-weight: bold;
        font-size: 32px;
        line-height: 1.2;
        color: #045044;

        @media(max-width:768px) {
          font-size: 24px;
          margin-bottom: 20px;
        }
      }

      h2 {
        font-size: 2rem;
        font-weight: 600;
        line-height: 1.25em;
        margin-bottom: 20px;

        @media(max-width:768px) {
          font-size: 20px;
          margin-bottom: 1em;
        }
      }

      h3 {
        font-size: 1.6666666666667rem;
        font-weight: 600;
        line-height: 1.2em;
        margin-bottom: 20px;
        border-left: 5px solid #043328;
        padding-left: 0.5em;
        word-break: auto-phrase;

        @media(max-width: 768px) {
          font-size: 1.4rem;
          margin-bottom: 1em;
          border-left: 3px solid #043328;
        }
      }
      h4 {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4em;
        margin-bottom: 1em;
        padding: 0.5em 0.2em 0 0.2em;
        word-break: auto-phrase;
      }

      p {
        line-height: 1.6em;
        margin-bottom: 1.6em;

        @media (max-width:540px) {
          font-size: 14px;
          margin-bottom: 0.75em;
        }
      }
      table p {
          margin-bottom: 0;
      }
      p:has(strong) {
          margin-bottom: 0.5em;
      }
      p:has(strong) ~ ul p {
          margin-bottom: 0;
      }

      a {
        display: inline-block;
        padding: 0.8em 0;
        text-decoration: underline;
      }

      a:visited {
        color: #231815;
      }

      a:hover {
        opacity: 0.7;
      }

      .reference a {
        display: inline;
      }
      p:has(strong) ~ ul {
          margin-bottom: 1.6em;
      }
      li {
        list-style-type: none;
        list-style-position: inside;
      }

      ol {
        -webkit-padding-start: 1em;
                padding-inline-start: 1em;
      }

      ol.first-layer {
        counter-reset: num_f;
      }

      .first-layer li {
        counter-increment: num_f;
      }

      .first-layer li:before {
        display: marker;
        content: counter(num_f)". ";
      }

      ol.second-layer {
        counter-reset: num_s;
      }

      .second-layer li {
        counter-increment: num_s;
      }

      .second-layer li:before {
        display: marker;
        content: counter(num_f)'.'counter(num_s)". ";
      }

      ol.third-layer {
        counter-reset: num_t;
      }

      .third-layer li {
        counter-increment: num_t;
      }

      .third-layer li:before {
        display: marker;
        content: counter(num_f)'.'counter(num_s)"."counter(num_t)'. ';
      }

      .inner {
        padding-top: 60px;
        padding-bottom: 80px;
        padding: 60px 0 80px;

        @media (min-width: 922px) {
          /* padding: 5.34em 6.67em; */
          padding: 60px 6.67em 80px;
        }
      }

      .container {
        max-width: 1240px;
        margin: 0 auto;
        padding: 0 20px;
        background-color: #fff;
      }

      .table-of-contents {
        width: 96%;
        margin: 0 auto;
        background: #f7f7f7;
        border: 1px solid rgba(0, 0, 0, 0.04);
        padding: 0 0 2em;
        margin-top: 40px;

        @media (max-width:540px) {
          font-size: 12px;
        }

        @media (min-width:768px) {
          padding-left: 2em;
          margin-top: 60px;
        }
      }

      .table-of-contents_title {
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 0.5em;
        margin: 1em;
        border-bottom: 1px dotted #dee6ec;

        @media(max-width:768px) {
          font-size: 18px;
        }
      }

      table {
        width: 100%;
        border-spacing: 0;
        width: 100%;
        margin-bottom: 1.6em;

        @media(max-width:768px) {
          font-size: 12px;
          margin-bottom: 0.75em;
        }
      }
      th,
      td {
        border-right:1px solid;
	      border-bottom:1px solid;
      }
      th:first-child,
      td:first-child {
        border-top: 1px solid;
        border-left: 1px solid;
      }

      th {
        background-color: #D5D5D5;
        padding: 1em;
        text-align: center;
        border-top: 1px solid;
      }

      td {
        padding: 1em;
        white-space: nowrap;
        background: #fff;
      }

      ._nowrap {
        white-space: nowrap;
      }

      ._sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 10;
        border-top: 1px solid;
        border-right: none!important;
        border-left: none!important;
      }
      ._sticky::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        border-right: 1px solid;
        border-left: 1px solid;
        top: 0;
        left: 0;
        z-index: -1;
      }
    

      #pagetop {
        position: fixed;
        right: 40px;
        bottom: 20px;
        z-index: 5500;
        display: block;
        width: 42px;
        height: 42px;
        cursor: pointer;
        background: rgba(0, 0, 0, .5);
        border: 1px solid #ffffff;
        border-radius: 4px;
        opacity: 0;
        transition: .5s;

        @media(max-width:768px) {
          right: 20px;
        }
      }

      #pagetop.visible {
        opacity: 1;
        pointer-events: auto;
      }

      #pagetop span {
        position: absolute;
        top: 16px;
        left: 11px;
        display: block;
        width: 18px;
        height: 18px;
        content: "";
        border-top: 3px solid #ffffff;
        border-right: 3px solid #ffffff;
        transform: rotate(315deg);
      }
      .table-of-contents li > ol {
        grid-column: span 3;
      }
      .table-of-contents li {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: baseline;
      }
      .table-of-contents a {
        grid-column: span 2;
      }
    }
    .js-scrollable ~ p {
        margin-top: 1.6em;
    }