@charset "utf-8";

@font-face { font-family: 'lacitta-pc'; src: url('lacitta-pc.eot?20170220'); src: url('lacitta-pc.eot?20170220#iefix') format('embedded-opentype'), url('lacitta-pc.woff2?20170220') format('woff2'), url('lacitta-pc.woff?20170220') format('woff'), url('lacitta-pc.ttf?20170220') format('truetype'), url('lacitta-pc.svg?20170220#lacitta-pc') format('svg'); 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: #fe6713; }

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; }


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

header[role="banner"] a { text-decoration: none; }
header[role="banner"] { position: relative;  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: #fe6713; 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: '\e808'; padding-right: 0.5em; font-weight: normal; font-family: 'lacitta-pc'; 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; box-sizing: border-box; }
header[role="banner"] nav > ul li a,
header[role="banner"] nav > ul li strong { display: block; width: 100%; min-height: 1.2em; vertical-align: bottom; box-sizing: border-box; }
header[role="banner"] nav > ul img { display: block; }

header[role="banner"] #cittanav ul:last-of-type li a { position: relative; display: inline-block; width: 100%; height: 100%; font-weight: normal; font-size: 1rem; color: #1e1e1e; text-decoration: none; }
header[role="banner"] #cittanav ul:last-of-type li a:hover { color: #999; text-decoration: none; }

header[role="banner"] #cittanav ul:last-of-type li { position: relative; width: 88px; }
header[role="banner"] #cittanav ul:last-of-type li a::before { content: ''; display: block; width: 100%; margin: 1.6rem 0 0; padding: 0; text-align: center; font-weight: normal; font-family: 'lacitta-pc'; font-size: 2.3rem; color: inherit; text-indent: 0; }
header[role="banner"] #cittanav ul:last-of-type li.time a::before { content: '\e818';  }
header[role="banner"] #cittanav ul:last-of-type li.enquiry a::before { content: '\e819'; font-size: 2.1rem }
header[role="banner"] #cittanav ul:last-of-type li.cl-notranslate a.en::before { content: '\e800'; }
header[role="banner"] #cittanav ul:last-of-type li.cl-notranslate a.ja::before { content: '\e801'; }
header[role="banner"] #cittanav ul:last-of-type li a span { display: block; position: absolute; width: 100%; }
header[role="banner"] #cittanav ul:last-of-type li.cl-notranslate a.en { font-family: serif !important; }
header[role="banner"] #cittanav ul:last-of-type li.cl-notranslate a.ja { display: none; }
html[lang="en"] header[role="banner"] #cittanav ul:last-of-type li.cl-notranslate a.ja { display: block; }
html[lang="en"] header[role="banner"] #cittanav ul:last-of-type li.cl-notranslate a.en { display: none; }

body.della header[role="banner"] #cittanav li strong { border-top-color: #002d24; }
body.cine header[role="banner"] #cittanav li strong { border-top-color: #fe6713; }
body.club header[role="banner"] #cittanav li strong { border-top-color: #1541bc; }
body.wedding header[role="banner"] #cittanav li strong { border-top-color: #fdb3c4; }
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: #ffd55b; }
body.cine header[role="banner"] #gnav li strong { color: #fe6713; }
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 strong {  }
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; 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: #ffd55b; 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-size: 100%; }
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-height: 20px; margin: 0; padding: 0 !important; text-align: center; vertical-align: top; overflow: hidden; }
header[role="banner"] .social_box div a > img,
body#top div.wrapper .social_box div a > img { display: inline-block; width: auto; height: 100%; }
header[role="banner"] .social_box:after,
body#top div.wrapper > .social_box:after { content: ""; clear: both; display: block; height: 0; }
header[role="banner"] .social_box div.twitter,
body#top div.wrapper > .social_box div.twitter { margin-right: .7rem; }
header[role="banner"] .social_box div.facebook_like,
body#top div.wrapper > .social_box div.facebook_like { margin-right: -.45rem; }
header[role="banner"] .social_box div.google_plusone,
body#top div.wrapper > .social_box div.google_plusone { margin-bottom: 3px; }
header[role="banner"] .social_box div.line_send,
body#top div.wrapper > .social_box div.line_send {  }

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; }


