@charset "UTF-8";
/*----------------------------------------------------------------------
------------------------------------------------------------------------

File Name:		index.scss
Note:			トップSCSSファイル


New Creation:	2018/12/21.
Last Change:	2018/12/21.


Created By		Kosuke Inoue

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

0.	共通使用変数定義
1.	ブラウザデフォルトスタイルリセット
2.	共通部分
3.	original

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
0.	共通使用変数定義
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
1.	ブラウザデフォルトスタイルリセット
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
2.	共通部分
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
3.	original
----------------------------------------------------------------------*/
.wp-block-embed-youtube,
.wp-block-boldblocks-youtube-block {
  margin-bottom: 10.6666666667vw;
}
.wp-block-embed-youtube iframe,
.wp-block-boldblocks-youtube-block iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 750/426;
}

.p-entry {
  position: relative;
  margin-bottom: 16vw;
}
.p-entry__thumb {
  position: absolute;
  top: 0;
}
.p-entry__eyecatch {
  margin-bottom: 10.6666666667vw;
}
.p-entry__title, .p-entry__datas,
.p-entry #toc_container {
  margin-right: 4vw;
  margin-left: 4vw;
}
.p-entry__title {
  margin-bottom: 5.3333333333vw;
  text-align: center;
  line-height: 1.3;
  font-family: "YakuHanMP", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-size: 2.5rem;
  color: #58504c;
}
.p-entry__datas {
  margin-bottom: 3.2vw;
}
.p-entry__datas > .wp-block-group__inner-container {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  row-gap: 3.2vw;
}
.p-entry__author {
  flex-direction: row-reverse;
  align-items: center;
  column-gap: 1.6vw;
}
.p-entry__author .wp-block-post-author__avatar {
  margin: 0;
}
.p-entry__author .wp-block-post-author__avatar img {
  width: 10.6666666667vw;
  height: 10.6666666667vw;
}
.p-entry__author .wp-block-post-author__byline, .p-entry__author .wp-block-post-author__name {
  text-align: right;
  line-height: 1.1818181818;
  font-size: 1.1rem;
}
.p-entry__date {
  justify-content: center;
  gap: 0;
  margin-right: 3.2vw;
  padding-right: 3.2vw;
  border-right: 0.2666666667vw solid #c8bdb5;
}
.p-entry__date .wp-block-post-date__title,
.p-entry__date time {
  width: 100%;
  text-align: right;
  line-height: 1.1818181818;
  font-size: 1.1rem;
}
.p-entry__tags, .p-entry__category {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  column-gap: 1.0666666667vw;
}
.p-entry__tags .wp-block-post-terms__separator, .p-entry__category .wp-block-post-terms__separator {
  display: none;
}
.p-entry__tags a, .p-entry__category a {
  padding: 6px 12px;
  border-radius: 23px;
  background: #efebe9;
  font-size: 1.1em;
  color: #58504c;
}
.p-entry > .wp-block-group {
  margin-right: 4vw;
  margin-left: 4vw;
}
.p-entry .wp-block-group {
  display: flow-root;
}
.p-entry .wp-block-heading {
  margin-top: 6.6666666667vw;
  margin-bottom: 6.6666666667vw;
  line-height: 1.375;
  font-size: 1.6rem;
  color: #58504c;
}
.p-entry h2.wp-block-heading {
  margin-bottom: 5.3333333333vw;
  padding: 3.0666666667vw 4vw;
  border-top: 0.6666666667vw solid #ee7b75;
  background: #f6f4f2;
  line-height: 1.375;
  font-weight: bold;
}
.p-entry h2.wp-block-heading > * {
  font-weight: bold;
}
.p-entry h2.wp-block-heading * + h2.wp-block-heading {
  margin-top: 10.6666666667vw;
}
.p-entry h3.wp-block-heading {
  display: flex;
  column-gap: 3.2vw;
  margin-top: 10.6666666667vw;
  margin-right: 2.6666666667vw;
  margin-left: 2.6666666667vw;
  font-weight: bold;
}
.p-entry h3.wp-block-heading > * {
  font-weight: bold;
}
.p-entry h3.wp-block-heading::before {
  content: "";
  flex-shrink: 0;
  width: 1.3333333333vw;
  background: #ee7b75;
}
.p-entry h4.wp-block-heading {
  margin-right: 2.6666666667vw;
  margin-left: 2.6666666667vw;
  font-weight: bold;
}
.p-entry h4.wp-block-heading > * {
  font-weight: bold;
}
.p-entry > .wp-block-group:not(.p-entry__datas) a {
  color: #6d9dd0;
}
.p-entry > .wp-block-group:not(.p-entry__datas) p,
.p-entry > .wp-block-group:not(.p-entry__datas) th,
.p-entry > .wp-block-group:not(.p-entry__datas) td,
.p-entry > .wp-block-group:not(.p-entry__datas) li {
  text-align: justify;
  line-height: 1.8;
  font-size: 1.5rem;
  color: #8a8582;
}
.p-entry > .wp-block-group:not(.p-entry__datas) p + p,
.p-entry > .wp-block-group:not(.p-entry__datas) ul,
.p-entry > .wp-block-group:not(.p-entry__datas) ul + p {
  margin-top: 4.2666666667vw;
}
.p-entry > .wp-block-group:not(.p-entry__datas) p,
.p-entry > .wp-block-group:not(.p-entry__datas) .wp-block-embed-youtube {
  margin-right: 2.6666666667vw;
  margin-left: 2.6666666667vw;
}
.p-entry > .wp-block-group:not(.p-entry__datas) .wp-block-embed-youtube {
  margin-top: 10.6666666667vw;
}
.p-entry > .wp-block-group:not(.p-entry__datas) li {
  margin-right: 2.6666666667vw;
  margin-left: 8.5333333333vw;
  list-style-type: disc;
}
.p-entry > .wp-block-group:not(.p-entry__datas) .link {
  position: relative;
  margin: 2.6666666667vw 2.8vw;
  background: #d3cbc5;
}
.p-entry > .wp-block-group:not(.p-entry__datas) .link a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2.9333333333vw;
  width: 100%;
  height: 15.4666666667vw;
  vertical-align: middle;
  text-align: center;
  line-height: 1.25;
  font-size: 3.7333333333vw;
  color: #7f7875;
  box-sizing: border-box;
}
.p-entry > .wp-block-group:not(.p-entry__datas) .link a::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 2.9333333333vw;
  margin-left: 1rem;
  width: 5.6vw;
  height: 100%;
  background: url(https://www.theclinic.jp/m/img/arrow.png) left center no-repeat;
  background-size: contain;
  vertical-align: top;
}
.p-entry .wp-block-table,
.p-entry .wp-block-image {
  margin: 4.2666666667vw 2.6666666667vw;
}
.p-entry .wp-block-table.is-style-case-info table,
.p-entry .wp-block-table.is-style-case-info tbody {
  display: block;
}
.p-entry .wp-block-table.is-style-case-info tr {
  display: flex;
  flex-direction: column;
}
.p-entry .wp-block-table.is-style-case-info th,
.p-entry .wp-block-table.is-style-case-info td {
  box-sizing: border-box;
  width: 100%;
  border-color: #cdcbc9;
  line-height: 1.5;
  font-size: 1.2rem;
}
.p-entry .wp-block-table.is-style-case-info tr:not(:first-child) td,
.p-entry .wp-block-table.is-style-case-info tr:first-child td:not(:first-child) {
  border-top: 0;
}
.p-entry .wp-block-table.is-style-case-info td:first-child {
  background: #f5f3f1;
}
.p-entry .wp-block-image {
  margin-bottom: 4.2666666667vw;
}
.p-entry .wp-block-image figure {
  margin-bottom: 0;
}
.p-entry .wp-block-image .alignright,
.p-entry .wp-block-image .alignleft {
  float: none;
  margin: 0;
}
.p-entry .wp-block-image img {
  width: 100% !important;
}
.p-entry .wp-block-image .wp-element-caption {
  margin-top: 1.0666666667vw;
  margin-bottom: 0;
  text-align: right;
  font-size: 1rem;
  font-style: italic;
  color: #9b9694;
}
.p-entry .wp-block-columns:has(.wp-block-image) {
  margin-top: 4.2666666667vw;
}
.p-entry .wp-block-columns:has(.wp-block-image) .wp-block-image {
  margin-top: 0;
  margin-bottom: 0;
}
.p-entry .c-box--s {
  position: relative;
  margin: 6.6666666667vw 2.8vw;
  padding: 6.6666666667vw;
  border-top: 0.2666666667vw solid #c8bdb5;
  background: #f4f2f0;
}
.p-entry .c-box--s h4.wp-block-heading {
  margin-top: 0;
  margin-left: 0;
}
.p-entry .c-box--s p {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.p-entry .c-box--s li {
  margin-right: 0 !important;
  margin-left: 5.3333333333vw !important;
}
.p-entry .c-box--s::before {
  content: "";
  position: absolute;
  top: 4vw;
  left: -4vw;
  width: 17.3333333333vw;
  height: 0.2666666667vw;
  background: #c8bdb5;
  transform: rotate(135deg);
}
/*# sourceMappingURL=articles.css.map */