@charset "utf-8";
/*
Theme Name: 栄エンゼルクリニック肛門外科専用テーマ
Description: 栄エンゼルクリニック肛門外科専用テーマ
Version: 1.0
*/


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

      /* wysiwyg用 */
      .wysiwyg {}
      .wysiwyg div,
      .wysiwyg p {
          font-size: 18px;
          font-weight: 400;
          line-height: 2.1;
          letter-spacing: 0.04em;
          font-family: "Zen Kaku Gothic New", sans-serif;
      }
      .wysiwyg div:empty {
        display: block;
        height: 1em;
      }
      .wysiwyg strong {
          color: var(--main-color);
          font-size:  1.444em;
          font-weight: 700;
      }
      .wysiwyg em {
          font-style: normal;
          font-weight: 700;
          background: #ffcdb5;
      }
      .wysiwyg img {
          border-radius: 14px;
      }
      .wysiwyg h2,
      #treatment h2 {
          position: relative;
          margin-bottom: 30px;
          padding: 24px 24px 24px 66px;
          font-size: 32px;
          font-weight: 700;
          border-radius: 7px;
          background: #F6FFF9;
      }
      .wysiwyg h2::before,
      #treatment h2::before {
          content:'';
          position: absolute;
          left: 40px;
          top: 24px;
          width: 4px;
          height: 50px;
          background: var(--main-color);
      }
      .wysiwyg h3,
      #treatment h3 {
          margin-bottom: 20px;
          padding-bottom: 26px;
          font-size: 28px;
          font-weight: 700;
          background: url(./images/src/news/border.svg) no-repeat left bottom;
      }
      .wysiwyg h4,
      #treatment h4 {
          margin-bottom: 17px;
          padding-left: 15px;
          border-left: 3px solid var(--main-color);
          font-size: 22px;
          font-weight: 700;
          line-height: 1.72;
          letter-spacing: 0.04em;
      }
      .wysiwyg h5 ,
      #treatment h5 {
          display: inline-block;
          margin-bottom: 17px;
          padding: 4px 22px;
          color: #fff;
          font-size: 22px;
          font-weight: 700;
          letter-spacing: 0.04em;
          border-radius: 180px;
          background: var(--main-color);
      }
      .wysiwyg h6,
      #treatment h6 {
          color: var(--main-color);
          font-size: 20px;
          font-weight: 700;
          line-height: 1.9;
          letter-spacing: 0.04em;
      }
      
      .wysiwyg h2 span,
      .wysiwyg h3 span,
      .wysiwyg h4 span,
      .wysiwyg h5 span ,
      .wysiwyg h6 span {
        font-weight: 700;
      }
      .wysiwyg ul {
          margin-bottom: 40px;
      }
      .wysiwyg ol {
          counter-reset: number;
          margin-bottom: 40px;
  
      }
      .wysiwyg li {
          margin-bottom: 15px;
          font-size: 18px;
          font-weight: 400;
          letter-spacing: 0.04em;
      }
      .wysiwyg ul li {
          position: relative;
          padding-left: 22px;
      }
      .wysiwyg ul li::before {
          content:'';
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          margin: auto;
          width: 9px;
          height: 9px;
          border-radius: 50%;
          background: var(--text-color);
      }
      .wysiwyg ol li {
          counter-increment: number;
      }
      .wysiwyg ol li::before {
          content: counter(number, decimal-leading-zero);
          padding-right: 16px;
          color: var(--main-color);
          font-size: 22px;
          font-family: "Poppins", sans-serif;
          font-weight: 600;
          letter-spacing: 0.04em;
      }
      .wysiwyg table tr {
          border-top: 1px solid var(--bdr-color);
          border-bottom: 1px solid var(--bdr-color);
      }
      .wysiwyg table td {
          position: relative;
          padding: 38px 50px;
          font-size: 18px;
          font-weight: 400;
          letter-spacing: 0.04em;
      }
      .wysiwyg table tr td:first-of-type {
          width: 20%;
          font-weight: 700;
      }
      .wysiwyg table tr td:first-of-type:after {
          content:'';
          position: absolute;
          right: 0;
          top: 20px;
          bottom: 20px;
          margin: auto;
          width: 1px;
          background: var(--bdr-color);
      }
  
    pre {
      white-space: pre-wrap;
    }



/*SP用*/
@media screen and (max-width:828px) {
      /* wysiwyg用 */
      .wysiwyg {}
      .wysiwyg div,
      .wysiwyg p {
          font-size: 3.623vw;
          line-height: 1.93;
      }
      .wysiwyg strong {
          font-size: 5.072vw;
      }
      .wysiwyg img {
          border-radius: 1.691vw;
      }
      .wysiwyg h2,
      #treatment h2 {
          margin-bottom: 3.623vw;
          padding: 3.382vw 8.213vw 3.865vw;
          font-size: 5.314vw;
          border-radius: 0.845vw;
      }
      .wysiwyg h2::before,
      #treatment h2::before {
          left: 4.831vw;
          top: 3.382vw;
          width: 0.604vw;
          height: 8.454vw;
      }
      .wysiwyg h3,
      #treatment h3 {
          margin-bottom: 5.556vw;
          padding-bottom: 2.053vw;
          font-size: 4.589vw;
          background-size: 100%;
          background: url(./images/src/news/sp/border.svg) no-repeat left bottom / 100%;
      }
      .wysiwyg h4,
      #treatment h4 {
          margin-bottom: 2.053vw;
          padding-left: 2.295vw;
          border-left-width: 0.604vw;
          font-size: 4.589vw;
      }
      .wysiwyg h5 ,
      #treatment h5 {
          margin-bottom: 1.449vw;
          padding: 0.845vw 3.261vw;
          font-size: 3.865vw;
          border-radius: 21.739vw;
      }
      .wysiwyg h6,
      #treatment h6 {
          font-size: 3.865vw;
          line-height: 1.8;
      }
      .wysiwyg ul {
          margin-bottom: 4.831vw;
      }
      .wysiwyg ol {
          margin-bottom: 4.831vw;
  
      }
      .wysiwyg li {
          margin-bottom: 1.812vw;
          font-size: 3.623vw;
      }
      .wysiwyg ul li {
          padding-left: 4.348vw;
      }
      .wysiwyg ul li::before {
          top: 2.1vw;
          bottom: auto;
          width: 2.053vw;
          height: 2.053vw;
      }
      .wysiwyg ol li {
          padding-left: 7.246vw;
      }
      .wysiwyg ol li::before {
          position: absolute;
          left: 4.831vw;
          font-size: 4.106vw;
      }
      .wysiwyg table td {
          display: block;
          padding: 0 3.623vw 3.623vw;
          font-size: 3.623vw;
      }
      .wysiwyg table tr td:first-of-type {
          padding: 3.623vw;
          width: auto;
      }
      .wysiwyg table tr td:first-of-type:after {
          display: none;
      }
  
}