@charset "utf-8";

@font-face { font-family: 'cinecitta-pc'; src: url('cinecitta-pc.eot?20180212'); src: url('cinecitta-pc.eot?20180212#iefix') format('embedded-opentype'), url('cinecitta-pc.woff2?20180212') format('woff2'), url('cinecitta-pc.woff?20180212') format('woff'), url('cinecitta-pc.ttf?20180212') format('truetype'), url('cinecitta-pc.svg?20180212#cinecitta-pc') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'fontello'; src: url("fontello.eot"); src: url('fontello.eot?#iefix') format('embedded-opentype'), url('fontello.svg#fontello') format('svg'), url('fontello.woff') format('woff'), url('fontello.ttf') format('truetype'); font-weight: normal; font-style: normal; }

/* Global Common */
html { font-size: 62.5%; font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif; }
html:not(.pc) body { overflow-x: hidden; }
body { width: 100%; margin: 0 auto; padding: 0;  font-size: 14px; font-size: 1.4rem; color: #000; background-color: #fff; }

hr { clear: both; border-width: 0; border: none; display: none; visibility: hidden; }
li { list-style: none; }
a { outline: none; }
a[data-fixed="anchor"] { display: block; position: absolute; width: 0; height: 0; }
address,
mark { font-style: normal; background: none; }
iframe { border: 0 !important; }
.c_indent { text-indent: -9999px; overflow: hidden; font-size: x-small; }
.c_headfix { margin-left: 1em; text-indent: -1em; }
.c_none { display: none; visibility: hidden; }

header[role="banner"] > *,
article[role="main"] > *,
div[role="complementary"] > *,
footer[role="contentinfo"] > * { margin: 0 auto; }

header[role="banner"] nav > ul,
header[role="banner"] nav > div,
div[role="complementary"],
footer[role="contentinfo"] { clear: both; position: relative; width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; }


body.della { background-color: #fff; }
body.della #gnav,
body.della footer[role="contentinfo"] { color: #fff; background-color: #002d24; }

body.cine,
body.cine #gnav,
body.cine header[role="banner"] .social_box,
body.cine #topicpath { color: #fff; background-color: #204046; }

body.club,
body.club header[role="banner"] .social_box,
body.club #topicpath { background-color: #1541bc; }
body.club #gnav { color: #fff; background-color: #1541bc; }

body.wedding { background-color: #fff; }
body.wedding #gnav,
body.wedding footer[role="contentinfo"] { background-color: #fdb3c4; }

#emergency { margin-bottom: 2em; }
address { font-style: normal; }

article[role="main"] a{ color: #3b94cc; text-decoration: none; }
article[role="main"] a:hover,
article[role="main"] a:focus{ color: #00c0ff; text-decoration: underline; }

.time,
a.tel { display: block; font-weight: bold; }
.time { font-size: 1.1rem; }
.tel{ font-size: 1.2rem; padding-top: 1em; }
.wedding .time{ padding-top: 0; }
.timehour span,
.time span { display: block; }
.qa a:before,
.time:before,
.time a:before,
.timehour:before,
.tel:before { display: inline-block; padding-right: 0.3em; font-weight: normal; font-family: 'fontello'; font-size: 1.4rem; color: #1e1e1e; text-indent: -0.2em; }
.tel:before { content: '\00e7b0'; top: 0.6em; }
.timehour:before { content: '\1f554'; top: 0.5em; left: 0; padding: 0 0.5em; font-size: 1.2rem; }
span.time:before { content: '🕔'; }
p.time a:before { content: '🕔\0020\e802'; line-height: 1; }
p.qa a:before { content: '\e802'; line-height: 1; }


body.della { background-color: #fff; }
body.della #gnav,
body.della footer[role="contentinfo"] { color: #fff; background-color: #002d24; }

body.cine,
body.cine header[role="banner"] .social_box,
body.cine #topicpath { color: #fff; background-color: #204046; }


body.cine #gnav { color: #fff; background-color: #1e6e7d; }

body.club,
body.club header[role="banner"] .social_box,
body.club #topicpath { background-color: #1541bc; }
body.club #gnav { color: #fff; background-color: #1541bc; }

body.wedding { background-color: #fff; }
body.wedding #gnav,
body.wedding footer[role="contentinfo"] { background-color: #fdb3c4; }

.icondetail a { display: inline; line-height: 2; }
.icondetaillist { display: none; }
.icondetail { text-align: right; }

.icondetail a {  padding-left: 1em; background: transparent url(../images/gold_down_arrow.png) no-repeat 0 45%; color: #000000 !important; }
.icondetail a.active { background: transparent url(../images/gold_down_arrow_on.png) no-repeat 0 45%;}


@-webkit-keyframes opacity { 0% {opacity:0.1;} 100% {opacity:1.0;} }
@keyframes opacity { 0% {opacity:0.1;} 100% {opacity:1.0;} }

/* @end */


/* @group Contents multicolumn */
div.wrapper { margin: 0 auto 5em; font-size: 0.8em; padding-bottom: 7em; }
div.wrapper:after { content: ""; clear: both; display: block; height: 0; }
div.wrapper > article { margin-bottom: 2em; box-sizing: border-box; }
/* @end */


/* @group Header */

header[role="banner"] { margin-bottom: 1em; }

header[role="banner"] a { text-decoration: none; }
header[role="banner"] { position: relative; border-top: 4px solid #d8d8d8; background-color: #fff; color: #4c4c4c; }
header[role="banner"] > * { position: relative; }
header[role="banner"] > nav > ul { margin: 0 auto; }
header[role="banner"] > div > h1 { display: block; position: absolute; top: 0; left: 0; text-align: center; z-index: 1000; }
header[role="banner"] > div > h1 > a,
header[role="banner"] > div > h1 > p { position: relative; display: inline-block; width: 100%; height: 100%; }

header[role="banner"] > a.js_maplink.open { display: block; }
header[role="banner"] > a.js_maplink { display: none; width: 100%; padding: 1em; text-align: center; box-sizing: border-box; -webkit-animation-name: opacity; -webkit-animation-duration: 0.5s; animation-name: opacity; animation-duration: 0.5s; }
body.della header[role="banner"] > a.js_maplink { color: #fff; background-color: #84ba0f; }
body.cine header[role="banner"] > a.js_maplink { color: #1e6e7d; background-color: #ffd45a; }
body.club header[role="banner"] > a.js_maplink { color: #1541bc; background-color: #0ebbf4; }
body.wedding header[role="banner"] > a.js_maplink { color: #fff; background-color: #ad855e; }
header[role="banner"] > a.js_maplink > span { padding-right: 0.5em; }
header[role="banner"] > a.js_maplink > strong { display: inline-block; margin: 0.7em 1em 0; padding: 0.7em 1em; color: #444; border: 1px solid rgba(0,0,0,0.4); background-color: #fff; border-radius: 3px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.05); }
header[role="banner"] > a.js_maplink > strong::before { content: '\e4a2'; padding-right: 0.5em; font-weight: normal; font-family: 'fontello'; font-size: 1.4rem; }

header[role="banner"] nav > ul:after { content: ""; clear: both; display: block; height: 0; }
header[role="banner"] nav > ul li { float: left; text-align: center; }
header[role="banner"] nav > ul li a,
header[role="banner"] nav > ul li strong { display:block; width: 100%; min-height: 1.2em; }
header[role="banner"] > div > h1 img { display: block; }

header[role="banner"] #cittanav + div { position: relative; }
header[role="banner"] #cittanav + div p a,
header[role="banner"] #cittanav + div address a { color: #1e1e1e; }
header[role="banner"] #cittanav + div p a:hover,
header[role="banner"] #cittanav + div address a:hover { color: #3b94cc; text-decoration: underline; }
body.wedding header[role="banner"] #cittanav + div > em { display: none; }

header[role="banner"] #gnav { clear: both; border-bottom: 4px solid transparent; }
header[role="banner"] #gnav li { position: relative; }
header[role="banner"] #gnav li:last-child { margin-right: 0; }
header[role="banner"] #gnav li:last-child strong,
header[role="banner"] #gnav li:last-child a { padding-right: 0; }

body#top header[role="banner"] #gnav { border-bottom-width: 0; }
body.della header[role="banner"] #gnav { border-bottom-color: #84ba0f; }
body.della header[role="banner"] #gnav li strong { color: #002d24; }
body.della header[role="banner"] #gnav li.current { background-color: #84ba0f; }
body.cine header[role="banner"] #gnav { border-bottom-color: #c6eded; }
body.cine header[role="banner"] #gnav li strong { color: #1e6e7d; }
body.cine header[role="banner"] #gnav li.current { background-color: #ffd55b; }
body.club header[role="banner"] #gnav { border-bottom-color: #0ebbf4; }
body.club header[role="banner"] #gnav li strong { color: #1541bc; }
body.club header[role="banner"] #gnav li.current { background-color: #0ebbf4; }
body.wedding header[role="banner"] #gnav { border-bottom-color: #ad855e; }
body.wedding header[role="banner"] #gnav li.current { background-color: #ad855e; }
body.della header[role="banner"] #gnav li strong { color: #84ba0f; }
body.cine header[role="banner"] #gnav li strong  { color: #ffd55b; }
body.club header[role="banner"] #gnav li strong { color: #0ebbf4; }
body.wedding header[role="banner"] #gnav li strong { color: #ad855e; }
body.wedding header[role="banner"] #gnav li strong a { color: inherit; }
header[role="banner"] #topicpath { overflow-x: hidden; }
header[role="banner"] #topicpath hgroup { width: 100%; margin: 0 auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
header[role="banner"] #topicpath hgroup h1 { margin: 0 auto;  }
body.della header[role="banner"] #topicpath hgroup h1 { color: #fff; }
body.cine header[role="banner"] #topicpath hgroup h1 { color: #fff; }
body.club header[role="banner"] #topicpath hgroup h1 { color: #fff; }
body.wedding header[role="banner"] #topicpath hgroup h1 { color: #ad855e; }

header[role="banner"] #topicpath hgroup h1:after  { content: attr(title); padding-left: 0.5em; font-size: 60%;}
body.della header[role="banner"] #topicpath hgroup { background-color: #84ba0f; background-image: url(/common/images/bg_title_della.jpg); }
body.cine header[role="banner"] #topicpath hgroup { background-color: #000; background-image: url(/common/images/bg_title_cine.jpg); }
body.club header[role="banner"] #topicpath hgroup { background-color: #0ebbf4; background-image: url(/common/images/bg_title_club.jpg); }
body.wedding header[role="banner"] #topicpath hgroup { background-color: #ad855e; background-image: url(/common/images/bg_title_wed.jpg); }

header[role="banner"] #topicpath { overflow: hidden; }
header[role="banner"] #topicpath > div { position: relative; min-height: 2.2em; margin-top: 0.5em; padding: 0; font-size: 80%; }
header[role="banner"] #topicpath > div:after { content: ""; clear: both; display: block; height: 0; }
header[role="banner"] #topicpath ul { padding-top: 0.2em; }
header[role="banner"] #topicpath ul li + li { position: relative; margin-left: 1.5em; }
header[role="banner"] #topicpath ul li + li:before { content: '\003e'; position: absolute; display: inline-block; left: -1.0em; top: 0.1em; line-height: 1.3em; vertical-align: text-bottom; font-weight: normal; font-family: 'fontello'; font-size: 100%; }
.ios header[role="banner"] #topicpath ul li + li:before { content: '>'; font-family: 'HiraKakuProN-W3' }
header[role="banner"] #topicpath ul li,
header[role="banner"] #topicpath ul li em,
header[role="banner"] #topicpath ul li strong,
header[role="banner"] #topicpath ul li a { display: inline-block; font-style: normal; font-weight: normal; line-height:1.8; }
body.della header[role="banner"] #topicpath ul li a { color: #0ebbf4; }
body.cine header[role="banner"] #topicpath ul li a { color: #ffffff; }
body.club header[role="banner"] #topicpath ul li a { color: #0ebbf4; }
body.wedding header[role="banner"] #topicpath ul li a { color: #0ebbf4; }
body.della header[role="banner"] #topicpath ul li + li:before,
body.della header[role="banner"] #topicpath ul li strong { color: #a8a8a8; }
body.cine header[role="banner"] #topicpath ul li + li:before,
body.cine header[role="banner"] #topicpath ul li strong { color: #ffffff; }
body.club header[role="banner"] #topicpath ul li + li:before,
body.club header[role="banner"] #topicpath ul li strong { color: #ffffff; }
body.wedding header[role="banner"] #topicpath ul li + li:before,
body.wedding header[role="banner"] #topicpath ul li strong { color: #a8a8a8; }

header[role="banner"] .social_box,
body#top div.wrapper > .social_box { position: relative; top: 0; left: 0; min-width: 10em; height: 2.2em; overflow: hidden; text-align: right; background-color: transparent !important; }
header[role="banner"] .social_box div,
body#top div.wrapper .social_box div { display: inline-block; min-width: 70px; min-height: 20px; margin: 0; padding: 0 !important; text-align: center; vertical-align: top; overflow: hidden; }
header[role="banner"] .social_box div.twitter,
body#top div.wrapper > .social_box div.twitter { width: 118px !important; }
header[role="banner"] .social_box div.facebook_like,
body#top div.wrapper > .social_box div.facebook_like { width: 120px !important; }
header[role="banner"] .social_box div.mixi_check,
body#top div.wrapper > .social_box div.mixi_check { }
header[role="banner"] .social_box div.google_plusone,
body#top div.wrapper > .social_box div.google_plusone { width: 88px !important; margin-bottom: 2px; }
header[role="banner"] .social_box:after,
body#top div.wrapper > .social_box:after { content: ""; clear: both; display: block; height: 0; }


body.della header[role="banner"] #gnav li strong.current,
body.della header[role="banner"] #gnav li strong.current a { color: #84ba0f; }
body.cine header[role="banner"] #gnav li strong.current,
body.cine header[role="banner"] #gnav li strong.current a { color: #ffd55b; }
body.club header[role="banner"] #gnav li strong.current,
body.club header[role="banner"] #gnav li strong.current a { color: #0ebbf4; }
body.wedding header[role="banner"] #gnav li strong,
body.wedding header[role="banner"] #gnav li strong a { color: #ad855e; }

/* @end */


/* @group Footer */
div[role="complementary"] { clear: both; padding: 2em 0 0; background: transparent url(/common/images/bg_road.png) repeat 0 0; }
div[role="complementary"]  a:hover { color: #00c0ff !important; text-decoration: underline !important; }
div[role="complementary"] > section { position: relative; }
div[role="complementary"] > section h1 { display: block; position: absolute; right: 0; top: -4.72em; padding: 1em 2em 0.5em; color: #fff; line-height: 1.5; background-color: rgba(241,180,103,0.95); border-top-left-radius: 0.4em; border-top-right-radius: 0.4em; box-shadow: 2px 2px 4px rgba(0,0,0,0.2); cursor: pointer; }
div[role="complementary"] > section h1:after { content: '\00e804'; display: inline-block; padding-left: 0.2em; font-weight: normal; font-family: 'fontello'; font-size: 135%; vertical-align: top; line-height: 1.1; }
div[role="complementary"] > section.open h1:after { content: '\00e807'; }

div[role="complementary"] > section > div { display: none; position: relative; width: 100%; margin: 0 0 2em; background-color: rgba(255,255,255,0.6); box-sizing: border-box; }
div[role="complementary"] > section > div:after { content: " "; clear: both; display: block; height: 0; }

div[role="complementary"] > section > div dl { float: left; color: #4c4c4c; margin-bottom: 1em; box-sizing: border-box; }
div[role="complementary"] > section > div dt { padding: 0 0 0.5em; font-weight: bold; font-size: 90%; }
div[role="complementary"] > section > div dt a { color: #1e1e1e; text-decoration: none; }
div[role="complementary"] > section > div dd li { list-style: none; font-size: 80%; padding: 0.3em; }
div[role="complementary"] > section > div dd li a { color: #1e1e1e; text-decoration: none; }
div[role="complementary"] > section > div > figure { text-align: center; }
div[role="complementary"] > section > div > figure img { width: 100%; max-width: 99px; height: 100%; max-height: 99px; }
.android div[role="complementary"] > section > div dt { text-shadow: 0 0 1px #1e1e1e; }

div[role="complementary"] nav { width: 100%; color: #fff; border: 1px solid transparent; box-sizing: border-box; }
div[role="complementary"] nav:after { content: " "; clear: both; display: block; height: 0; }
div[role="complementary"] nav ul { width: 100%; margin: 0.8em 0; font-size: 84%; text-align: center; }
div[role="complementary"] nav ul li { display: inline-block; padding: 0 1em; line-height: 1.05; vertical-align: bottom; }
div[role="complementary"] nav ul li a { color: inherit;  text-decoration: none; text-decoration: none; }

body.della div[role="complementary"] nav { color: #fff; background-color: #007d08; }
body.della div[role="complementary"] nav ul li + li { border-left: 1px solid #fff; }
body.cine div[role="complementary"] nav { color: #000; background-color: #b4af73; }
body.cine div[role="complementary"] nav ul li + li { border-left: 1px solid #8e5602; }
body.club div[role="complementary"] nav { color: #fff; background-color: #0c47e2; }
body.club div[role="complementary"] nav ul li + li { border-left: 1px solid #fff; }
body.wedding div[role="complementary"] nav { color: #715d37; background-color: #d8d1b1; }
body.wedding div[role="complementary"] nav ul li + li { border-left: 1px solid #715d37; }

div[role="complementary"]:before { content: " "; clear: both; display: block; position: absolute; top: 0; width: 100%; height: 50px; margin: -40px 0 0; background: transparent url(/common/images/bg_city.png) repeat-x left bottom; }
footer[role="contentinfo"] { color: #fff; }
footer[role="contentinfo"] > small { display: block; padding: 1em 0 2em; font-size: 75%; text-align: center; }
body > iframe[name=google_conversion_frame] { position: absolute; width: 0 !important; height: 0 !important; }

/* @end */



/* @group Contents Common */
article[role="main"] { position: relative; margin: 0 auto; padding-bottom: 0.5em; font-size: 1.2rem; line-height: 1.4; }
article[role="main"] section a img { max-width: 100%; }
.ios article[role="main"] {-webkit-text-size-adjust: none !important; }
body.cine article[role="main"] .wrapbox,
body.club article[role="main"] .wrapbox { padding: 12px; background-color: #fff;  }

body:not(.sp) article[role="main"] a[href="#top"],
body:not(.sp) .rcontents > section a[href="#top"] { display: inline-block; right: 0; padding: 0 0.5em 0 1.5em; border: 1px solid #fff; font-size: 1rem; color: #fff; text-decoration: none; vertical-align: text-bottom; line-height: 2; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0,0,0,0.15); }
body:not(.sp) article[role="main"] a[href="#top"] { position: absolute; bottom: -1.5em; }
body:not(.sp) .rcontents > section a[href="#top"] { position: relative; }
body:not(.sp) a[href="#top"]:before { content: '\e803'; position: absolute; display: inline-block; margin-left: -0.6em; font-weight: normal; font-family: 'fontello'; font-size: 200%; line-height: 1; color: inherit; }
body:not(.sp) a[href="#top"]:hover { color: #eee !important; border-color: #eee !important; }
body:not(.sp).della a[href="#top"] { color: #002d24 !important; border-color: #002d24 !important; }
body:not(.sp).della a[href="#top"]:hover { color: #74ad67 !important; border-color: #74ad67 !important; }
body:not(.sp).wedding a[href="#top"] { color: #d4aab3 !important; border-color: #d4aab3 !important; }
body:not(.sp).wedding a[href="#top"]:hover { color: #fdb3c4 !important; border-color: #fdb3c4 !important; }

.tablet body:not(.sp) article[role="main"],
.pc body:not(.sp) article[role="main"] { margin-bottom: 3.5em !important; }
.tablet body:not(.sp) article[role="main"] > a[href="#top"],
.pc body:not(.sp) article[role="main"] > a[href="#top"] { bottom: -3.5em !important; }
.msie8 .sp .wrapper { margin-bottom: 0 !important; }

.sp article[role="main"] #cmn_stackbox a[href="#top"] { display: block !important; }
.sp article[role="main"] #cmn_stackbox a[href="#top"]:before { content: ''; display: none !important; }

/* PC Only Start */
.pc header[role="banner"] > div,
.pc header[role="banner"] > nav > ul,
.pc header[role="banner"] > nav > div,
.pc header[role="banner"] > nav > hgroup > *,
.pc body > nav > *,
.pc body > div.wrapper,
.pc div[role="complementary"] > *,
.pc footer[role="contentinfo"] > * { width: 950px; margin: 0 auto; }
.pc body:not(.nonav) header[role="banner"] > div {  width: 950px; height: 76px; }
.pc div[role="complementary"] > nav { min-width: 100%; }

.pc body:not(.nonav) header[role="banner"] > div > h1{ width: 160px; height: 124px; border: 1px solid #fcfcfc; background-color: #ffffff; box-shadow: 0 0 5px 3px rgba(0,0,0,0.1); box-shadow: 0 0 10px 5px rgba(0,0,0,0.1), 0 0 10px #fcfcfc inset; }
.pc body.della header[role="banner"] > div > h1 img { width: 75%; margin: 15% auto 0; }
.pc body.cine header[role="banner"] > div > h1 img { width: 75%; margin: 33% auto; }
.pc body.club header[role="banner"] > div > h1 img { width: 75%; margin: 10% auto 0; }
.pc body.wedding header[role="banner"] > div > h1 img { width: 90%; margin: 20% auto 0; }

.pc header[role="banner"] nav#cittanav { margin-top: -4px; }
.pc header[role="banner"] nav#cittanav h2 { display: none; }
.pc header[role="banner"] nav#cittanav > ul { padding-left: 171px; }
.pc header[role="banner"] nav#cittanav ul { display: inline-block; margin: 1px 0 0 0; width: 700px !important; }
.pc header[role="banner"] nav#cittanav li { display: block !important; width: 130px; height: 76px; border-right: 1px solid #e6e6e6; }
.pc header[role="banner"] nav#cittanav li:first-child { border-left: 1px solid #e6e6e6; }
.pc header[role="banner"] nav#cittanav li:nth-child(2) { margin-left: 1px; }
.pc header[role="banner"] nav#cittanav li:nth-child(3) { margin-left: 1px; }
.pc header[role="banner"] nav#cittanav li:nth-child(4) { margin-left: 1px; }
.pc header[role="banner"] nav#cittanav li strong { background-color: #f8fbf6; }
.pc header[role="banner"] nav#cittanav li strong,
.pc header[role="banner"] nav#cittanav li a {  display: block; padding-bottom: 10px; border-top: 4px solid transparent; color: transparent !important; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.pc header[role="banner"] nav#cittanav li strong:before,
.pc header[role="banner"] nav#cittanav li a:before { content: ""; display: block; width: 100px; height: 23px; margin: 25px auto 0; background: transparent url(/common/images/bg_cittanav.png) no-repeat 0 0; }
.pc header[role="banner"] nav#cittanav li:nth-child(1) a:before { background-position: -1px -23px; }
.pc header[role="banner"] nav#cittanav li:nth-child(2) a:before { background-position: -97px 0; }
.pc header[role="banner"] nav#cittanav li:nth-child(3) a:before { background-position: -199px 0; }
.pc header[role="banner"] nav#cittanav li:nth-child(4) a:before { background-position: -298px 0; }
.pc header[role="banner"] nav#cittanav li:nth-child(1):hover a:before { background-position: -1px -23px; }
.pc header[role="banner"] nav#cittanav li:nth-child(2):hover a:before { background-position: -97px -23px; }
.pc header[role="banner"] nav#cittanav li:nth-child(3):hover a:before { background-position: -199px -23px; }
.pc header[role="banner"] nav#cittanav li:nth-child(4):hover a:before { background-position: -298px -23px; }
.pc body.della header[role="banner"] nav#cittanav li strong { border-top-color: #002d24; }
.pc body.cine header[role="banner"] nav#cittanav li strong { border-top-color: #1e6e7d; }
.pc body.club header[role="banner"] nav#cittanav li strong { border-top-color: #1541bc; }
.pc body.wedding header[role="banner"] nav#cittanav li strong { border-top-color: #fdb3c4; }

.pc header[role="banner"] nav#cittanav + div { position: absolute; top: 0; right: 0; width: 250px; height: 74px; font-size: 80%; line-height: 1.3;  }
.pc header[role="banner"] nav#cittanav + div p,
.pc header[role="banner"] nav#cittanav + div address { box-sizing: border-box; }
.pc header[role="banner"] nav#cittanav + div p a,
.pc header[role="banner"] nav#cittanav + div p strong,
.pc header[role="banner"] nav#cittanav + div address a { font-size: 1.1rem; }
.pc header[role="banner"] nav#cittanav + div p { float: left; max-width: 50%; height: 28px; text-align: center; margin: 9px 0 3px; }
.pc header[role="banner"] nav#cittanav + div p:first-child { width: 120px; border-right: 1px solid #e6e6e6; }

.pc body.della header[role="banner"] nav#cittanav + div p:first-child > a,
.pc body.cine header[role="banner"] nav#cittanav + div p:first-child > a { display: block; margin-top: 0.8em; }

.pc body.club header[role="banner"] nav#cittanav + div p:first-child { display: block; margin: 1.5em 0 -0.3em; max-width: 98%; border-right: none !important; }
.pc body.club header[role="banner"] nav#cittanav + div p { width: 100%; border-right: none !important; text-align: left; text-indent: 0.3em; }
.pc body.club header[role="banner"] nav#cittanav + div p > * { display: inline-block !important; width: auto !important; margin: 0 0.1em; padding-top: 0; border-right: none !important; line-height: 1; vertical-align: middle; }
.pc body.club header[role="banner"] nav#cittanav + div p > span { font-size: 88%; }

.pc body.wedding header[role="banner"] nav#cittanav + div p:first-child { margin: 10px 0 8px -1px; padding-left: .5em; text-align: left; position: relative; }
.pc body.wedding header[role="banner"] nav#cittanav + div p:first-child span { position: absolute; font-size: 10px; font-size: 1rem; top: 1.7rem; left: 0; -webkit-transform: scale(.85); -moz-transform: scale(.85); -ms-transform: scale(.85); transform: scale(.85); white-space: nowrap; }
.pc body.wedding header[role="banner"] nav#cittanav + div p + p span { font-size: 9px; }

.pc .chrome body.wedding header[role="banner"] nav#cittanav + div p:first-child span { left: 1.5em; right: auto; }
.pc .ios body.club header[role="banner"] nav#cittanav + div p:first-child { margin-top: 0.75em; margin-bottom: 0.75em; }

.pc header[role="banner"] nav#cittanav + div p + p { position: relative; padding-left: 1em; font-size: 90%; }
.pc header[role="banner"] nav#cittanav + div p + p a,
.pc header[role="banner"] nav#cittanav + div p + p strong { margin-top: -1em; }
.pc header[role="banner"] nav#cittanav + div address { clear: both; display: block; width: 100%; padding: 0.8em 0 0 0.3em; font-style: normal; border-top: 1px solid #e6e6e6; line-height: 1.6; font-weight: bold; }
.pc header[role="banner"] nav#cittanav + div p a + span { display: inline-block;  }
.pc header[role="banner"] nav#cittanav + div p:first-child a + span { display: block; }
.pc header[role="banner"] nav#cittanav + div p:first-child a:hover { color: #3b94cc; text-decoration: underline; }
.pc header[role="banner"] nav#cittanav + div p .tel + span,
.pc header[role="banner"] nav#cittanav + div p .hours span { display: block; width: 100%; text-align: center; font-size: 79%; font-weight: bold; }
.pc header[role="banner"] nav#cittanav + div address span { display: inline-block; padding-right: 0.5em; }

.pc.win header[role="banner"] nav#cittanav + div address,
.pc.win header[role="banner"] nav#cittanav + div p span,
.pc.win header[role="banner"] nav#cittanav + div p.time a,
.pc.win header[role="banner"] nav#cittanav + div p .tel { font-weight: normal !important; font-size: 1.0em; }
.pc.chrome header[role="banner"] nav#cittanav + div p:first-child { max-width: 50%; }
.pc.chrome header[role="banner"] nav#cittanav + div p.time + p { width: 300px !important; }
.pc.chrome header[role="banner"] nav#cittanav + div p span { position: absolute; right: 0; -webkit-transform: scale(0.85); white-space: nowrap; }
.pc.chrome body.club header[role="banner"] nav#cittanav + div p span { right: auto; margin-top: 0.3em; margin-left: 0; -webkit-transform: scale(1); }
.pc.chrome body.wedding header[role="banner"] nav#cittanav + div p:first-child span { position: absolute; left: 0; }
.pc.msie body.wedding header[role="banner"] nav#cittanav + div p + p span { font-size: 90%; }
.pc.mac body.club header[role="banner"] nav#cittanav + div p:first-child * { margin: 0; vertical-align: bottom; }
.pc.safari body.club header[role="banner"] nav#cittanav + div p:first-child span { font-size: 82%; }

.pc body.della header[role="banner"] nav#cittanav li strong:before { background-position: 0 -23px; }
.pc body.cine header[role="banner"] nav#cittanav li strong:before { background-position: -100px -23px; }
.pc body.club header[role="banner"] nav#cittanav li strong:before { background-position: -200px -23px; }
.pc body.wedding header[role="banner"] nav#cittanav li strong:before { background-position: -300px -23px; }
.pc body.della header[role="banner"] nav#cittanav li,
.pc body.cine header[role="banner"] nav#cittanav li,
.pc body.club header[role="banner"] nav#cittanav li,
.pc body.wedding header[role="banner"] nav#cittanav li { display: block !important; }

.pc header[role="banner"] #gnav { height: 40px; }
.pc header[role="banner"] #gnav ul { padding-left: 185px; }
.pc header[role="banner"] #gnav li { height: 32px; margin-top: 8px; }
.pc header[role="banner"] #gnav li > strong,
.pc header[role="banner"] #gnav li > a { display: block; width: 100%; height: 32px; color: transparent !important; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.pc body.della header[role="banner"] #gnav li > strong,
.pc body.della header[role="banner"] #gnav li > a { background: transparent url(/common/images/bg_gnav.png) no-repeat 0 0; }
.pc body.della header[role="banner"] #gnav li:nth-child(1) { width: 156px; }
.pc body.della header[role="banner"] #gnav li:nth-child(2) { width: 110px; }
.pc body.della header[role="banner"] #gnav li:nth-child(3) { width: 165px; }
.pc body.della header[role="banner"] #gnav li:nth-child(4) { width: 97px; }
.pc body.della header[role="banner"] #gnav li:nth-child(5) { width: 142px; }
.pc body.della header[role="banner"] #gnav li:nth-child(6) { width: 94px; }
.pc body.della header[role="banner"] #gnav li:nth-child(1) a { background-position: 0 0; }
.pc body.della header[role="banner"] #gnav li:nth-child(1):hover a { background-position: 0 -32px; }
.pc body.della header[role="banner"] #gnav li:nth-child(1) strong { background-position: 0 -64px; }
.pc body.della header[role="banner"] #gnav li:nth-child(2) a { background-position: -157px 0; }
.pc body.della header[role="banner"] #gnav li:nth-child(2):hover a { background-position: -157px -32px; }
.pc body.della header[role="banner"] #gnav li:nth-child(2) strong { background-position: -157px -64px; }
.pc body.della header[role="banner"] #gnav li:nth-child(3) a { background-position: -267px 0; }
.pc body.della header[role="banner"] #gnav li:nth-child(3):hover a { background-position: -267px -32px; }
.pc body.della header[role="banner"] #gnav li:nth-child(3) strong { background-position: -267px -64px; }
.pc body.della header[role="banner"] #gnav li:nth-child(4) a { background-position: -433px 0; }
.pc body.della header[role="banner"] #gnav li:nth-child(4):hover a { background-position: -433px -32px; }
.pc body.della header[role="banner"] #gnav li:nth-child(4) strong { background-position: -433px -64px; }
.pc body.della header[role="banner"] #gnav li:nth-child(5) a { background-position: -533px 0; }
.pc body.della header[role="banner"] #gnav li:nth-child(5):hover a { background-position: -533px -32px; }
.pc body.della header[role="banner"] #gnav li:nth-child(5) strong { background-position: -533px -64px; }
.pc body.della header[role="banner"] #gnav li:nth-child(6) a { background-position: -678px 0; }
.pc body.della header[role="banner"] #gnav li:nth-child(6):hover a { background-position: -678px -32px; }
.pc body.della header[role="banner"] #gnav li:nth-child(6) strong { background-position: -675px -64px; }

.pc body.cine header[role="banner"] #gnav li > strong,
.pc body.cine header[role="banner"] #gnav li > a { background: transparent url(/common/images/bg_gnav.png) no-repeat 0 0; }
.pc body.cine header[role="banner"] #gnav li:nth-child(1) { width: 142px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(2) { width: 106px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(3) { width:97px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(4) { width: 96px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(5) { width: 82px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(6) { width: 142px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(7) { width: 91px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(1) a { background-position: 0 0; }
.pc body.cine header[role="banner"] #gnav li:nth-child(1):hover a { background-position: 0 -32px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(1) strong { background-position: 0 -64px;  }
.pc body.cine header[role="banner"] #gnav li:nth-child(2) a { background-position: -140px 0; }
.pc body.cine header[role="banner"] #gnav li:nth-child(2):hover a { background-position: -140px -32px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(2) strong { background-position: -140px -64px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(3) a { background-position: -249px 0; }
.pc body.cine header[role="banner"] #gnav li:nth-child(3):hover a { background-position: -249px -32px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(3) strong { background-position: -249px -64px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(4) a { background-position: -345px 0; }
.pc body.cine header[role="banner"] #gnav li:nth-child(4):hover a { background-position: -345px -32px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(4) strong { background-position: -345px -64px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(5) a { background-position: -450px 0; }
.pc body.cine header[role="banner"] #gnav li:nth-child(5):hover a { background-position: -450px -32px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(5) strong { background-position: -450px -64px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(6) a { background-position: -535px 0; }
.pc body.cine header[role="banner"] #gnav li:nth-child(6):hover a { background-position: -535px -32px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(6) strong { background-position: -535px -64px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(7) a { background-position: -679px 0; }
.pc body.cine header[role="banner"] #gnav li:nth-child(7):hover a { background-position: -679px -32px; }
.pc body.cine header[role="banner"] #gnav li:nth-child(7) strong { background-position: -679px -64px; }

.pc body.club header[role="banner"] #gnav li > strong,
.pc body.club header[role="banner"] #gnav li > a { background: transparent url(/common/images/bg_gnav.png) no-repeat 0 0; }
.pc body.club header[role="banner"] #gnav li:nth-child(1) { width: 147px; }
.pc body.club header[role="banner"] #gnav li:nth-child(2) { width: 102px; }
.pc body.club header[role="banner"] #gnav li:nth-child(3) { width: 144px; }
.pc body.club header[role="banner"] #gnav li:nth-child(4) { width: 136px; }
.pc body.club header[role="banner"] #gnav li:nth-child(5) { width: 138px; }
.pc body.club header[role="banner"] #gnav li:nth-child(6) { width: 91px; }
.pc body.club header[role="banner"] #gnav li:nth-child(1) a { background-position: 0 0; }
.pc body.club header[role="banner"] #gnav li:nth-child(1):hover a { background-position: 0 -32px; }
.pc body.club header[role="banner"] #gnav li:nth-child(1) strong { background-position: 0 -64px; }
.pc body.club header[role="banner"] #gnav li:nth-child(2) a { background-position: -150px 0; }
.pc body.club header[role="banner"] #gnav li:nth-child(2):hover a { background-position: -150px -32px; }
.pc body.club header[role="banner"] #gnav li:nth-child(2) strong { background-position: -150px -64px; }
.pc body.club header[role="banner"] #gnav li:nth-child(3) a { background-position: -250px 0; }
.pc body.club header[role="banner"] #gnav li:nth-child(3):hover a { background-position: -250px -32px; }
.pc body.club header[role="banner"] #gnav li:nth-child(3) strong { background-position: -250px -64px; }
.pc body.club header[role="banner"] #gnav li:nth-child(4) a { background-position: -393px 0; }
.pc body.club header[role="banner"] #gnav li:nth-child(4):hover a { background-position: -393px -32px; }
.pc body.club header[role="banner"] #gnav li:nth-child(4) strong { background-position: -393px -64px; }
.pc body.club header[role="banner"] #gnav li:nth-child(5) a { background-position: -526px 0; }
.pc body.club header[role="banner"] #gnav li:nth-child(5):hover a { background-position: -526px -32px; }
.pc body.club header[role="banner"] #gnav li:nth-child(5) strong { background-position: -526px -64px; }
.pc body.club header[role="banner"] #gnav li:nth-child(6) a { background-position: -667px 0; }
.pc body.club header[role="banner"] #gnav li:nth-child(6):hover a { background-position: -667px -32px; }
.pc body.club header[role="banner"] #gnav li:nth-child(6) strong { background-position: -667px -64px; }

.pc body.wedding header[role="banner"] #gnav li > strong,
.pc body.wedding header[role="banner"] #gnav li > a { background: transparent url(/common/images/bg_gnav.png) no-repeat 0 0; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(1) { width: 110px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(2) { width: 105px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(3) { width: 124px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(4) { width: 93px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(5) { width: 90px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(6) { width: 108px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(7) { width: 103px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(1) a { background-position: 0 0; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(1):hover a { background-position: 0 -32px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(1) strong { background-position: 0 -64px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(2) a { background-position: -111px 0; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(2):hover a { background-position: -111px -32px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(2) strong { background-position: -111px -64px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(3) a { background-position: -218px 0; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(3):hover a { background-position: -218px -32px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(3) strong { background-position: -218px -64px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(4) a { background-position: -339px 0; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(4):hover a { background-position: -339px -32px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(4) strong { background-position: -339px -64px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(5) a { background-position: -436px 0; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(5):hover a { background-position: -436px -32px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(5) strong { background-position: -436px -64px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(6) a { background-position: -530px 0; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(6):hover a { background-position: -530px -32px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(6) strong { background-position: -530px -64px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(7) a { background-position: -640px 0; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(7):hover a { background-position: -640px -32px; }
.pc body.wedding header[role="banner"] #gnav li:nth-child(7) strong { background-position: -640px -64px; }

.pc header[role="banner"] #topicpath hgroup { padding: 2em 0 1em 0.5em; }
.pc header[role="banner"] #topicpath hgroup h1 { font-size: 160%; font-weight: bold; }
.pc header[role="banner"] #topicpath ul { padding-right: 244px; }

.pc div[role="complementary"] > section > div { padding: 1em 110px 1em 1em; }
.pc div[role="complementary"] > section > div > figure { position: absolute; top: 1em; right: 1em; width: 100px; height: 100px; }
.pc div[role="complementary"] > section > div dl { min-width: 4em; max-width: 25em; margin-left: 0.5em; padding-right: 0.5em; }

.pc header[role="banner"] .social_box,
.pc div.wrapper .social_box { right: -2.4em; }
.pc .ios .cine header[role="banner"] nav#cittanav + div p.qa + p strong { display: inline-block; margin-top: -1.5em; }

.pc body.della#top div.wrapper .social_box { margin-top: -1.5em; margin-bottom: 1em; }
.pc body.cine#top div.wrapper .social_box { margin-top: -0.3em; margin-bottom: 1em; }
.pc body.club#top div.wrapper .social_box { margin-top: 0.8em; margin-bottom: 1em; }
.pc body.wedding#top div.wrapper .social_box { margin-top: 0.8em; margin-bottom: 1em; }

.pc div.wrapper { margin-top: 0.5em; }
.pc div.wrapper > article[role="main"] { padding: 0 0 3em; }
.pc div.wrapper > article[role="main"] { float: left; width: 680px; }
.pc .rcontents { float: right; width: 244px; margin-bottom: 1em; }
.pc .rcontents:last-child{ min-height: 1400px; }

.pc body:not(.sp) article[role="main"] a[href="#top"],
.pc body:not(.sp) .rcontents > section a[href="#top"] { display: none; }
.pc body:not(.sp) article[role="main"] > a[href="#top"]:last-of-type { display: block; }


@media screen and ( min-width: 1024px ) {
	html:not(.pc) { overflow-x: hidden; }
	html:not(.pc) header[role="banner"] > div,
	html:not(.pc) header[role="banner"] > nav > div,
	html:not(.pc) header[role="banner"] > nav > hgroup > *,
	html:not(.pc) body > div.wrapper { width: 950px; } /*20180223*/
	html:not(.pc) div[role="complementary"] nav,
	html:not(.pc) header[role="banner"] > div#keyvisual_box { min-width: 100vw; }

	html:not(.pc) header[role="banner"] > div > h1{ width: 160px; height: 124px; border: 1px solid #fcfcfc; background-color: #ffffff; box-shadow: 0 0 5px 3px rgba(0,0,0,0.1); box-shadow: 0 0 10px 5px rgba(0,0,0,0.1), 0 0 10px #fcfcfc inset; }
	html:not(.pc) body.della header[role="banner"] > div > h1 img { width: 75%; margin: 15% auto 0; }
	html:not(.pc) body.cine header[role="banner"] > div > h1 img { width: 75%; margin: 33% auto; }
	html:not(.pc) body.club header[role="banner"] > div > h1 img { width: 75%; margin: 10% auto 0; }
	html:not(.pc) body.wedding header[role="banner"] > div > h1 img { width: 90%; margin: 20% auto 0; }
	html:not(.pc) body.wedding header[role="banner"] nav#cittanav + div p:first-child { position: relative; }
	html:not(.pc) header[role="banner"] nav#cittanav + div p span { -webkit-transform: scale(.85); -moz-transform: scale(.85); -ms-transform: scale(.85); transform: scale(.85); white-space: nowrap; }
	html:not(.pc) body.wedding header[role="banner"] nav#cittanav + div p:first-child span { position: absolute; font-size: 10px; font-size: 1rem; top: 1.7rem; left: 0; }

	html:not(.pc) header[role="banner"] nav#cittanav { margin-top: -4px; }
	html:not(.pc) header[role="banner"] nav#cittanav h2 { display: none; }
	html:not(.pc) header[role="banner"] nav#cittanav > ul { padding-left: 171px; }
	html:not(.pc) header[role="banner"] nav#cittanav ul { display: inline-block; margin: 1px 0 0 0; width: 700px !important; }
	html:not(.pc) header[role="banner"] nav#cittanav li { display: block !important; width: 130px; height: 76px; border-right: 1px solid #e6e6e6; }
	html:not(.pc) header[role="banner"] nav#cittanav li:first-child { border-left: 1px solid #e6e6e6; }
	html:not(.pc) header[role="banner"] nav#cittanav li:nth-child(2) { margin-left: 1px; }
	html:not(.pc) header[role="banner"] nav#cittanav li:nth-child(3) { margin-left: 1px; }
	html:not(.pc) header[role="banner"] nav#cittanav li:nth-child(4) { margin-left: 1px; }
	html:not(.pc) header[role="banner"] nav#cittanav li strong { background-color: #f8fbf6; }
	html:not(.pc) header[role="banner"] nav#cittanav li strong,
	html:not(.pc) header[role="banner"] nav#cittanav li a {  display: block; padding-bottom: 10px; border-top: 4px solid transparent; color: transparent !important; text-indent: 100%; white-space: nowrap; overflow: hidden; }
	html:not(.pc) header[role="banner"] nav#cittanav li strong:before,
	html:not(.pc) header[role="banner"] nav#cittanav li a:before { content: ""; display: block; width: 100px; height: 23px; margin: 25px auto 0; background: transparent url(/common/images/bg_cittanav.png) no-repeat 0 0; }
	html:not(.pc) header[role="banner"] nav#cittanav li:nth-child(1) a:before { background-position: -1px -23px; }
	html:not(.pc) header[role="banner"] nav#cittanav li:nth-child(2) a:before { background-position: -97px 0; }
	html:not(.pc) header[role="banner"] nav#cittanav li:nth-child(3) a:before { background-position: -199px 0; }
	html:not(.pc) header[role="banner"] nav#cittanav li:nth-child(4) a:before { background-position: -298px 0; }
	html:not(.pc) header[role="banner"] nav#cittanav li:nth-child(1):hover a:before { background-position: -1px -23px; }
	html:not(.pc) header[role="banner"] nav#cittanav li:nth-child(2):hover a:before { background-position: -97px -23px; }
	html:not(.pc) header[role="banner"] nav#cittanav li:nth-child(3):hover a:before { background-position: -199px -23px; }
	html:not(.pc) header[role="banner"] nav#cittanav li:nth-child(4):hover a:before { background-position: -298px -23px; }
	html:not(.pc) body.della header[role="banner"] nav#cittanav li strong { border-top-color: #002d24; }
	html:not(.pc) body.cine header[role="banner"] nav#cittanav li strong { border-top-color: #1e6e7d; }
	html:not(.pc) body.club header[role="banner"] nav#cittanav li strong { border-top-color: #1541bc; }
	html:not(.pc) body.wedding header[role="banner"] nav#cittanav li strong { border-top-color: #fdb3c4; }

	html:not(.pc) header[role="banner"] nav#cittanav + div { position: absolute; top: 0; right: 0; width: 250px; height: 74px; font-size: 80%; line-height: 1.3;  }
	html:not(.pc) header[role="banner"] nav#cittanav + div p,
	html:not(.pc) header[role="banner"] nav#cittanav + div address { box-sizing: border-box; }
	html:not(.pc) header[role="banner"] nav#cittanav + div p a,
	html:not(.pc) header[role="banner"] nav#cittanav + div address a { font-size: 1.1rem; }
	html:not(.pc) header[role="banner"] nav#cittanav + div p { float: left; max-width: 50%; height: 28px; text-align: center; margin: 9px 0 3px; }
	html:not(.pc) header[role="banner"] nav#cittanav + div p:first-child { width: 120px; border-right: 1px solid #e6e6e6; }

	html:not(.pc) body.della header[role="banner"] nav#cittanav + div p:first-child > a,
	html:not(.pc) body.cine header[role="banner"] nav#cittanav + div p:first-child > a { display: block; margin-top: 0.8em; }

	html:not(.pc) body.club header[role="banner"] nav#cittanav + div p:first-child { display: block; margin: 1.2em 0 0; max-width: 98%; border-right: none !important; }
	html:not(.pc) body.club header[role="banner"] nav#cittanav + div p { width: 100%; border-right: none !important; text-align: left; text-indent: 0.3em; }
	html:not(.pc) body.club header[role="banner"] nav#cittanav + div p > * { display: inline-block !important; width: auto !important; margin: 0 0.2em; padding-top: 0; border-right: none !important; }
	html:not(.pc) body.wedding header[role="banner"] nav#cittanav + div p:first-child { margin: 10px 0 8px -1px; padding-left: 1.8em; text-align: left; }
	.ios body.club header[role="banner"] nav#cittanav + div p:first-child { margin-top: 0.75em; margin-bottom: 0.75em; }
	.ios body.club header[role="banner"] nav#cittanav + div p:first-child a { margin-right: -1em; }

	html:not(.pc) header[role="banner"] nav#cittanav + div p + p { position: relative; padding-left: 1em; font-size: 90%; }
	html:not(.pc) header[role="banner"] nav#cittanav + div p + p a,
	html:not(.pc) header[role="banner"] nav#cittanav + div p + p strong { margin-top: -1em; }
	html:not(.pc) header[role="banner"] nav#cittanav + div address { clear: both; display: block; width: 100%; padding: 0.8em 0 0 0.3em; font-style: normal; border-top: 1px solid #e6e6e6; line-height: 1.6; font-weight: bold; }
	html:not(.pc) header[role="banner"] nav#cittanav + div p a + span,
	html:not(.pc) header[role="banner"] nav#cittanav + div p strong + span { display: inline-block;  }
	html:not(.pc) header[role="banner"] nav#cittanav + div p:first-child a + span,
	html:not(.pc) header[role="banner"] nav#cittanav + div p:first-child stong + span { display: block; }
	html:not(.pc) header[role="banner"] nav#cittanav + div p:first-child a:hover { color: #3b94cc; text-decoration: underline; }
	html:not(.pc) header[role="banner"] nav#cittanav + div p .tel + span,
	html:not(.pc) header[role="banner"] nav#cittanav + div p .hours span { display: block; width: 100%; text-align: center; font-size: 80%; font-weight: bold; }
	html:not(.pc) header[role="banner"] nav#cittanav + div address span { display: inline-block; padding-right: 0.5em; }
	html:not(.pc) body.club header[role="banner"] nav#cittanav + div p span { letter-spacing: 0.06em; }

	html:not(.pc) body.della header[role="banner"] nav#cittanav li strong:before { background-position: 0 -23px; }
	html:not(.pc) body.cine header[role="banner"] nav#cittanav li strong:before { background-position: -100px -23px; }
	html:not(.pc) body.club header[role="banner"] nav#cittanav li strong:before { background-position: -200px -23px; }
	html:not(.pc) body.wedding header[role="banner"] nav#cittanav li strong:before { background-position: -300px -23px; }
	html:not(.pc) body.della header[role="banner"] nav#cittanav li,
	html:not(.pc) body.cine header[role="banner"] nav#cittanav li,
	html:not(.pc) body.club header[role="banner"] nav#cittanav li,
	html:not(.pc) body.wedding header[role="banner"] nav#cittanav li { display: block !important; }

	html:not(.pc) header[role="banner"] #gnav { height: 40px; }
	html:not(.pc) header[role="banner"] #gnav ul { padding-left: 185px; width: 950px; margin: 0 auto; } /*20180222*/
	html:not(.pc) header[role="banner"] #gnav li { height: 32px; margin-top: 8px; }
	html:not(.pc) header[role="banner"] #gnav li > strong,
	html:not(.pc) header[role="banner"] #gnav li > a { display: block; width: 100%; height: 32px; color: transparent !important; text-indent: 100%; white-space: nowrap; overflow: hidden; }
	html:not(.pc) body.della header[role="banner"] #gnav li > strong,
	html:not(.pc) body.della header[role="banner"] #gnav li > a { background: transparent url(/common/images/bg_gnav.png) no-repeat 0 0; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(1) { width: 156px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(2) { width: 110px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(3) { width: 165px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(4) { width: 97px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(5) { width: 142px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(6) { width: 94px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(1) a { background-position: 0 0; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(1):hover a { background-position: 0 -32px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(1) strong { background-position: 0 -64px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(2) a { background-position: -157px 0; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(2):hover a { background-position: -157px -32px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(2) strong { background-position: -157px -64px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(3) a { background-position: -267px 0; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(3):hover a { background-position: -267px -32px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(3) strong { background-position: -267px -64px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(4) a { background-position: -433px 0; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(4):hover a { background-position: -433px -32px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(4) strong { background-position: -433px -64px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(5) a { background-position: -533px 0; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(5):hover a { background-position: -533px -32px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(5) strong { background-position: -533px -64px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(6) a { background-position: -678px 0; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(6):hover a { background-position: -678px -32px; }
	html:not(.pc) body.della header[role="banner"] #gnav li:nth-child(6) strong { background-position: -675px -64px; }

	html:not(.pc) body.cine header[role="banner"] #gnav li > strong,
	html:not(.pc) body.cine header[role="banner"] #gnav li > a { background: transparent url(/common/images/bg_gnav.png) no-repeat 0 0; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(1) { width: 142px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(2) { width: 106px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(3) { width:97px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(4) { width: 96px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(5) { width: 82px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(6) { width: 142px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(7) { width: 91px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(1) a { background-position: 0 0; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(1):hover a { background-position: 0 -32px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(1) strong { background-position: 0 -64px;  }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(2) a { background-position: -140px 0; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(2):hover a { background-position: -140px -32px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(2) strong { background-position: -140px -64px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(3) a { background-position: -249px 0; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(3):hover a { background-position: -249px -32px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(3) strong { background-position: -249px -64px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(4) a { background-position: -345px 0; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(4):hover a { background-position: -345px -32px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(4) strong { background-position: -345px -64px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(5) a { background-position: -450px 0; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(5):hover a { background-position: -450px -32px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(5) strong { background-position: -450px -64px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(6) a { background-position: -535px 0; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(6):hover a { background-position: -535px -32px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(6) strong { background-position: -535px -64px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(7) a { background-position: -679px 0; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(7):hover a { background-position: -679px -32px; }
	html:not(.pc) body.cine header[role="banner"] #gnav li:nth-child(7) strong { background-position: -679px -64px; }

	html:not(.pc) body.club header[role="banner"] #gnav li > strong,
	html:not(.pc) body.club header[role="banner"] #gnav li > a { background: transparent url(/common/images/bg_gnav.png) no-repeat 0 0; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(1) { width: 147px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(2) { width: 102px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(3) { width: 144px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(4) { width: 136px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(5) { width: 138px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(6) { width: 91px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(1) a { background-position: 0 0; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(1):hover a { background-position: 0 -32px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(1) strong { background-position: 0 -64px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(2) a { background-position: -150px 0; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(2):hover a { background-position: -150px -32px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(2) strong { background-position: -150px -64px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(3) a { background-position: -250px 0; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(3):hover a { background-position: -250px -32px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(3) strong { background-position: -250px -64px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(4) a { background-position: -393px 0; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(4):hover a { background-position: -393px -32px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(4) strong { background-position: -393px -64px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(5) a { background-position: -526px 0; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(5):hover a { background-position: -526px -32px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(5) strong { background-position: -526px -64px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(6) a { background-position: -667px 0; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(6):hover a { background-position: -667px -32px; }
	html:not(.pc) body.club header[role="banner"] #gnav li:nth-child(6) strong { background-position: -667px -64px; }

	html:not(.pc) body.wedding header[role="banner"] #gnav li > strong,
	html:not(.pc) body.wedding header[role="banner"] #gnav li > a { background: transparent url(/common/images/bg_gnav.png) no-repeat 0 0; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(1) { width: 110px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(2) { width: 105px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(3) { width: 124px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(4) { width: 93px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(5) { width: 90px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(6) { width: 108px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(7) { width: 103px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(1) a { background-position: 0 0; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(1):hover a { background-position: 0 -32px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(1) strong { background-position: 0 -64px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(2) a { background-position: -111px 0; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(2):hover a { background-position: -111px -32px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(2) strong { background-position: -111px -64px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(3) a { background-position: -218px 0; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(3):hover a { background-position: -218px -32px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(3) strong { background-position: -218px -64px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(4) a { background-position: -339px 0; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(4):hover a { background-position: -339px -32px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(4) strong { background-position: -339px -64px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(5) a { background-position: -436px 0; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(5):hover a { background-position: -436px -32px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(5) strong { background-position: -436px -64px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(6) a { background-position: -530px 0; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(6):hover a { background-position: -530px -32px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(6) strong { background-position: -530px -64px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(7) a { background-position: -640px 0; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(7):hover a { background-position: -640px -32px; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li:nth-child(7) strong { background-position: -640px -64px; }

	html:not(.pc) header[role="banner"] #topicpath hgroup { padding: 2em 0 1em 0.5em; }
	html:not(.pc) header[role="banner"] #topicpath hgroup h1 { font-size: 160%; font-weight: bold; }
	html:not(.pc) header[role="banner"] #topicpath ul { padding-right: 244px; }

	html:not(.pc) div[role="complementary"] > section > div { padding: 1em 110px 1em 1em; }
	html:not(.pc) div[role="complementary"] > section > div > figure { position: absolute; top: 1em; right: 1em; width: 100px; height: 100px; }
	html:not(.pc) div[role="complementary"] > section > div dl { min-width: 4em; max-width: 25em; margin-left: 0.5em; padding-right: 0.5em; }

	html:not(.pc) header[role="banner"] .social_box,
	html:not(.pc) div.wrapper .social_box { right: -2.4em; }
	.ios .cine header[role="banner"] nav#cittanav + div p.qa + p strong { display: inline-block; margin-top: -1.5em; }

	html:not(.pc) body.della#top div.wrapper .social_box { margin-top: -1.5em; margin-bottom: 1em; }
	html:not(.pc) body.cine#top div.wrapper .social_box { margin-top: -0.3em; margin-bottom: 1em; }
	html:not(.pc) body.club#top div.wrapper .social_box { margin-top: 0.8em; margin-bottom: 1em; }
	html:not(.pc) body.wedding#top div.wrapper .social_box { margin-top: 0.8em; margin-bottom: 1em; }

	html:not(.pc) div.wrapper { margin: 1em auto 3em; margin-top: 0.5em; }
	html:not(.pc) div.wrapper > article[role="main"] { padding: 0 0 3em; }
	html:not(.pc) body#movies_detail div.wrapper > article[role="main"] { padding: 0em; }
	html:not(.pc) div.wrapper > article[role="main"] { float: left; width: 680px; }
	html:not(.pc) body.no_sidemenu div.wrapper > article[role="main"] { width: 100%; }
	html:not(.pc) .rcontents { float: right; width: 244px; margin-bottom: 1em; }

	html:not(.pc) body:not(.sp) article[role="main"] a[href="#top"],
	html:not(.pc) body:not(.sp) .rcontents > section a[href="#top"] { display: none; }
	html:not(.pc) body:not(.sp) article[role="main"] > a[href="#top"]:last-of-type { display: block; }
}

@media screen and ( min-width: 768px ) and ( max-width: 1023px ){

	html:not(.pc) { overflow-x: hidden; }
	html:not(.pc) header[role="banner"] > div,
	html:not(.pc) header[role="banner"] > nav > div,
	html:not(.pc) header[role="banner"] > nav > hgroup > *,
	html:not(.pc) body > div.wrapper { max-width: 97vw;  }
	html:not(.pc) div[role="complementary"] nav,
	html:not(.pc) header[role="banner"] > div#keyvisual_box { min-width: 100vw; }

	html:not(.pc) header[role="banner"] { padding-top: 2.3em; border-top-color: #fff; }
	html:not(.pc) header[role="banner"]:before { content: ""; position: absolute; top: 2.3em; width: 100%; margin-top: -4px; border-top: 4px solid #d8d8d8; }
	html:not(.pc) header[role="banner"] > div { height: 3.2em; }
	html:not(.pc) header[role="banner"] > div > h1 { width: 150px; height: 120px; margin-top: -2.5em; padding: 0.5em 0 0; text-align: center; border: 1px solid #fcfcfc; background-color: #fff; box-shadow: 0 0 5px 3px rgba(0,0,0,0.1); box-shadow: 0 0 10px 5px rgba(0,0,0,0.1), 0 0 10px #fcfcfc inset; }
	html:not(.pc) header[role="banner"] > div > h1 img { display: inline; width: 70%; }
	html:not(.pc) body.della header[role="banner"] > div > h1 img { width: 75%; margin: 15% auto 0; }
	html:not(.pc) body.cine header[role="banner"] > div > h1 img { width: 75%; margin: 33% auto; }
	html:not(.pc) body.club header[role="banner"] > div > h1 img { width: 75%; margin: 10% auto 0; }
	html:not(.pc) body.wedding header[role="banner"] > div > h1 img { width: 80%; margin: 20% auto 0; }

	html:not(.pc) header[role="banner"] #cittanav { margin-top: -4px; padding-left: 160px; }
	html:not(.pc) header[role="banner"] #cittanav h2 { display: none; }
	html:not(.pc) header[role="banner"] #cittanav ul { display: inline-block; margin: 0; }
	html:not(.pc) header[role="banner"] #cittanav li { width: 24.6%; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
	html:not(.pc) header[role="banner"] #cittanav li  a,
	html:not(.pc) header[role="banner"] #cittanav li strong { display: block; padding: 1.2em 0; font-size: 95%; font-weight: bold; border-top: 4px solid transparent; }
	html:not(.pc) header[role="banner"] #cittanav li strong { background-color: #f8fbf6; }
	html:not(.pc) body.della header[role="banner"] nav#cittanav li,
	html:not(.pc) body.cine header[role="banner"] nav#cittanav li,
	html:not(.pc) body.club header[role="banner"] nav#cittanav li,
	html:not(.pc) body.wedding header[role="banner"] nav#cittanav li { display: block !important; }

	html:not(.pc) header[role="banner"] #cittanav + div { position: absolute; top: -2.6em; left: 1.5em; width: 100%; min-height: 2.5em; padding-left: 19.5%; padding-top: 0.55em; font-size: 80%; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); box-sizing: border-box; }
	html:not(.pc) header[role="banner"] .qa a { position: relative;}
	html:not(.pc) header[role="banner"] .qa a:before { top: -0.2em; left: -1.2em;  }
	html:not(.pc) header[role="banner"] #cittanav + div p span { margin-left: 0.3em; }
	html:not(.pc) header[role="banner"] #cittanav + div p,
	html:not(.pc) header[role="banner"] #cittanav + div address { display: inline-block; margin-left: 0.5em; }
	html:not(.pc) header[role="banner"] #cittanav + div p + p,
	html:not(.pc) header[role="banner"] #cittanav + div address { display: inline-block; margin-left: -0.2em; }
	html:not(.pc) header[role="banner"] #cittanav + div p a,
	html:not(.pc) header[role="banner"] #cittanav + div p strong,
	html:not(.pc) header[role="banner"] #cittanav + div address span { display: inline-block; padding-right: 0.2em; }
	html:not(.pc) header[role="banner"] #cittanav + div p .tel { position: relative;  padding: 0 0 0 1em; }
	html:not(.pc) header[role="banner"] #cittanav + div p .tel:before { top: 0; left: 0;  font-size: 100%; }


	html:not(.pc) body.wedding #cittanav + div { white-space: nowrap; transform: scale(.85); }
	html:not(.pc) body.wedding #cittanav + div,
	html:not(.pc) body.wedding #cittanav + div .tel,
	html:not(.pc) body.wedding #cittanav + div a::before { font-size: 0.95rem; font-weight: normal; }
	html:not(.pc) body.wedding #cittanav + div p a span,
	html:not(.pc) body.wedding #cittanav + div p strong span { display: inline-block;  }

	html:not(.pc) #cittanav li a { color: #4c4c4c; }
	html:not(.pc) #cittanav li:nth-child(1):hover a { color: #002d24; }
	html:not(.pc) #cittanav li:nth-child(2):hover a { color: #1e6e7d; }
	html:not(.pc) #cittanav li:nth-child(3):hover a { color: #1541bc; }
	html:not(.pc) #cittanav li:nth-child(4):hover a { color: #fdb3c4; }

	html:not(.pc) body.della #cittanav li strong { border-color: #002d24; }
	html:not(.pc) body.cine #cittanav li strong{ border-color: #1e6e7d; }
	html:not(.pc) body.club #cittanav li strong { border-color: #1541bc; }
	html:not(.pc) body.wedding #cittanav li strong { color: #fdb3c4; border-color: #fdb3c4; }
	html:not(.pc) body.club #cittanav + div p:first-child { margin-left: -1em;  }

	html:not(.pc) header[role="banner"] #gnav { padding: 0.4em 0; }
	html:not(.pc) header[role="banner"] #gnav ul { padding-left: 155px; }
	html:not(.pc) header[role="banner"] #gnav li { min-width: 3em; margin-left: 0.5em; font-size: 85%; white-space: nowrap; }
	html:not(.pc) header[role="banner"] #gnav li > strong:before,
	html:not(.pc) header[role="banner"] #gnav li > a:before { content: '\002192'; position: absolute; display: block; left: 1.8em; font-weight: normal; font-family: 'fontello'; font-size: 1.0rem; }
	html:not(.pc) header[role="banner"] #gnav li > strong,
	html:not(.pc) header[role="banner"] #gnav li > a { padding: 0.4em 0.8em 0.4em 2em !important; font-size: 1.0rem; }

	html:not(.pc) header[role="banner"] #gnav li a { color: #fff; font-weight: bold; }
	html:not(.pc) body.della header[role="banner"] #gnav li a:before { color: #7aab0e; }
	html:not(.pc) body.cine header[role="banner"] #gnav li a:before { color: #e0c208; }
	html:not(.pc) body.club header[role="banner"] #gnav li a:before { color: #08aee4; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li a:before { color: #c89177; }
	html:not(.pc) body.wedding#top #topcittanav ul { max-width: 750px; }
	html:not(.pc) header[role="banner"] #topicpath hgroup { padding: 1.5em 0 0.5em 1em; }
	html:not(.pc) header[role="banner"] #topicpath hgroup h1 { font-size: 160%; font-weight: bold; }
	html:not(.pc) header[role="banner"] #topicpath ul { padding-right: 200px; }

	html:not(.pc) div[role="complementary"] > section > div { padding: 1em 110px 1em 1em; }
	html:not(.pc) div[role="complementary"] > section > div dl { min-width: 14.5%; max-width: 18.5%; margin-left: 0.5em; padding-right: 0.5em; }
	html:not(.pc) div[role="complementary"] > section > div > figure { position: absolute; top: 1em; right: 1em; width: 100px; height: 100px; }

	html:not(.pc) div.wrapper { margin: 1em auto; }
	html:not(.pc) div.wrapper > article[role="main"] img { max-width: 100% }
	html:not(.pc) div.wrapper > article[role="main"] { float: left; width: 536px; }
	html:not(.pc) body.cine div.wrapper > article[role="main"] {width: 490px; }
	html:not(.pc) body.cine.no_sidemenu div.wrapper > article[role="main"] {width: 100%; }
	html:not(.pc) .rcontents { float: right; width: 200px; margin-bottom: 1em; }
	html:not(.pc) body.cine .rcontents { width: 244px; }
	.ios header[role="banner"] { overflow-x: hidden; }

	html:not(.pc) div.wrapper .social_box { right: -2.4em; }
	html:not(.pc) body.della#top div.wrapper .social_box { margin-top: -1.5em; margin-bottom: 1em; }
	html:not(.pc) body.cine#top div.wrapper .social_box { margin-top: -0.5em; margin-bottom: 0.8em; }
	html:not(.pc) body.club#top div.wrapper .social_box { margin-top: 0.8em; margin-bottom: 1em; }
	html:not(.pc) body.wedding#top div.wrapper .social_box { margin-top: -1.5em; margin-bottom: 1em; }

	.ios body.della#top div.wrapper .social_box { margin-top: -2.5em; }
	.ios body.wedding#top div.wrapper .social_box { margin-top: -1.2em; margin-bottom: 1em; }

	html:not(.pc) body:not(.sp) article[role="main"] a[href="#top"],
	html:not(.pc) body:not(.sp) .rcontents > section a[href="#top"] { display: none; }
	html:not(.pc) body:not(.sp) article[role="main"] > a[href="#top"]:last-of-type { display: block; }

}


@media screen and ( max-width: 767px ){
	html:not(.pc) header[role="banner"] > div,
	html:not(.pc) header[role="banner"] > nav > ul,
	html:not(.pc) header[role="banner"] > nav > div,
	html:not(.pc) header[role="banner"] > nav > hgroup > *,
	html:not(.pc) body > nav > *,
	html:not(.pc) body > div.wrapper,
	html:not(.pc) div[role="complementary"] > *,
	html:not(.pc) footer[role="contentinfo"] > * { width: 586px; }
	html:not(.pc) div[role="complementary"] nav { width: 100%; }

	html:not(.pc) body:not(.nonav) header[role="banner"] > div { height: 7em; }

	html:not(.pc) body:not(.nonav) header[role="banner"] > div > h1 { top: 0; left: 0; height: 7em; padding: 0; text-align: center; vertical-align: middle; box-sizing: border-box; }
	html:not(.pc) body:not(.nonav) header[role="banner"] > div > h1 img { display: inline; max-width: 100%; max-height: 100%; padding: 0.8em 0 0; vertical-align: middle; }
	html:not(.pc) body.cine:not(.nonav) header[role="banner"] > div > h1 img { padding-top: 2.6em; }
	html:not(.pc) body.club:not(.nonav) header[role="banner"] > div > h1 img { padding-top: 0; }

	html:not(.pc) header[role="banner"] #cittanav { position: absolute; display: block; top: -4px; right: 0; width: 10em !important; margin: 0; padding: 0; border: 1px solid #ccc; border-top: 4px solid #002d24; background-color: rgb(254,254,254); z-index: 1000; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; }
	html:not(.pc) header[role="banner"] #cittanav { border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; box-sizing: border-box; background-image: linear-gradient(to bottom, rgb(252, 252, 252) 0, rgb(223, 223, 223) 80%, rgb(204, 204, 204) 100%); }
	html:not(.pc) header[role="banner"] #cittanav h2 { display: block; width: 100%; text-align: center; vertical-align: bottom; padding: 1em 0.5em 1.1em; font-size: 95%; line-height: 1.4; cursor: pointer; color: #4c4c4c; background: transparent; box-sizing: border-box; }
	html:not(.pc) header[role="banner"] #cittanav h2:after { content: '\00e804'; display: inline-block; padding-left: 0.2em; font-weight: normal; font-family: 'fontello'; font-size: 130%; vertical-align: bottom; line-height: 1.1; }
	html:not(.pc) header[role="banner"] #cittanav.open h2:after { content: '\00e807'; }
	html:not(.pc) header[role="banner"] #cittanav ul { display: none; width: 100%; margin: 0; }
	html:not(.pc) header[role="banner"] #cittanav li { width: 100%; border-top: 1px solid #bababa; border-bottom: 1px solid #efefef; line-height: 1.4; }
	html:not(.pc) header[role="banner"] #cittanav li:last-child,
	html:not(.pc) body.wedding header[role="banner"] #cittanav li:nth-child(3) { border-bottom: none; }
	html:not(.pc) header[role="banner"] #cittanav li span { display: block; margin-top: 0.8em; color: #aeaeae; font-size: 70%; }
	html:not(.pc) header[role="banner"] #cittanav li strong,
	html:not(.pc) header[role="banner"] #cittanav li a { padding: 1.2em 0; font-size: 95%; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.4), -1px -1px 1px rgba(255,255,255,0.2); }

	html:not(.pc) header[role="banner"] #cittanav li a[title="\0030e9\0020\0030c1\0030c3\0030bf\0030c7\0030c3\0030e9"] { color: #002d24 !important; }
	html:not(.pc) header[role="banner"] #cittanav li a[title="\0030c1\0030cd\0030c1\0030c3\0030bf"] { color: #1e6e7d !important; }
	html:not(.pc) header[role="banner"] #cittanav li a[title="\0030af\0030e9\0030d6\0030c1\0030c3\0030bf"] { color: #1541bc !important; }
	html:not(.pc) header[role="banner"] #cittanav li a[title="\0030c1\0030c3\0030bf\0030a6\0030a7\0030c7\0030a3\0030f3\0030b0"] { color: #fdb3c4 !important; }

	html:not(.pc) header[role="banner"] #cittanav + div { position: absolute; right: 0; bottom: 0; font-size: 90%; border: 1px solid #ccc; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); background-color: rgb(254,254,254); }
	html:not(.pc) header[role="banner"] #cittanav + div { border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; box-sizing: border-box; background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, rgb(254, 254, 254) 2%, rgb(229, 229, 229) 100%); }
	html:not(.pc) header[role="banner"] #cittanav + div:after { content: ""; clear: both; display: block; height: 0; }
	html:not(.pc) header[role="banner"] #cittanav + div p,
	html:not(.pc) header[role="banner"] #cittanav + div address { position: relative; float: left; display: block; min-height: 3.2em; margin: 0; border-left: 1px solid #ccc; text-indent: 100%; white-space: nowrap; overflow: hidden; box-sizing: border-box; }
	html:not(.pc) header[role="banner"] #cittanav + div span { display: none; }
	html:not(.pc) header[role="banner"] #cittanav + div a { display: block; width: 100%; height: 100%; margin: 0; padding: 0; font-size: 1rem; color: transparent !important; text-shadow: none; overflow-x: hidden; z-index: 999 !important; }
	html:not(.pc) header[role="banner"] #cittanav + div a:before { content: ""; display: none; }
	html:not(.pc) header[role="banner"] #cittanav + div > *:first-child { border-top-left-radius: 0.5em; border-left: none; }
	html:not(.pc) header[role="banner"] #cittanav + div > *:last-child { border-top-right-radius: 0.5em; }
	html:not(.pc) header[role="banner"] #cittanav + div > * a:before,
	html:not(.pc) header[role="banner"] #cittanav + div > * a:after { display: block; width: 100%; text-align: center; margin-top: 0.2em; text-indent: 0; font-weight: normal; font-size: 140%; color: #1e1e1e; text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px; font-weight: normal; font-family: 'fontello'; white-space: pre; box-sizing: border-box; }
	.ios header[role="banner"] #cittanav + div > * a:after { font-family: 'HiraKakuProN-W3'; }

	html:not(.pc) header[role="banner"] > div > h1 { width: 45%; max-width: 180px; background-color: transparent !important; }
	html:not(.pc) header[role="banner"] #cittanav { min-width: 10em; }
	html:not(.pc) header[role="banner"] #cittanav + div p { min-width: 33%; max-width: 9em !important; }
	html:not(.pc) header[role="banner"] #cittanav + div address { min-width: 32%; max-width: 7em !important; }
	html:not(.pc) header[role="banner"] #cittanav + div address span { margin-right: 0.5em; }
	html:not(.pc) header[role="banner"] #cittanav + div { min-width: 25.5em; width: 32.5em; }

	html:not(.pc) body.club header[role="banner"] #cittanav + div { min-width: 16em ; width: 22.2em; }
	html:not(.pc) body.club header[role="banner"] #cittanav + div p,
	html:not(.pc) body.club header[role="banner"] #cittanav + div address { min-width: 6em; max-width: 49.5% !important; }
	.ios body.club header[role="banner"] #cittanav + div p a:after { margin-top: 0.5em; }
	html:not(.pc) body.wedding header[role="banner"] #cittanav + div > em { position: absolute; top: -4.75em; padding:1.4em 0.5em; font-style: normal; font-weight: bold; color: #fff; border-radius: 0.75em; border: 1px solid #fdb3c4; background-color: #fdb3c4; box-shadow: 0 0 0.5em rgba(0,0,0,0.1); z-index: 1000; }
	html:not(.pc) body.wedding header[role="banner"] #cittanav + div > em.balloon { display: block; }
	html:not(.pc) body.wedding header[role="banner"] #cittanav + div > em.balloon a { color: #fff !important; }
	html:not(.pc) body.wedding header[role="banner"] #cittanav + div > em.balloon span { display: inline; padding-left: 0.5em; }
	html:not(.pc) body.wedding header[role="banner"] #cittanav + div > em.balloon:before { content: ''; position: absolute; display: block; bottom: -1.2em; height: 0; margin-right: -1em; border: 0.6em solid transparent; border-top-color: #fdb3c4; }
	html:not(.pc) body.wedding header[role="banner"] #cittanav + div > p a.timehour::before { padding: 0; }

	html:not(.pc) header[role="banner"] #cittanav + div > * a:after { margin-top: 0.3em; font-size: 150%; }
	html:not(.pc) header[role="banner"] #cittanav + div address a:after { content: '\00e724\0020' attr(title); }
	html:not(.pc) header[role="banner"] #cittanav + div p:first-child a:after { content: '\00d83d\00dd54\0020' attr(title); }
	html:not(.pc) header[role="banner"] #cittanav + div p + p a:after,
	html:not(.pc) body.club header[role="banner"] #cittanav + div p:first-child a:after { content: '\e7b0\0020' attr(title); }
	html:not(.pc) body.cine header[role="banner"] #cittanav + div p:first-child a:after { content: '\002753\0020' attr(title); }
	html:not(.pc) body.wedding header[role="banner"] #cittanav + div > em { left: 0; }
	html:not(.pc) body.wedding header[role="banner"] #cittanav + div > em.balloon:before { right: 48%; }

	html:not(.pc) header[role="banner"] #gnav ul { padding: 0.5em 0; font-size: 1.5rem; }
	html:not(.pc) header[role="banner"] #gnav li { margin: 0 1em 0 0; }
	html:not(.pc) header[role="banner"] #gnav li strong,
	html:not(.pc) header[role="banner"] #gnav li a { font-weight: bold; white-space: nowrap; line-height: 1.9; }
	html:not(.pc) header[role="banner"] #gnav li a { color: #fff; }
	html:not(.pc) header[role="banner"] #gnav li > strong,
	html:not(.pc) header[role="banner"] #gnav li > a { padding: 0 0.5em 0 0; }
	html:not(.pc) header[role="banner"] #gnav li.current { background-color: transparent !important; }
	html:not(.pc) body.della header[role="banner"] #gnav li.current strong { color: #84ba0f !important; }
	html:not(.pc) body.cine header[role="banner"] #gnav li.current strong { color: #ffd55b !important; }
	html:not(.pc) body.club header[role="banner"] #gnav li.current strong { color: #0ebbf4 !important; }
	html:not(.pc) body.wedding header[role="banner"] #gnav li.current strong { color: #ad855e !important; }

	html:not(.pc) header[role="banner"] .social_box { margin-top: 0.5em; }

	html:not(.pc) body#top div.wrapper .social_box { position: relative; max-width: 100%; margin: 0 0 0 auto; overflow-x: hidden; }
	html:not(.pc) body.della#top div.wrapper .social_box { margin-top: -1.5em; margin-bottom: 1em; }
	html:not(.pc) body.cine#top div.wrapper .social_box { margin-top: -0.5em; margin-bottom: 0.8em; }
	html:not(.pc) body.club#top div.wrapper .social_box { margin-top: 0.8em; margin-bottom: 1em; }
	html:not(.pc) body.wedding#top #topcittanav ul { max-width: 580px; }
	html:not(.pc) body.wedding#top div.wrapper .social_box { margin-top: 0; margin-bottom: -0.5em; }

	html:not(.pc) div[role="complementary"] nav ul { text-align: left; font-size: 80%;  }
	html:not(.pc) div[role="complementary"] nav ul li { padding: 0 0 0 1em; line-height: 1.8 !important; }
	html:not(.pc) div[role="complementary"] nav ul li + li { border-left-width: 0 !important; }

	html:not(.pc) div[role="complementary"] > section > div { position: relative; margin-bottom: 1em; padding: 1em 0.5em; }
	html:not(.pc) div[role="complementary"] > section > div dl { width: 23%; margin-left: 0.5em; padding-right: 0.5em; }
	html:not(.pc) div[role="complementary"] > section > div > figure { position: relative; float: left; width: 22%; height: auto; }
	html:not(.pc) div[role="complementary"] > section h1 { top: -4.8em; font-size: 85%; }

	html:not(.pc) header[role="banner"] #topicpath { overflow-x: hidden; }
	html:not(.pc) header[role="banner"] #topicpath hgroup { padding: 0.2em 0;  background-repeat: no-repeat; background-position: top right; }
	html:not(.pc) header[role="banner"] #topicpath hgroup h1 { font-size: 150%; font-weight: bold; line-height: 1.5; padding: 0.5em 0; }
	html:not(.pc) header[role="banner"] #topicpath > div > ul { max-width: 70%; }

	html:not(.pc) div.wrapper { margin: 0 auto 1em !important; padding-top: 0; }
	html:not(.pc) div.wrapper > article[role="main"] { width: 100%; }
	html:not(.pc) div.wrapper > article[role="main"] img { max-width: 100% }
	html:not(.pc) div.wrapper > article[role="main"] .wrapperbox a,
	html:not(.pc) div.wrapper > article[role="main"] .wrapperbox a > img { max-width: 100%; }
	html:not(.pc) div.wrapper > article[role="main"] .wrapperbox a > img { display: inline-block; margin: 0 auto; }

	.mobile body:not(.sp) article[role="main"] > #emergency > a[href="#top"] { display: none !important; }
	.mobile body:not(.sp) .rcontents > section a[href="#top"] { display: block !important; }
	.mobile body:not(.sp) article[role="main"] a[href="#top"]:after,
	.mobile body:not(.sp) .rcontents > section a[href="#top"]:after { content: ''; clear: both; display: block; height: 0; }

	html:not(.pc) body:not(.sp) article[role="main"] > *:last-child { margin-bottom: 1em; }
	html:not(.pc) body:not(.sp) article[role="main"] > section { position: relative; padding-bottom: 0.5em; margin-bottom: 0.5em; }
	html:not(.pc) body:not(.sp) article[role="main"] > *:last-child + a[href="#top"] { display: block !important; bottom: -1em; }
	html:not(.pc) body:not(.sp) article[role="main"] > section > a[href="#top"] { display: block; position: absolute; bottom: 0.5em; margin-right: 2px; }
	html:not(.pc) body:not(.sp) .rcontents > section > a[href="#top"] { display: block; position: absolute; bottom: -1em; margin-right: 2px; }
	html:not(.pc) body:not(.sp) .rcontents > section { clear: both; position: relative; padding-bottom: 1.5em; }
}




/* PC only for background */
@media screen and ( max-width: 950px ) {
	html.pc body { min-width: 1050px !important; }
}


/* @Print CSS */
@media print{
	header[role="banner"] > div > div,
	header[role="banner"] nav,
	.wrapper .rcontents,
	#keyvisual_box,
	#emergency,
	.notitlebanner,
	[role="complementary"] { display: none !important; }
	header[role="banner"] { border-top: none; border-bottom: 1px solid #000; }

	header[role="banner"] > div h1 { position: static; }
	article[role="main"] * { position: relative; }
	article[role="main"] > section > header > h1 { padding-bottom: 0.2em; border-bottom: 1px solid #000; border-left: 4px solid #000; }
}

.util_tc{
	text-align: center;
}
.util_tr{
	text-align: right;
}
.util_m1em{
	margin: 1em !important;
}

.food_news{
	margin-bottom: 20px;
}
.food_news .box_full{
	margin-bottom: 10px;
}


/*
 * error.css
 **/

body#notfound .wrapper article  { padding: 5%; background: #fffad7; width: 100%; margin: 5em 0;}
body#notfound .wrapper h1 { font-size: 2em; color: #002d24;}
body#notfound .wrapper h1 span { font-size: 0.8em; }
body#notfound .wrapper p { margin: 1em 0; line-height: 1.8; font-size: 1.2em; }


body#error .wrapper > h1 { width: 120px; margin: 5em auto 0 auto; }
body#error .wrapper > article[role="main"] { margin: 3em auto 5em auto; padding: 5%; box-sizing: border-box; background: #fffad7; text-align: center;}
body#error .wrapper > article[role="main"]:after { content: " "; width: 100%; height: 10em; display: block; background: #fffad7 url(/common/images/bg_city.png) 0 bottom repeat-x; }
body#error .wrapper > article[role="main"]  h2  { font-size: 1.6em; color: #555; }
/*body#error .wrapper > article[role="main"]  h2:before { content: "\002757"; font-family: 'fontello'; }*/
body#error .wrapper > article[role="main"]  h2 + p { margin: 1em 0; font-size: 1.1em; color: #555;} 
body#error .wrapper > article[role="main"]  a { margin-top: 2em; display: block; }
body#error .wrapper > article[role="main"]  a:before   { content: "\00e4a2"; font-family: 'fontello'; color: #002d24;}

@media only screen and ( max-width: 599px ) {

}


/* Android Smartphone Landscape, Tablet7 Portraite  */
@media screen and ( min-width: 600px ) and ( max-width: 767px ){
body#error div.wrapper > article[role="main"] { float: none; width: 100%; }
}

/* Tablet10 Portraite */
@media screen and ( min-width: 768px ) and ( max-width: 1023px ){
body#error div.wrapper > article[role="main"] { float: none; width: 100%; }
}

/* PC, Tablet7-10 Landscape, and more */
@media screen and ( min-width: 1024px ) {
body#error div.wrapper > article[role="main"] { float: none; width: 100%; }
body#notfound .wrapper article { padding: 7em 10em 10em 10em;} 
}
/* @end */

.no_sidemenu .rcontents{
	display: none;
}
.pc .no_sidemenu div.wrapper > article[role="main"]{
	width:950px;
}