/* 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: '\e817'; display: inline-block; padding-left: 0.2em; font-weight: normal; font-family: 'lacitta-pc'; font-size: 135%; vertical-align: top; line-height: 1.1; }
div[role="complementary"] > section.open h1::after { content: '\e815'; }

div[role="complementary"] > section ~ * { min-width: 100%; }
div[role="complementary"] > .vcard { padding: 0.2em 0 0; text-align: center; background-color: rgba(241,180,103,0.95); }
div[role="complementary"] > .vcard a.adr { display: block; width: 100%; height: 100%; color: inherit; text-decoration: none; line-height: 2.5; }
div[role="complementary"] > .vcard a.adr::before { content: '\e80e'; display: inline-block; font-weight: normal; font-family: 'lacitta-pc'; }
div[role="complementary"] > .vcard a.adr:hover { color: #fff !important; }
div[role="complementary"] > .vcard span { display: inline-block; }
div[role="complementary"] > .vcard span.postal-code { padding-right: .5em; }
div[role="complementary"] > .vcard span.postal-code::before { content: '\003012'; }

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: #8e5602; background-color: #ffd85e; }
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; }


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

article[role="main"] { position: relative; }
article[role="main"] a{ color: #3b94cc; text-decoration: none; }
article[role="main"] a:hover,
article[role="main"] a:focus{ color: #00c0ff; text-decoration: underline; }
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%; }
body.cine article[role="main"] .wrapbox,
body.club article[role="main"] .wrapbox { padding: 12px; background-color: #fff;  }
.ios article[role="main"] {-webkit-text-size-adjust: none !important; }

body:not(.sp) article[role="main"] { margin-bottom: 3.5em !important; }
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) article[role="main"] > a[href="#top"] { bottom: -3.5em !important; }
body:not(.sp) .rcontents > section a[href="#top"] { position: relative; }
body:not(.sp) a[href="#top"]:before { content: '\e811'; position: absolute; display: inline-block; margin-left: -0.6em; font-weight: normal; font-family: 'lacitta-pc'; 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; }
.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; }

.icondetail a { display: inline; line-height: 2; }
.icondetaillist { display: none; }
.icondetail { text-align: right; }
.icondetail a {  padding-left: 1em; background: transparent url(../images/green_down_arrow.png) no-repeat 0 45%; color: #000000 !important; }
.icondetail a.active { background: transparent url(../images/green_down_arrow_on.png) no-repeat 0 45%;}

#emergency { margin-bottom: 2em; }

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


/* PC & WideTablet Landscape */

html.pc header[role="banner"] > div,
html.pc header[role="banner"] > nav > ul,
html.pc header[role="banner"] > nav > div,
html.pc header[role="banner"] > nav > hgroup > *,
html.pc body > nav > *,
html.pc body > div.wrapper,
html.pc div[role="complementary"] > *,
html.pc footer[role="contentinfo"] > * { width: 950px; margin: 0 auto; }
html.pc body:not(.nonav) header[role="banner"] > div {  width: 950px; height: 76px; }
html.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; }

/*
html.pc body.della header[role="banner"] > div > h1 img { width: 75%; margin: 15% auto 0; }
html.pc body.cine header[role="banner"] > div > h1 img { width: 75%; margin: 54% auto 0; }
html.pc body.club header[role="banner"] > div > h1 img { width: 75%; margin: 10% auto 0; }
html.pc body.wedding header[role="banner"] > div > h1 img { width: 90%; margin: 20% auto 0; }
*/

