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

	single-post.css

----------------------------------------------------------------------------------------*/

html {
	font-size: 10px;
}
.post-type-post::after {
	display: block;
	clear: both;
	content: "";
}
.post-type-post {
	line-height: 1.5;
	font-family: 'Noto Sans JP', sans-serif;
}
.post-type-post {
	line-height: 2;
}
/* --- SMP --- */
@media (max-width: 719px) {
	.post-type-post {
		line-height: 1.8;
	}
}
.post-type-post .aligncenter {
  margin-right: auto;
  margin-left: auto;
}
.post-type-post .alignright {
  margin-left: 2em;
	float: right;
}
.post-type-post .alignleft {
  margin-right: 2em;
	float: left;
}

/* キャプション //
------------------------------------------------------*/
.post-type-post .blocks-gallery-caption,
.post-type-post-image figcaption {
  width: 100%;
  display: block;
  color: #555d66;
  font-size: 13px;
  text-align: center;;
}
.post-type-post-group.has-background {
  padding: 20px 30px;
  margin-top: 0;
  margin-bottom: 0;
}
.post-type-post-image .aligncenter {
	text-align: center;
}

/* 引用文 //
------------------------------------------------------*/
.post-type-post .wp-block-quote {
  margin: 1.5em 1em;
  padding-left: 1em;
  border-left: 4px solid #000;
}
.post-type-post .wp-block-quote p {
  margin: 1em 0;
  line-height: 1.5;
}
.post-type-post .wp-block-quote cite {
  color: #6c7781;
  font-size: 13px;
  margin-top: 1em;
  font-style: normal;
}
.pagebody a + figcaption.blocks-gallery-item__caption {
	pointer-events: none;
}
.post-type-post {
	word-break: break-all;
}
.post-type-post h1
.post-type-post h2,
.post-type-post h3,
.post-type-post h4,
.post-type-post h5,
.post-type-post h6,
.post-type-post blockquote,
.post-type-post blockquote ul,
.post-type-post blockquote ol {
	clear: both;
}
.post-type-post p {
	margin: 1.5em 0;
}
.post-type-post a {
	text-decoration: underline;
}
.post-type-post img {
	max-width: 100%;
	height: auto;
}
/* --- PC --- */
@media (min-width: 720px) {
	.post-type-post a:hover {
		opacity: 0.75;
	}
}
/* --- SMP --- */
@media (max-width: 719px) {
	.post-type-post p {
		margin: 1.3em 0;
	}
}

/* 見出し ///
---------------------------------------------- */
.post-type-post h1,
.post-type-post h2,
.post-type-post h3 {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;
	border-left: 6px solid #beaf87;
	color: #333;
	font-size: 1.36em;
	line-height: 1.5;
}
.post-type-post h1:not(:first-child),
.post-type-post h2:not(:first-child),
.post-type-post h3:not(:first-child) {
	margin-top: 3em;
}
/* --- SMP --- */
@media (max-width: 719px) {
	.post-type-post h1,
	.post-type-post h2,
	.post-type-post h3 {
		border-left: 4px solid #c00;
		font-size: 1.24em;
		line-height: 1.3;
	}
	.post-type-post h1:not(:first-child),
	.post-type-post h2:not(:first-child),
	.post-type-post h3:not(:first-child) {
	    margin-top: 2.5em;
	    margin-bottom: 1.3em;
	}
}

/*----------*/

.post-type-post h4,
.post-type-post h5,
.post-type-post h6 {
	box-sizing: border-box;
	margin: 0 0 2.5em;
	padding: 10px 10px 9px 14px;
	width: 100%;
	display: flex;
	background-color: #f2f2f2;
	border-left: 4px solid #beaf87;
	color: #333;
	font-size: 1.125em;
	line-height: 1.5;
}
.post-type-post h4:not(:first-child),
.post-type-post h5:not(:first-child),
.post-type-post h6:not(:first-child) {
	margin-top: 4em;
}

.post-type-post h1 + h4,
.post-type-post h2 + h4,
.post-type-post h3 + h4,
.post-type-post h1 + h5,
.post-type-post h2 + h5,
.post-type-post h3 + h5,
.post-type-post h1 + h6,
.post-type-post h2 + h6,
.post-type-post h3 + h6 {
	margin-top: 1.1em !important;
}

/* --- SMP --- */
@media (max-width: 719px) {
	.post-type-post h4,
	.post-type-post h5,
	.post-type-post h6 {
		margin-bottom: 1.5em;
		font-size: 1.05em;
	}
	.post-type-post h4:not(:first-child),
	.post-type-post h5:not(:first-child),
	.post-type-post h6:not(:first-child) {
	    margin-top: 2.5em;
	    margin-bottom: 1.3em;
	}
}

/* リスト ///
---------------------------------------------- */

