@charset "utf-8";

.banner_box { position: relative; }
body.cine.movies article[role="main"] header > aside { background: #fff4cb; margin: 1em;}

nav.subnav,
nav.lnav,
div.rcontents > section { margin-bottom: 2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body.wedding .wrapper .subnav ul li a { color: #3b94cc; }

div.rcontents .infomation_box > div { padding: 1em 1.5em 1.5em; background-color: #dde7e5; color: #6c7075; line-height: 1.4; line-height: 1.5; }
div.rcontents .infomation_box > div strong { display: block; margin-bottom: 0.5em; }
div.rcontents .infomation_box > div a { color: inherit; text-decoration: none; }
div.rcontents .banner_box > div { line-height: 1.4; }
div.rcontents .banner_box > div a { text-decoration: none; }
div.rcontents .banner_box > div:after { content: ""; clear: both; display: block; height: 0; }


@media screen and ( max-width: 767px ){
	html:not(.pc) nav.subnav,
	html:not(.pc) nav.lnav,
	html:not(.pc) aside#news_box,
	html:not(.pc) .banner_box { width: 100%; }
	html:not(.pc) .banner_box::after { content: ""; clear: both; display: block; height: 0; }
	html:not(.pc) body.club div.wrapper > aside.news_box { width: 100%; }
	html:not(.pc) body div.wrapper .rcontents .banner_box > div { width: 48.9%; }
	html:not(.pc) body div.wrapper .rcontents .banner_box.infomation_box > div { width: 100%; }
	html:not(.pc) body.club .rcontents #news_box > div .copy,
	html:not(.pc) body.club .rcontents #news_box > div .day { width: 100%; }
	html:not(.pc) body.club .rcontents #news_box > div .copy { margin-bottom: 0.75em;  }
}

@media only screen and ( max-width: 599px ) {
	html:not(.pc) .banner_box > div { display: inline-block; max-width: 100%; padding: 0.25em 0; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	html:not(.pc) .banner_box > div a { width: 100%; }
	html:not(.pc) .banner_box > div a img { max-width: 100%; }
	html:not(.pc) div.wrapper .banner_box div { width: 100%; }
	html:not(.pc) header[role="banner"] > div > section {float: none; width: 94%; }
	html:not(.pc) body.wedding div.wrapper .banner_box::after { content: ""; clear: both; display: block; height: 0; }
	html:not(.pc) div.rcontents .banner_box.infomation_box { margin-bottom: 5em; }
	html:not(.pc) .cine .banner_box .moretxt { text-align: left; }
}

/* Smartphone Portrait Only */
@media only screen and ( max-width: 599px ) and ( orientation: portrait ) {
	html:not(.pc) .banner_box > div { text-align: center; }
	html:not(.pc) .banner_box span,
	html:not(.pc) .banner_box > p { text-align: left; }
	html:not(.pc) body div.wrapper .rcontents .banner_box div { width: 100%; }
	html:not(.pc) body.della.shop article[role="main"] > aside:after{ content: ""; clear: both; display: block; height: 0; }
	html:not(.pc) body.della#shop_detail article[role="main"] > div > .shop_news > aside > a > div { width: 100%; float: none; }
	html:not(.pc) body.della#shop_detail article[role="main"] > div > .shop_news > aside > a figure { display: none; }
	html:not(.pc) body.club #liveschedule div > ul li a:before { left: -0.8em !important; }
}

/* Smartphone Landcape Only */

@media only screen and ( max-width: 599px ) and ( orientation: landscape ) {
	html:not(.pc) body.della.shop article[role="main"] > aside > div ,
	html:not(.pc) body.della div.wrapper .banner_box div { width: 49.5%; }
	html:not(.pc) body.della#shop_top article[role="main"] > aside > div { float: left; width: 49.5%; }
	html:not(.pc) body.della#shop_top article[role="main"] > aside > div:nth-child(2n+1){ margin-left: 1%; }
	html:not(.pc) body.della#shop_detail article[role="main"] > div > .shop_news > aside > a > div { width: 70%; float: left; }
	html:not(.pc) body.club .banner_box > div > table > caption { width: 103.5%; margin-left: -5.5%; }
	html:not(.pc) body.club #liveschedule div > ul li a:before { left: -1em !important; }
	html:not(.pc) div.rcontents .banner_box.infomation_box > div { width: 100% !important; }
	html:not(.pc) .banner_box::after { content: ""; clear: both; display: block; height: 0; }

	.ios nav.lnav,
	.ios nav.subnav,
	.ios aside#news_box,
	.ios .banner_box{ font-size: 65%; }
	.ios body.club aside#liveschedule div > ul { top: 10em !important; }
	.ios body.club .banner_box > div > table > caption { width: 103.5% !important; margin-left: -5.4% !important; }

}

@media screen and ( min-width: 600px ) and ( max-width: 767px ){
	html:not(.pc) .banner_box img { width: 100%;}
	html:not(.pc) body.della#shop_detail article[role="main"] > div > .shop_news > aside > a > div { width: 70%; float: left; }
	html:not(.pc) .banner_box > div { display: inline-block; width: 49%; margin-bottom: 0.8em; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	html:not(.pc) .banner_box > div:nth-of-type(even){ margin-left: 1.5%; }
	html:not(.pc) body.club .banner_box::after { content: ""; clear: both; display: block; height: 0; }
	html:not(.pc) div.rcontents > section.banner_box { margin-bottom: 0; }
	html:not(.pc) div.rcontents > section.banner_box > header { margin-bottom: 1.5em; }
	html:not(.pc) div.rcontents .banner_box.infomation_box { margin-bottom: 5em; }
	html:not(.pc) div.rcontents .banner_box.infomation_box > div { width: 100%; }
	html:not(.pc) .cine .banner_box .moretxt img { width: auto !important; }
}

@media screen and ( min-width: 768px ) and ( max-width: 1023px ){
	html:not(.pc) .banner_box img { width: 100%; }
	html:not(.pc) body.della#shop_detail article[role="main"] > div > .shop_news > aside > a > div { width: 70%; float: left; }
	html:not(.pc) .banner_box > div > table > caption { width: 99%; margin-left: -6%;}
	html:not(.pc) .cine .banner_box .moretxt img { width: auto !important; }
}

@media screen and ( min-width: 1024px ) {
	html:not(.pc) body.della#shop_detail article[role="main"] > div > .shop_news > aside > a > div { width: 70%; float: left; }
}

/* PC Only Start */
	.pc:not(.msie8) body.della#shop_detail article[role="main"] > div > .shop_news > aside > a > div { width: 70%; float: left; }
	.firefox body.club .banner_box > div > table caption { position: absolute; top: 3em; left: -0.5%;  width: 100%; margin-left: 1%; }
	.firefox body.club .banner_box > div > table { margin-top: 2.8em;}
/* PC Only End */