html.pc header[role="banner"] #cittanav { margin-top: -4px; vertical-align: top; }
html.pc header[role="banner"] #cittanav h2 { display: none; }
html.pc header[role="banner"] #cittanav > ul { display: inline-block; margin: 1px 0 0 0; }
html.pc header[role="banner"] #cittanav > ul li { display: block; height: 76px !important; border-right: 1px solid #e6e6e6; }
html.pc header[role="banner"] #cittanav ul li strong,
html.pc header[role="banner"] #cittanav ul li a { display: block; padding-bottom: 10px; border-top: 4px solid transparent; white-space: nowrap; overflow: hidden; }
html.pc header[role="banner"] #cittanav ul:first-of-type { width: 700px !important; padding-left: 171px; }
html.pc header[role="banner"] #cittanav ul:first-of-type li { width: 25%; }
html.pc header[role="banner"] #cittanav ul:first-of-type li:first-child { margin-left: 0; border-left: 1px solid #e6e6e6; }
html.pc header[role="banner"] #cittanav ul:first-of-type li strong { background-color: #f8fbf6; }
html.pc header[role="banner"] #cittanav ul:first-of-type li strong,
html.pc header[role="banner"] #cittanav ul:first-of-type li a { color: transparent !important; text-indent: 100%; }
html.pc header[role="banner"] #cittanav ul:first-of-type li strong::before,
html.pc header[role="banner"] #cittanav ul:first-of-type 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.pc header[role="banner"] #cittanav ul:first-of-type li:nth-child(1) a::before { background-position: -1px -23px; }
html.pc header[role="banner"] #cittanav ul:first-of-type li:nth-child(2) a::before { background-position: -97px 0; }
html.pc header[role="banner"] #cittanav ul:first-of-type li:nth-child(3) a::before { background-position: -199px 0; }
html.pc header[role="banner"] #cittanav ul:first-of-type li:nth-child(4) a::before { background-position: -298px 0; }
html.pc header[role="banner"] #cittanav ul:first-of-type li:nth-child(1):hover a::before { background-position: -1px -23px; }
html.pc header[role="banner"] #cittanav ul:first-of-type li:nth-child(2):hover a::before { background-position: -97px -23px; }
html.pc header[role="banner"] #cittanav ul:first-of-type li:nth-child(3):hover a::before { background-position: -199px -23px; }
html.pc header[role="banner"] #cittanav ul:first-of-type li:nth-child(4):hover a::before { background-position: -298px -23px; }
html.pc header[role="banner"] #cittanav ul:last-of-type { width: 246px; margin-left: -.25em; }
html.pc header[role="banner"] #cittanav ul:last-of-type li { width: 80px; }
html.pc header[role="banner"] #cittanav ul:last-of-type li:last-of-type { border-right-width: 0; }
html.pc header[role="banner"] #cittanav ul:last-of-type li a span { bottom: 1.5rem; font-size: 110%; }

html.pc body.della header[role="banner"] #cittanav li,
html.pc body.cine header[role="banner"] #cittanav li,
html.pc body.club header[role="banner"] #cittanav li,
html.pc body.wedding header[role="banner"] #cittanav li { display: block !important; }
html.pc body.della header[role="banner"] #cittanav li strong { border-top-color: #002d24; }
html.pc body.cine header[role="banner"] #cittanav li strong { border-top-color: #fe6713; }
html.pc body.club header[role="banner"] #cittanav li strong { border-top-color: #1541bc; }
html.pc body.wedding header[role="banner"] #cittanav li strong { border-top-color: #fdb3c4; }
html.pc body.della header[role="banner"] #cittanav li strong::before { background-position: 0 -23px; }
html.pc body.cine header[role="banner"] #cittanav li strong::before { background-position: -100px -23px; }
html.pc body.club header[role="banner"] #cittanav li strong::before { background-position: -200px -23px; }
html.pc body.wedding header[role="banner"] #cittanav li strong::before { background-position: -300px -23px; }

