@charset "utf-8";
@media screen and (max-width: 768px) {
  .has-small-font-size {
    font-size: 18px;
  }
  .has-normal-font-size {
    font-size: 20px;
  }
  .has-medium-font-size {
    font-size: 24px;
  }
  .has-large-font-size {
    font-size: 28px;
  }
  .has-huge-font-size {
    font-size: 32px;
  }
}
@media screen and (min-width: 769px) {
  .has-small-font-size {
    font-size: 18px;
  }
  .has-normal-font-size {
    font-size: 20px;
  }
  .has-medium-font-size {
    font-size: 24px;
  }
  .has-large-font-size {
    font-size: 28px;
  }
  .has-huge-font-size {
    font-size: 32px;
  }
}
.wp-article {}

/* .wp-article .wp-block-image {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
} */
.wp-article .wp-block-image > img {
  border-radius: 10px;
  overflow: hidden;
}
.wp-article .wp-block-image.Ssize {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}
.wp-article .wp-block-image.Msize {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.wp-article .wp-block-image.Lsize {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
/* ツイッタータイムライン */
.wp-article .twitter-tweet {
  margin-bottom: 24px !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px !important;
}
/* NOTE */
.wp-article .note {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
}
@media screen and (min-width: 769px) {
  .wp-article .note {
    padding: 10px;
  }
}
.wp-article .note blockquote {
  margin-top: 0 !important;
}
.wp-article .note blockquote > a {
  margin-left: 16px;
  display: block;
}
.wp-article .note iframe {
  width: 100%;
  min-height: 540px;
  display: block;
  margin-top: 24px;
}
@media screen and (min-width: 769px) {
  .wp-article .note iframe {
    min-height: 530px;
  }
}
.wp-article .video {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
}
.wp-article .video p + iframe {
  margin-top: 10px;
}
.wp-article .video iframe[src^="https://www.youtube.com"] {
  width: 100%;
  max-width: 600px;
  height: auto;
  aspect-ratio: 560 / 315;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  outline: none;
  border: none;
  border-radius: 10px;
}

.wp-article strong {
  font-weight: bold;
}
.wp-article p,
.wp-article ul,
.wp-article ol {
}

.wp-article h2 { font-size: 24px; }
.wp-article h3 { font-size: 20px; }
.wp-article h4 { font-size: 18px; }
.wp-article p,
.wp-article ul,
.wp-article ol {
  color: var(--color-black);
  font-size: 15px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .wp-article p,
  .wp-article ul,
  .wp-article ol {
    font-size: 14px;
    line-height: 1.7;
  }
}
@media screen and (min-width: 769px) {
  .wp-article p,
  .wp-article ul,
  .wp-article ol {
    font-size: 15px;
    line-height: 1.6;
  }
}
.wp-article ul,
figure,
br {
  margin-top: 16px;
}

/* .wp-article p + p {} */
@media screen and (max-width: 768px) {
  .wp-article p + p {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .wp-article p + p {
    margin-top: 16px;
  }
}

.wp-article ul,
.wp-article ol {
  padding-left: 20px;
}


.wp-article ul {
	list-style-type: disc;
}

.wp-article ul ul {
	list-style-type: circle;
}

.wp-article ol {
	list-style-type: decimal;
}

.wp-article ol ul {
	list-style-type: circle;
}

/**
 * .aligncenter
 */
.aligncenter {
	clear: both;
	display: block;
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.wp-article h1 {
  color: var(--color-blue);
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .wp-article h1 {
    font-size: 29px;
  }
}
@media screen and (min-width: 769px) {
  .wp-article h1 {
    font-size: 30px;
  }
}

.wp-article h2 {
  color: var(--color-blue);
  font-weight: bold;
  text-align: initial;
  line-height: 1.4;
  padding-top: 24px;
  position: relative;
}
.wp-article h2::before {
  content: "";
  width: 60px;
  height: 1px;
  background-color: var(--color-red);
  position: absolute;
  top: 0;
}
@media screen and (max-width: 768px) {
  .wp-article h2 {
    font-size: 25px;
  }
  .wp-article h2::before {
    left: -24px;
  }
  .wp-article h2:not(:first-of-type),
  .wp-article p + h2 {
    margin-top: 50px;
  }
}
@media screen and (min-width: 769px) {
  .wp-article h2 {
    font-size: 26px;
  }
  .wp-article h2::before {
    left: 0;
  }
  .wp-article h2:not(:first-of-type),
  .wp-article p + h2 {
    margin-top: 80px;
  }
}

.wp-article h3 {
  color: var(--color-blue);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .wp-article h3 {
    font-size: 20px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 769px) {
  .wp-article h3 {
    font-size: 22px;
    line-height: 1.4;
  }
}


@media screen and (max-width: 768px) {
  .wp-article h1 + p,
  .wp-article h2 + p,
  .wp-article h3 + p,
  .wp-article h4 + p,
  .wp-article h1 + table,
  .wp-article h2 + table,
  .wp-article h3 + table,
  .wp-article h4 + table {
    margin-top: 16px;
  }
  .wp-article h2 + ul,
  .wp-article h3 + ul,
  .wp-article h4 + ul,
  .wp-article h2 + ol,
  .wp-article h3 + ol,
  .wp-article h4 + ol,
  .wp-article h2 + figure,
  .wp-article h3 + figure,
  .wp-article h4 + figure {
    margin-top: 32px;
  }
}
@media screen and (min-width: 769px) {
  .wp-article h1 + p,
  .wp-article h2 + p,
  .wp-article h3 + p,
  .wp-article h4 + p,
  .wp-article h1 + table,
  .wp-article h2 + table,
  .wp-article h3 + table,
  .wp-article h4 + table {
    margin-top: 16px;
  }
  .wp-article h2 + ul,
  .wp-article h3 + ul,
  .wp-article h4 + ul,
  .wp-article h2 + ol,
  .wp-article h3 + ol,
  .wp-article h4 + ol,
  .wp-article h2 + figure,
  .wp-article h3 + figure,
  .wp-article h4 + figure {
    margin-top: 40px;
  }
}

.wp-article p:empty {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .wp-article figure,
  .wp-block-image {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media screen and (min-width: 769px) {
  .wp-article figure,
  .wp-block-image {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
/* .wp-article p + ul,
.wp-article p + ol,
.wp-article p + p {
  margin-top: 0;
} */

.wp-article a {
  color: var(--color-blue);
  transition: all 0.2s;
  font-weight: bold;
  text-decoration: underline;
}
.wp-article a:hover {
  color: var(--color-cyan_blue);
}
.wp-article table {
  width: 100%;
  max-width: 600px;
	min-width: 240px;
	border-collapse: collapse;
  border: 1px solid var(--color-black);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .wp-article table {
    margin-top: 32px;
  }
}
@media screen and (min-width: 769px) {
  .wp-article table {
    margin-top: 40px;
  }
}
.wp-article table tbody,
.wp-article table tr {
  width: 100%;
}

.wp-article table thead,
.wp-article table tfoot,
.wp-block-table thead,
.wp-block-table tfoot {
	text-align: center;
}

table td,
table th,
.wp-block-table td,
.wp-block-table th {
	padding: calc(0.5 * 20px);
	border: 1px solid;
}

table figcaption,
.wp-block-table figcaption {
  color: rgba(var(--rgba-color-gray), 0.4);
	font-size: 12px;
}

table.is-style-regular .has-background,
table.is-style-stripes .has-background,
table.is-style-stripes .has-background thead tr,
table.is-style-stripes .has-background tfoot tr,
table.is-style-stripes .has-background tbody tr,
.wp-block-table.is-style-regular .has-background,
.wp-block-table.is-style-stripes .has-background,
.wp-block-table.is-style-stripes .has-background thead tr,
.wp-block-table.is-style-stripes .has-background tfoot tr,
.wp-block-table.is-style-stripes .has-background tbody tr {
	color: var(--color-black);
}

table.is-style-stripes,
.wp-block-table.is-style-stripes {
	border-color: var(--color-offwhite);
}

table.is-style-stripes th,
table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
	border-width: 0;
}

table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: var(--color-offwhite);
}

table.is-style-stripes .has-background tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
	background-color: var(--color-offwhite);
}


.wp-article blockquote {
  width: 100%;
  background-color: var(--color-offwhite);
  border-radius: 8px;
  padding: 24px;
  position: relative;
}
.wp-article blockquote:before {
	content: "";
  width: 4px;
  height: calc(100% - 48px);
  background-color: var(--color-black);
  position: absolute;
  left: 24px;
  top: 24px;
}
@media screen and (max-width: 768px) {
  .wp-article blockquote {
    margin-top: 32px;
  }
}
@media screen and (min-width: 769px) {
  .wp-article blockquote {
    margin-top: 40px;
  }
}

.wp-article blockquote > cite {
  color: rgba(var(--rgba-color-gray), 0.6);
	font-size: 12px;
  display: block;
  padding-left: 24px;
}
@media screen and (max-width: 768px) {
  .wp-article blockquote > cite {
    margin-top: 32px;
  }
}
@media screen and (min-width: 769px) {
  .wp-article blockquote > cite {
    margin-top: 40px;
  }
}
.wp-article blockquote > cite > a {
  color: rgba(var(--rgba-color-gray), 0.6);
}
.wp-article blockquote > p {
  color: rgba(var(--rgba-color-gray), 0.8);
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
}
.wp-article .twitter-timeline {}
.wp-article .aligncenter .twitter-timeline {
  margin-left: auto;
  margin-right: auto;
}
.wp-article .wp-block-embed-youtube iframe {
  width: 100%;
  max-width: 800px;
  height: auto;
  display: block;
  aspect-ratio: 16/9;
  margin-left: auto;
  margin-right: auto;
}

/* カスタムカラー */
/* 背景色 */
.wp-article .has-black-background-color {
  background-color: var(--color-black);
}
.wp-article .has-black-thin-background-color {
  background-color: var(--color-black-thin);
}
.wp-article .has-blue-background-color {
  background-color: var(--color-blue);
}
.wp-article .has-cyan-blue-background-color {
  background-color: var(--color-cyan_blue);
}
.wp-article .has-red-background-color {
  background-color: var(--color-red);
}
.wp-article .has-white-background-color {
  background-color: var(--color-white);
}

/* 文字色 */
.wp-article .has-black-color {
  color: var(--color-black);
}
.wp-article .has-black-thin-color {
  color: var(--color-black-thin);
}
.wp-article .has-blue-color {
  color: var(--color-blue);
}
.wp-article .has-cyan-blue-color {
  color: var(--color-cyan_blue);
}
.wp-article .has-red-color {
  color: var(--color-red);
}
.wp-article .has-white-color {
  color: var(--color-white);
}


/* 記事内注釈 */
.wp-article .notes {
  color: var(--color-black-thin);
  line-height: 1.5;
  margin-top: 24px;
  /* padding-left: 18px; */
  position: relative;
}
.wp-article .notes + .notes {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .wp-article .notes {
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) {
  .wp-article .notes {
    font-size: 13px;
  }
}

/* 記事内のテーブル */
.wp-article .p-wp-schedule_table {
  width: 100%;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--color-gray) var(--color-white_gray);
  overflow: auto;
}
.wp-article .p-wp-schedule_table table {
  max-width: 100%;
  min-width: 460px;
  border: none;
}
.wp-article .p-wp-schedule_table thead {
  background-color: var(--color-light_blue);
}
.wp-article .p-wp-schedule_table thead > tr > td {
  border: 0;
  color: var(--color-white);
  font-weight: bold;
}
.wp-article .p-wp-schedule_table thead > tr > td:not(:first-of-type) {
  border-left: 1px solid var(--color-white);
}
.wp-article .p-wp-schedule_table tbody > tr > th,
.wp-article .p-wp-schedule_table tbody > tr > td {
  border: none;
  border-bottom: 1px solid var(--color-light_blue);
  font-weight: bold;
}
.wp-article .p-wp-schedule_table tbody > tr > th {
  background-color: var(--color-offwhite);
  text-align: left;
}
.wp-article .p-wp-schedule_table tbody > tr > td {
  border-left: 1px solid var(--color-light_blue);
  text-align: center;
}
.wp-article .p-wp-schedule_table tbody > tr > td.min360 {
  width: 360px;
  min-width: 360px;
}
.wp-article .p-wp-schedule_table tbody > tr > td.min_half {
  width: 50%;
  min-width: 300px;
}