@charset "utf-8";

#cmn_stackbox { margin-top: 0; padding: 0 0 1.5em; background-color: #fff; font-size: 1.15rem !important; line-height: 1.6; }
#cmn_stackbox > h2,
#cmn_stackbox > div { display: inline-block; margin: 1.5em 0 0 0 !important; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cmn_stackbox > div > div { font-size: 100%; }
#cmn_stackbox > .box_onequarter { width: 24.5%; }
#cmn_stackbox > .box_onethird { width: 32.8%; }
#cmn_stackbox > .box_onehalf { width: 49.7%; }
#cmn_stackbox > .box_twothird { width: 66.35%; }
#cmn_stackbox > .box_threequarter { width: 74.6%; }
#cmn_stackbox > .box_full { clear: both; width: 100%; }

#cmn_stackbox > div img { max-width:100%; }
#cmn_stackbox > div a::before { text-indent: 0 !important; }
#cmn_stackbox hr { clear: both; display: block; height: 0; }
#cmn_stackbox div.box_full:after,
#cmn_stackbox:after { content: ""; clear: both; display: block; height: 0; }

#cmn_stackbox [data-stacktype=spacer] { clear: both; min-height: 0.1em !important; width: 100%; }
#cmn_stackbox [data-stacktype=addclass] { position: absolute; left: -9999px; height: 0 !important; width: 0 !important; }

#cmn_stackbox [data-stacktype=htext] { margin-top: 2em !important; }
#cmn_stackbox [data-stacktype=htext]:first-child { margin-top: 0 !important; }

#cmn_stackbox [data-stacktype=wygtext] { word-break: break-all; }

#cmn_stackbox [data-stacktype^=image] { padding: 0; text-align: center; }
#cmn_stackbox [data-stacktype^=image] img { max-width:100%; }
#cmn_stackbox [data-stacktype^=image].box_onequarter { width: 23% !important; }
#cmn_stackbox [data-stacktype^=image].box_onequarter + .box_onequarter { margin-right: 1.5% !important; }
#cmn_stackbox [data-stacktype^=image].box_onethird { width: 32.2% !important; }
#cmn_stackbox [data-stacktype^=image].box_onethird + .box_onethird { margin-left: 1% !important; }
#cmn_stackbox [data-stacktype=wygtext].box_onehalf + [data-stacktype^=image].box_onehalf { padding-left: 2%; }
#cmn_stackbox [data-stacktype=wygtext].box_onehalf + [data-stacktype^=image].box_onethird { padding-left: 4.5%; }

#cmn_stackbox [data-stacktype=table] { padding: 0; }
#cmn_stackbox [data-stacktype=table] table { width: 100%; table-layout: auto; border-collapse: collapse; border-spacing: 0; }
#cmn_stackbox [data-stacktype=table] table tr th,
#cmn_stackbox [data-stacktype=table] table tr td { padding: 0.3em; line-height: 1.6;  border: 1px solid rgba(0,0,0,0.4); }
#cmn_stackbox [data-stacktype=table] table tr th { text-align: center; background-color: rgba(0,0,0,0.2); }

#cmn_stackbox [data-stacktype=mix_ihw],
#cmn_stackbox [data-stacktype=mix_ihw] > figure { text-align: center; }

body#spnonavnoheader  article[role="main"] { margin: 0 auto; }
body#spnonav article[role="main"] { width: 100%; }
.spgosite { padding: 1em 0; text-align: right; }
.spgosite:before { content: '\00e802'; font-family: 'fontello'; font-size: 1.4em; font-style: normal; font-weight: normal; speak: none;display: inline-block;margin-right: 0.3em; text-align: center; opacity: 0.7; line-height: 1em;}

body.cine:not(.sp) #cmn_stackbox > h2,
body.club:not(.sp) #cmn_stackbox > h2 { margin-bottom: 1em; }
body.cine:not(.sp) #cmn_stackbox > div,
body.club:not(.sp) #cmn_stackbox > div { padding: 1em 1em 2em; }

.firefox #cmn_stackbox > .box_onehalf { width: 49.6%; }
.msie #cmn_stackbox > .box_full { clear: both; width: 99.99%; }

/* CSS3 Media Query */
/* Mobile Common */
@media screen and ( max-width: 767px ){
	html:not(.pc) #cmn_stackbox { padding-top: 0.4em; font-size: 1.4rem; }
	html:not(.pc) #cmn_stackbox > .box_onehalf { width: 49.75%; }
	html:not(.pc) #cmn_stackbox > .box_onequarter { width: 24.4% !important;  }
	html:not(.pc) #cmn_stackbox > .box_onethird { width: 32.8%; }
	html:not(.pc) #cmn_stackbox > .box_twothird { width: 66.49%; }
	html:not(.pc) #cmn_stackbox > .box_threequarter { width: 74.868%; }
	html:not(.pc) #cmn_stackbox [data-stacktype=mix_ihw] > div,
	html:not(.pc) #cmn_stackbox [data-stacktype=mix_ihw] > figure { float: left; max-width: 96%; }
	html:not(.pc) #cmn_stackbox [data-stacktype=mix_ihw] > figure { margin: 0 1em 0.5em 0; }
	html:not(.pc) #cmn_stackbox [data-stacktype=mix_ihw] > div:after { content: ""; clear: both; display: block; height: 0; }
	html:not(.pc) #cmn_stackbox [data-stacktype=wygtext].box_onehalf + [data-stacktype^=image].box_onehalf { width: 49.6% !important; }
}

