@charset "utf-8";

/* Common */
html { background-color: #002d24; }
article[role="main"] > .wisywigbox { margin-bottom: 1.5em; }
article[role="main"] a.icon_link { display: block; position: relative; width: 10em; height: 1.5em; padding: 0.5em 1em; border: 1px solid #b6b6b6; color: #1f1f1f; background: transparent url(/common/images/bg_linkbtn.png) no-repeat 8% 46%; }
article[role="main"] a.icon_link > span { display: block; font-size: 1em; text-align: left; padding-left: 2em; }
article[role="main"] a.icon_link:hover { background-image: url(/common/images/bg_linkbtn_on.png); background-color: #ccf2ff; color: #1f1f1f; text-decoration: none; }

/* subnav */
.subnav > ul { display: none; }
div.wrapper .subnav> h2 { position: relative; height: 3em; padding-left: 4.5em; line-height: 3.3; background-color: #f1f1f1; vertical-align: middle; font-size: 1em; font-style: normal !important; font-weight: normal; border-bottom: 2px solid #e6e6e6; cursor: pointer; }
div.wrapper .subnav> h2.open { background-color: #d7edaa; border-bottom: 1px dotted #818181; }
div.wrapper .subnav> h2::before { content: '\e812'; display: block; position: absolute; left: 2.1em; top: -.5em; padding-right: 1em; color: #606060; font-family: 'lacitta-pc'; font-size: 1.5em; }
div.wrapper .subnav> h2.open::before { content: '\e813'; left: 2.0em; color: #91cb12; }
div.wrapper .subnav > ul { margin-top: 1em; }
div.wrapper .subnav > ul > li { position: relative; min-height: 2.5em; line-height: 1.2; }
div.wrapper .subnav > ul > li strong { color: #555; }
div.wrapper .subnav > ul > li strong,
div.wrapper .subnav > ul > li > a { display: block; padding-left: 5.5em; }
div.wrapper .subnav li a { color: #489bcf; font-weight: bold; }

/* Top */
nav#topcittanav { margin-bottom: 2em; border-bottom: solid 1px #dd9a7f; background-color: #dd9a7f;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.01, rgb(210,131,102)),color-stop(0.2, rgb(221,154,127)),color-stop(0.93, rgb(219,209,177)),color-stop(1, rgba(210,131,102)) );
	background-image: -webkit-linear-gradient(top, rgb(210,131,102) 1%, rgb(221,154,127) 20%, rgb(221,154,127) 93%, rgb(210,131,102) 100% );
	background-image: linear-gradient(to bottom, rgb(210,131,102) 1%, rgb(221,154,127) 20%, rgb(221,154,127) 93%, rgb(210,131,102) 100% );
}
nav#topcittanav > ul li + li::before { content: ''; position: absolute; top: 5%; left: -1px; display: block; height: 90%; width: 1px;
	background-image: -webkit-linear-gradient(top, #d4886b 0%, #b17b66 30%, #b17b66 70%, #da9579 100% );
	background-image: linear-gradient(to bottom, #d4886b 0%, #b17b66 30%, #b17b66 70%, #da9579 100% );
}
nav#topcittanav > ul li + li::after { content: ''; position: absolute; top: 5%; left: 0; display: block; height: 90%; width: 1px;
	background-image: -webkit-linear-gradient(top, #d4886b 0%, #e3ac96 30%, #e3ac96 70%, #da9579 100% );
	background-image: linear-gradient(to bottom, #d4886b 0%, #e3ac96 30%, #e3ac96 70%, #da9579 100% );
}

nav#topcittanav > ul { margin: 0 auto; padding: 0; list-style: none; }
nav#topcittanav > ul:after { content: ""; clear: both; display: block; height: 0; }
nav#topcittanav > ul li { position: relative; display: block; float: left; width: 25%; min-height: 16em; padding: 0.6em 1em 1em; color: #fff; text-align: left; }
nav#topcittanav > ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
nav#topcittanav > ul li figure,
nav#topcittanav > ul li figure img { width: 100%; height: auto; }
nav#topcittanav > ul li dt { font-size: 100%; font-weight: bold; font-family: serif !important; color: #ffffff; }
nav#topcittanav > ul li dd { margin: 0.5em 0 0; font-size: 80%; line-height: 1.4; color: #783d27; }
nav#topcittanav > ul li dd:hover { text-decoration: underline; color: #ffffff; }
nav#topcittanav > ul li figure,
nav#topcittanav > ul li figure img { width: 100%; height: auto; }
nav#topcittanav > ul li figure { margin-bottom: 0.5em; }
nav#topcittanav > ul:hover li:before, nav#topcittanav > ul:hover li:after { width: 0; }

.tablet nav#topcittanav > ul li a dd { color: #fff; }
.tablet nav#topcittanav > ul li:nth-child(1),
nav#topcittanav > ul li:nth-child(1):hover { background-color: #002d24; }
.tablet nav#topcittanav > ul li:nth-child(2),
nav#topcittanav > ul li:nth-child(2):hover { background-color: #1e6e7d; }
.tablet nav#topcittanav > ul li:nth-child(3),
nav#topcittanav > ul li:nth-child(3):hover { background-color: #123591; }
.tablet nav#topcittanav > ul li:nth-child(4),
nav#topcittanav > ul li:nth-child(4):hover { background-color: #fdb3c4; }
nav#topcittanav a { text-decoration: none; }

.image_border{
	border: 1px solid #ccc;
}

article[role="main"] > section,
article[role="main"] > article { position: relative; margin-bottom: 1.5em; line-height: 1.5; }
article[role="main"] > section .wrapperbox a h2 { color: inherit !important; }

div.wrapperl::after,
article[role="main"] > article::after,
body#shop_detail article[role="main"] > nav > ul::after{ content: ""; clear: both; display: block; height: 0; }

body#event .wrapperbox .floatbox_b a img,
body#shop_top .notitlebanner a img,
body#top #recommend .wrapperbox .floatbox_b a img { border: 1px solid #ccc; }
body#top #recommend .wrapperbox .floatbox_b a .event_time span img { border: none; }

body#top .news { position: relative; }
body#top .news .wrapperbox .floatbox_b:nth-of-type(even) { width: 47% !important; }
body#top .news .wrapper > article[role="main"] .floatbox_b:nth-child(even) { float: right; }
body#top .news .wrapper > article[role="main"] .floatbox_b:nth-child(odd) { clear: both; }

body#top article[role="main"] > #recommend > header + article { padding: 1em 1.5em 1.5em; background-color: #dde7e5; color: #6c7075; line-height: 1.5; }
body#top article[role="main"] > #recommend > header + article h1 { display: block; margin-bottom: 0.5em; }
body#top article[role="main"] > #recommend > header + article a { color: inherit; }


/* shop */
body.shop div.wrapper .subnav > .category > li > a:before { display: block; position: absolute; top: 0.1em; left: 2.5em; }
body.shop div.wrapper .subnav > .category > .nav_all > a:before { content: url("/common/images/shop/icon_shopnav_all.png"); }
body.shop div.wrapper .subnav > .category > .nav_restaurant > a:before { content: url("/common/images/shop/icon_shopnav_restaurant.png"); display: block; position: absolute;}
body.shop div.wrapper .subnav > .category > .nav_bar_cafe > a:before { content: url("/common/images/shop/icon_shopnav_cafe.png"); display: block; position: absolute;}
body.shop div.wrapper .subnav > .category > .nav_fashion > a:before { content: url("/common/images/shop/icon_shopnav_fashion.png"); display: block; position: absolute;}
body.shop div.wrapper .subnav > .category > .nav_relaxation > a:before { content: url("/common/images/shop/icon_shopnav_relaxation.png"); display: block; position: absolute;}
body.shop div.wrapper .subnav > .category > .nav_school > a:before { content: url("/common/images/shop/icon_shopnav_school.png"); display: block; position: absolute;}
body.shop div.wrapper .subnav > .category > .nav_entertainment > a:before { content: url("/common/images/shop/icon_shopnav_entertainment.png"); display: block; position: absolute;}
body.shop div.wrapper .subnav > .category > .nav_beauty > a:before { content: url("/common/images/shop/icon_shopnav_beauty.png"); display: block; position: absolute; }
body.shop div.wrapper .subnav > .category > .nav_hobby > a:before { content: url("/common/images/shop/icon_shopnav_hobby.png"); display: block; position: absolute; }
body.shop div.wrapper .subnav > .category > .nav_life > a:before { content: url("/common/images/shop/icon_shopnav_car.png"); display: block; position: absolute; }
body.shop div.wrapper .subnav > .category > .nav_other > a:before { content: url("/common/images/shop/icon_shopnav_other.png"); display: block; position: absolute; }
div.wrapper .subnav > .nav_nomal > li > strong:before,
div.wrapper .subnav > .nav_nomal > li > a:before ,
body.shop div.wrapper .subnav > .syllabary > li > a:before { content: '\e807'; display: block; position: absolute; top: 0.1em; left: 3.2em; font-family: 'lacitta-pc'; }
body.shop div.wrapper .subnav > .syllabary > li > a { padding-left: 4.5em; }
body.shop div.wrapper .subnav > .floor > li { margin: 0.2em 0; }
body.shop div.wrapper .subnav > .floor li > a { display: block; min-height: 4em; padding-top: 0.1em; line-height: 1.5; font-weight: bold; }
body.shop div.wrapper .subnav > .floor li > a span { display: block; font-size: 0.9em; color: #489bcf; font-weight: normal; }
body.shop div.wrapper .subnav > .floor > li > a:before { display: block; position: absolute; top: 0.1em; left: 1.5em; }

body.shop div.wrapper .subnav > .floor > .nav_vivace > a:before { content: url("/common/images/shop/icon_shopnav_vivace.png"); }
body.shop div.wrapper .subnav > .floor > .nav_maggiore > a:before { content: url("/common/images/shop/icon_shopnav_maggiore.png"); }
body.shop div.wrapper .subnav > .floor > .nav_cine > a:before { content: url("/common/images/shop/icon_shopnav_cine.png"); }
body.shop div.wrapper .subnav > .floor > .nav_club > a:before { content: url("/common/images/shop/icon_shopnav_club.png"); }
body.shop div.wrapper .subnav > .floor > .nav_areana > a:before { content: url("/common/images/shop/icon_shopnav_arena.png"); }
body.shop div.wrapper .subnav > .floor > .nav_cinepit > a:before { content: url("/common/images/shop/icon_shopnav_cinepit.png"); }
body.shop div.wrapper .subnav > .floor > .nav_piccolo > a:before { content: url("/common/images/shop/icon_shopnav_piccolo.png"); }

body.shop div.wrapper .subnav > .condition > li > a { padding-left: 4.5em; }
body.shop div.wrapper .subnav > .condition > li > a:before { content: '\e807'; display: block; position: absolute; top: 0.1em; left: 3.2em; font-family: 'lacitta-pc'; }
body.shop div.wrapper .subnav > .condition.active { border-bottom: 2px solid #e6e6e6; }

body#shop_top article[role="main"] > section { position: relative; }
body#shop_top article[role="main"] > section.catch { color: #dd9a7f; }
body#shop_top article[role="main"] > section:after { content: ""; clear: both; display: block; height: 0; }

body#shop_top article[role="main"] > #news > .wrapperbox > .floatbox_b { min-height: 8em; padding-bottom: 2em; }

body#shop_list .icondetail { margin-top: -1em; margin-right: 0.5em; }
body#shop_list .icondetail + ul { margin: 0.3em; padding: 0.5em 0 0.5em 0.5em; background: #fef7ec; }
body#shop_list .icondetail + ul li { position: relative; display: block; float: left; width: 23.2%; min-height: 2.5em; margin: 0.5em; padding-left: 28px; -webkit-box-sizing: border-box; box-sizing: border-box; }
body#shop_list .icondetail + ul li img { display: block; position: absolute; left: 0; }
body#shop_list .icondetail + ul li span { display: inline-block; margin-top: 0.5em; font-size: 75%; line-height: 1.1 !important; vertical-align: middle; }
body#shop_list .icondetail + ul:after { content: ""; clear: both; display: block; height: 0; }

body#shop_detail article[role="main"] { padding-bottom: 1.5em; }
body#shop_list .floor { min-height: 110px; }
body#shop_list article[role="main"] > section,
body#shop_detail article[role="main"] > header > article { margin-bottom: 0; padding: 0.8em 0; }
body#shop_list article[role="main"] > section,
body#shop_detail article[role="main"] > header > article { border-top: 1px solid #e6e6e6; }
body#shop_list article[role="main"] > section:after,
body#shop_detail article[role="main"] > header > article:after,
body#shop_detail article[role="main"] > header:after { content: ""; clear: both; display: block; height: 0; }
body#shop_list article[role="main"] > section header,
body#shop_detail article[role="main"] > article > header { width: 77.2%; position: relative; float: left; padding: 0.5em 2em 0 20%; }
body#shop_list article[role="main"] > section header,
body#shop_detail article[role="main"] > article > header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#shop_list article[role="main"] > section header h1,
body#shop_detail article[role="main"] > article > header h1 { padding-bottom: 0.5em; color: #3b94cc; font-size: 1.2em !important; }
body#shop_list article[role="main"] > section header h1 span { display: block; margin-top: 0.3em; padding-left: 0; font-weight: normal; font-size: 0.75em; }
body#shop_detail article[role="main"] > article > header h1,
body#shop_detail article[role="main"] > article > header p { padding: 0.4em 0 0.4em 2.5rem !important;  border-top: 1px dotted #a9a0a0; font-weight: normal; color: #555 !important; }
body#shop_detail article[role="main"] > article > header p > * { display: block; position: relative; font-weight: normal; }
body#shop_detail article[role="main"] > article > header h1:before,
body#shop_detail article[role="main"] > article p > *::before { position: absolute; display: block; margin-left: -2rem; font-weight: normal; font-family: 'lacitta-pc'; font-size: 1.4rem; line-height: 1; color: #1e1e1e; }
body#shop_detail article[role="main"] > article > header h1:before { content: '\e80d'; margin-top: 0.3em; }
body#shop_detail article[role="main"] > article p .time::before { content: '\e81a'; margin-top: 0.15em; }
body#shop_detail article[role="main"] > article p .tel::before { content: '\e80f'; margin-left: -1.7rem; font-size: 1.8rem; }
body#shop_detail article[role="main"] > article p .tel ~ .tel::before { content: ''; display: none !important; }

body#shop_detail article[role="main"] > article > header p:last-child { border-bottom: 1px dotted #a9a0a0; }
body#shop_detail article[role="main"] > article > header p:last-child a { display: inline;}
body#shop_list article[role="main"] > section header figure,
body#shop_detail article[role="main"] > article > header figure { position: absolute; top: 0; left: 0; width: 25%; height: auto; text-align: center; }
body#shop_list article[role="main"] > section header figure img,
body#shop_detail article[role="main"] > article > header figure img { max-width: 96%; height: auto; }
body#shop_list article[role="main"] > section > div,
body#shop_detail article[role="main"] > article > div { float: right; width: 22.8%; padding: 0; }
body#shop_list article[role="main"] > section > div > ul:after,
body#shop_detail article[role="main"] > article > div > ul:after { content: ""; clear: both; display: block; height: 0; }
body#shop_list article[role="main"] > section > div > ul li,
body#shop_detail article[role="main"] > article > div > ul li { float: left; margin-left: 0.15em; }
body#shop_list article[role="main"] .icon_condition li,
body#shop_detail article[role="main"] .icon_condition li { float: none; display: inline-block; margin: 0 !important; }
body#shop_list article[role="main"] .icon_condition li a,
body#shop_detail article[role="main"] .icon_condition li a { display: block; width: 100%; height: 100%; padding: 0; }
body#shop_list article[role="main"] .icon_condition li a img,
body#shop_detail article[role="main"] .icon_condition li a img { min-width: 24px; min-height: 24px; }
body#shop_list article[role="main"] > section > div > ul li,
body#shop_detail article[role="main"] > article > div > ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#shop_list article[role="main"] > section > div > ul li:first-child { margin: 0; padding: 0; }
body#shop_list article[role="main"] > section > div > .floor,
body#shop_detail article[role="main"] > article > div > .floor { width: 100%; background: #f4f4f4; margin-top: 0; padding: 1em; text-align: center; }
body#shop_list article[role="main"] > section > div > .floor,
body#shop_detail article[role="main"] > article > div > .floor { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#shop_detail article[role="main"] > article > div > .floor h1 { font-size: 0.7em; font-weight: normal; color: #bfbfbf; }
body#shop_list article[role="main"] > section > div > .floor h2,
body#shop_detail article[role="main"] > article > div > .floor h2 { color: #828282; border: none; }
body#shop_list article[role="main"] > section > div > .floor p,
body#shop_detail article[role="main"] > article > div > .floor p { width: 3.5em; margin: 0 auto; padding: 0 !important; background: #6fb1da; color: #fff; font-weight: bold; line-height: 1.5; }
body#shop_detail article[role="main"] > nav > ul { border-bottom: 0.3em solid #e6e6e6; }
body#shop_detail article[role="main"] > nav > ul:after { content: ""; clear: both; display: block; height: 0; }
body#shop_detail article[role="main"] > nav > ul > li { position: relative; float: left; text-align: center; border-bottom: 0.3em #e6e6e6; font-size: 1.2em; color: #002d24; }
body#shop_detail article[role="main"] > nav > ul > li a.active,
body#shop_detail article[role="main"] > nav > ul > li a:hover { border-bottom: 0.3em solid #002d24; }
body#shop_detail article[role="main"] > nav > ul > li:nth-child(2):after,
body#shop_detail article[role="main"] > nav > ul > li:before{ content: ""; height: 50%; }
body#shop_detail article[role="main"] > nav > ul > li:nth-child(2):after { position: absolute; right: 0; bottom: 0;border-right: 1px solid #e6e6e6; }
body#shop_detail article[role="main"] > nav > ul > li:before{ position: absolute; left: 0; bottom: 0;border-left: 1px solid #e6e6e6; }
body#shop_detail article[role="main"] > nav > ul > li > a { display: block; }
body#shop_detail article[role="main"] > div > article { position: relative; margin-top: 1.5em; }
body#shop_detail article[role="main"] > div > article > article { margin-bottom: 0.1em; padding: 1em; }
body#shop_detail article[role="main"] > div > article > article:after { content: ""; clear: both; display: block; height: 0; }
body#shop_detail article[role="main"] > div > article > article h1{ margin-top: -0.2em; margin-bottom: 0.5em; font-size: 1.3em; color: #d89c7d; }
body#shop_detail article[role="main"] > div > article > article > figure a { position: relative; display: block; width: 100%; margin-bottom: 0.5em; }
body#shop_detail article[role="main"] > div > article > article > figure img { display: block; width: 100%; }

body#shop_detail article[role="main"] > div > article:after,
body#shop_detail article[role="main"] > div > .shop_summary:after { content: ""; clear: both; display: block; height: 0; }
body#shop_detail article[role="main"] > div > .shop_summary { position: relative; margin-top: 1.5em; padding: 1em; background: #fcfdf4; }
body#shop_detail article[role="main"] > div > .shop_summary .shopdata { float: left; width: 63%; padding-top: 0.5em; font-size: 105%; line-height: 1.3; }
body#shop_detail article[role="main"] > div > .shop_summary h1,
body#shop_detail article[role="main"] > div > article > h1 { width: 60%; margin-bottom: 0.5em; color: #ee8e52; font-size: 1.5em; font-weight: normal; }
body#shop_detail article[role="main"] > div > article > div { padding: 0.5em; }

body#shop_detail article[role="main"] > div > .shop_news > article > h1,
body#shop_detail article[role="main"] > div > .shop_news > article > div { float: right; width: 480px; text-align: left; }
body#shop_detail article[role="main"] > div > .shop_news > article > div + div.shop_summary { position: absolute; top: 3.5em; left: 0; width: 33%; }
body#shop_detail article[role="main"] > div > .shop_news > article > div + div.shop_summary #news_photo_box { top: 0; left: 0; }
body#shop_detail article[role="main"] > div > .shop_news > article:after { content: ""; clear: both; display: block; height: 0; }
body#shop_detail article[role="main"] > div > .shop_news > article > figure { float: left; position: relative; width: 160px; margin-bottom: 0.5em; }

body#shop_detail article[role="main"] > div > .shop_workshop > article { background-color: #a9cef9; }
body#shop_detail article[role="main"] > div > .shop_workshop > article > h1,
body#shop_detail article[role="main"] > div > .shop_workshop > article > div { float: left; width: 480px; text-align: left; color: #1e1e1e; }
body#shop_detail article[role="main"] > div > .shop_workshop > article > h1 { color: #fff; }
body#shop_detail article[role="main"] > div > .shop_workshop > article > figure { float: right; position: relative; width: 160px; margin-bottom: 0.5em; }

.msie8 body#shop_detail article[role="main"] > div > .shop_workshop > article > div { width: 460px; }
body#shop_detail article[role="main"] > div > .shop_coupon { padding: 0; }
body#shop_detail article[role="main"] > div > .shop_coupon > article { position: relative; display: inline-block; width: 32.9%; margin: 0; padding: 0; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  height: auto !important; }
body#shop_detail article[role="main"] > div > .shop_coupon > article > a h1 { display: block; min-height: 2.2em; color: #fff; font-size: 1.2em; line-height: 1.2; padding: 0.5em 0.5em 0; text-align: center; }
body#shop_detail article[role="main"] > div > .shop_coupon > article > a > div { width: 100%; height: auto !important; text-align: center; margin-bottom: 1.5em; }
body#shop_detail article[role="main"] > div > .shop_coupon > article > a > fdiv img { max-width: 160px; width: 160px; border: 1px solid #000; }
body#shop_detail article[role="main"] > div > .shop_coupon > article > a > p { /*position: absolute; bottom: 0;*/ width: 100%; font-size: 0.8em; line-height: 1.2; color: #000; background-color: rgba(255,255,255,0.5); }
body#shop_detail article[role="main"] > div > .shop_coupon > article > a > p span { display: inline-block; margin: 1em; font-size: 1.4em; line-height: 1.6;}

.msie body#shop_detail article[role="main"] > div > .shop_coupon > article > a h1 { height: 3em; }

body#shop_detail article[role="main"] > div > article > .shop_info { background: #fff; border: 1px solid #ccc }
body#shop_detail article[role="main"] > div > article > .shop_movie { background: #cde38c; }
body#shop_detail article[role="main"] > div > article > .shop_movie p > span { color: #70882a; }
body#shop_detail article[role="main"] > div > article > .shop_ladies { background: #fed4c1; }
body#shop_detail article[role="main"] > div > article > .shop_ladies p > span { color: #ff6d6d; }
body#shop_detail article[role="main"] > div > article > .shop_online { background: #fbdf9e; }
body#shop_detail article[role="main"] > div > article > .shop_online p > span { color: #f96400; }
body#shop_detail article[role="main"] > div > article > .shop_workshop { background: #a9cefa; }
body#shop_detail article[role="main"] > div > article > .shop_workshop dl:after { content:""; clear:both; display: block; height: 0; }
body#shop_detail article[role="main"] > div > article > .shop_workshop dl dt,
body#shop_detail article[role="main"] > div > article > .shop_workshop dl dd { float: left; }
body#shop_detail article[role="main"] > div > article > .shop_workshop dl dt { width: 15% }
body#shop_detail article[role="main"] > div > article > .shop_workshop dl dd { width: 85%; }
body#shop_detail article[role="main"] > div > article > .shop_workshop dl dd:after{ content:""; clear:both; display: block; height: 0; }
body#shop_detail article[role="main"] > div > article > table { width: 100%; height: auto; }
body#shop_detail article[role="main"] > .shop_basis > article > table tr th,
body#shop_detail article[role="main"] > .shop_basis > article > table tr td { border: 1px solid #b0b0b0; padding: 0.7em 1em; }
body#shop_detail article[role="main"] > .shop_basis > article > table tr td a{ margin-right: 1.5em; }
body#shop_detail article[role="main"] > .shop_basis > article > table tr th { width: 8em; background: #f7f7f7; font-weight: normal; text-align: left;}
body#shop_detail article[role="main"] > .shop_menu { padding: 1em; }
body#shop_detail article[role="main"] > .shop_menu > article h1 { padding-bottom: 0.5em; border-bottom: 0.1em dotted #111; color: #666; font-weight: bold; }
body#shop_detail article[role="main"] > .shop_menu > article h2 { margin-bottom: 0.5em; font-weight: normal; font-size: 1.2em; padding-left: 0.5em; border-left: 0.3em solid #91cb12; }
body#shop_detail article[role="main"] > .shop_menu > article dl dt,
body#shop_detail article[role="main"] > .shop_menu > article dl dd { padding: 0.2em; }
body#shop_detail article[role="main"] > .shop_menu > article dl dt,
body#shop_detail article[role="main"] > .shop_menu > article dl dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#shop_detail article[role="main"] > .shop_menu > article dl dt { float: left; width:70%; }
body#shop_detail article[role="main"] > .shop_menu > article dl dd { float: right; width: 30%; background: yellow; }
body#shop_detail article[role="main"] > .shop_menu > article dl:after { content: ""; clear: both; display: block; height: 0; }
body#shop_detail article[role="main"] > .shop_menu > article > table tr th,
body#shop_detail article[role="main"] > .shop_menu > article > table tr td { padding: 0.7em 0em; }
body#shop_detail article[role="main"] > .shop_menu > article > table tr th { width: 70%; font-weight: normal; text-align: left;}
body#shop_detail article[role="main"] > .shop_menu > article > table tr td { width: 30%; }
body#shop_detail article[role="main"] #shopmenubox { display: none; }

body#shop_detail .shop_summary { min-height:233px !important; }
body#shop_detail .zoom_link:after { content:" "; display:block; z-index: 2; position: absolute; right:5px; bottom:10px; width:19px; height:19px; background: transparent url(/common/images/icon_zoom.png) no-repeat 0 0; }
body#shop_detail .shop_photo { position: absolute; top:15px; right: 15px; width: 225px; height: 223px; padding: 0 !important; }
body#shop_detail .shop_photo .main { position: absolute; width:225px; height:170px; top:0; left:0; background-color:#ccc; }
body#shop_detail .shop_photo .main li { display:none; position: absolute; top:0; left:0; }
body#shop_detail .shop_photo .main li:first-child { display:block; }
body#shop_detail .shop_photo .main img { display:block; }
body#shop_detail .shop_photo .thumb_container { position:absolute; width:206px; height:51px; bottom:0; left:9px; overflow:hidden; }
body#shop_detail .shop_photo .thumbs { position:absolute; width:206px; height:51px; top:0; left:0; }
body#shop_detail .shop_photo .thumbs li { position:absolute; width:68px; height:51px; top:0; }
body#shop_detail .shop_photo .thumbs .thumb { cursor:pointer; }
body#shop_detail .shop_photo .thumbs .gray2 { background-color:#ccc; left:69px; }
body#shop_detail .shop_photo .thumbs .gray3 { background-color:#ccc; left:138px; }
body#shop_detail .shop_photo .prev { display:block; position:absolute; width:9px; height:51px; bottom:0; left:0; text-indent:-9999px; background: url(/common/images/shop_pagination_l.png) no-repeat 0 0; }
body#shop_detail .shop_photo .next { display:block; position:absolute; width:9px; height:51px; bottom:0; right:0; text-indent:-9999px; background: url(/common/images/shop_pagination_r.png) no-repeat 0 0; }

body#shop_detail .shop_news .news_photo figure a { display: block; position: relative; }

body#shop_detail .shop_news .shop_news_title_max{
	width:100% !important;
	font-weight:bold !important;
	color: #d89c7d !important;
}
body#shop_detail .shop_news .youtube {
	position: relative;
	width: 100% !important;
	padding-top: 56.25% !important;
	margin-bottom:10px;
	box-sizing: border-box;
}
body#shop_detail .shop_news .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/* Event */
body#event article[role="main"] .nextback { margin-bottom: 1em; text-align: right; }
body#event article[role="main"] .nextback a { font-weight: bold; font-size: 1.2em; }
body#event article[role="main"] table { display: inline-block; margin: 0; border-collapse: collapse; border-spacing: 0; }
body#event article[role="main"] table th,
body#event article[role="main"] table td { width: 1.9em; box-sizing: border-box; border: 1px #ededed solid; }
body#event article[role="main"] table th { color: #676767; background-color: #f6f6f6; }
body#event article[role="main"] table thead th { padding: 0.2em 0.1em 0.1em; text-align: center; white-space: nowrap; vertical-align: middle; }
body#event article[role="main"] table tbody th { width: 8em; vertical-align: middle; }
body#event article[role="main"] table tbody th a { padding: 0 0.5em; line-height: 1.1; }
body#event article[role="main"] table tbody td a img { width: 1.25em; height: 1.25em; vertical-align: middle; }
body#event article[role="main"] table td { height: 2em; border: 1px #ededed solid; text-align: center; color: #676767; vertical-align: middle; }
body#event article[role="main"] table .titlebox { text-align: left; padding: 0; }
body#event article[role="main"] table .titlebox span,
body#event article[role="main"] table .titlebox a { display: block; width: 100%; min-height: 1em; }
body#event article[role="main"] table .Sat { background-color: #ebf4d2; color: #618e00; }
body#event article[role="main"] table .Sun { background-color: #fcef87; color: #ff7200; }
body#event article[role="main"] section p.today_info { margin-bottom: 1em; padding: 1em 2.5em; font-weight: normal; background: #F5F5F5 url(/common/images/emergency_icon.png) no-repeat 1em 50%; color: #a33131; }

body#event article[role="main"] .live{ color : #838482; padding-left: 0.5em; margin-bottom: 1em; line-height: 1.5em ; }
body#event article[role="main"] .live > div > div { margin-right: 1em; }
body#event article[role="main"] .live > div > img { float: right; }
body#event article[role="main"] .live > div > div { float: left; }
body#event article[role="main"] .live > div > div div { margin-top: 1em; }
body#event article[role="main"] .live > div > div ul { margin:1em 0; }
body#event article[role="main"] .live > div > div ul li a:before { content:url(/common/images/arrow_orange_over.png); }
body#event article[role="main"] .live h1{ font-size: 1.8em; line-height: 1.1; margin-bottom: 0.5em; }

body#event article[role="main"] .live:after{ content: ""; clear: both; display: block; height: 0; }

body#event article[role="main"] .live > div.event_titlebox > img { float: right; max-width: 35%; padding-left: 0; }
body#event article[role="main"] .live > div.event_titlebox > div { float: left; max-width: 62%; margin: 0 0 0.5em 0; }

body#eventfountain article[role="main"] div.info { margin-top: 3em; }
body#eventfountain article[role="main"] div.info > img { float: left; margin-top: -0.9em; }
body#eventfountain article[role="main"] div.info:after { content:""; clear:both; display: block; height: 0; }
body#eventfountain article[role="main"] div.info > div { margin-left: 300px; }
body#eventfountain article[role="main"] .main_copy { margin-bottom: 1em; padding-top: 3em; text-align: center; background: transparent url(/common/images/event/symphony_title.png) no-repeat center top; }
body#eventfountain article[role="main"] .main_copy strong { display: block; font-size: 120%; margin-bottom: 1em; }
body#eventfountain article[role="main"] .main_copy p { font-weight: bold; line-height: 1.6; margin-bottom: 1em; }
body#eventfountain article[role="main"] .main_copy span { color: #4d4d4d; font-size: 0.7em !important; }
body#eventfountain article[role="main"] .barthday_box:before { content: url(/common/images/event_campaign/symphony_happybirthday.png); display: block; width: 372px; height: 57px; }
body#eventfountain article[role="main"] .barthday_box { width: 372px; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; background-color: #ff7274; }
body#eventfountain article[role="main"] .barthday_box > * { padding: 0 1em; text-align: center; font-style: normal; color: #fff; }
body#eventfountain article[role="main"] .barthday_box strong { display: block; font-size: 1.1em; font-weight: bold; }
body#eventfountain article[role="main"] .barthday_box p { margin: 1em 0; color: #000; }
body#eventfountain article[role="main"] .barthday_box em { display: block; font-size: 1.1em; font-weight: bold; }
body#eventfountain article[role="main"] .barthday_box ul { margin: 1em 0; }
body#eventfountain article[role="main"] .barthday_box ul li { margin-left: 1em; text-indent: -1em; text-align: left; font-size: 80%; }
body#eventfountain article[role="main"] .barthday_box p.btn { width: 90%; padding-bottom: 1em; text-align: center; }
body#eventfountain article[role="main"] .barthday_box p.btn a.icon_link { display: inline-block; background-color: #fff; }
body#eventfountain article[role="main"] .barthday_box + div { clear: both; width: 100%; margin: 0 0.5em 2em !important; padding-top: 1em; color: #4d4d4d; }
body#eventfountain article[role="main"] .barthday_box + div strong { font-size: 1.2em; line-height: 1.6; }

body#eventfountain article[role="main"] div.music_text { margin-left: 1px; margin-bottom: 20px; }
body#eventfountain article[role="main"] div.music_text > ul > li { list-style: none; line-height: 2em; }
body#eventfountain article[role="main"] div.schedule { clear: both; margin-left: 10px; padding: 0; }
body#eventfountain article[role="main"] div.schedule > ul { color: red; margin-left: 15px;}
body#eventfountain article[role="main"] div.schedule > ul > li { list-style: disc; line-height: 2em; }
body#eventfountain article[role="main"] div.schedule > table { max-width: 100% !important; width: 100% !important; border: solid 1px #fff; }
body#eventfountain article[role="main"] div.schedule > table > thead > tr > th { width: 12%; padding: 5px 0; text-align:center; background-color: #ca96e7; vertical-align: middle; color: #fff; border: 1px solid #fff; }
body#eventfountain article[role="main"] div.schedule > table > thead > tr > td { border-right: 5px solid #fff; }
body#eventfountain article[role="main"] div.schedule > table > tbody > tr > th ,
body#eventfountain article[role="main"] div.schedule > table > tbody > tr > td { font-size: 0.8em; padding: 5px; border: 1px solid #fff; }
body#eventfountain article[role="main"] div.schedule > table > tbody > tr > td { word-break: break-all; }
body#eventfountain article[role="main"] div.schedule > table > tbody > tr { border-bottom: 1px solid #ca96e7; background-color: #96d9e7; }
body#eventfountain article[role="main"] div.schedule > table > tbody > tr > th { padding: 5px; color: #fff; font-weight: bold; border-bottom: 1px solid #ca96e7; border-right: 5px solid #fff; }
body#eventfountain article[role="main"] div.schedule > table > tbody > tr > td { text-align: left; border-bottom: 1px solid #ca96e7; }
body#eventfountain article[role="main"] div.schedule > table > tbody > tr:nth-child(even) th { background-color: #61c0d7; }
body#eventfountain article[role="main"] div.schedule > table > tbody > tr:nth-child(2n) { background-color: #96cce7; }

body#eventfountain article[role="main"] p.smt_btn { display: none; }

body#event .live .titlecopy { display: block; float: none; margin: 20px 0 0; width: 100%; color: #014a36; font-weight: bold;}
body#event .live .jazz { color: #7b7b7b; }
body#event .live .interfm { color: #a8d985; }
body#event .live .della { color: #77cfec; }
body#eventfountain .mousikomiuketuke { margin: 1em 0 0 0; }

body#eventfountain h2 span { color: #d00000; }
body#event article[role="main"] .event_titlebox { position: relative; min-height: 110px; padding-bottom: 10px; }
body#event article[role="main"] .event_titlebox > img { padding: 0 1em 1em; }
body#event article[role="main"] .dayeventbox { position: relative; min-height: 110px; padding: 10px 0; border-top: 1px dotted #d6d6d6; }
body#event article[role="main"] .dayeventbox:nth-child(even) { background: #f9fcf6; }
body#event article[role="main"] .dayeventbox:nth-child(odd) { background: #f7fdff; }
body#event article[role="main"] .dayeventbox h2 { margin-bottom: -0.5em !important; padding: 0 !important; font-size: 1.2em !important; color: #3b94cc !important; }
body#event article[role="main"] .dayeventbox h2 + div { margin-top: 0.5em; }
body#event article[role="main"] .dayeventbox > div > div div +div { margin-top: 0.4em !important; }
body#event article[role="main"] .dayeventbox > p { display: inline-block; }
body#event article[role="main"] .dayeventbox p a { display: inline !important; word-break: break-all; }
body#event article[role="main"] .dayeventbox p.day { font-weight: bold; font-size: 85%; }
body#event article[role="main"] .dayeventbox p.open_time { margin-top: 1em; font-size: 90%; line-height: 1.2; vertical-align: text-top; }
body#event article[role="main"] .dayeventbox p.open_time span { display: inline-block; width: 30px !important; text-indent: 100%; vertical-align: bottom; white-space: nowrap; overflow: hidden; }
body#event article[role="main"] .dayeventbox p.open_time span[title="1st"] { background: transparent url(/common/images/icon1st.png) no-repeat left center; }
body#event article[role="main"] .dayeventbox p.open_time span[title="2nd"] { margin-left: 0.5em; background: transparent url(/common/images/icon2nd.png) no-repeat left center; }
body#event article[role="main"] .dayeventbox p.open_time span[title="3rd"] { margin-left: 0.5em; background: transparent url(/common/images/icon3rd.png) no-repeat left center; }

body#event article[role="main"] .dayeventbox a.blocka { position: relative; display: block; min-height: 98px; padding: 10px; background-color: #ffffff; }
body#event article[role="main"] .dayeventbox img.artwork { float: left; display: inline-block;  width: 100px;  margin: 0 10px; }
body#event article[role="main"] .dayeventbox .msection { display: inline-block; width: 540px; }
body#event article[role="main"] .dayeventbox .eventplace,
body#event article[role="main"] .dayeventbox .officialsite { display: block; margin-top: 0.8em; }
body#event article[role="main"] .dayeventbox .eventplace span,
body#event article[role="main"] .dayeventbox .officialsite span { display: none; }
body#event article[role="main"] .dayeventbox .eventplace { padding-left: 45px; margin-right: 0.5em; color: #3b94cc; background: transparent url(/common/images/iconplace.png) no-repeat left center; }
body#event article[role="main"] .dayeventbox .officialsite { padding-left: 84px; color: #3b94cc; background: transparent url(/common/images/iconofficial.png) no-repeat left center; }
body#event article[role="main"] .dayeventbox img { max-width: 100%; }
body#event article[role="main"] .dayeventbox a.blocka > p { font-size: 1em; }
body#event article[role="main"] .dayeventbox a.blocka .opentime { color: #000; font-weight: bold; }
body#event article[role="main"] .dayeventbox a.blocka > h1 { font-size: 1.4em; color: #3b94cc; }
body#event article[role="main"] .dayeventbox a.blocka p.copy { color: #0a1e58; }

body#event article[role="main"] .event_titlebox:after,
body#event article[role="main"] .dayeventbox:after { content: ""; clear: both; display: block; height: 0; }


/* News release */
body#news article[role="main"] { min-height: 400px !important; }
body#news article[role="main"] > header > h1 { margin-bottom: 30px; }
body#news article[role="main"] > h2 { padding-left: 10px; }
body#news article[role="main"] div.news { margin: 20px 0; margin-left:10px; }
body#news article[role="main"] div.news > a > p { line-height: 2.25em;}
body#news article[role="main"] div.news > a > p.date { float: left; color: #000; font-weight: bold; }
body#news article[role="main"] div.news > a > img { float: left; margin-top: 7px; margin-left: 20px; }
body#news article[role="main"] div.news > a > p.summary{ display: block; margin-left:105px; color: #3b94cc; }

/* Info */
body#info article[role="main"] #cmn_stackbox h2,
body#info article[role="main"] #cmn_stackbox h3 { font-size: 1.1em; margin-bottom: 1em; padding: 5px; font-weight: normal; border-top: 1px dotted #e6e6e6; border-bottom: 1px dotted #e6e6e6; line-height: 2; }
body#info article[role="main"] #cmn_stackbox h3:before { display: none; }

body#info article[role="main"] #cmn_stackbox h2 + div[data-stacktype=wygtext] { margin-top: 0 !important; }
body#info article[role="main"] #cmn_stackbox div[data-stacktype=wygtext] { padding: 1.5em 1em; line-height: 2; font-size: 1.05em; background: #fffad7 url(/common/images/bg_city_small.png) no-repeat right bottom; }
body#info article[role="main"] #cmn_stackbox div[data-stacktype=wygtext] span { display: block; margin-bottom: 1em; }
body#info article[role="main"] #cmn_stackbox table tr,
body#info article[role="main"] #cmn_stackbox table td { min-height: 1em; padding: 0.5em 1em; border-color: #fff; vertical-align: middle; }
body#info article[role="main"] #cmn_stackbox table td { background-color: #fce2c2; }
body#info article[role="main"] #cmn_stackbox table td:first-child { width: 13em; background-color: #d79c7c; color: #fff; }
body#info.disguise article[role="main"] #stackimage1 { margin-top: 0 !important; float: right !important; }
body#info.disguise article[role="main"] #stackimage1:after { content: ""; clear: both; display: block; height: 0; }

body#info.use article[role="main"] #cmn_stackbox div[data-stacktype^=image][class=box_full] { margin-bottom: -1.1em !important; }
body#info.barrierfree article[role="main"] #cmn_stackbox div[data-stacktype^=image] { position: absolute !important; left: 10px; width: 168px !important; padding-top: 0.5em; margin-top: 0; }
body#info.barrierfree article[role="main"] #cmn_stackbox div[data-stacktype=wygtext] { width: 100% !important; margin-top: 0 !important; }
body#info.barrierfree article[role="main"] #cmn_stackbox div[data-stacktype^=image] + div[data-stacktype=wygtext] { min-height: 13.5em; padding-left: 185px; }
.firefox body#info.barrierfree article[role="main"] #cmn_stackbox div[data-stacktype^=image] { padding-top: 6em; }

body#info.barrierfree .barrierfree_box{
	display: flex;
}
body#info.barrierfree .barrierfree_box .barrierfree_box__image{
	width:168px;
}
body#info.barrierfree .barrierfree_box .barrierfree_box__text{
	width: 70%;
	margin-left: 15px;
}

/* RECRUIT */
body#recruit article[role="main"] h2:nth-of-type(1) { margin-top: 30px !important; }
body#recruit article[role="main"] #cmn_stackbox,
body#recruit article[role="main"] header { margin: 0 !important; }
body#recruit article[role="main"] .wrapbox { margin-bottom: 30px; font-size: 0.8em;}
body#recruit article[role="main"] h3 { font-size: 1.4em; }
body#recruit article[role="main"] h2.cmn_title2 { clear: both; width: 96.5%; margin-bottom: 10px !important; }
body#recruit article[role="main"] h2 { margin-left: 0; }
body#recruit article[role="main"] header + h2:not(.cmn_title2) { margin: 1em 1em -0.5em !important; }
body#recruit article[role="main"] .nojob { margin-top: 20px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 10px; text-align: center; font-weight: bold; font-size: 1.2em; }
body#recruit article[role="main"] .maincopy{ margin: 1em 1.2em 0.5em; }
body#recruit.recruit_lacitta article[role="main"] figure > img { display: block; margin: 0 auto 1em auto; }

body#recruit.recruit_cinecitta article[role="main"] .joblist th p{ background-color: #00a3c2 ; }
body#recruit.recruit_cinecitta article[role="main"] .nojob,
body#recruit.recruit_cinecitta article[role="main"] h3,
body#recruit.recruit_cinecitta article[role="main"] h2 { color: #00a3c2 ; }

body#recruit.recruit_clubcitta article[role="main"] .joblist th p{ background-color: #1541bc; }
body#recruit.recruit_clubcitta article[role="main"] .nojob,
body#recruit.recruit_clubcitta article[role="main"] h3,
body#recruit.recruit_clubcitta article[role="main"] h2 { color: #1541bc; }

body#recruit.recruit_athlecitta article[role="main"] .joblist th p { background-color: #a40000; }
body#recruit.recruit_athlecitta article[role="main"] .nojob,
body#recruit.recruit_athlecitta article[role="main"] h3,
body#recruit.recruit_athlecitta article[role="main"] h2 { color: #a40000; }

body#recruit.recruit_rex article[role="main"] .joblist th p { background-color: #7b7b7b; }
body#recruit.recruit_rex article[role="main"] .nojob,
body#recruit.recruit_rex article[role="main"] h3,
body#recruit.recruit_rex article[role="main"] h2 { color: #7b7b7b; }
body#recruit.recruit_group article[role="main"] .joblist th p,
body#recruit.recruit_lacitta article[role="main"] .joblist th p { background-color: #bcd08d; }
body#recruit.recruit_group article[role="main"] .nojob,
body#recruit.recruit_lacitta article[role="main"] .nojob,
body#recruit.recruit_group article[role="main"] h3,
body#recruit.recruit_lacitta article[role="main"] h3 { color: #84ba0f; }
body#recruit.recruit_cinecitta article[role="main"] .nojob,
body#recruit.recruit_cinecitta article[role="main"] .box { background-color: #fff9f1 ; }
body#recruit.recruit_clubcitta article[role="main"] .nojob,
body#recruit.recruit_clubcitta article[role="main"] .box { background-color: #f4f7ff ; }
body#recruit.recruit_athlecitta article[role="main"] .nojob,
body#recruit.recruit_athlecitta article[role="main"] .box { background-color: #fff9f9 ; }
body#recruit.recruit_rex article[role="main"] .nojob,
body#recruit.recruit_rex article[role="main"] .box { background-color: #f5f6f6 ; }
body#recruit.recruit_group article[role="main"] .nojob,
body#recruit.recruit_lacitta article[role="main"] .nojob,
body#recruit.recruit_group article[role="main"] .box,
body#recruit.recruit_lacitta article[role="main"] .box { background-color: #f9fcf6 ; }

body#recruit .joblistbox { float: left; margin: 0 0 1.47058%; width: 46.2%; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 10px; }
body#recruit .wrapbox > .joblistbox:only-of-type { width: 100%; margin-right: 0; }
body#recruit .joblistbox { line-height: 1.75; width: 49.2647%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#recruit .joblistbox tr { border-bottom: 1.5em solid transparent; }
body#recruit .joblistbox:nth-child(2n-1) { margin-right: 1.47058%; }
body#recruit .joblistbox > figure { text-align: center; }
body#recruit .joblistbox > figure img { max-width: 100%; }

body#recruit.recruit_cinecitta article[role="main"] .joblistbox { background-color: #e6f5f5; }
body#recruit.recruit_clubcitta article[role="main"] .joblistbox { background-color: #e2ecff; }
body#recruit.recruit_athlecitta article[role="main"] .joblistbox { background-color: #ffe2e2; }
body#recruit.recruit_rex article[role="main"] .joblistbox { background-color: #f5f6f6; }
body#recruit.recruit_group article[role="main"] .joblistbox,
body#recruit.recruit_lacitta article[role="main"] .joblistbox { background-color: #f9fcf6; }

body#recruit article[role="main"] h3 { margin-bottom: 1em; }
body#recruit article[role="main"] div.box_onehalf { line-height: 1.6; }
body#recruit article[role="main"] .joblist { margin-bottom: 20px; font-size: 1.2em; }
body#recruit article[role="main"] .joblist th,
body#recruit article[role="main"] .joblist td { word-break: break-all; }
body#recruit article[role="main"] .joblist th { padding: 3px 10px 3px 0; text-align: left; font-weight: lighter; white-space:nowrap; }
body#recruit article[role="main"] .joblist th p { text-align: center; color: #fff; font-weight: bold; padding: 0 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

body#recruit .joblistbox.empty { border-top: 1px solid transparent; border-bottom: 1px solid transparent; background-color: transparent !important; }


/* areaguide */
body#areaguide article[role="main"] > article h2 { margin: 1.5em 0 0.5em 0; }
body.area article[role="main"] table { width: 90%; margin: 0 auto 1.5em; }
body.area article[role="main"] table tr th:first-child { text-align: center; }
body.area article[role="main"] table th,
body.area article[role="main"] table td { height: 3em; border: 0.2em solid #ccc; vertical-align: middle;}
body.area article[role="main"] table th { font-weight: normal; text-align: left; }


/* concept */

body#history article[role="main"] dl { border: 0.1em solid #d4d4d4; }
body#concept article[role="main"] header h1 { margin-bottom: 2em ;}
body#concept article[role="main"] .box1,
body#concept article[role="main"] .box1 h2 { margin-bottom: 1em ;}
body#concept article[role="main"] .box1 h2,
body#concept article[role="main"] .box2 h2 { border-bottom:1px dotted #d6d6d6 ;border-top:1px dotted #d6d6d6 ; padding: 0.5em ; }
body#concept article[role="main"] .box1 p { line-height: 2em ; margin-bottom: 1.5em ;}
body#concept article[role="main"] .della,
body#concept article[role="main"] .cine,
body#concept article[role="main"] .club,
body#concept article[role="main"] .athlecitta,
body#concept article[role="main"] .capsuleinn,
body#concept article[role="main"] .rexinn { width: 27.5%; background-color: #f3f4f5 ; float: left ; margin-left: 1.5em ;margin-bottom: 1em ; padding: 1em ; line-height: 2em ; height: 220px ; position: relative ; }


body#concept article[role="main"] .athlecitta,
body#concept article[role="main"] .della { margin-left: 0; }
body#concept article[role="main"] .della section h1,
body#concept article[role="main"] .cine section h1,
body#concept article[role="main"] .club section h1,
body#concept article[role="main"] .athlecitta section h1,
body#concept article[role="main"] .capsuleinn section h1,
body#concept article[role="main"] .rexinn section h1{ font-size: 16px ; font-weight: normal ;}
body#concept article[role="main"] .della section h1 span,
body#concept article[role="main"] .cine section h1 span,
body#concept article[role="main"] .club section h1 span,
body#concept article[role="main"] .athlecitta section h1 span,
body#concept article[role="main"] .capsuleinn section h1 span,
body#concept article[role="main"] .rexinn section h1 span{display: block; color: #919191 ; font-size: 9px ;}
body#concept article[role="main"] .della section,
body#concept article[role="main"] .cine section,
body#concept article[role="main"] .club section,
body#concept article[role="main"] .athlecitta section,
body#concept article[role="main"] .capsuleinn section,
body#concept article[role="main"] .rexinn section{ width: 100% ; text-align: center ;}
body#concept article[role="main"] .box1 p a,
body#concept article[role="main"] .della p a,
body#concept article[role="main"] .cine p a,
body#concept article[role="main"] .club p a,
body#concept article[role="main"] .athlecitta p a,
body#concept article[role="main"] .capsuleinn p a,
body#concept article[role="main"] .rexinn p a{ background: url(/common/images/recruit/icon_allow_skyblue.png) 0 50% no-repeat ; padding-left: 1.5em ; font-size: 9px ; }
body#concept article[role="main"] .della p:last-child,
body#concept article[role="main"] .cine p:last-child,
body#concept article[role="main"] .club p:last-child,
body#concept article[role="main"] .athlecitta p:last-child,
body#concept article[role="main"] .capsuleinn p:last-child,
body#concept article[role="main"] .rexinn p:last-child{ text-align: right ; position: absolute ; bottom: 0 ;margin-left: 45%;}

body#concept article[role="main"] .box2:after { content: ""; clear: both; display: block; height: 0; }

body#concept article[role="main"] > div.keyvisual { width: 100%; margin-bottom: 2em; background: transparent url(/common/images/concept/img_concept_top.png) no-repeat center center; }
body#concept article[role="main"] > section { position: relative; min-height: 200px; padding: 0.5em 1em 0 230px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#concept article[role="main"] > section h1 { position: absolute; display: block; left: 0; top: 0; width: 218px; min-height: 195px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
body#concept article[role="main"] > div.keyvisual + section h1 { background: transparent url(/common/images/concept/img_concept_sec.png) no-repeat left top; }
body#concept article[role="main"] > div.keyvisual + section + section h1 { background: transparent url(/common/images/concept/img_about_sec.png) no-repeat left top; }
body#concept article[role="main"] > section h2 { margin-bottom: 0.5em; color: #555; border: none; line-height: 1.1; }
body#concept article[role="main"] > section h2 span { display: block; color: #666; padding-left: 0; font-size: 0.75em; font-weight: normal; }
body#concept article[role="main"] > section p + h2 { margin-top: 1em; }
body#concept article[role="main"] > section p { color: #666; line-height: 1.3; }
body#concept article[role="main"] a.icon_link { width: 21em; margin: 1em auto 0; padding: 1.5em 1em; background-position: 1em 1.5em; }
body#concept article[role="main"] a.icon_link > span { padding-left: 2.2em; }
body#concept article[role="main"] a.icon_link > span:first-child { font-size: 1.1em; line-height: 1.3; }
body#concept article[role="main"] a.icon_link > span:last-child { text-indent: 0.5em; color: #b6b6b6; }
body#concept article[role="main"] #cmn_stackbox,
body#concept article[role="main"] #cmn_stackbox > div:first-child,
body#concept article[role="main"] #cmn_stackbox > div:first-child > h2:first-child { margin-top: 0 !important; padding-top: 0; }
body#concept article[role="main"] #cmn_stackbox div { margin-bottom: 1em; font-size: 1.2rem; }
body#concept article[role="main"] [data-role="link_wrapper"] > a { float: left; width: 48.52941%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 5.5em !important; }
body#concept article[role="main"] [data-role="link_wrapper"] > a:nth-child(even) { margin-left: 2.94117%; }
body#concept article[role="main"] [data-role="link_wrapper"] .title_en { display: none; }
body#concept article[role="main"] [data-role="link_wrapper"]:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }


/* Enquiry */

body#enquiry article[role="main"] #cmn_stackbox h2,
body#enquiry article[role="main"] #cmn_stackbox h3 { font-size: 1.1em; margin-bottom: 1em; padding: 5px; font-weight: normal; border-top: 1px dotted #e6e6e6; border-bottom: 1px dotted #e6e6e6; line-height: 2; }
body#enquiry article[role="main"] #cmn_stackbox h3:before { display: none; }
body#enquiry article[role="main"] #cmn_stackbox h2 + div[data-stacktype=wygtext] { margin-top: 0 !important; }
body#enquiry article[role="main"] #cmn_stackbox div[data-stacktype=wygtext] { padding: 1.5em 1em; line-height: 2; font-size: 1.05em; background: #fffad7 url(/common/images/bg_city_small.png) no-repeat right bottom; }
body#enquiry article[role="main"] #cmn_stackbox div[data-stacktype=wygtext] span { display: block; margin-bottom: 1em; }


/* History */
body#history article[role="main"] > header { margin-bottom: 30px; }
body#history article[role="main"] > header p { color: #555; margin-top: 20px; line-height: 20px; font-weight: normal; font-size: 1.1em; }
body#history article[role="main"] > section { margin-bottom: 0; border-top-color: #e6e6e6; border-top-style: dashed; border-top-width: 1px; overflow: hidden; }
body#history article[role="main"] > section {
	background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgb(255,255,255)), color-stop( 210px, rgb(255,255,255)), color-stop( 210px, rgb(244,244,244)), color-stop( 330px, rgb(244, 244, 244)), color-stop( 330px, rgb(255,255,255)), color-stop(1, rgb(255,255,255)) );
	background-image: -webkit-linear-gradient(left, rgb(255,255,255) 0, rgb(255,255,255) 210px, rgb(244,244,244) 210px, rgb(244,244,244) 330px, rgb(255,255,255) 330px, rgb(255,255,255) 100%);
	background-image: linear-gradient(left, rgb(255,255,255) 0, rgb(255,255,255) 210px, rgb(244,244,244) 210px, rgb(244,244,244) 330px, rgb(255,255,255) 330px, rgb(255,255,255) 100%);
}
body#history article[role="main"] > section > div { float: left; width: 210px; }
body#history article[role="main"] > section > div > h1{ padding-top: 0.5em; color: #d89c7d; font-size: 1.2em; font-family: serif !important; }
body#history article[role="main"] > section > div > img { padding-bottom: 1em;}
body#history article[role="main"] > section > dl { margin-left: 210px; border: none; font-size: 1em; line-height: 1.5em; }
body#history article[role="main"] > section > dl > dt:first-child { padding-top: 2.2em; }
body#history article[role="main"] > section > dl > dt:first-child + dd { padding-top: 2em; }
body#history article[role="main"] > section > dl > dt { position: absolute; width: 114px; background-color: #f4f4f4; padding: 0 0 0 4px; font-size: 0.95em; }
body#history article[role="main"] > section > dl > dd { margin-left: 135px; padding-bottom: 0.8em; }
body#history article[role="main"] > section > dl > dd:after { content:""; clear:both; display: block; height: 0;}
body#history article[role="main"] > section:last-of-type > div img,
body#history article[role="main"] > section:last-of-type > dl dd:last-of-type { padding-bottom: 0; }
body#history article[role="main"] .stage2 { display: block; height: 3em; color: #000; }
body#history article[role="main"] .gallery_txet { margin: 4em auto 2em !important; text-align: center !important; color: #7c7c7c; }
body#history article[role="main"] a.icon_link { width: 23em; height: 3em; }
body#history article[role="main"] a.icon_link > span { padding-left: 3em; }
body#history article[role="main"] a.icon_link > span.title_en { padding-left: 3.5em; font-size: 0.8em; color: #b6b6b6; }
body#history article[role="main"] > header + p { margin-bottom: 30px; }

/* recruit */
body#recruit_top article[role="main"] > article > a h1 { margin-bottom: 0.5em; font-weight: normal; font-size: 1.2em; padding-left: 0.5em; border-left: 0.3em solid #91cb12; }
body#recruit_top article[role="main"] > article > article a h1 { font-size: 1.1em; }
body#recruit_top article[role="main"] > article > article { margin-bottom: 0.5em; }
body#recruit_top article[role="main"] > article > article a h1:before { content: '\e807'; display: block; padding-right:0.2em; }
body.recruit article[role="main"] > div > article{ background: #ddd; }


/* disguise */
body.disguise article[role="main"] > article> h1 { margin-bottom: 0.5em; font-weight: normal; font-size: 1.2em; padding-left: 0.5em; border-left: 0.3em solid #91cb12; }
body.disguise article[role="main"] > article h3,
body.disguise article[role="main"] > article h2 { margin-top: 0.5em; }
body.disguise article[role="main"] > article h2:before { content: '\e807'; display: inline-block; padding-right:0.2em; }
body.disguise article[role="main"] > article h3 { color: #555;}

.shop_top article[role="main"] h2:before { content: ''; display: inline-block; width: 100%; margin-top: 2em; padding-top: 1.5em; clear: both; border-top: 0.3em solid #e6e6e6; }
.shop_top article[role="main"] h2 { clear: both; background: #fff; }
.wisywigbox:after { content: ""; clear: both; display: block; height: 0; }


/* Cupon */
body.coupon article[role="main"] > header { border-top: none !important; text-align: center; background: none !important; }
body.coupon article[role="main"] > header h1 { margin: 0.5em 0 1em; background: none !important; }
body.coupon article[role="main"] > header h1 strong { color: #ec79a0; }
body.coupon article[role="main"] > header p,
body.coupon article[role="main"] > header ul { margin-bottom: 2em; }
body.coupon article[role="main"] > header ul { display: inline-block; text-align: left; min-width: 70%; }
body.coupon article[role="main"] > section > article h1 { width: 100%; margin: 2em 0; padding: 0.5em 1em; color: #84ba0f !important; border: 1px dashed #d6d6d6; border-right: none; border-left: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body.coupon article[role="main"] > section > article div { position: relative; display: inline-block; width: 48%; min-height: 5em; padding: 1em 0; vertical-align: top; border-top: 1px solid #d8d8d8; }
body.coupon article[role="main"] > section > article div:nth-of-type(even) { margin-left: 1.9%; }
body.coupon article[role="main"] > section > article div:nth-of-type(1),
body.coupon article[role="main"] > section > article div:nth-of-type(2) { border-top: none; }

body.coupon article[role="main"] > section > article div a img { display: block; float: right; top: 0; right: 0; margin: 0 0 0.5em 0.5em; }
body.coupon article[role="main"] > section > article div a strong { display: block; font-style: normal; font-size: 1.2em; }
body.coupon article[role="main"] > section > article div a em { font-style: normal; color: #dd9a7f !important; }
body.coupon article[role="main"] > section > article div a mark { font-weight: normal; font-size: 0.9em; font-style: normal; background: none; }
body.coupon article[role="main"] > section > article div a p { color: #444 !important; }


/* Online */
body.coupon#members article[role="main"] > header { margin-top: 0; padding: 0; }
body.coupon#members article[role="main"] > header h1 { position: relative; height: 200px; margin-top: 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; background: #eeb419 url(/online/images/online_cupon_title.png) no-repeat center center !important; box-shadow: 0 0 10px 10px rgba(0,0,0,0.03) inset; }
body.coupon#members article[role="main"] > header h1 span { position: absolute; top: 65%; left: 0; display: block; width: 100%; font-size: 0.9em; text-indent: 0; color: #fff; }
body.coupon#members article[role="main"] > header p { font-size: 1.3em; text-align: center; }
body.coupon#members article[role="main"] > header p strong { display: block; font-weight: normal; color: #72b002; }
body.coupon#members article[role="main"] > section > article > div a { margin-bottom: 0.5em; }
body.coupon#members article[role="main"] > section > article > div a + p { margin-top: 0.5em; }
body.coupon#members article[role="main"] > section > article > div a::after { content:""; clear:both; display: block; height: 0; }
body.coupon#members article[role="main"] > section > article > div img { float: right; }
body.coupon#members article[role="main"] > section > article > div a.icon_link { margin-top: 0.5em; }
body.coupon#members article[role="main"] > section:last-child > div { position: relative; display: inline-block; width: 48%; min-height: 5em; padding: 1.5em 0; vertical-align: top; border-top: 1px solid #d8d8d8; }
body.coupon#members article[role="main"] > section:last-child > div + div { margin-left: 1.9%; }
body.coupon#members article[role="main"] > section:last-child > div ul li { margin-left: 1em; list-style: disc inside; }
body.coupon#members article[role="main"] > section:last-child > div ul li a { color: #1f1f1f; }


/* Citta Group list */
body#group article[role="main"] > header > h1 { margin-bottom: 30px; }
body#group article[role="main"] article { overflow: hidden; font-size: 12px; }

body#group article[role="main"] div.icon div { float: left; margin-right: 10px;  width: 300px; height: 50px; border: 1px solid #b6b6b6; margin-bottom: 20px; }
body#group article[role="main"] div.icon div > a { display: block; position: relative; width: 100%; height: 100%;}
body#group article[role="main"] div.icon div > a > img { position: absolute; top: 14px; left: 18px; }
body#group article[role="main"] div.icon div > a > span { display: block; }
body#group article[role="main"] div.icon div > a > span.title_jp { font-size: 14px; padding: 12px 0 3px 50px; color: #000; }
body#group article[role="main"] div.icon div > a > span.title_en { font-size: 9px; padding-left: 50px; color: #b6b6b6; }
body#group article[role="main"] div.icon::after { content:""; clear:both; display: block; height: 0; }

body#group article[role="main"] div.news { position: relative; margin: 0 0 20px 5px; }
body#group article[role="main"] div.news > a > p { line-height: 2.25em;}
body#group article[role="main"] div.news > a > p.date { float: left; color: #000; font-weight: bold; }
body#group article[role="main"] div.news > a > img { float: left; margin-top: 7px; margin-left: 20px; }
body#group article[role="main"] div.news > a > p.summary { display: block; margin-left:105px; color: #3b94cc; }

body#group article[role="main"] > h2 { padding-left: 10px; }
body#group article[role="main"] > h2 > span { float: right; margin-top: 6px; margin-right: 10px; }
body#group article[role="main"] > h2 > span > a { color: #555; font-weight: normal; }
body#group article[role="main"] > h2 > span > a > img { margin-right: 5px; }

body#group article[role="main"] div.group_data { position: relative; padding-bottom: 3em; overflow: hidden; font-size: 12px; color: #555; }
body#group article[role="main"] div.group_data > img { margin-left: 10px; }
body#group article[role="main"] div.group_data > p { margin-bottom: 20px; }
body#group article[role="main"] div.group_data > img { float: left; margin-left: 10px; }

body#group article[role="main"] div.group_data > dl { margin-left: 260px; padding-top: 10px; }
body#group article[role="main"] div.group_data > dl.noimage { margin-left: 0px; padding-top: 10px; }
body#group article[role="main"] div.group_data > dl > dt { line-height: 20px; }
body#group article[role="main"] div.group_data > dl > dd { line-height: 20px; }
body#group article[role="main"] div.group_data > dl > dt { float: left; color: #d89c7d; width: 70px; text-align: right; }
body#group article[role="main"] div.group_data > dl > dd { margin-left: 70px; padding-left: 10px; }
body#group article[role="main"] div.group_data:after { content:""; clear:both; display: block; height: 0; }

body#group article[role="main"] div.group_data > a[href="#top"] { bottom: 0; }


/* Access */
body#access article[role="main"] h2 { border-top: 1px dotted #d6d6d6; border-bottom: 1px dotted #d6d6d6; }
body#access article[role="main"] > div:first-child { margin-bottom: 2em; }
body#access article[role="main"] > header > h1 { margin-bottom: 30px; }
body#access article[role="main"] li { list-style-type: disc; list-style-position: outside; }
body#access article[role="main"] span.accent { color: #d89c7d; font-weight: bold; }
body#access article[role="main"] ul.accessbtn { text-align: center; }
body#access article[role="main"] ul li { list-style: none; display: inline-block; }
body#access article[role="main"] p.map_img { text-align: center; margin: 20px 0; }
body#access article[role="main"] > p >a > img { padding: 0 2px;}
body#access article[role="main"] p.map_img a { display: block; width: 10em; margin: 0.5em 0 0 auto; text-indent: 1.2em; text-align: left; background: transparent url(/common/images/arrow_orange.png) no-repeat left center; }
body#access article[role="main"] p.inform a { display: block; background: transparent url(/common/images/arrow_orange_over.png) no-repeat left center ; padding-left: 1.2em; }
body#access article[role="main"] p.map_img a:hover { background-image: url(/common/images/arrow_orange_over.png); }
html:not(.pc) body#access article[role="main"] p.map_img a { display: none; }
body#access article[role="main"] div.rosen_info { overflow: hidden; margin-bottom: 20px; }
body#access article[role="main"] div.rosen_info > p { font-size: 12px; margin-top: 20px; }
body#access article[role="main"] div.highway > div > ul { padding: 15px 0 15px 20px; text-align: left; }
body#access article[role="main"] div.rosen_info ul > li { padding: 10px 0; line-height: 1.5em; text-align: left; }
body#access article[role="main"] .accessbtn { margin-bottom: 2em; }
body#access article[role="main"] div.rosen_info ul > li > span.total { display: block; color: #000; }
body#access article[role="main"] div.highway > span { font-size: 12px; }
body#access article[role="main"] div.highway > p { font-size: 12px; padding: 5px 0; line-height: 1.5em; }
body#access article[role="main"] div.highway > div { background-color: #f9f0ec; margin: 10px 0; padding: 15px 15px 0; }
body#access article[role="main"] div.highway > div > p { color: #ba0515; font-size:12px; font-weight: bold; }
body#access article[role="main"] div.highway > div > ul > li > span { color: #ba0515; }
body#access article[role="main"] div:nth-child(1) p:nth-child(4) { margin-top: 1em; }

body#access article[role="main"] div.highway > div > ul > li { padding: 5px 0; }
body#access article[role="main"] .rosen_info div { float: left; width: 60%; text-align: left; }
body#access article[role="main"] .rosen_info img { float: right; max-width: 39%; }

body#recruit article[role="main"] .wrapbox:after,
body#recruit article[role="main"] .wrapper:after { content: ""; clear: both; display: block; height: 0; }


/* PC & WideTablet Landscape */

html.pc nav#topcittanav > ul { width: 982px; }
html.pc body#shop_detail article[role="main"] > nav > ul > li { width: 15em; height: 2em; line-height: 2em; }
html.pc body#concept article[role="main"] { min-height: 500px !important; }
html.pc body#concept article[role="main"] > div.keyvisual { height: 374px; }
html.pc body#event article[role="main"] table { font-size: 83.3%; margin-bottom: 1em; border-right-width: 0px !important; }
html.pc body#event article[role="main"] table + table { margin-left: -4px; }
html.pc body#event article[role="main"] table:last-of-type { margin-right: -4px; }
html.pc body#event article[role="main"] table + table tr th.titlebox { display: none; }
html.pc body#event article[role="main"] table .titlebox + th,
html.pc body#event article[role="main"] table .titlebox + td,
html.pc body#event article[role="main"] table thead tr:nth-of-type(2) th:first-of-type { border-left: none; border-left-width: 2px; }
html.pc body#event article[role="main"] table tbody th { width: 8.65em; }

.win.firefox body#event article[role="main"] table { font-size: 83.6%; }
.msie body#event article[role="main"] table { font-size: 84.5%;  }
.edge body#event article[role="main"] table { font-size: 83.6%; }

html:not(.pc) nav#topcittanav > ul { width: 982px; }
html:not(.pc) body#shop_detail article[role="main"] > nav > ul > li { width: 15em; height: 2em; line-height: 2em; }
html:not(.pc) body#concept article[role="main"] { min-height: 500px !important; }
html:not(.pc) body#event article[role="main"] table { font-size: 75%; margin-bottom: 1em; }
html:not(.pc) body#event article[role="main"] table + table tr th.titlebox { display: none; }
html:not(.pc) body#event article[role="main"] table td:first-of-type { border-left: none; }
html:not(.pc) body#concept article[role="main"] > div.keyvisual { height: 374px; }
html:not(.pc) body#online_top .box_onehalf[id*="stackmix_ihw"] { min-height: 740px !important; }


/*  Not PC & WideTablet Portrait */
@media screen and ( min-width: 768px ) and ( max-width: 1023px ){
	html:not(.pc) nav#topcittanav > ul { width: 782px; }
	html:not(.pc) nav#topcittanav > ul li { height: 16em; }
	html:not(.pc) body .onehalf,
	html:not(.pc) body.recruit article[role="main"] > div{ float: left; width: 48%; }
	html:not(.pc) body .onehalf:nth-child(2n+1) { margin-right: 4%; }
	html:not(.pc) body.recruit article[role="main"] > div:nth-child(2n+1),
	html:not(.pc) body.recruit article[role="main"] > div:nth-child(2n+1),
	html:not(.pc) body#shop_top article[role="main"] > section> div:nth-child(2n+1) { margin-left: 4%; }
	html:not(.pc) body#shop_detail article[role="main"] > nav > ul > li { width: 15em; height: 2em; line-height: 2em; }
	.ipad nav#topcittanav > ul { width: 768px; }
	html:not(.pc) body#event article[role="main"] table tbody th { width: 7.5em !important; }
	html:not(.pc) body#event article[role="main"] table:nth-of-type(even) { border-left: none; margin-left: -6px; margin-right: -9px; }
	html:not(.pc) body#event article[role="main"] table:nth-of-type(even) tr th.titlebox { display: none; }
	html:not(.pc) body#shop_list .icondetail + ul li { position: relative; display: block; float: left; width: 30%; }

	html:not(.pc) body#shop_detail article[role="main"] > div > .shop_photo { width: 40%; }
	html:not(.pc) body#shop_detail article[role="main"] > div > .shop_summary .shopdata { width: 55%; }
	html:not(.pc) body#shop_detail article[role="main"] > div > .shop_news > article > h1,
	html:not(.pc) body#shop_detail article[role="main"] > div > .shop_news > article > div { width: 60%; }
	html:not(.pc) body#shop_detail article[role="main"] > div > .shop_news > article > figure { width: 38%; margin: 0 auto 0.5em; }
	html:not(.pc) body#shop_detail article[role="main"] > div > .shop_workshop > article > h1,
	html:not(.pc) body#shop_detail article[role="main"] > div > .shop_workshop > article > div { width: 50%; }

	html:not(.pc) body#concept article[role="main"] .della,
	html:not(.pc) body#concept article[role="main"] .cine,
	html:not(.pc) body#concept article[role="main"] .club,
	html:not(.pc) body#concept article[role="main"] .athlecitta,
	html:not(.pc) body#concept article[role="main"] .rexinn{ width: 44%; }
	html:not(.pc) body#concept article[role="main"] .della,
	html:not(.pc) body#concept article[role="main"] .cine,
	html:not(.pc) body#concept article[role="main"] .club,
	html:not(.pc) body#concept article[role="main"] .athlecitta,
	html:not(.pc) body#concept article[role="main"] .rexinn { margin-left: 0 ; margin-bottom: 1em ; }
	html:not(.pc) body#concept article[role="main"] .cine,
	html:not(.pc) body#concept article[role="main"] .athlecitta { margin-left: 1em ; }

	/*event*/
	html:not(.pc) body#event article[role="main"] .live > div.event_titlebox > div,
	html:not(.pc) body#event article[role="main"] .jazz > div > div,
	html:not(.pc) body#event article[role="main"] .inter_fm > div > div,
	html:not(.pc) body#event article[role="main"] .street > div > div { width: 50%; }
	html:not(.pc) body#event article[role="main"] .live,
	html:not(.pc) body#event article[role="main"] .jazz,
	html:not(.pc) body#event article[role="main"] .inter_fm,
	html:not(.pc) body#event article[role="main"] .street { width: 100%; }
	html:not(.pc) body#event article[role="main"] .live div h1,
	html:not(.pc) body#event article[role="main"] .jazz div h1,
	html:not(.pc) body#event article[role="main"] .inter_fm div h1,
	html:not(.pc) body#event article[role="main"] .street div h1 { font-size: 18px ; }
	html:not(.pc) body#event article[role="main"] .dayeventbox .msection { width: 400px; }

	html:not(.pc) body#concept article[role="main"] > div.keyvisual { height: 290px; }

	html:not(.pc) body#eventfountain article[role="main"] div.info { text-align: center; }
	html:not(.pc) body#eventfountain article[role="main"] div.info > img,
	html:not(.pc) body#eventfountain article[role="main"] div.info > div { float: none; margin: 1em auto; }

	html:not(.pc) body#areaguidetop article[role="main"] .wrapbox { height: auto; margin: 0; padding-bottom: 3em; }
	html:not(.pc) body#areaguidetop article[role="main"] #map { margin-left: 5em; }
	html:not(.pc) body#areaguidetop article[role="main"] #arealist { width: 140px; margin-left: 570px; }
	html:not(.pc) body#areaguidetop article[role="main"] #arealist li { width: 100%; }
	html:not(.pc) body#areaguidetop article[role="main"] #areainfos { display: block; position: relative; left: 5em !important; top: 1em; width: 100% !important; }
	html:not(.pc) body#areaguidetop article[role="main"] #areainfos::before { display: none; }

	html:not(.pc) body#areaguidetop article[role="main"] #floorguidelist ul li { width: 33% !important; font-size: 1.2em; }
	html:not(.pc) body#areaguidetop article[role="main"] #floorguidelist ul li:nth-child(6n+6) { height: 77px; }
	html:not(.pc) body#areaguidetop article[role="main"] #floorguidelist ul li a { font-size: 0.85em; }
	html:not(.pc) body#areaguidetop article[role="main"] #floorguidelist ul li + li { border-top: 1px solid #dcdddd !important; }
	html:not(.pc) body#areaguidetop article[role="main"] #floorguidelist ul li img { width: 20%; max-width: 50%; }
	html:not(.pc) body#areaguidedetail .mapmini,
	html:not(.pc) body#areaguidedetail .floornumber { float: none; display: none; }
	html:not(.pc) body#areaguidedetail .floormap { position: absolute; top: 0; left: 0; width: 536px; height: 380px; overflow: hidden; }

	html:not(.pc) body#shop_detail article[role="main"] > div .shop_coupon > article { width: 32.8%; }
	html:not(.pc) body#recruit article[role="main"] .wrapbox > .joblistbox:only-of-type { width: 100%; }
}

/*  Not PC & Tablet Portrait */
@media screen and ( max-width: 767px ) {
	html:not(.pc) header[role="banner"] nav#cittanav + div p.time + p { display: inline-block; }
	html:not(.pc) header[role="banner"] nav#cittanav + div p.time + p a { margin: -0.3em 0 0; line-height: 1; }

	html:not(.pc) nav#topcittanav > ul li { height: 16em; }
	html:not(.pc) nav#topcittanav > ul li dt { margin-bottom: 0.5em; }
	html:not(.pc) article[role="main"] > section > img { max-width: 100%; }
	html:not(.pc) body.shop div.wrapper .subnav > ul { padding-bottom: 0.5em; }
	html:not(.pc) body#access article[role="main"] div.highway > div > ul { margin: 0; padding: 0; }
	html:not(.pc) body#top .news .wrapperbox .floatbox_b:nth-of-type(even) { width: 44.3% !important; }
	html:not(.pc) body#group article[role="main"] h2::after { content:""; clear:both; display: block; height: 0; }
	html:not(.pc) body#group article[role="main"] div.icon { position: relative; margin-bottom: 3em; width: 100%; text-align: center; }

	html:not(.pc) body#shop_top article[role="main"] > [id^=news] { margin-bottom: 3.5em; }

	html:not(.pc) body#group article[role="main"] div.icon > a { float: none; display: inline-block; margin: 0 auto !important; }
	html:not(.pc) body#group article[role="main"] > article + a[href="#top"],
	html:not(.pc) body#event article[role="main"] > a[href="#top"],
	html:not(.pc) body#news article[role="main"] #cmn_stackbox > a[href="#top"] { display: none !important; }
	html:not(.pc) body#shop_list article[role="main"] > section:not(:last-of-type) > a[href="#top"] { display: block !important; }

	html:not(.pc) body#history article[role="main"] > a[href="#top"] { display: block !important; }
	html:not(.pc) body#event article[role="main"] { margin-bottom: 0; }
	html:not(.pc) body#event article[role="main"] table:last-of-type + a[href="#top"] { display: block !important; bottom: auto; margin-top: -4em; }
	html:not(.pc) body#event article[role="main"] table:last-of-type { margin-bottom: 4.5em; }

	html:not(.pc) body#event article[role="main"] .live > div.event_titlebox > img,
	html:not(.pc) body#event article[role="main"] .live > div.event_titlebox > div { max-width: 100%; width: 100%; }

	html:not(.pc) body#eventfountain article[role="main"] div.info { text-align: center; }
	html:not(.pc) body#eventfountain article[role="main"] div.info > img,
	html:not(.pc) body#eventfountain article[role="main"] div.info > div { float: none; margin: 1em auto; }
	html:not(.pc)
	html:not(.pc) body#areaguidetop article[role="main"] #floorguidelist ul li { clear: both; float: none; width: 100% !important; margin-top: 0.5em; padding-top: 0.5em; border: 0 !important; font-size: 1.2em; }
	html:not(.pc) body#areaguidetop article[role="main"] #floorguidelist ul li a { font-size: 0.85em; }
	html:not(.pc) body#areaguidetop article[role="main"] #floorguidelist ul li + li { border-top: 1px solid #dcdddd !important; }
	html:not(.pc) body#areaguidetop article[role="main"] #floorguidelist ul li img { width: 20%; max-width: 50%; }

	html:not(.pc) body#areaguidedetail .rcontents .lnav > ul li { float: left; width: 30%; }
	html:not(.pc) body#areaguidedetail .rcontents .lnav > ul li > ul { display: none; }
	html:not(.pc) body#areaguidedetail .rcontents .lnav::after { content:""; clear:both; display: block; height: 0; }

	html:not(.pc) body#shop_list .icondetail + ul li { position: relative; display: block; float: left; width: 30%; }

	html:not(.pc) body#shop_detail article[role="main"] > div .shop_coupon > article { width: 32.8%; }

	html:not(.pc) body#news article[role="main"] div.news > a:not([href="#top"]) { display: inline-block; width: 90%; margin-bottom: 0.3em; }
	html:not(.pc) body#news article[role="main"] div.news > a > p { min-width: 6.5em; line-height: 1.4; }
	html:not(.pc) body#news article[role="main"] div.news > a > img { margin-left: 1em; }

	html:not(.pc) body#access article[role="main"] { margin-bottom: 2em !important; padding: 0 !important; }
	html:not(.pc) body#access article[role="main"] #by_train > a[href="#top"],
	html:not(.pc) body#access article[role="main"] > :last-child > a[href="#top"] { bottom: 0 !important; }

	html:not(.pc) body#group article[role="main"] div.news { position: relative; margin: 0 0 4em 1em; }
	html:not(.pc) body#group article[role="main"] div.news > a:not([href="#top"]) { display: inline-block; width: 90%; margin-bottom: 0.3em; }
	html:not(.pc) body#group article[role="main"] div.news > a > p { min-width: 6.5em; line-height: 1.4; }
	html:not(.pc) body#group article[role="main"] div.news > a > img { margin-left: 1em; }
	html:not(.pc) body#group article[role="main"] div.news > a[href="#top"] { bottom: -3em; }

	html:not(.pc) body#info.barrierfree article[role="main"] #cmn_stackbox div[data-stacktype^=image] { left: 10px !important; }

	html:not(.pc) body#recruit article[role="main"] { position: relative; }
	html:not(.pc) body#recruit article[role="main"] .joblistbox.empty { display: none; }

	html:not(.pc) body#recruit article[role="main"] .wrapbox { position: relative; margin-bottom: 3em; }
	html:not(.pc) body#recruit article[role="main"] .wrapbox + h2.cmn_title2 { margin-top: 3em !important; }
	html:not(.pc) body#recruit article[role="main"] .wrapbox > a[href="#top"] { bottom: -3.7em; }

	html:not(.pc) body:not(.sp) article[role="main"] > section[id^="new"],
	html:not(.pc) body:not(.sp) article[role="main"] > section[class^="new"] { margin-bottom: 4em; padding-bottom: 0; }
	html:not(.pc) body:not(.sp) article[role="main"] > section > a[href="#top"] { bottom: -3em !important; }
	html:not(.pc) body:not(.sp) article[role="main"] > section#by_car,
	html:not(.pc) body#event article[role="main"] > section { margin-bottom: 0; padding-bottom: 2.8em; }
	html:not(.pc) body#event article[role="main"] > section > a[href="#top"] { bottom: 2em !important; }
	html:not(.pc) body#concept article[role="main"],
	html:not(.pc) body#shop_list article[role="main"],
	html:not(.pc) body#eventfountain article[role="main"],
	html:not(.pc) body#areaguidedetail article[role="main"] { padding-bottom: 2.5em !important; }

	html:not(.pc) nav#topcittanav > ul { width: 600px; }
	html:not(.pc) nav#topcittanav > ul li dt { margin-bottom: 1.3em; }
	html:not(.pc) nav#topcittanav > ul li:first-child dt { margin-bottom: 0; }
	html:not(.pc) article[role="main"] > article:after { content: ""; clear: both; display: block; height: 0; }
	html:not(.pc) body .onehalf:nth-child(2n+1) { margin-right: 1%; }
	html:not(.pc) body#shop_top article[role="main"] > section> div:nth-child(2n+1),
	html:not(.pc) body#top article[role="main"] > article > div:nth-child(2n+1){ margin-left: 1%; }
	html:not(.pc) body:not(.sp) .rcontents section.banner_box { padding-bottom: 3.5em; }
	html:not(.pc) body#top .rcontents section.banner_box > a[href="#top"] { bottom: 1.5em; }
	html:not(.pc) body#event article[role="main"] > section { padding-bottom: 0.5em !important; }
	html:not(.pc) body#event article[role="main"] > a[href="#top"] { display: block !important; bottom: 0.5em; }
	html:not(.pc) body:not(.sp) .rcontents > section > a[href="#top"] { bottom: auto; }

	html:not(.pc) body#event.disguise article[role="main"] > section > a[href="#top"] { display: none; }
	html:not(.pc) body#event article[role="main"] table:last-of-type { margin-bottom: 0; }
	html:not(.pc) body#event article[role="main"] table + a[href="#top"] { }
	html:not(.pc) body#event article[role="main"] table:last-of-type + a[href="#top"] { display: none !important; }
	html:not(.pc) body#event article[role="main"] .dayeventbox .msection { width: 450px; }
	html:not(.pc) div.wrapper .subnav > h2 { font-size: 1.3em; padding-left: 2.8em; line-height: 3.2; }
	html:not(.pc) div.wrapper .subnav > h2::before,
	html:not(.pc) div.wrapper .subnav > h2.open::before { margin-top: 0.1em; left: 1em; }
	html:not(.pc) body.shop div.wrapper .subnav > ul > li { display: inline-block; width: 32.9%; }
	html:not(.pc) body.shop div.wrapper .subnav > ul > li > a { padding: 0.25em 1em; }
	html:not(.pc) body.shop div.wrapper .subnav > .category > li > a { padding-left: 3.5em; }
	html:not(.pc) body.shop div.wrapper .subnav > .category > li > a::before { top: 0.5em; left: 1.4em; }
	html:not(.pc) body.shop div.wrapper .subnav > .syllabary { margin-left: 2em; }
	html:not(.pc) body.shop div.wrapper .subnav > .syllabary > li { width: 4em; }
	html:not(.pc) body.shop div.wrapper .subnav > .syllabary > li > a { padding-left: 1.5em; }
	html:not(.pc) body.shop div.wrapper .subnav > .syllabary > li > a:before { top: 0.35em; left: 0.5em; }
	html:not(.pc) body.shop div.wrapper .subnav > .floor { margin-left: 2em; }
	html:not(.pc) body.shop div.wrapper .subnav > .floor > li { margin: 0.5em 0; vertical-align: top; }
	html:not(.pc) body.shop div.wrapper .subnav > .floor > li > a { padding-left: 4.2em; padding-top: 0.2em; }
	html:not(.pc) body.shop div.wrapper .subnav > .floor > li > a:before { top: 0.5em; left: 0; }
	html:not(.pc) body#shop_top article[role="main"] > section> .notitlebanner { width: 100%; }
	html:not(.pc) body#shop_detail article[role="main"] > nav > ul > li { width: 15em; height: 2em; line-height: 2em; }

	html:not(.pc) body#concept article[role="main"] .della,
	html:not(.pc) body#concept article[role="main"] .cine,
	html:not(.pc) body#concept article[role="main"] .club,
	html:not(.pc) body#concept article[role="main"] .athlecitta,
	html:not(.pc) body#concept article[role="main"] .rexinn{ width: 43% ; line-height: 1.5em; }

	html:not(.pc) body#shop_detail article[role="main"] > div > .shop_photo { width: 40%; }
	html:not(.pc) body#shop_detail article[role="main"] > div > .shop_summary .shopdata { width: 58%; }
	html:not(.pc) body#shop_detail article[role="main"] > div > .shop_news > article > h1,
	html:not(.pc) body#shop_detail article[role="main"] > div > .shop_news > article > div { width: 60%; }
	html:not(.pc) body#shop_detail article[role="main"] > div > .shop_news > article > figure { width: 38%; margin: 0 auto 0.5em; }

	html:not(.pc) body#event article[role="main"] .live div h1,
	html:not(.pc) body#event article[role="main"] .jazz div h1,
	html:not(.pc) body#event article[role="main"] .inter_fm div h1,
	html:not(.pc) body#event article[role="main"] .street div h1 { font-size: 18px; }
	html:not(.pc) body#event article[role="main"] .live,
	html:not(.pc) body#event article[role="main"] .jazz,
	html:not(.pc) body#event article[role="main"] .inter_fm,
	html:not(.pc) body#event article[role="main"] .street{ width: 100%; }
	html:not(.pc) body#event article[role="main"] table tbody th { width: 8em !important; }
	html:not(.pc) body#event article[role="main"] table:nth-of-type(even) { border-left: none; margin-left: -5px; }
	html:not(.pc) body#event article[role="main"] table:nth-of-type(even) tr th.titlebox { display: none; }

	html:not(.pc) body#concept article[role="main"] > div.keyvisual { height: 250px; }
	html:not(.pc) body#history article[role="main"] > section:last-of-type { padding-bottom: 2em; }

	html:not(.pc) body#areaguidetop article[role="main"] .wrapbox { min-height: auto !important; height: auto !important; margin: 0; padding-bottom: 3em; }
	html:not(.pc) body#areaguidetop article[role="main"] #map { width: auto; margin-top: 12em; margin-left: 5em; }
	html:not(.pc) body#areaguidetop article[role="main"] #arealist { position: absolute; top: 4em; width: 100%; margin-left: 10px; }
	html:not(.pc) body#areaguidetop article[role="main"] #arealist li { width: 23.5%; }
	html:not(.pc) body#areaguidetop article[role="main"] #areainfos { display: block; position: relative; left: 0 !important; top: 1em; width: 100% !important; }
	html:not(.pc) body#areaguidetop article[role="main"] #areainfos::before { display: none; }

	html:not(.pc) body#areaguidedetail .mapmini,
	html:not(.pc) body#areaguidedetail .floornumber { float: none; display: none; }
	html:not(.pc) body#areaguidedetail .floormap { position: absolute; top: 0; left: 0; width: 586px; height: 380px; }

	html:not(.pc) body#concept article[role="main"] .della,
	html:not(.pc) body#concept article[role="main"] .cine,
	html:not(.pc) body#concept article[role="main"] .club,
	html:not(.pc) body#concept article[role="main"] .athlecitta,
	html:not(.pc) body#concept article[role="main"] .rexinn { margin-left: 0 ; margin-bottom: 1em ; }
	html:not(.pc) body#concept article[role="main"] .cine,
	html:not(.pc) body#concept article[role="main"] .athlecitta { margin-left: 1em; }
	html:not(.pc) body#news article[role="main"] { min-height: 1em !important; }
	html:not(.pc) body#online_top .box_onehalf[id*="stackmix_ihw"] { min-height: 680px !important; }
	html:not(.pc) body#lunapiena #stackimage6,
	html:not(.pc) body#lunapiena #stackimage5 { margin-left: 0 !important; }
	html:not(.pc) body#shop_top .notitlebanner > :nth-child(4) { float: right; }
	html:not(.pc) body#shop_top .notitlebanner > :nth-child(3) { float: left; }
	html:not(.pc) body#areaguidetop .wrapbox { min-height: 205px !important; }

	html:not(.pc) body#recruit article[role="main"] .wrapbox > .joblistbox:only-of-type { width: 100%; }

}