html.pc header[role="banner"] #gnav { height: 40px; }
html.pc header[role="banner"] #gnav ul { padding-left: 185px; }
html.pc header[role="banner"] #gnav li { height: 32px; margin-top: 8px; }
html.pc header[role="banner"] #gnav li > strong,
html.pc header[role="banner"] #gnav li > a { display: block; width: 100%; height: 32px; color: transparent !important; text-indent: 100%; white-space: nowrap; overflow: hidden; background: transparent url(/common/images/bg_gnav.png) no-repeat 0 0; }
html.pc header[role="banner"] #gnav li > strong { background-position-y: -64px; }
html.pc header[role="banner"] #gnav li > a { background-position-y: 0; }
html.pc header[role="banner"] #gnav li:hover > a { background-position-y: -32px; }

html.pc body.della header[role="banner"] #gnav li:nth-child(1) { width: 156px; }
html.pc body.della header[role="banner"] #gnav li:nth-child(2) { width: 110px; }
html.pc body.della header[role="banner"] #gnav li:nth-child(3) { width: 165px; }
html.pc body.della header[role="banner"] #gnav li:nth-child(4) { width: 97px; }
html.pc body.della header[role="banner"] #gnav li:nth-child(5) { width: 142px; }
html.pc body.della header[role="banner"] #gnav li:nth-child(6) { width: 94px; }
html.pc body.della header[role="banner"] #gnav li:nth-child(1) a,
html.pc body.della header[role="banner"] #gnav li:nth-child(1) strong { background-position-x: 0; }
html.pc body.della header[role="banner"] #gnav li:nth-child(2) a,
html.pc body.della header[role="banner"] #gnav li:nth-child(2) strong { background-position-x: -157px; }
html.pc body.della header[role="banner"] #gnav li:nth-child(3) a,
html.pc body.della header[role="banner"] #gnav li:nth-child(3) strong { background-position-x: -267px; }
html.pc body.della header[role="banner"] #gnav li:nth-child(4) a,
html.pc body.della header[role="banner"] #gnav li:nth-child(4) strong { background-position-x: -433px; }
html.pc body.della header[role="banner"] #gnav li:nth-child(5) a,
html.pc body.della header[role="banner"] #gnav li:nth-child(5) strong { background-position-x: -533px; }
html.pc body.della header[role="banner"] #gnav li:nth-child(6) a,
html.pc body.della header[role="banner"] #gnav li:nth-child(6) strong { background-position-x: -675px; }

html.pc body.cine header[role="banner"] #gnav li:nth-child(1) { width: 142px; }
html.pc body.cine header[role="banner"] #gnav li:nth-child(2) { width: 106px; }
html.pc body.cine header[role="banner"] #gnav li:nth-child(3) { width:97px; }
html.pc body.cine header[role="banner"] #gnav li:nth-child(4) { width: 96px; }
html.pc body.cine header[role="banner"] #gnav li:nth-child(5) { width: 82px; }
html.pc body.cine header[role="banner"] #gnav li:nth-child(6) { width: 142px; }
html.pc body.cine header[role="banner"] #gnav li:nth-child(7) { width: 91px; }
html.pc body.cine header[role="banner"] #gnav li:nth-child(1) a,
html.pc body.cine header[role="banner"] #gnav li:nth-child(1) strong { background-position-x: 0; }
html.pc body.cine header[role="banner"] #gnav li:nth-child(2) a,
html.pc body.cine header[role="banner"] #gnav li:nth-child(2) strong { background-position-x: -140px; }
html.pc body.cine header[role="banner"] #gnav li:nth-child(3) a,
html.pc body.cine header[role="banner"] #gnav li:nth-child(3) strong { background-position-x: -249px; }
html.pc body.cine header[role="banner"] #gnav li:nth-child(4) a,
html.pc body.cine header[role="banner"] #gnav li:nth-child(4) strong { background-position-x: -345px; }
html.pc body.cine header[role="banner"] #gnav li:nth-child(5) a,
html.pc body.cine header[role="banner"] #gnav li:nth-child(5) strong { background-position-x: -450px; }
html.pc body.cine header[role="banner"] #gnav li:nth-child(6) a,
html.pc body.cine header[role="banner"] #gnav li:nth-child(6) strong { background-position-x: -535px; }
html.pc body.cine header[role="banner"] #gnav li:nth-child(7) a,
html.pc body.cine header[role="banner"] #gnav li:nth-child(7) strong { background-position-x: -679px; }

