@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; 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; }
div.rcontents .event_campaign_banner li { margin-bottom: 2em; }
div.rcontents .event_campaign_banner img { width: 100%; }


/* PC & WideTablet Landscape */

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


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

/*  Not PC & Tablet Portrait */
@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 .event_campaign_banner li,
	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;  }
	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) .event_campaign_banner li,
	html:not(.pc) .banner_box > div { display: inline-block; width: 49%; margin-bottom: 0.8em; vertical-align: top; box-sizing: border-box; }
	html:not(.pc) .event_campaign_banner li:nth-of-type(even),
	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; }
}