/**
* ▼CSS: ly-single.css
* （投稿ページ）
***************************************/
/* body, .marble（総囲い） */
body.single,
.marble {
	background: var(--c-base, hsl(223, 6%, 100%));
}

/* .cursore（余白調整：vessel上） */
.adj-sngl4efA-cursoreA {
	width: 100%;
	height: 0;
}

/* .contrist（余白調整：vessel下） */
.adj-sngl4efA-contristA {
	width: 100%;
	height: calc(var(--⅝fem) * 5);
}

/* vessel（カラム囲い） */
.vessel,
.post-hgroup {
	position: relative;
	width: 1000px;
	max-width: min(92.5vw, 100%);
	height: auto;
	display: flow-root;
}




/* .asleeve（float）
------------------------------------- */
@media screen and (max-width: 743.9px) {
	.vessel {
		/* Flex */
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
}

.main {
	width: 100%;
	max-width: 100%;
	height: auto;
	/* padding: 上  横  下 */
	padding: calc(var(--⅝fem) * 2) calc(var(--⅝fem) * 2) calc(var(--⅝fem) * 2);
	background: var(--c-base, hsl(223, 6%, 100%));
}

@media print,
screen and (min-width: 744px) {
	.vessel .main {
		display: flow-root;
		width: auto;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.vessel .asleeve,
	.vessel .asleeve.fl-right {
		position: -webkit-sticky;
		position: sticky;
		top: var(--header-height);
		float: right;
		width: 330px;
		height: calc(100vh - var(--header-height));
		margin-top: 1.6pc;
		margin-left: 0px;
		background: var(--c-primary-a0\.05);
		overflow-x: hidden;
		overflow-y: auto;
	}

	.vessel .asleeve.fl-left {
		margin-top: 0pc;
		float: left;
		width: 18pc;
		padding: calc(var(--⅝fem) * 1.5);
	}

	/* サイドバーのスクロールバーをカスタマイズ */
	.vessel .asleeve::-webkit-scrollbar {
		width: 6px;
	}

	.vessel .asleeve::-webkit-scrollbar-track {
		background: transparent;
	}

	.vessel .asleeve::-webkit-scrollbar-thumb {
		background: #cbd5e1;
		border-radius: 3px;
	}
}




/* single（投稿ページ）
======================================*/
/* タイトル */
.post-header.bd-bottom::after {
	border-bottom: 1px solid var(--c-primary);
}

.post-title {
	display: block;
	margin-inline: auto;
	width: 100%;
	max-width: 100%;
	line-height: 1.44;
	letter-spacing: clamp(0.05em, calc(0.05em + ((1vw - 0.225em) * 0.25)), 0.15em);
	font-size: clamp(1.025rem, calc(1.025rem + ((1vw - 0.225rem) * 0.7188)), 1.3125rem);
	font-weight: 500;
}

.post-title[class*="ta-center"] {
	text-indent: clamp(0.05em, calc(0.05em + ((1vw - 0.225em) * 0.25)), 0.15em);
}

/* .edit-post-link（権限を持っている場合にのみ、「編集」リンクを表示） */
.post-edit-link {
	z-index: 10;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	color: rgba(25, 25, 113, 0.85);
}

/* .post-meta-fields */
.post-meta-fields {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-inline: auto;
}

/* 日付 */
.post-meta-fields .entry-date {
	position: relative;
	top: 0.125em;
	display: inline-block;
	color: var(--c-gray-700, hsl(223, 6%, 34%));
	font-size: clamp(0.875rem, calc(0.875rem + ((1vw - 0.225rem) * 0.1563)), 0.9375rem);
	white-space: nowrap;
}

/* タグ */
.post-meta-tags [rel="tag"] {
	display: inline-block;
	padding: 0.4em 1.5em;
	border-radius: 2px;
	background: var(--c-auxily-100);
	color: var(--c-gray-600, hsl(223, 0%, 46%));
	font-size: 13px;
	text-align: center;
	/* クリック無効 */
	cursor: none;
	pointer-events: none;
}

/* カテゴリー */
.post-meta-fields [href*="category"] {
	position: relative;
	display: inline-block;
	padding: 0.15em 0.75em;
	border-radius: 0px;
	line-height: 1.44;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	background: hsl(0, 0%, 58%);
	color: #FFF;
}

.post-meta-fields [href*="category"]::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -7px;
	margin: auto;
	display: block;
	width: 8px;
	height: 10px;
	clip-path: polygon(100% 0, 0 50%, 100% 100%);
	background: inherit;
}




/* .post-content（WP基本設定）
======================================*/
.post-content {
	position: relative;
	width: 100%;
	max-width: min(92.5vw, 100%);
	/* padding: 上  右  下  左 */
	padding: 0pc calc(var(--⅝fem) * 1.5) calc(var(--⅝fem) * 1.5) 0pc;
	/* 基本設定 */
	line-height: clamp(1.66em, calc(1.66em + ((1vw - 0.225em) * 0.55)), 1.88em);
	letter-spacing: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
	font-size: clamp(0.875rem, calc(0.875rem + ((1vw - 0.225rem) * 0.1563)), 0.9375rem);
	font-weight: var(--fw-base);
	color: var(--c-text);
}

/* div, p（リターンで空白を作れるようにする） */
.post-content :is(p, div) {
	min-height: 1em;
}




/* Paragraph（文字設定）
-------------------------------------- */
.post-content p {
	display: block;
	width: 100%;
	max-width: 100%;
	line-height: clamp(1.66em, calc(1.66em + ((1vw - 0.225em) * 0.55)), 1.88em);
	letter-spacing: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
	font-size: clamp(0.875rem, calc(0.875rem + ((1vw - 0.225rem) * 0.1563)), 0.9375rem);
	font-weight: var(--fw-base, 400);
	margin-top: 0.25em;
}

.post-content p[class*="ta-center"] {
	text-indent: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
}

/* Small（注釈・小字） */
.post-content small {
	display: inline-block;
	max-width: 100%;
	line-height: 1.44;
	letter-spacing: 0;
	font-size: clamp(0.75rem, calc(0.75rem + ((1vw - 0.225rem) * 0.1563)), 0.8125rem);
	font-weight: 400;
	margin-top: 0.25em;
}

.post-content small[class*="ta-center"] {
	text-indent: 0;
}

/* Emphasis（強調・中字） */
.post-content em {
	display: inline-block;
	max-width: 100%;
	line-height: clamp(1.55em, calc(1.55em + ((1vw - 0.225em) * 0.55)), 1.77em);
	letter-spacing: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
	font-size: clamp(0.9563rem, calc(0.9563rem + ((1vw - 0.225rem) * 0.26563)), 1.0625rem);
	font-weight: 500;
	margin-top: 0.25em;
}

.post-content em[class*="ta-center"] {
	text-indent: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
}

/* Strong（強調・大字） */
.post-content strong {
	display: inline-block;
	max-width: 100%;
	line-height: 1.33;
	letter-spacing: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
	font-size: clamp(1rem, calc(1rem + ((1vw - 0.225rem) * 0.4688)), 1.1875rem);
	font-weight: 600;
	margin-top: 0.25em;
}

.post-content strong[class*="ta-center"] {
	text-indent: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
}

/* .Bold（太字） */
.post-content b.bold,
.post-content u.bold {
	font-weight: 600;
}

/* small, em, strong（inline-block） */
.post-content :is(h1, h2, h3, h4, h5, h6)>:is(small, em, strong) {
	display: inline-block;
}




/* Headings（h1, h2, h3, h4, h5, h6）
-------------------------------------- */
.post-content :is(h1, h2, h3, h4, h5, h6) {
	position: relative;
	display: block;
	z-index: 10;
	width: 100%;
	max-width: 100%;
	margin-bottom: calc(var(--⅝fem) * 0.5);
}

/* Headings（最初以外） */
.post-content h2:nth-child(n+2) {
	margin-top: 2em;
}

.post-content h3:nth-child(n+2) {
	margin-top: 1.5em;
}

.post-content h4:nth-child(n+2) {
	margin-top: 1em;
}

.post-content h5:nth-child(n+2) {
	margin-top: 0.88em;
}

.post-content h6:nth-child(n+2) {
	margin-top: 0.6em;
}

.post-content h2 {
	line-height: 1.33;
	letter-spacing: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
	font-size: clamp(1.05rem, calc(1.05rem + ((1vw - 0.225rem) * 1.125)), 1.5rem);
	font-weight: 500;
}

.post-content h2[class*="ta-center"] {
	text-indent: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
}

.post-content h3 {
	line-height: 1.33;
	letter-spacing: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
	font-size: clamp(1.025rem, calc(1.025rem + ((1vw - 0.225rem) * 0.7188)), 1.3125rem);
	font-weight: 500;
}

.post-content h3[class*="ta-center"] {
	text-indent: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
}

.post-content h4 {
	line-height: 1.33;
	letter-spacing: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
	font-size: clamp(0.975rem, calc(0.975rem + ((1vw - 0.225rem) * 0.375)), 1.125rem);
	font-weight: 500;
}

.post-content h4[class*="ta-center"] {
	text-indent: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
}

.post-content h5 {
	line-height: 1.33;
	letter-spacing: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
	font-size: clamp(0.9375rem, calc(0.9375rem + ((1vw - 0.225rem) * 0.1563)), 1rem);
	font-weight: 500;
}

.post-content h5[class*="ta-center"] {
	text-indent: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
}

.post-content h6 {
	line-height: 1.33;
	letter-spacing: 0;
	font-size: clamp(0.8125rem, calc(0.8125rem + ((1vw - 0.225rem) * 0.1563)), 0.875rem);
	font-weight: 500;
}

.post-content h6[class*="ta-center"] {
	text-indent: 0;
}

/* Headings画像（.individ） */
.post-content :is(h1, h2, h3, h4, h5, h6):has(>img) {
	width: auto;
}

.post-content :is(h1, h2, h3, h4, h5, h6)>img {
	width: auto;
	max-width: 100%;
	object-fit: contain;
}

/* リスト */
.post-content :is(ul, ol) {
	margin-block: calc(var(--⅝fem) * 0.6);
}




/* WP-Conpornent（WP用設定）
====================================== */
/* 絵文字を1em化 */
.post-content img.emoji {
	width: 1em !important;
	height: 1em !important;
}

/* WPアイキャッチ画像 */
.post-content .wp-post-image {
	display: block;
	width: 100% !important;
	max-width: min(92.5vw, 100%);
	height: auto;
	object-fit: cover;
}

/* WP画像設定 */
.post-content .wp-caption {
	display: block;
	width: 100% !important;
	max-width: min(92.5vw, 100%);
	height: auto;
}

.post-content .wp-caption img,
.post-content img[class*="wp-image-"] {
	display: block;
	width: auto;
	height: auto;
	margin-inline: auto;
}

.post-content .wp-caption:is(.alignnone, .aligncenter),
.post-content img[class*="wp-image-"]:is(.alignnone, .aligncenter) {
	margin-inline: auto;
	text-align: center;
}

.post-content .wp-caption.alignleft,
.post-content img[class*="wp-image-"].alignleft {
	margin-right: auto;
	text-align: left;
}

.post-content .wp-caption.alignright,
.post-content img[class*="wp-image-"].alignright {
	margin-left: auto;
	text-align: right;
}

.post-content .wp-caption-text {
	display: inline-block;
	width: 100%;
	padding-block: 0.5pc;
	color: var(--c-gray-700, hsl(223, 0%, 34%));
}


/* WPギャラリー設定 */
.post-content [id^="gallery-"] {
	margin-bottom: 1rem !important;
}

/* WP動画設定 */
.post-content .mejs-container.mejs-video,
.post-content .mejs-container.mejs-video * {
	max-height: 70vh;
}

/* コメントを送信 */
.post-content .post-comments {
	width: 100%;
	margin-top: 2rem;
	padding-top: 1rem;
	border-top: 1px solid hsla(0, 0%, 93%, 1);
}

.post-content .comment-respond p {
	font-size: 13px;
	line-height: 1.44;
}

.post-content .comment-form {
	/* Flex */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.post-content .comment-form label {
	display: block;
}

.post-content .comment-form-comment {
	width: 100%;
	margin-bottom: 0.25rem;
}

.post-content .comment-form textarea {
	width: 100%;
	height: 4em;
	font-size: 14px;
}

.post-content .comment-form .comment-form-attachment__label {
	/* Flex */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	border-radius: 4px;
	font-size: 0px;
}

.post-content .comment-form .comment-form-attachment__label:hover {
	background: var(--c-primary-50);
}

.post-content .comment-form .comment-form-attachment__label::before {
	display: inline-block;
	width: 1em;
	height: 1em;
	content: "\f841";
	color: var(--c-primary-800);
	font-size: 21px;
	line-height: 1.02;
	/* Material Symbols */
	font-family: 'Material Symbols Sharp';
	font-variation-settings: 'FILL' 0, 'wght' 400;
	text-align: center;
	transition: all .3s ease;
}

.post-content .comment-form input[type=submit] {
	background: var(--c-primary);
	color: #FFF;
	font-size: 13px;
}

/* hover */
@media (any-hover: hover) {
	.post-content .comment-form input[type=submit]:hover {
		background: var(--c-primary-l1);
		opacity: 1;
	}
}

.post-content :is(.comment-reply-title, .comment-form .logged-in-as, .comment-form .required, .comment-form-attachment__input, .comment-form-attachment__file-size-notice, .comment-form-attachment__file-types-notice, .comment-form-attachment__autoembed-links-notice, .comment-form-attachment__drop-area) {
	display: none;
}

/* コメント */
.post-content .commentlist {
	padding-top: 1rem;
}

.post-content .commentlist>li {
	padding-bottom: 0.75rem;
}

.post-content .comment-body {
	/* Flex */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	/* padding: 上  横  下 */
	padding: 1em 1em 1em;
	border-radius: 1em;
	background: var(--c-primary-100);
}

.post-content .comment-body>p {
	min-width: 90%;
	padding-top: 0.5em;
}

.post-content .comment-body :is(.comment-author, .comment-meta, .reply) {
	color: hsla(0, 0%, 46%, 1);
}

.post-content .comment-body .comment-author {
	font-size: 14px;
}

.post-content .comment-body .comment-author>img {
	width: 32px;
	height: 32px;
	object-fit: cover;
}

.post-content .comment-body .comment-meta {
	font-size: 12px;
}

.post-content .comment-body .reply {
	display: inline-block;
	margin-left: auto;
	padding-right: 0.35em;
	font-size: 13px;
}

.post-content #comments {
	display: none;
}

/* コメント（添付ファイル） */
.dco-misc-attachment a {
	display: inline-block;
	position: relative;
	color: hsla(233, 50%, 34%, 0.85);
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-color: hsla(233, 50%, 34%, 0.85);
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}



/* Utility
====================================== */
/* display: none（SP） */
@media screen and (max-width: 743.9px) {
	.post-content .d-none_sp {
		display: none;
	}
}

/* display: none（PC） */
@media print,
screen and (min-width: 744px) {
	.post-content .d-none_pc {
		display: none;
	}
}




/* ビデオデッキ */
.post-content .video-cover {
	position: relative;
	z-index: 0;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #222;
}

.post-content .video-tray {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.post-content .video-tray::before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	display: block;
	width: 100%;
	height: 100%;
	background-color: hsla(180, 25%, 25%, 0);
	/* リンク無効（※IE対策 = block or iBlock）*/
	pointer-events: none;
}

.post-content video,
.post-content iframe {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}