html.pc body.club header[role="banner"] #gnav li:nth-child(1) { width: 147px; }
html.pc body.club header[role="banner"] #gnav li:nth-child(2) { width: 102px; }
html.pc body.club header[role="banner"] #gnav li:nth-child(3) { width: 144px; }
html.pc body.club header[role="banner"] #gnav li:nth-child(4) { width: 136px; }
html.pc body.club header[role="banner"] #gnav li:nth-child(5) { width: 138px; }
html.pc body.club header[role="banner"] #gnav li:nth-child(6) { width: 91px; }
html.pc body.club header[role="banner"] #gnav li:nth-child(1) a,
html.pc body.club header[role="banner"] #gnav li:nth-child(1) strong { background-position-x: 0; }
html.pc body.club header[role="banner"] #gnav li:nth-child(2) a,
html.pc body.club header[role="banner"] #gnav li:nth-child(2) strong { background-position-x: -150px; }
html.pc body.club header[role="banner"] #gnav li:nth-child(3) a,
html.pc body.club header[role="banner"] #gnav li:nth-child(3) strong { background-position-x: -250px; }
html.pc body.club header[role="banner"] #gnav li:nth-child(4) a,
html.pc body.club header[role="banner"] #gnav li:nth-child(4) strong { background-position-x: -393px; }
html.pc body.club header[role="banner"] #gnav li:nth-child(5) a,
html.pc body.club header[role="banner"] #gnav li:nth-child(5) strong { background-position-x: -526px; }
html.pc body.club header[role="banner"] #gnav li:nth-child(6) a,
html.pc body.club header[role="banner"] #gnav li:nth-child(6) strong { background-position-x: -667px; }

html.pc body.wedding header[role="banner"] #gnav li:nth-child(1) { width: 110px; }
html.pc body.wedding header[role="banner"] #gnav li:nth-child(2) { width: 105px; }
html.pc body.wedding header[role="banner"] #gnav li:nth-child(3) { width: 124px; }
html.pc body.wedding header[role="banner"] #gnav li:nth-child(4) { width: 93px; }
html.pc body.wedding header[role="banner"] #gnav li:nth-child(5) { width: 90px; }
html.pc body.wedding header[role="banner"] #gnav li:nth-child(6) { width: 108px; }
html.pc body.wedding header[role="banner"] #gnav li:nth-child(7) { width: 103px; }
html.pc body.wedding header[role="banner"] #gnav li:nth-child(1) a,
html.pc body.wedding header[role="banner"] #gnav li:nth-child(1) strong { background-position-x: 0; }
html.pc body.wedding header[role="banner"] #gnav li:nth-child(2) a,
html.pc body.wedding header[role="banner"] #gnav li:nth-child(2) strong { background-position-x: -111px; }
html.pc body.wedding header[role="banner"] #gnav li:nth-child(3) a,
html.pc body.wedding header[role="banner"] #gnav li:nth-child(3) strong { background-position-x: -218px; }
html.pc body.wedding header[role="banner"] #gnav li:nth-child(4) a,
html.pc body.wedding header[role="banner"] #gnav li:nth-child(4) strong { background-position-x: -339px; }
html.pc body.wedding header[role="banner"] #gnav li:nth-child(5) a,
html.pc body.wedding header[role="banner"] #gnav li:nth-child(5) strong { background-position-x: -436px; }
html.pc body.wedding header[role="banner"] #gnav li:nth-child(6) a,
html.pc body.wedding header[role="banner"] #gnav li:nth-child(6) strong { background-position-x: -530px; }
html.pc body.wedding header[role="banner"] #gnav li:nth-child(7) a,
html.pc body.wedding header[role="banner"] #gnav li:nth-child(7) strong { background-position-x: -640px; }

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

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

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

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

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

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


