@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; 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.cine:not(.sp) #cmn_stackbox > h2 { margin-bottom: 1em; }
body.cine: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%; }

/* PC & WideTablet Landscape */
body#spnonavnoheader  article[role="main"] { width: 950px; }
html.pc body#spnonavnoheader  article[role="main"] { width: 950px; }
html.pc.safari #cmn_stackbox > .box_twothird { width: 66.57%; }
html.pc.safari #cmn_stackbox > .box_threequarter { width: 74.95%; }


/*  Not PC & WideTablet Portrait */
@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.8%; }
	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; }
}

/*  Not PC & Tablet Portrait */
@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; }
	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%; }
}