/* ===========================================
	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:#e4007b;
	text-decoration:underline;
	padding:0 4px;
}
nav.pages p a:visited {
	color:#e4007b;
	text-decoration:none;
	padding:0 4px;
}
nav.pages p a:active, nav.pages p a:hover {
	text-decoration:none;
	color:#ffeee8;
	background-color:#e4007b;
}
.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-position:right bottom;
	border-width:3px;
	border-style:solid;
	/* box-shadow:0 6px rgba(34,84,134, .1); */
}
article.loop:nth-child(odd) {
	background-color:#fff9ed;
	border-color:#eaccb8;
}
article.loop:nth-child(even) {
	background-color:#faedef;
	border-color:#eab8c0;
}
article.loop h2 {
	line-height:1.5;
	background-repeat:repeat;
	background-position:center top;
	margin-bottom:0.75em;
}
article.loop:nth-child(odd) h2 {
	color:#663022;
	background-color:#eaccb8;
}
article.loop:nth-child(even) h2 {
	color:#661833;
	background-color:#eab8c0;
}
article.loop p {
	line-height:1.6;
}
article.loop p.msg {
	margin-bottom:0.5em;
}
article.loop footer {
	text-align:right;
}
article.loop:nth-child(odd) footer p b {
	color:#863322;
}
article.loop:nth-child(even) footer p b {
	color:#99334e;
}
@media all and (min-width: 480px) {
article.loop {
	padding-bottom:15px;
	margin-bottom:15px;
}
article.loop h2 {
	font-size:87.5%;
	padding:6px 15px 9px;
}
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%;
}
}