@charset "utf-8";

@import url('../skin-style.css');
@import url('../skin-theme.css');

/* ====================== */
/* ■メイン(ログ掲載)領域 */
/* ====================== */

	/* ------------------------------------------ */
	/* ▼表示対象の限定時などの「限定条件」表示行 */
	/* ------------------------------------------ */
	.situation {
		margin: 0 0 1em 0;	/* 外側の余白量 */
		font-weight: bold;	/* 太字 */
		color: var(--text-color);		/* 文字色 */
	}
	.situation:empty { display: none; }	/* 限定表示がない場合は存在自体を消す */

	/* 投稿ボックスのカバー(外枠) */
	.sitemapcover {
		text-align: center;
	}



/* ====================================================== */
/* ■投稿ボックス(一発言)ごとの表示：サイトマップ風の装飾 */	/* ※この領域は、内側スキンで生成しているHTMLに対する装飾です。 */
/* ====================================================== */
.onelogbox {
    background-color: color-mix(in srgb, var(--sub-bg-color) 50%, transparent);
    margin: 0 auto var(--margin-between);
    padding: 0.5rem 5% 0.5rem;
	max-width: 100%;			/* 画面からはみ出すのを防ぐ */
	box-sizing: border-box;
	text-align: left;			/* 左寄せ */
}

	/* ▼タイトル(本文先頭の抜粋領域) */
	.logtitle {
		margin: 0.25em 0;	/* 外側の余白量 */
		line-height: 1.1;			/* 行の高さ */
		font-size: 1em;				/* 文字サイズ */
	}
		/* リンクを横幅いっぱいに広げて、かつ、はみ出る部分を「…」で省略する装飾 */
		.logtitle a {
			display: block;				/* ブロック化 */
			padding: 0.25em;			/* 内側の余白量 */
			overflow: hidden;			/* はみ出る部分を非表示に */
			text-overflow: ellipsis;	/* はみ出る部分を「…」で省略 */
			white-space: nowrap;		/* 折り返さない */
			text-decoration: none;		/* 下線を消す */
		}
		.logtitle a:hover {
			text-decoration: none;	/* 下線を表示 */
		}

	/* ▼投稿情報枠 */
	.loginfo {
		margin: 0;			/* 外側の余白量 */
		padding: 0;			/* 内側の余白量 */
		text-align: right;	/* 右寄せ */
		font-size: 0.8rem;	/* 文字サイズ */
		color: var(--text-color);		/* 文字色 */
	}
	.loginfo a {
		text-decoration: none;	/* ユーザ名リンクの下線を消す */
	}


/* End of file */
