/* ===========================================
	BBS iframe css
=========================================== */

/*	layout
============================== */
body {
	font-family:Verdana,Roboto,"Droid Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	text-align:left;
	color:#4e4e4e;
	padding-bottom:1px;
}


nav.pages p {
	font-size:83%;
	line-height:1.5;
}
nav.pages p a:link {
	color:#fa4e17;
	text-decoration:underline;
	padding:0 4px;
}
nav.pages p a:visited {
	color:#fa4e17;
	text-decoration:none;
	padding:0 4px;
}
nav.pages p a:active, nav.pages p a:hover {
	text-decoration:none;
	color:#ffeee8;
	background-color:#fa825a;
}
.deflink {
}

@media all and (min-width: 480px) {
nav.pages p {
	margin-bottom:1em;
}
}
@media all and (max-width: 479px) {
nav.pages p {
	margin-bottom:0.5em;
}
}



/*	loop box
=================================== */

article.loop {
	background-image:url(../img/bbs_brd.png);
	background-position:right bottom;
	background-color:#f3f5f9;
	border:3px solid #235486;
	/* box-shadow:0 6px rgba(34,84,134, .1); */
}
article.loop:nth-child(even) {
	background-color:#fff;
	border:3px solid #173058;
}
article.loop h2 {
	background-image:url(../img/bbs_brd.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:400px 210px;
	color:#f3f5f9;
	line-height:1.5;
	background-color:#235486;
	/* border-bottom:2px solid #225486; */
	margin-bottom:0.75em;
}
article.loop:nth-child(even) h2 {
	background-color:#173058;
}
article.loop p {
	line-height:1.6;
}
article.loop p.msg {
	margin-bottom:0.5em;
}
article.loop footer {
	color:#7b90ac;
	text-align:right;
}
article.loop footer p b {
	color:#f41766;
}
@media all and (min-width: 480px) {
article.loop {
	padding-bottom:15px;
	margin-bottom:15px;
}
article.loop h2 {
	font-size:87.5%;
	padding:7px 15px 10px;
}
article.loop p {
	padding:0 15px;
	font-size:83%;
}
}
@media all and (max-width: 479px) {
article.loop {
	padding-bottom:10px;
	margin-bottom:10px;
}
article.loop h2 {
	font-size:83%;
	padding:5px 10px 7px;
}
article.loop p {
	padding:0 12px;
	font-size:75%;
}
}