/*  Not PC & WideTablet Portrait */
@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) header[role="banner"] #gnav > ul,
	html:not(.pc) body > nav > *,
	html:not(.pc) body > div.wrapper,
	html:not(.pc) div[role="complementary"] > *,
	html:not(.pc) footer[role="contentinfo"] > * { width: 750px; }
	html:not(.pc) div[role="complementary"] nav { width: 100%; }

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

	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 !important; }
	html:not(.pc) body#eventfountain article[role="main"] div.info > img { display: block; padding-top: 1em !important; margin-bottom: 2.4em !important; }

	html:not(.pc) body#concept article[role="main"] > .box2 > div[class] { margin-bottom: 1em !important; width: 44% !important; }
	html:not(.pc) body#concept article[role="main"] > .box2 > div[class]:nth-of-type(odd) { margin-left: 0; }
	html:not(.pc) body#concept article[role="main"] > .box2 > div[class]:nth-of-type(even) { margin-left: 1em; }

	html:not(.pc) body#shop_detail.shop.della article[role="main"] > nav > ul > li { width: 15em; height: 2em; line-height: 2em; }
	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, body#shop_detail article[role="main"] > div > .shop_news > article > div { width: 60% !important; }
	html:not(.pc) body#shop_detail article[role="main"] > div > .shop_news > article > figure { width: 38% !important; margin: 0 auto 0.5em; }

/* Navi CItta4SIte */
	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 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 { height: 10.5rem; }
	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: 54% auto 0; }
	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:first-of-type li { display: inline-block; margin: 0; }
	html:not(.pc) header[role="banner"] #cittanav ul:first-of-type 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 ul:first-of-type li  a,
	html:not(.pc) header[role="banner"] #cittanav ul:first-of-type 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 ul:first-of-type li strong { background-color: #f8fbf6; }
	html:not(.pc) header[role="banner"] #cittanav ul:first-of-type li a { color: #4c4c4c; }
	html:not(.pc) header[role="banner"] #cittanav ul:first-of-type li:nth-of-type(1):hover a { color: #002d24; }
	html:not(.pc) header[role="banner"] #cittanav ul:first-of-type li:nth-of-type(2):hover a { color: #1e6e7d; }
	html:not(.pc) header[role="banner"] #cittanav ul:first-of-type li:nth-of-type(3):hover a { color: #1541bc; }
	html:not(.pc) header[role="banner"] #cittanav ul:first-of-type li:nth-of-type(4):hover a { color: #fdb3c4; }
	html:not(.pc) body.della #cittanav ul:first-of-type li strong { border-color: #002d24; }
	html:not(.pc) body.cine #cittanav ul:first-of-type li strong{ border-color: #fe6713; }
	html:not(.pc) body.club #cittanav ul:first-of-type li strong { border-color: #1541bc; }
	html:not(.pc) body.wedding #cittanav ul:first-of-type li strong { color: #fdb3c4; border-color: #fdb3c4; }

