/* =================================
	BBS CSS
================================= */

/*	error
============================== */

div.bbs-error {
	background-color:hsla(0,0%,100%,0.9);
	padding:3em 0;
}
div.bbs-error p {
	color:#333;
	line-height:1.6;
	text-align:center;
}


/*	pager
============================== */

div.bbs-pager {
	text-align:center;
	height:24px;
	margin-bottom:1.5em;
}
div.bbs-pager ul li {
	display:inline-block;
}
div.bbs-pager ul li.pager-prev,
div.bbs-pager ul li.pager-next {
	display:block;
}
div.bbs-pager ul li.pager-prev {
	float:left;
}
div.bbs-pager ul li.pager-next {
	float:right;
}
div.bbs-pager li::after {
	content:"｜";
}
div.bbs-pager ul li:last-child::after,
div.bbs-pager ul li.pager-prev::after,
div.bbs-pager ul li.pager-next::after {
	content:"";
}
div.bbs-pager ul li.first::after,
div.bbs-pager ul li.last::before {
	font-family:serif !important;
}
div.bbs-pager ul li.first::after {
	content:" …｜";
}
div.bbs-pager ul li.last::before {
	content:"… ";
}
div.bbs-pager ul li a,
div.bbs-pager ul li b,
div.bbs-pager ul li span {
	display:inline-block;
	line-height:24px;
	height:24px;
}
div.bbs-pager ul li.pager-prev a,
div.bbs-pager ul li.pager-next a {
	text-decoration:none;
}
div.bbs-pager ul li.pager-prev a::before,
div.bbs-pager ul li.pager-next a::after,
div.bbs-pager ul li.pager-prev span::before,
div.bbs-pager ul li.pager-next span::after {
	content:"";
	width:24px;
	height:24px;
	display:block;
	border-radius:12px;
	background-image:url(/um/v7/img/bbs_prevnext.svg);
	background-size:100px 24px;
	background-color:#999;
}
div.bbs-pager ul li.pager-prev a::before,
div.bbs-pager ul li.pager-prev span::before {
	float:left;
	margin-right:6px;
}
div.bbs-pager ul li.pager-next a::after,
div.bbs-pager ul li.pager-next span::after {
	float:right;
	margin-left:6px;
	background-position:-50px 0;
}
@media all and (max-width: 374px) {
div.bbs-pager ul li.pager-prev a::before,
div.bbs-pager ul li.pager-next a::after,
div.bbs-pager ul li.pager-prev span::before,
div.bbs-pager ul li.pager-next span::after {
	display:none;
}
}

/*	layout
============================== */

div.bbs-twitter::before {
	content:"";
	float:right;
	background-image:url(/um/v7/img/bbs_snsicon.svg?2);
}
@media all and (min-width: 768px) {
div.bbs-twitter::before {
	width:32px;
	height:32px;
	background-size:400px 32px;
	background-position:-64px 0;
	margin-left:16px;
	margin-bottom:16px;
}
}
@media all and (max-width: 767px) {
div.bbs-twitter::before {
	width:24px;
	height:24px;
	background-size:300px 24px;
	background-position:-48px 0;
	margin-left:12px;
	margin-bottom:12px;
}
}

div.bbs-loop p.bbs-from::before {
	content:"— ";
}
div.bbs-loop p.bbs-from {
	font-weight:bold;
}