/* Smartphone Common */
@media only screen and ( max-width: 599px ) {
	html:not(.pc) #cmn_stackbox > .box_onequarter,
	html:not(.pc) #cmn_stackbox > .box_onethird,
	html:not(.pc) #cmn_stackbox > .box_onehalf,
	html:not(.pc) #cmn_stackbox > .box_twothird,
	html:not(.pc) #cmn_stackbox > .box_threequarter { width: 100% !important; padding-left: 0; }
	html:not(.pc) #cmn_stackbox [data-stacktype^=image].box_onequarter,
	html:not(.pc) #cmn_stackbox [data-stacktype^=image].box_onequarter + .box_twothird,
	html:not(.pc) #cmn_stackbox [data-stacktype^=image].box_onequarter + .box_threequarter,
	html:not(.pc) #cmn_stackbox [data-stacktype^=image].box_onethird + .box_onequarter { width: 49.4% !important; }
	html:not(.pc) #cmn_stackbox [data-stacktype^=image].box_onethird + .box_twothird { width: 59.5% !important; }
	html:not(.pc) #cmn_stackbox [data-stacktype^=image].box_onethird { width: 31.8% !important; }
}

/* Smartphone Portrait Only */
@media only screen and ( max-width: 599px ) and ( orientation: portrait ) {
	html:not(.pc) #cmn_stackbox [data-stacktype=wygtext] > div br:only-child { display: none; }
	html:not(.pc) #cmn_stackbox [data-stacktype=table] { padding-left: 1em !important; }
	html:not(.pc) #cmn_stackbox [data-stacktype=mix_ihw] { width: 100%; text-align: center; }
	html:not(.pc) #cmn_stackbox [data-stacktype=mix_ihw] > div,
	html:not(.pc) #cmn_stackbox [data-stacktype=mix_ihw] > figure { float: none; min-width: 217px; margin: auto; }
	html:not(.pc) #cmn_stackbox [data-stacktype=mix_ihw] > figure img { min-width: 100%; }
	html:not(.pc) #cmn_stackbox [data-stacktype=mix_ihw] > div{ text-align: left; }
}

/* Smartphone Landcape Only */
@media only screen and ( max-width: 599px ) and ( orientation: landscape ) {
}

/* Android Smartphone Landscape, Tablet7 Portraite  */
@media screen and ( min-width: 600px ) and ( max-width: 767px ){
	html:not(.pc) #cmn_stackbox div.box_onethird { width: 32.8% !important; display: inline-block; }
	html:not(.pc) #cmn_stackbox > .box_onehalf { width: 49.6%; }
}

/* Tablet10 Portraite */
@media screen and ( min-width: 768px ) and ( max-width: 1023px ){
	html:not(.pc) #cmn_stackbox > .box_onehalf { width: 49.5%; }
	html:not(.pc) #cmn_stackbox > .box_onequarter { width: 24.6%; }
	html:not(.pc) #cmn_stackbox > .box_onethird { width: 32.7%; }
	html:not(.pc) #cmn_stackbox > .box_twothird { width: 66.4%; }
	html:not(.pc) #cmn_stackbox > .box_threequarter { width: 74.8%; }
	html:not(.pc) #cmn_stackbox .box_onequarter { width: 24.4% !important; }
	html:not(.pc) #cmn_stackbox [data-stacktype^=image].box_onethird { width: 32.1% !important; }
	html:not(.pc) #cmn_stackbox .box_onequarter { width: 24.3% !important; }
}

/* PC, Tablet7-10 Landscape, and more */
@media screen and ( min-width: 1024px ) {
	body#spnonavnoheader  article[role="main"] { width: 950px; }
}

/* Smartphone Landcape Only */
@media only screen and ( orientation: landscape ) {
	.android.webkit:not(.chrome) #cmn_stackbox > .box_onethird + .box_onethird + .box_onethird { width: 32.85% ; }
}

/* PC Only Start */
.pc:not(.msie8) body#spnonavnoheader  article[role="main"] { width: 950px; }
.pc.safari #cmn_stackbox > .box_twothird { width: 66.57%; }
.pc.safari #cmn_stackbox > .box_threequarter { width: 74.95%; }
/* PC Only End */