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

/* CSS3 Media Query */

@media screen and ( max-width: 767px ){
	html:not(.pc) .floatbox,
	html:not(.pc) .floatbox_b { width: 96%; padding-bottom: 12px; }
	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; }
}

@media only screen and ( max-width: 599px ) {
	html:not(.pc) .floatbox,
	html:not(.pc) .floatbox_b { width: 96%; padding-bottom: 12px; }
	html:not(.pc) .notitlebanner { padding-bottom: 1em; }
	html:not(.pc) .notitlebanner a { display: inline-block; width: 100%; margin: 0; text-align: center; }
	html:not(.pc) .notitlebanner a + a { margin-top: 0.5em; }
	html:not(.pc) .notitlebanner a:nth-child(odd){ padding-right: 0; }
	html:not(.pc) .floatbox_b:nth-of-type(2) { border-top: 1px solid #dbdbdb; }
	html:not(.pc) .floatbox a .thumb, .floatbox_b > a img.thumb { padding: 0 0 0.3em 0.5em; }
}

@media only screen and ( max-width: 599px ) and ( orientation: portrait ) {
	html:not(.pc) .floatbox,
	html:not(.pc) .floatbox_b { width: 100%; padding-bottom: 0; }
	html:not(.pc) .floatbox a>img.banner { max-width: 100%; }
}

@media only screen and ( max-width: 599px ) and ( orientation: landscape ) {
	html:not(.pc) .floatbox,
	html:not(.pc) .floatbox_b { width: 96%; padding-bottom: 12px; }
	html:not(.pc) .floatbox p, .floatbox_b p { font-size: 0.85rem; }
	html:not(.pc) .notitlebanner { padding-bottom: 0.5em; }
	html:not(.pc) .notitlebanner a { max-width: 100%; margin-left: 1%; }
}

@media screen and ( min-width: 600px ) and ( max-width: 767px ){
	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 a>img.banner { width: 100%; }
	html:not(.pc) .floatbox_b { width: 48.9%; margin-left: 12px; }
	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 ) and ( max-width: 1023px ){
	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; }
}

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

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