/* Navi 3button */
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type { position: absolute; top: -2.2rem; right: 0; width: auto; min-width: 10em; height: 2rem; margin: 0; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li { display: inline-block; height: 100%; text-align: left; vertical-align: bottom; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li a { position: relative; display: block; height: 100%; width: 100%; text-indent: 1.25em; box-sizing: border-box; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li:first-of-type a { border-left-width: 0; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li a span { display: inline-block; margin: 0; padding: 0; font-size: 1.3rem; line-height: 1; color: #000; text-indent: .25em; vertical-align: middle; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li a::before { display: inline-block; width: 1em; height: 100%; margin: 0; padding: 0; font-weight: bold; font-size: 1.4rem; line-height: 1; vertical-align: middle; text-indent: 0; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li:first-of-type { width: 6.5em; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li:nth-of-type(2) { width: 8em; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li:nth-of-type(3) { width: 5.5em; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li:nth-of-type(3) a::before { line-height: 1.1;  }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li:nth-of-type(2) a::before { font-size: 1.45rem; }

/* GlobalNavi */
	html:not(.pc) header[role="banner"] #gnav { padding: .4em 0; }
	html:not(.pc) header[role="banner"] #gnav ul { padding-left: 150px; }
	html:not(.pc) header[role="banner"] #gnav li { min-width: 2.5em; margin-left: .2em; 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: '\e805'; position: absolute; display: block; left: 1.8em; font-weight: normal; font-family: 'lacitta-pc'; font-size: 1.0rem; }
	html:not(.pc) header[role="banner"] #gnav li > strong,
	html:not(.pc) header[role="banner"] #gnav li > a { padding: .4em 0 .4em 3em; 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.della#top #topcittanav ul { max-width: 100%; }
	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 .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: .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 3em; }
	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.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; }
	html:not(.pc) .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; }

	html:not(.pc) .ios body.della#top div.wrapper .social_box { margin-top: -2.5em; }
	html:not(.pc) .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; }

}

/*  Not PC & Tablet Portrait */
@media screen and ( max-width: 767px ){
	html:not(.pc) { overflow-x: hidden; }
	html:not(.pc) body > nav > *,
	html:not(.pc) body > div.wrapper,
	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) div[role="complementary"] > *,
	html:not(.pc) footer[role="contentinfo"] > * { width: 586px; box-sizing: border-box; }

	html:not(.pc) body:not(.nonav) header[role="banner"] { position: relative; border-top: 4px solid #d8d8d8; }
	html:not(.pc) body:not(.nonav) header[role="banner"] > div { position: relative; 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) header[role="banner"] > div > h1 { width: 45%; max-width: 180px; background-color: transparent !important; }

/* Navi CItta4SIte */
	html:not(.pc) header[role="banner"] #cittanav { position: relative; display: block; width: 400px; height: 98px; margin: 0 0 0 auto; background-color: rgb(254,254,254); }
	html:not(.pc) header[role="banner"] #cittanav h2 { position: absolute; display: block; top: -4px; right: 0; width: 11em; margin: 0; padding: 1em 0; color: #4c4c4c; border-top: 4px solid #002d24; z-index: 1000; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; }
	html:not(.pc) header[role="banner"] #cittanav h2,
	html:not(.pc) header[role="banner"] #cittanav ul {
		border-left: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; vertical-align: bottom; font-size: 95%; line-height: 1.4; cursor: pointer; box-sizing: border-box;
		background-image: -webkit-gradient( linear,left top,left bottom,color-stop(0, rgb(250,250,250)),color-stop(0.8, rgb(223,223,223)),color-stop(1, rgb(210,210,210)));
		background-image: -webkit-linear-gradient(top, rgb(250,250,250) 0, rgb(223,223,223) 80%, rgb(210,210,210) 100%);
		background-image: linear-gradient(to bottom, rgb(250,250,250) 0, rgb(223,223,223) 80%, rgb(210,210,210) 100%);
	}
	html:not(.pc) header[role="banner"] #cittanav h2:after { content: '\e817'; display: inline-block; padding-left: 0.2em; font-weight: normal; font-family: 'lacitta-pc'; font-size: 130%; vertical-align: bottom; line-height: 1.1; }
	html:not(.pc) header[role="banner"] #cittanav.open h2 { background: rgb(250,250,250); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
	html:not(.pc) header[role="banner"] #cittanav.open h2::after { content: '\e815'; }
	html:not(.pc) header[role="banner"] #cittanav ul:first-of-type { position: absolute; display: none; right: 0; top: 3.4em; width: 11em; z-index: 1000; }
	html:not(.pc) header[role="banner"] #cittanav.open ul:first-of-type,
	html:not(.pc) header[role="banner"] #cittanav ul:first-of-type li:last-of-type { border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; }
	html:not(.pc) header[role="banner"] #cittanav ul:first-of-type li { width: 100%; border-top: 1px solid #bababa; border-bottom: 1px solid #efefef; line-height: 1.4; }
	html:not(.pc) header[role="banner"] #cittanav ul:first-of-type li strong,
	html:not(.pc) header[role="banner"] #cittanav ul:first-of-type 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 ul:first-of-type li a[title="\0030e9\0020\0030c1\0030c3\0030bf\0030c7\0030c3\0030e9"] { color: #002d24 !important; }
	html:not(.pc) header[role="banner"] #cittanav ul:first-of-type li a[title="\0030c1\0030cd\0030c1\0030c3\0030bf"] { color: #fe6713 !important; }
	html:not(.pc) header[role="banner"] #cittanav ul:first-of-type li a[title="\0030af\0030e9\0030d6\0030c1\0030c3\0030bf"] { color: #1541bc !important; }
	html:not(.pc) header[role="banner"] #cittanav ul:first-of-type li a[title="\0030c1\0030c3\0030bf\0030a6\0030a7\0030c7\0030a3\0030f3\0030b0"] { color: #fdb3c4 !important; }

	html:not(.pc) body.wedding header[role="banner"] #cittanav ul:first-of-type li:nth-child(3) { border-bottom: none; }

