html {
	scroll-padding-top: -4rem;
	scroll-behavior: smooth;
}

/*----- ▼カード型リンクの装飾 -----*/
.cardlink {
	display: inline-block;
	width: 100%;
	max-width: 500px;
	padding: 0 0.25em 0.5em 0;
	font-size: 0.9rem;
	text-decoration: none;
	vertical-align: middle;
}
/* リンクカードの装飾(サイズS/L共通部分) */
#oneday .cardlinkbox {
	--cardBack: #FFFFFF11;
	--cardBack-h: #ffd70011;
	--cardBorder: #FFFFFF33;
	--cardBorder-h: var(--mainD);
}
#piyoyo .cardlink {
}
#piyoyo .cardlinkbox {
	--cardBack: #cfe1cd12;
	--cardBack-h: #bddbb726;
	--cardBorder: #C5DDC0;
	--cardBorder-h: #679751;
}
/* カード外枠 */
.cardlinkbox {
	display: flex;
	border: 1px solid var(--cardBorder);
	border-radius: 7px;
	background: var(--cardBack);
	color: var(--main-text);
	transition: border-color 0.3s, background 0.3s, color 0.3s;
}
.cardlinkbox:hover {
	border-color: var(--cardBorder-h);
	background: var(--cardBack-h);
}
	/* ▽リンクカード内の画像枠 */
/* (※読み込まれたog:imageは、この枠に《背景画像として》描画される) */
	.cardlinkimage {
		background-image: linear-gradient(-30deg, gold, #e0f0e0);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	/* ▽リンクカード内のテキスト枠 */
	.cardlinktextbox {
		display: flex;
		flex-direction: column;
		padding: 0.5em 1em;
	}
		/* ▽リンクカードのテキスト枠内の3要素共通 */
		.cardlinktitle,
		.cardlinkdescription,
		.cardlinkurl {
			display: -webkit-box;
			-webkit-box-orient: vertical;
			overflow: hidden;
			/* ↓制限の仕様 */
			line-clamp: 1;
			-webkit-line-clamp: 1;
			text-overflow: ellipsis;
		}
		/* リンクタイトル */
		.cardlinktitle {
			padding-bottom: 0.25em;
			font-weight: 500;
		}
		/* リンク概要文 */
		.cardlinkdescription {
			line-height:1.3;
			opacity: 0.75;
			line-clamp: 2;
			-webkit-line-clamp: 2;
		}
		/* リンクドメイン */
		.cardlinkurl {
			color: #999;
		}

/* リンクカードの装飾(サイズS用の追記) */
.cardsize-S {
	flex-direction: row;
}
	/* ▽リンクカード内の画像枠 */
	.cardsize-S .cardlinkimage {
		min-width: 100px;
		min-height: 100px;
		border-radius: 6px 0 0 6px;
		flex-shrink: 0;
	}
	/* ▽リンクカード内のテキスト枠 */
	.cardsize-S .cardlinktextbox {
		border-left: 1px solid var(--cardBorder);
		justify-content:center;
	}
		/* ▽リンクカードのテキスト枠内の3要素 */
		.cardsize-S .cardlinktitle { order: 2; }
		.cardsize-S .cardlinkdescription { order: 3; }
		.cardsize-S .cardlinkurl { order: 1; }

/* リンクカードの装飾(サイズL用の追記) */
.cardsize-L {
	flex-direction: column;
}
	/* ▽リンクカード内の画像枠 */
	.cardsize-L .cardlinkimage {
		aspect-ratio: 1.91 / 1;
		width: 100%
		height: auto;
		border-radius: 6px 6px 0 0;
	}
	/* ▽リンクカード内のテキスト枠 */
	.cardsize-L .cardlinktextbox {
		border-top: 1px solid var(--cardBorder);
	}
		/* ▽リンクカードのテキスト枠内の3要素 */
		.cardsize-L .cardlinkdescription { min-height: 2.5em; }
		.cardsize-L .cardlinkurl {
		border-top: 1px solid var(--cardBorder);
			margin-top:0.5em;
			padding-top:0.5em;
			font-size:0.75rem;
		}


/*----- 記事本文 -----*/
.search-count {
	display: none;
}


/*--------------------------------------*/
/*----- クリックでpostarea追加 -----*/
/* .onelogbox */
.onelogbox {
	transition: background 0.3s;
}
.onelogbox:has(#postarea2.open) {
	background: var(--subL);
}
#oneday .onelogbox:has(#postarea2.open) {
	background: var(--LLL);
}
.onelogbox:has(#postarea2.open) + .onelogbox {
	border-top: none;
}

/* #postarea2 */
#postarea2 {
	overflow: hidden;
	box-sizing: content-box;
	max-height: 0;
	border: 1px solid var(--baseN);
	border-radius: 3px;
	margin-top: 0;
	padding: 0 0.5rem;
	opacity: 0;
	transition: max-height 0.4s ease, opacity 0.3s ease, margin-top 0.3s;
}
#postarea2.open {
	overflow: auto;
	max-height: 1000px;
	opacity: 1;
}

#postarea2 ul.tega_admin_menu::before {
	content: "続きを書く";
	margin-right: 1rem;
	font-size: 0.85rem;
	font-weight: 500;
	opacity: 0.75;
}

#postarea2 ul.tega_admin_menu {
	margin-top: 1rem;
}
#postarea2 ul.tega_admin_menu li:not(.admin_iframe) {
	display: none;
}
#oneday #postarea2 .postform :is(
	textarea,
	input[type="text"]) {
		background: var(--backL);
		border: 1px solid var(--baseN);
}
#oneday #postarea2 .postform :is(
	textarea,
	input[type="text"]):focus {
		background: var(--main-back) !important;
}