@charset "utf-8";

.wrapperbox { margin-bottom: 30px; background-color: #fff; padding: 0 12px 12px 12px; min-height: 100px; }

article[role="main"] .floatbox_b:nth-of-type(even) { float: right; }
article[role="main"] .floatbox_b:nth-of-type(odd) { clear: both; float: left; }

.floatbox { float: left;  width: 46.3%; padding: 0 12px; background-color: #ffffff; border-bottom: 1px solid #123591; }
.floatbox_b { float: left; width: 48.9%; min-height: 5em; padding-bottom: 1em; border-top: 1px solid #dbdbdb; }
.floatbox_b:nth-of-type(1),
.floatbox_b:nth-of-type(2) { border-top: none; }
.floatbox_b .raty { height: 1em; vertical-align: baseline; }
.floatbox_b > a,
.floatbox > a { display: block; margin: 12px 0; text-decoration: none; }
.floatbox a .thumb,
.floatbox_b > a img.thumb { float: right; max-width: 100%; margin-left:0.5em; }
.floatbox_b > a p { color: #444; }
.floatbox_b > a strong { display: block; font-style: normal; font-size: 1.2em; }
.floatbox_b > a em { font-style: normal; color: #dd9a7f; color: #cb5f34; }
.floatbox_b > a mark { font-weight: bold; font-size: 0.9em; font-style: normal; background: none; color: #84ba0f !important; }

.notitlebanner a { display: inline-block; vertical-align: top; box-sizing: border-box; }
.notitlebanner a img { max-width: 100%; }
.notitlebanner:after,
.wrapperbox:after { content: ""; clear: both; display: block; height: 0; }

/* PC Only  */
.pc .wrapperbox .floatbox_b:nth-of-type(odd) { margin-left: 0; }
.pc .wrapperbox .floatbox_b:nth-of-type(even) { float: right; }
.pc .floatbox:nth-child(odd) { margin-left: 0; border-right: 1px solid #123591; }
.pc .floatbox_b { margin-left: 12px; }
.pc .notitlebanner a { display: inline-block; width: 329px; min-height: 99px; margin: 0 0 10px 10px; vertical-align: top; text-align: left; }
.pc .notitlebanner a:nth-child(odd) { margin-left: 0; }
.pc .notitlebanner a:nth-child(even) { float: right; text-align: right; }

/*  Not PC & Tablet Portrait */
@media screen and ( max-width: 767px ){
	html:not(.pc) .notitlebanner a { width: 49.6%; margin-bottom: 0.5em; text-align: center; }
	html:not(.pc) .notitlebanner a:nth-child(odd){ padding-right: 0.5em; }
	html:not(.pc) .wrapperbox .floatbox_b:nth-child(odd) { margin-left: 0; }
	html:not(.pc) .wrapperbox .floatbox_b:nth-child(even) { float: right; }
	html:not(.pc) .floatbox { width: 45.8%; }
	html:not(.pc) .floatbox,
	html:not(.pc) .floatbox_b { width: 96%; padding-bottom: 12px; }
	html:not(.pc) .floatbox a > img.banner { width: 100%; }
	html:not(.pc) .notitlebanner a { width: 49.6%; margin-bottom: 0.5em; }
	html:not(.pc) .notitlebanner a:nth-child(odd) { padding-right: 0.5em; }
	html:not(.pc) .notitlebanner a:nth-child(even) { float: right; }
}

@media screen and ( min-width: 768px ) {
	html:not(.pc) .wrapperbox .floatbox_b:nth-child(odd) { margin-left: 0; }
	html:not(.pc) .wrapperbox .floatbox_b:nth-child(even) { float: right; }
	html:not(.pc) .floatbox { width: 45.4%; }
	html:not(.pc) .floatbox a>img.banner { width: 100%; }
	html:not(.pc) .floatbox_b { width: 48.6%; margin-left: 12px; }
	html:not(.pc) .floatbox:nth-child(1n+1){ border-right: 1px solid #123591; }
	html:not(.pc) .notitlebanner a { width: 49.6%; margin-bottom: 0.5em; }
	html:not(.pc) .notitlebanner a:nth-child(odd) { padding-right: 0.5em; }
}