/* Navi 3button */
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type { position: absolute; right: 0; bottom: 0; font-size: 90%; height: 3.3em; border: 1px solid #ccc; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); background-color: rgb(254,254,254); border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li { height: 100%; padding-top: 0.25em; text-align: left; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li:first-of-type { width: 32%; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li:nth-of-type(2) { width: 39%; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li:nth-of-type(3) { width: 29%; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li a { position: relative; display: block; height: 100%; width: 100%; border-left: 1px solid #ccc; text-indent: 1.25em; box-sizing: border-box; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li:first-of-type a { border-left-width: 0; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li a span { display: inline-block; top: 1rem; font-size: 1.5rem; line-height: 1; color: #000; vertical-align: middle; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li a::before { display: inline-block; width: 1em; height: 100%; margin: 0; line-height: 1.45; vertical-align: middle; text-indent: .25em; }
	html:not(.pc) header[role="banner"] #cittanav ul:last-of-type li:nth-of-type(2) a::before { line-height: 1.7; }

/* GlobalNavi */
	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; }

/* Complementary */
	html:not(.pc) div[role="complementary"] nav { width: 100%; }
	html:not(.pc) div[role="complementary"] > section > div { 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"] 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 1em 0; }
	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; }
	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; }

	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; }

	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) header[role="banner"] .social_box { margin-top: 0.5em; }
	html:not(.pc) header[role="banner"] #topicpath hgroup h1 { padding: 0.5em 0; }
	html:not(.pc) header[role="banner"] #gnav ul { padding-left: 0.5em; }
}

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

/* Print */
@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; }

	body#access article[role=main] ul:first-child { display:none; }
}
/* @end */


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


/*
 * Drupal
 **/
 .links {
	display: none;
}
.rtecenter {
	text-align: center;
}
.rteright {
	text-align: right;
}
.rtejustify {
	text-align-last: justify;
	text-justify: inter-ideograph;
}
.not_publish {
	content: "非掲載ページ";
	display: block;
	background-color: #fee;
	border: 2px solid #f00;
	border-radius: 5px;
	margin-bottom: 10px;
	text-align: center;
	padding: 10px;
}