@charset "utf-8";

.wrapperbox { margin-bottom: 30px; background-color: #fff; }
body.club .wrapperbox,
body.cine .wrapperbox { padding: 0 12px 12px 12px; }

.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; }

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_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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.notitlebanner a img { max-width: 100%; }

.notitlebanner:after,
.wrapperbox:after { content: ""; clear: both; display: block; height: 0; }

html.pc .notitlebanner a { display: inline-block; width: 329px; min-height: 99px; margin: 0 0 10px 10px; vertical-align: top; text-align: left; }
html.pc .notitlebanner a:nth-child(odd) { margin-left: 0; }
html.pc .notitlebanner a:nth-child(even) { float: right; text-align: right; }



/* CSS3 Media Query */

@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) .notitlebanner a:nth-child(even) { float: right; }
}

@media screen and ( min-width: 768px ) and ( max-width: 1023px ){
	html:not(.pc) .notitlebanner a { width: 49.6%; margin-bottom: 0.5em; }
	html:not(.pc) .notitlebanner a:nth-child(odd) { padding-right: 0.5em; }
}