@charset "UTF-8";

/* =========================================================
純情交流ひろば（board.cssを上書き）
========================================================= */

/* 最新記事一覧
--------------------------------------------------------- */

/* 大枠 */
div.articleList {
	background: #FDFAF3 url(images/bg_content.jpg) no-repeat left top;
}

/* カテゴリータイトル */
div.articleList h2.categoryTitle_L {
	margin: 0 0 0 -4px;
	padding: 25px 0 6px 0;
}

/* 記事リスト */
div.article {
	border-bottom: 2px solid #F6C395;
}
div.article .listTxt a {
	color: #345E98;
}
div.article .listTxt h4 a {
	background: url(images/arrow_articletitle.png) no-repeat left center;
}

/* ページネーション
--------------------------------------------------------- */
div.pagination {
	background: #FCEBAB;
}
div.pagination ul li a {
	color: #345E98;
}
div.pagination ul li.prev a  {
	background: url(images/arrow_prev.png) no-repeat left center;
}
div.pagination ul li.next a  {
	background: url(images/arrow_next.png) no-repeat right center;
}

/* 記事ページ
--------------------------------------------------------- */

/* 記事タイトル */
div.articleBox div.title {
	background: url(images/bg_articletitle.png) repeat-x left bottom;
}

/* 投稿者・ソーシャル */
div.articleBox div.subTitle {
	background: #FEF2C8;
	border-top: 2px solid #FDF1C6;
	border-bottom: 1px dotted #C6C8BF;
}

/* 情報テーブル */
div.articleBox table.solid_table {
	margin: 1.5em 0;
	padding: 0;
	clear: both;
}
div.articleBox table.solid_table th,
div.articleBox table.solid_table td {
	margin: 0;
	padding: 6px;
	border: 1px solid #B4B4B4;
	background: #FFF;
}
div.articleBox table.solid_table th {
	background: #FEF2C8;
}

/* 記事カテゴリ */
.titleInCategory{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
div.articleBox div.titleInCategory h3{
	width: 100%;
	padding: .3em 0 0;
}
.categoryToretate{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #331906;
	font-size: .95em;
}
.categoryToretate dt{
	display: inline-block;
	margin: 0 .5em 0 0;
	padding: 0;
}
.categoryToretate dd{
	background-color: #da6b00;
	color: #fff;
	margin: 0;
	padding: .2em 1em;
	display: inline-block;
	border-radius: 2px;
	font-size: 1.2em;
}