/* 背景色：honwan */
div.bbs-loop {padding:1em 1em .5em; margin:0 auto 1.2em; width:95%; background-color:#ededec; box-shadow:1px 3px 3px rgba(20,20,20,0.2);}
div.bbs-loop p{padding:0 !important; color:#141414 !important;}

/* 背景色：Twitter */
div.bbs-twitter {border:none; box-shadow:none;
	background-color:rgba(224,242,255,0.5);
}

@media all and (max-width: 767px) {
div.bbs-loop {width:95%;
	padding:.8em .8em .5em;
	margin:0 auto 1em;
}
div.bbs-twitter{box-shadow:none;}
}
/* 文字の行間 */
div.bbs-loop {
	line-height:1.6;
}

/* ハンドル名：hogwan */
div.bbs-tbs p.bbs-from {
	color:#ccaa1a !important;
}
/* ハンドル名：Twitter */
.bbs-from {margin:.5em 0 !important;
	font-weight:bold;
	color:#ccaa1a;
}
/* 投稿日の色 */
.bbs-post,
blockquote.twitter-tweet a {font-size:90%; margin:0 0 .5em !important;}
div.bbs-tbs p.bbs-post span{text-align:left !important; background-color:rgba(20,20,20,0.8); padding:.1em .3em; color:#fff;}

/*	settings (Pager)
============================== */

/* 文字の色 */
div.bbs-pager { width:95%; margin:0 auto 1em;}
@media all and (max-width: 767px) {
div.bbs-pager {width:100%;}
}

/* 今いるページの色 */
div.bbs-pager ul li b {color:#141414;
background-color:rgba(246,235,170,0.9); padding:.1em .5em;
}

/* リンクの色 */
div.bbs-pager ul li a {color:#ccaa1a;}
div.bbs-pager ul li a:hover {color:#ccaa1a;}
div.bbs-pager ul li.pager-prev a::before,
div.bbs-pager ul li.pager-next a::after {background-color:#ccaa1a;}

/* リンクのホバー色 */
div.bbs-pager ul li a{
text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
div.bbs-pager ul li.pager-prev a:hover::before,
div.bbs-pager ul li.pager-next a:hover::after {}

/* 次へ前へボタン、押せないときの色 */
div.bbs-pager ul li span {
	color:rgba(118,118,118,0.5);
}
div.bbs-pager ul li.pager-prev span::before,
div.bbs-pager ul li.pager-next span::after {
	background-color:rgba(118,118,118,0.5);
}

div.bbs-error {width:95%;
margin:0 auto 1.5em;
    background-color: hsla(0,0%,100%,0.9);
    padding: 5em 0;
text-align:center;
}
div.bbs-error p {font-size:140%;}
@media all and (max-width: 767px) {
div.bbs-error {padding: 10% 0; margin:0 auto;}
div.bbs-error p {font-size:120% !important;}
}
