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

/*	reset
============================== */
article:not(#notice) div.wrap > div.contents {
	background-color:transparent;
}

/*	settings
============================== */

/* 背景色：honwan */
div.bbs-loop:nth-child(odd) {
	background-color: hsla(0,0%,100%,0.9);
}
div.bbs-loop:nth-child(even) {
	background-color: hsla(56,60%,95%,0.7);
}
/* 背景色：Twitter */
div.bbs-twitter {
	background-color:#e0f2ff;
}
@media all and (min-width: 768px) {
/* loop の paddingとmargin：PC */
div.bbs-loop {
	padding:30px;
	margin-bottom:20px;
	-webkit-box-shadow:0 0 12px 0 hsla(0,0%,0%,0.25);
	box-shadow:0 0 12px 0 hsla(0,0%,0%,0.25);
}
}
@media all and (max-width: 767px) {
/* loop の paddingとmargin：SMP */
div.bbs-loop {
	padding:12px;
	margin-bottom:12px;
	-webkit-box-shadow:0 0 6px 0 hsla(0,0%,0%,0.25);
	box-shadow:0 0 6px 0 hsla(0,0%,0%,0.25);
}
}
/* 文字の行間 */
div.bbs-loop {
	line-height:1.6;
}
/* 投稿のマージン */
div.bbs-loop p.bbs-message {
	margin-bottom:1.6em;
}
/* ハンドル名のマージン */
div.bbs-loop p.bbs-from {
	margin-bottom:0.5em;
}
@media all and (min-width: 768px) {
/* 文字の大きさ：PC */
div.bbs-loop {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
/* 文字の大きさ：SMP */
div.bbs-loop {
	font-size:83%;
}
}
/* 文字の色 */
div.bbs-loop p {
	color:#333;
}
/* ハンドル名：hogwan */
div.bbs-loop p.bbs-from {
	color:#fa17a4;
}
/* 投稿日の色 */
div.bbs-loop p.bbs-post {
	color:#7b7b7b;
}


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

/* 文字の色 */
div.bbs-pager {
	color:#333;
}

/* 今いるページの色 */
div.bbs-pager ul li b {
	color:#0017ff;
}

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

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

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


/*	notice
============================== */
main article#notice h2 {
	font-weight:bold;
	line-height:1.5;
	color:#c00;
	text-align:center;
	margin-bottom:1em;
}
main article#notice ol {
	list-style-type:decimal;
	margin:0 0 20px 30px;
}
main article#notice ol li {
	line-height:1.5;
	padding-bottom:0.5em;
}
main article#notice p.agree {
	color:#c00;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.1em;
	margin-bottom:2.5em;
}
main article#notice p.cap {
	font-weight:bold;
	font-size:87.5%;
	line-height:1.25;
	text-align:center;
	letter-spacing:0.2em;
}
main article#notice p.cap a {
	color:#283cc8;
	padding:0.25em 2em;
}
@media all and (min-width: 768px)  {
main article#notice h2 {
	letter-spacing:0.1em;
}
main article#notice ol li {
	font-size:87.5%;
}
main article#notice p.agree {
	font-size:100%;
}
main article#notice p.cap a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#06bbf2;
}
}
@media all and (max-width: 767px)  {
main article#notice h2 {
	font-size:87.5%;
}
main article#notice ol li {
	font-size:75%;
}
main article#notice p.agree, main article#notice p.cap {
	font-size:83%;
}
}


/*	.ctrl
============================== */
div.ctrl {
}
@media all and (min-width: 768px)  {
div.ctrl {
	width:600px;
	margin:0 auto;	
}
}


/*	msg box
============================== */
.bx-msg {
	background-color:hsla(0,0%,100%,0.9);
}
.bx-msg p {
	line-height:1.5;
}
@media all and (min-width: 768px)  {
.bx-msg {
	padding:24px;
	margin-bottom:40px;
}
.bx-msg p {
	font-size:87.5%;
}
}
@media all and (max-width: 767px)  {
.bx-msg {
	padding:12px;
	margin-bottom:20px;
}
.bx-msg p {
	font-size:83%;
}
}



article#notice > div.wrap > div.contents {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media all and (min-width: 768px) {
article#notice > div.wrap > div.contents {
	padding:40px 32px;
}
}
@media all and (max-width: 767px) {
article#notice > div.wrap > div.contents {
	padding:20px 12px;
}
}