.post-type-post * + ul, .post-type-post * + ol {
	margin-top: 1.8em;
}
/* --- SMP --- */
@media (max-width: 719px) {
	.post-type-post * + ul, .post-type-post * + ol {
		margin-top: 1.3em;
	}
}

/*----------*/

.post-type-post li {
	margin-left: 1.3em;
	text-indent: -1.3em;
	line-height: 1.5;
	list-style-position: inside;
}
.post-type-post li + li {
	margin-top: 0.5em;
}
.post-type-post .blocks-gallery-grid li {
	margin-left: 0;
	text-indent: 0;
}

/*----------*/

.post-type-post ul li {
	list-style-type: disc;
}
.post-type-post ol li {
	list-style-type: decimal;
}

/* テーブル ///
---------------------------------------------- */

.post-type-post table {
	box-sizing: border-box;
    display: block;
	border: none;
	font-size: 0.95em;
	line-height: 1.5;
}
.post-type-post table tbody {
	width: 100%;
	border-collapse: unset;
	display: table;
	table-layout: fixed;
}
.post-type-post table td {
	box-sizing: border-box;
	padding: 10px;
	width: auto !important;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.post-type-post table td:first-child {
	width: 10em !important;
	background-color: #efefef;
}

/* --- SMP --- */
@media (max-width: 719px) {
	.post-type-post table {
		min-width: 100%;
	    height: auto !important;
		overflow-x: scroll;
	}
	.post-type-post table tbody {
		margin-bottom: 5px;
		min-width: 720px;
	}
	.post-type-post table::-webkit-scrollbar {
		height: 10px;
		background: #f0f0f0;
	}
	.post-type-post table::-webkit-scrollbar-thumb {
		background: #cdcdcd;
		border-radius: 2px;
	}
}


.post-type-post-calendar table caption {
	display: block;
}
.post-type-post-calendar thead {
	width: 100%;
	display: table;
}
.post-type-post table.wp-calendar-table td:first-child {
	width: auto !important;
}
.post-type-post table.wp-calendar-table td {
	background-color: #fff;
}



/* 引用 ///
---------------------------------------------- */
.post-type-post blockquote {
	background-color: #efefef;
	margin-top: 1em;
	padding: 1em;
	border-left: 4px solid #000;
	display: block;
	font-size: 0.9em;
	line-height: 1.6;
}
.post-type-post blockquote cite {
	color: #6c7781;
	font-size: 13px;
}
.post-type-post blockquote > *:first-child {
	margin-top: 0;
}
.post-type-post blockquote a {
	padding-left: 1em;
	display: block;
	position: relative;
	color: #245fbb;
}

/*----------*/

.post-type-post blockquote a::before {
	margin: auto;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 0;
	left: 0;
	content: "\f054";
	font-weight: 700;
	font-family: "Font Awesome 5 Free";
}
.post-type-post blockquote a[target="_blank"]::after {
	margin-left: 5px;
	content: "\f08e";
	font-weight: 700;
	font-family: "Font Awesome 5 Free";
}
.post-type-post blockquote li a::before {
	display: none;
}

/*----------*/

.post-type-post blockquote > *:first-child {
	margin-top: 0;
}
.post-type-post blockquote > *:last-child {
	margin-bottom: 0;
}


.post-type-post em {
	font-style: italic;
}
.post-type-post s {
	text-decoration: line-through;
}
.post-type-post-preformatted {
	font-family: inherit;
	line-height: 1.5;
}

.post-type-post-buttons a {
	box-sizing: border-box;
	text-decoration: none;
}


/* 画像の回り込み(float) ///
---------------------------------------------- */

.post-type-post .alignright, .post-type-post .alignleft {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}
.post-type-post .alignright {
	margin-left: 1em;
	float: right;
}
.post-type-post .alignleft {
	margin-right: 1em;
	float: left;
}
.post-type-post .aligncenter {
	margin: 2.5em auto;
	display: block;
}
/* --- SMP --- */
@media (max-width: 719px) {
	.post-type-post .alignright, .post-type-post .alignleft {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
		float: none;
	}
	.post-type-post .aligncenter {
		margin: 1.8em auto;
	}
}

/* 説明付き画像 ///
---------------------------------------------- */

.post-type-post .wp-caption img {
	margin: 0 !important;
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block !important;
}
.post-type-post .wp-caption a {
  display: block;
}
.post-type-post .wp-caption-dd,
.post-type-post .wp-caption-text {
	margin: 0;
	padding-top: 0;
	background-color: #efefef;
	font-size: 14px;
	text-align: center;
}
/* --- SMP --- */
@media (max-width: 719px) {
	.post-type-post .wp-caption {
		width: 100% !important;
	}
}


/* テキスト文字サイズ ///
---------------------------------------------- */

/* --- SMP --- */
@media (max-width: 719px) {
	.post-type-post .has-medium-font-size {
		line-height: 1.5;
	}
}