@charset "UTF-8";
/*
----------------------------------------------------------------------
# Base Settings
----------------------------------------------------------------------
*/
/*
----------------------------------------------------------------------
# Mixin Settings
----------------------------------------------------------------------
*/
@media (min-width: 768px) {
  .hover:hover, a:hover img:hover, .content-tab [id^=content-tab-] .nav-tab ul li a:hover, #column-header h1 a:hover, .btn-page-top.is-scroll-bottom a:hover, #nav-links ul li a:hover, #nav-language ul li a:hover, #content-topic_path dl dd a:hover, a.btn-coat:hover, a dl.banner-item-updated:hover, .block-shop a:hover, .table-event .table-event-nav .table-event-nav_next a:hover,
  .table-event .table-event-nav .table-event-nav_prev a:hover, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar:hover {
    opacity: 0.5; } }

.linknoline, .style-top .store-block .link-list li a, .block-focus .block-focus-title .title-link a, #nav-footer-global ul li span a, .txt-page-title .title-link a, .releace-list > li a, .releace-list_brand > li a, .content-tab_category [id^=content-tab-] .content-tab-inner .link-list li a, .block-event .block-event-banner {
  text-decoration: none; }
  .linknoline:hover, .style-top .store-block .link-list li a:hover, .block-focus .block-focus-title .title-link a:hover, #nav-footer-global ul li span a:hover, .txt-page-title .title-link a:hover, .releace-list > li a:hover, .releace-list_brand > li a:hover, .content-tab_category [id^=content-tab-] .content-tab-inner .link-list li a:hover, .block-event .block-event-banner:hover {
    text-decoration: underline; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 62.5%; }

body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #555555; }
  body.style-default {
    background: url("../images/bg_body.png") 0 12px repeat-x; }

article {
  clear: both;
  padding-bottom: 30px; }

section {
  clear: both;
  padding-bottom: 20px;
  overflow: hidden; }
  .content-tab-inner section:last-child {
    padding-bottom: 0; }

aside {
  clear: both;
  padding-bottom: 20px; }
  .content-sidebar aside {
    padding-bottom: 10px; }
  .content-tab-inner aside:last-child {
    padding-bottom: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0 0 0.5em; }

p {
  margin: 0;
  padding: 0 0 1.4em;
  line-height: 1.6;
  font-size: 14px;
  font-size: 1.4rem; }
  .main-past p {
    font-size: 12px;
    font-size: 1.2rem; }

ul, ol {
  padding: 0 0 0 20px;
  margin-top: 0;
  margin-bottom: 1em;
  line-height: 1.6; }

li {
  font-size: 14px;
  font-size: 1.4rem; }
  .main-past li {
    font-size: 12px;
    font-size: 1.2rem; }

dl, dt, dd {
  margin: 0; }

a {
  overflow: hidden;
  color: #0549bc;
  text-decoration: 　underline;
  outline: 0; }
  a:hover {
    text-decoration: none; }

b,
strong {
  font-weight: bold; }

em,
i {
  font-style: normal; }

dfn {
  font-style: italic; }

mark {
  background: #FF0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid #C0C0C0; }

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  line-height: normal; }
  button[disabled], button[disabled],
  input[disabled],
  input[disabled] {
    cursor: default; }
  button::-moz-focus-inner, button::-moz-focus-inner,
  input::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }

button {
  cursor: pointer; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }
input[type="reset"], input[type="submit"] {
  cursor: pointer; }
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

html input[type="button"] {
  cursor: pointer; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  margin: 10px 0 30px;
  border: none;
  border-top: 1px solid silver; }

pre {
  margin: 10px 0 10px 20px;
  padding: 5px;
  overflow: scroll;
  background: #555;
  color: #fff;
  line-height: 1.6; }

code {
  background: #ECEC00;
  color: #000; }

/*
----------------------------------------------------------------------
# Layout Settings
----------------------------------------------------------------------
*/
/*
----------------------------------------------------------------------
# Mixin Settings
----------------------------------------------------------------------
*/
@media (min-width: 768px) {
  .hover:hover, a:hover img:hover, .content-tab [id^=content-tab-] .nav-tab ul li a:hover, #column-header h1 a:hover, .btn-page-top.is-scroll-bottom a:hover, #nav-links ul li a:hover, #nav-language ul li a:hover, #content-topic_path dl dd a:hover, a.btn-coat:hover, a dl.banner-item-updated:hover, .block-shop a:hover, .table-event .table-event-nav .table-event-nav_next a:hover,
  .table-event .table-event-nav .table-event-nav_prev a:hover, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar:hover {
    opacity: 0.5; } }

.linknoline, .style-top .store-block .link-list li a, .block-focus .block-focus-title .title-link a, #nav-footer-global ul li span a, .txt-page-title .title-link a, .releace-list > li a, .releace-list_brand > li a, .content-tab_category [id^=content-tab-] .content-tab-inner .link-list li a, .block-event .block-event-banner {
  text-decoration: none; }
  .linknoline:hover, .style-top .store-block .link-list li a:hover, .block-focus .block-focus-title .title-link a:hover, #nav-footer-global ul li span a:hover, .txt-page-title .title-link a:hover, .releace-list > li a:hover, .releace-list_brand > li a:hover, .content-tab_category [id^=content-tab-] .content-tab-inner .link-list li a:hover, .block-event .block-event-banner:hover {
    text-decoration: underline; }

/*
# ワンカラムレイアウト時 body.style-onecolumn
*/
.style-onecolumn {
  background: url("../images/bg_body-onecol.png") 0 2px repeat-x; }

/*
# のれんトップ body.style-top
*/
.style-top article {
  padding: 0; }
.style-top .store-block {
  min-height: 290px;
  overflow: hidden; }
  .style-top .store-block .link-list {
    margin: 0 0 1em 0;
    line-height: 1.8; }
    .style-top .store-block .link-list li {
      background-position: 0 10px; }
.style-top .store-block-left {
  float: left;
  width: 90px; }
.style-top .store-block-right {
  float: left;
  width: 195px;
  margin: 0 0 0 20px; }
.style-top .store-banner {
  clear: both; }
  .style-top .store-banner p:last-child {
    padding: 0; }

/*
# 基本レイアウト
基本はヘッダー、サイドカラム、メインカラム、フッターの4要素。
```
<header id="column-header">
  Header
</header>
<div id="column-content">
  <div class="content-sidebar">
    Left Column
  </div><!-- content-sidebar -->
  <div class="column-content">
    Main Column
  </div><!-- end.column-content -->
</div><!-- end#column-content -->
<footer id="column-footer">
  <aside class="footer-content">
    Footer
  </aside><!-- end.footer-content -->
</footer><!-- end#column-footer -->
```
*/
#column-header {
  position: relative;
  width: 1000px;
  height: 124px;
  margin: 0 auto;
  padding-top: 9px;
  z-index: 100; }
  .style-onecolumn #column-header {
    height: 73px; }
  .style-top #column-header {
    height: 73px; }

#column-content {
  width: 1000px;
  margin: 20px auto 0;
  overflow: hidden;
  z-index: 99; }
  .style-top #column-content {
    margin: 0 auto; }

.content-main {
  float: right;
  width: 765px; }
  .content-main .main-past {
    width: 680px;
    font-size: 12px;
    font-size: 1.2rem; }
    .content-main .main-past * {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box; }
    @media (min-width: 768px) {
      .content-main .main-past a:hover {
        opacity: 1; }
        .content-main .main-past a:hover img {
          opacity: 1; } }

.content-sidebar {
  float: left;
  width: 209px; }

.content-onecol {
  margin: 0 auto; }

#column-footer {
  background-color: #cdcdcd; }
  #column-footer .footer-content {
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0; }
    .style-onecolumn #column-footer .footer-content {
      padding: 10px 0; }

/*
# グリッドレイアウト
メインカラムのみ、特定分割数のグリッドレイアウトを採用しています。
特殊なコンテンツサイズに応じて微妙に数値を再計算していますが、入れ子によるレイアウトは担保いたしません。
```
<section>
  <div class="layout-row">
    <div class="layout-divid2"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid2（col1）</div></div>
    <div class="layout-divid2"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid2（col2）</div></div>
  </div><!-- end.layout-row -->
  <div class="layout-row">
    <div class="layout-divid3"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid3（col1）</div></div>
    <div class="layout-divid3"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid3（col2）</div></div>
    <div class="layout-divid3"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid3（col3）</div></div>
  </div><!-- end.layout-row -->
  <div class="layout-row">
    <div class="layout-divid3"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid3（col1）</div></div>
    <div class="layout-divid3-joint2"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid3-joint2（col2）</div></div>
  </div><!-- end.layout-row -->
  <div class="layout-row">
    <div class="layout-divid3-joint2"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid3-joint2（col1）</div></div>
    <div class="layout-divid3"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid3（col2）</div></div>
  </div><!-- end.layout-row -->
  <div class="layout-row">
    <div class="layout-divid4"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid4（col1）</div></div>
    <div class="layout-divid4"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid4（col2）</div></div>
    <div class="layout-divid4"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid4（col3）</div></div>
    <div class="layout-divid4"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid4（col4）</div></div>
  </div><!-- end.layout-row -->
  <div class="layout-row">
    <div class="layout-divid4"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid4（col1）</div></div>
    <div class="layout-divid4"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid4（col2）</div></div>
    <div class="layout-divid4-joint2"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid4-joint2（col3）</div></div>
  </div><!-- end.layout-row -->
  <div class="layout-row">
    <div class="layout-divid4-joint2"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid4-joint2（col1）</div></div>
    <div class="layout-divid4"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid4（col2）</div></div>
    <div class="layout-divid4"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid4（col3）</div></div>
  </div><!-- end.layout-row -->
  <div class="layout-row">
    <div class="layout-divid4"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid4（col1）</div></div>
    <div class="layout-divid4-joint2"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid4-joint2（col2）</div></div>
    <div class="layout-divid4"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid4（col3）</div></div>
  </div><!-- end.layout-row -->
  <div class="layout-row">
    <div class="layout-divid4"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid4（col1）</div></div>
    <div class="layout-divid4-joint3"><div style="margin-bottom:20px;padding:5px;border:1px solid #CCC;">.layout-divid4-joint3（col2）</div></div>
  </div><!-- end.layout-row -->
  <div class="layout-row">
    <div class="layout-divid4-joint3"><div style="padding:5px;border:1px solid #CCC;">.layout-divid4-joint3（col1）</div></div>
    <div class="layout-divid4"><div style="padding:5px;border:1px solid #CCC;">.layout-divid4（col2）</div></div>
  </div><!-- end.layout-row -->
</section>
```
*/
.layout-row, .layout-row-shop {
  clear: both !important;
  display: block !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  margin-left: -10px !important;
  margin-right: -10px !important;
  margin-bottom: 0;
  padding: 0;
  overflow: hidden !important; }
  .layout-row [class^=layout-divid], .layout-row-shop [class^=layout-divid] {
    clear: none !important;
    float: left !important;
    display: block;
    margin: 0 10px !important;
    overflow: hidden; }
  .layout-row .layout-divid-noren_left, .layout-row-shop .layout-divid-noren_left {
    width: 675px; }
  .layout-row .layout-divid-noren_right, .layout-row-shop .layout-divid-noren_right {
    width: 305px; }
  .layout-row .layout-divid2, .layout-row-shop .layout-divid2 {
    width: 47.43%; }
    .block-focus .layout-row .layout-divid2, .block-focus .layout-row-shop .layout-divid2, .content-tab-inner .layout-row .layout-divid2, .content-tab-inner .layout-row-shop .layout-divid2 {
      width: 47.38%; }
    .block-accordion-content .layout-row .layout-divid2, .block-accordion-content .layout-row-shop .layout-divid2, .block-service_guide .layout-row .layout-divid2, .block-service_guide .layout-row-shop .layout-divid2, .content-tab_brand .content-tab-inner .layout-row .layout-divid2, .content-tab_brand .content-tab-inner .layout-row-shop .layout-divid2 {
      width: 47.31%; }
    .block-focus .content-tab_category .content-tab-inner .layout-row .layout-divid2, .block-focus .content-tab_category .content-tab-inner .layout-row-shop .layout-divid2 {
      width: 47.34%; }
  .layout-row .layout-divid3, .layout-row-shop .layout-divid3 {
    width: 30.77%; }
    .block-focus .layout-row .layout-divid3, .block-focus .layout-row-shop .layout-divid3, .content-tab-inner .layout-row .layout-divid3, .content-tab-inner .layout-row-shop .layout-divid3 {
      width: 30.72%; }
    .block-accordion-content .layout-row .layout-divid3, .block-accordion-content .layout-row-shop .layout-divid3, .block-service_guide .layout-row .layout-divid3, .block-service_guide .layout-row-shop .layout-divid3, .block-focus .content-tab_category .content-tab-inner .layout-row .layout-divid3, .block-focus .content-tab_category .content-tab-inner .layout-row-shop .layout-divid3 {
      width: 30.65%; }
    .content-tab_brand .content-tab-inner .layout-row .layout-divid3, .content-tab_brand .content-tab-inner .layout-row-shop .layout-divid3 {
      width: 30.6%; }
  .layout-row .layout-divid3-joint2, .layout-row-shop .layout-divid3-joint2 {
    width: 64.13%; }
    .block-focus .layout-row .layout-divid3-joint2, .block-focus .layout-row-shop .layout-divid3-joint2, .content-tab-inner .layout-row .layout-divid3-joint2, .content-tab-inner .layout-row-shop .layout-divid3-joint2 {
      width: 64.01%; }
    .block-accordion-content .layout-row .layout-divid3-joint2, .block-accordion-content .layout-row-shop .layout-divid3-joint2, .block-service_guide .layout-row .layout-divid3-joint2, .block-service_guide .layout-row-shop .layout-divid3-joint2, .block-focus .content-tab_category .content-tab-inner .layout-row .layout-divid3-joint2, .block-focus .content-tab_category .content-tab-inner .layout-row-shop .layout-divid3-joint2 {
      width: 63.98%; }
    .content-tab_brand .content-tab-inner .layout-row .layout-divid3-joint2, .content-tab_brand .content-tab-inner .layout-row-shop .layout-divid3-joint2 {
      width: 63.08%; }
  .layout-row .layout-divid4, .layout-row-shop .layout-divid4 {
    width: 22.44%; }
    .block-focus .layout-row .layout-divid4, .block-focus .layout-row-shop .layout-divid4, .content-tab-inner .layout-row .layout-divid4, .content-tab-inner .layout-row-shop .layout-divid4 {
      width: 22.37%; }
    .block-accordion-content .layout-row .layout-divid4, .block-accordion-content .layout-row-shop .layout-divid4, .block-service_guide .layout-row .layout-divid4, .block-service_guide .layout-row-shop .layout-divid4 {
      width: 22.31%; }
    .content-tab_brand .content-tab-inner .layout-row .layout-divid4, .content-tab_brand .content-tab-inner .layout-row-shop .layout-divid4 {
      width: 22.31%; }
  .layout-row .layout-divid4-joint2, .layout-row-shop .layout-divid4-joint2 {
    width: 47.42%; }
    .block-focus .layout-row .layout-divid4-joint2, .block-focus .layout-row-shop .layout-divid4-joint2, .content-tab-inner .layout-row .layout-divid4-joint2, .content-tab-inner .layout-row-shop .layout-divid4-joint2 {
      width: 47.36%; }
    .block-accordion-content .layout-row .layout-divid4-joint2, .block-accordion-content .layout-row-shop .layout-divid4-joint2, .block-service_guide .layout-row .layout-divid4-joint2, .block-service_guide .layout-row-shop .layout-divid4-joint2 {
      width: 47.29%; }
  .layout-row .layout-divid4-joint3, .layout-row-shop .layout-divid4-joint3 {
    width: 72.41%; }
    .block-focus .layout-row .layout-divid4-joint3, .block-focus .layout-row-shop .layout-divid4-joint3, .content-tab-inner .layout-row .layout-divid4-joint3, .content-tab-inner .layout-row-shop .layout-divid4-joint3 {
      width: 72.34%; }
    .block-accordion-content .layout-row .layout-divid4-joint3, .block-accordion-content .layout-row-shop .layout-divid4-joint3, .block-service_guide .layout-row .layout-divid4-joint3, .block-service_guide .layout-row-shop .layout-divid4-joint3 {
      width: 72.30%; }
    .content-tab_brand .content-tab-inner .layout-row .layout-divid4-joint3, .content-tab_brand .content-tab-inner .layout-row-shop .layout-divid4-joint3 {
      width: 72.32%; }
  .layout-row .layout-divid5, .layout-row-shop .layout-divid5 {
    width: 17.45%; }
    .style-top .layout-row .layout-divid5, .style-top .layout-row-shop .layout-divid5 {
      width: 18.04%; }
  .layout-row .layout-divid5-joint4, .layout-row-shop .layout-divid5-joint4 {
    width: 77.45%; }
    .block-focus .layout-row .layout-divid5-joint4, .block-focus .layout-row-shop .layout-divid5-joint4, .content-tab-inner .layout-row .layout-divid5-joint4, .content-tab-inner .layout-row-shop .layout-divid5-joint4 {
      width: 77.32%; }
    .block-accordion-content .layout-row .layout-divid5-joint4, .block-accordion-content .layout-row-shop .layout-divid5-joint4, .block-service_guide .layout-row .layout-divid5-joint4, .block-service_guide .layout-row-shop .layout-divid5-joint4 {
      width: 47.29%; }
  .layout-row .layout-divid-no, .layout-row-shop .layout-divid-no {
    width: 100%; }

/*
## 特殊なレイアウト
メインカラムのグリッドレイアウトに影響を与えるレイアウトについて
### トップページ用フォーカスグループ
```
<section class="block-focus">
  <h1 class="block-focus-title">
    <img src="../source/images/top/txt_h1-event_pickup.png" width="342" height="28" alt="EVENT PICK UP イベントピックアップ">
    <span class="title-link"><a href="#">催物場カレンダー</a></span>
  </h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam, facilis, iste necessitatibus numquam natus sed temporibus earum quis aliquam suscipit.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis, rem, laudantium, eos veniam blanditiis eaque totam dolore natus sunt sed dolorem nam nostrum consequuntur dolor atque fugit vel tempora ducimus?</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam, facilis, iste necessitatibus numquam natus sed temporibus earum quis aliquam suscipit.</p>
</section><!-- end.block-focus -->
```
*/
.block-focus {
  padding: 0 0 0 20px;
  background: url("../images/bg_block-focus.png") no-repeat; }
  .block-focus section {
    padding: 0; }
  .block-focus.block-focus_calendar {
    padding: 0 0 20px 20px; }
  .block-focus.block-focus_news {
    margin: 0 0 10px 0; }
    .block-focus.block-focus_news .releace-list li, .block-focus.block-focus_news .releace-list_brand li {
      margin: 0 0 .75em 5px; }
  .block-focus.block-focus_category {
    margin: 0 0 30px 0;
    padding: 0 0 0 20px;
    background: none; }
  .block-focus.block-focus_banner {
    margin: 0 0 30px 0;
    padding: 0;
    background: none; }
  .block-focus.block-focus_event, .block-focus.block-focus_service, .block-focus.block-focus_newsnocat {
    margin: 0 0 30px 0; }
    .block-focus.block-focus_event .banner-list, .block-focus.block-focus_service .banner-list, .block-focus.block-focus_newsnocat .banner-list {
      margin-top: 20px; }
  .block-focus.block-focus_noren {
    margin: 0 0 20px 0;
    padding: 0;
    background: none; }
  .block-focus .block-focus-title {
    position: relative;
    margin-bottom: 12px;
    margin-left: -14px;
    padding-left: 14px;
    border-bottom: 1px solid silver;
    font-size: 0;
    line-height: 0; }
    .style-top .block-focus .block-focus-title {
      margin: 0 0 12px 0;
      padding: 0; }
    .block-focus .block-focus-title .title-link {
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -0.55em;
      padding-left: 10px;
      background: url(../images/bg_arrow.png) 0 4px no-repeat;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal;
      line-height: 1.1; }
      .block-focus .block-focus-title .title-link a {
        color: #555555; }

/*
### タブ切り替えコンテンツ
`.content-tab`内にタブの数だけ`.content-tab-item`を配置。各`.content-tab-item`に数字IDを`#content-tab-`で始まるように記述（`#content-tab-1`が初期状態で表示されるようになります）。このIDがタブ要素からのターゲット（リンク先）になります。

※ タブの数は最大4つまで

`.content-tab-item`内で最初にカレント状態となるタブを`.content-tab-title`で記述し、その他のタブ要素は`.nav-tab`として記述します。このカレント状態となるタブの記述はマークアップ上の見出し要素となります。

※ カレントとなるタブの順番によって`.nav-tab`要素が2つ存在する場合もあります。

※ タブコンテンツ内のモジュールについてはmoduleのページにて展開しています。
```
<div class="content-tab">
  <section class="content-tab-item" id="content-tab-1">
    <h2 class="content-tab-title"><span>Title1</span></h2>
    <nav class="nav-tab">
      <ul>
        <li><a href="#content-tab-2" class="nab-tab-link">Title2</a></li>
        <li><a href="#content-tab-3" class="nab-tab-link">Title3</a></li>
      </ul>
    </nav>
    <div class="content-tab-inner">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, nobis!</p>
    </div><!-- end.content-tab-inner -->
  </section><!-- end.content-tab-item -->
  <section class="content-tab-item" id="content-tab-2">
    <nav class="nav-tab">
      <ul>
        <li><a href="#content-tab-1" class="nab-tab-link">Title1</a></li>
      </ul>
    </nav>
    <h2 class="content-tab-title"><span>Title2</span></h2>
    <nav class="nav-tab">
      <ul>
        <li><a href="#content-tab-3" class="nab-tab-link">Title3</a></li>
      </ul>
    </nav>
    <div class="content-tab-inner">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita quidem distinctio debitis labore maxime voluptas quis suscipit natus ipsam odio.</p>
    </div><!-- end.content-tab-inner -->
  </section><!-- end.content-tab-item -->
  <section class="content-tab-item" id="content-tab-3">
    <nav class="nav-tab">
      <ul>
        <li><a href="#content-tab-1" class="nab-tab-link">Title1</a></li>
        <li><a href="#content-tab-2" class="nab-tab-link">Title2</a></li>
      </ul>
    </nav>
    <h2 class="content-tab-title"><span>Title3</span></h2>
    <div class="content-tab-inner">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, nobis!</p>
    </div><!-- end.content-tab-inner -->
  </section><!-- end.content-tab-item -->
</div><!-- end.content-tab -->
```
*/
.content-tab {
  clear: both; }
  .content-tab [id^=content-tab-] > .content-tab-title {
    display: table-cell;
    width: 192px;
    margin: 0;
    padding: 0;
    border-right: 1px solid white;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3;
    vertical-align: bottom;
    text-align: center;
    color: white;
    font-weight: normal; }
    .content-tab [id^=content-tab-] > .content-tab-title span {
      position: relative;
      display: block;
      padding: 12px 16px 9px;
      background: #555555 url(../images/bg_arrow_white_below.png) 10px center no-repeat; }
      .content-tab [id^=content-tab-] > .content-tab-title span:after {
        position: absolute;
        top: 0;
        right: 0;
        border: 8px solid transparent;
        border-top-width: 0;
        border-bottom-width: 8px;
        border-right-color: white;
        border-left: none;
        content: ""; }
  .content-tab [id^=content-tab-] .nav-tab {
    display: table-cell;
    vertical-align: bottom; }
    .content-tab [id^=content-tab-] .nav-tab ul {
      list-style: none;
      display: inline-block;
      margin: 0;
      padding: 0;
      vertical-align: bottom; }
      .content-tab [id^=content-tab-] .nav-tab ul li {
        display: table-cell;
        width: 191px;
        border-right: 1px solid white;
        vertical-align: bottom; }
        .content-tab [id^=content-tab-] .nav-tab ul li a {
          position: relative;
          display: block;
          padding: 8px 16px;
          background: #f0f0f0 url(../images/bg_arrow.png) 10px center no-repeat;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.3;
          text-align: center;
          color: #555555;
          text-decoration: none; }
          .content-tab [id^=content-tab-] .nav-tab ul li a:after {
            position: absolute;
            top: 0;
            right: 0;
            border: 8px solid transparent;
            border-top-width: 0;
            border-bottom-width: 8px;
            border-right-color: white;
            border-left: none;
            content: ""; }
  .content-tab [id^=content-tab-] .content-tab-inner {
    width: 100%;
    padding: 0 9px;
    border: 1px solid silver;
    overflow: hidden; }
  .content-tab.content-tab_brand .content-tab-inner {
    padding: 30px 19px 20px;
    margin-bottom: 30px; }

/*
### フロートレイアウト
```
<div class="layout-right">
  <div>Element Right</div>
</div><!-- end.layout-right -->
<div class="layout-left">
  <div>Element Left</div>
</div><!-- end.layout-left -->
```
*/
.layout-right {
  float: right;
  margin-left: 20px; }
  .layout-right + .txt-title {
    clear: both; }

.layout-left {
  float: left;
  margin-right: 20px; }
  .layout-left + .txt-title {
    clear: both; }

/*
# ページ共通のレイアウト

## 伊勢丹ロゴ
店舗名はテキスト表記なので多店舗への展開はスムースに行えます。
```
<header id="column-header">
  <h1><a href="#"><em>伊勢丹</em><span>新宿店</span></a></h1>
</header>
```
*/
#column-header h1 {
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.0; }
  #column-header h1 a {
    display: table;
    height: 53px;
    color: #555555;
    text-decoration: none; }
  #column-header h1 em {
    display: table-cell;
    width: 112px;
    height: 50px;
    margin: 0;
    padding: 0;
    background: url(../images/bg_txt_logo-isetan.png) 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px; }
  #column-header h1 span {
    display: table-cell;
    padding-left: 0.5em;
    font-style: normal;
    font-weight: normal;
    vertical-align: bottom; }

/*
## 営業時間表記
ヘッダー部分の記述
```
<dl class="txt-open">
  <dt>営業時間：</dt>
  <dd>午前10時30分〜午後8時</dd>
</dl>
```
サイドカラム最上部の記述
```
<aside class="aside-inquiry">
  <dl class="txt-phone">
    <dt>電話番号</dt>
    <dd>03-3352-1111</dd>
  </dl>
  <dl class="txt-open">
    <dt>営業時間<span class="txt-notes"><i class="txt-notes-right"></i><i class="txt-notes-body">連日営業中</i></span></dt>
    <dd>午前10時30分〜午後8時</dd>
  </dl>
</aside><!-- end.aside-inquiry -->
```
*/
.txt-open,
.txt-phone,
.txt-address {
  clear: both;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  font-size: 1.2rem; }
  header .txt-open, header
  .txt-phone, header
  .txt-address {
    height: 30px;
    padding-top: 10px;
    font-size: 11px;
    font-size: 1.1rem; }
  .txt-open dt,
  .txt-phone dt,
  .txt-address dt {
    padding: 0 0 0 18px;
    background-position: 0 2px;
    background-repeat: no-repeat;
    line-height: 1.6; }
    header .txt-open dt, header
    .txt-phone dt, header
    .txt-address dt {
      float: left;
      padding-top: 0.15em;
      background-position: 0 0;
      line-height: 1.4rem; }
  .txt-open dd,
  .txt-phone dd,
  .txt-address dd {
    margin: 0 0 0 18px;
    padding: 0;
    line-height: 1.6; }
    header .txt-open dd, header
    .txt-phone dd, header
    .txt-address dd {
      float: left;
      margin: 0;
      padding-top: 0.15em;
      line-height: 1.4rem; }
  #column-header .txt-open, #column-header
  .txt-phone, #column-header
  .txt-address {
    float: left;
    clear: none;
    margin: 0 10px 0 0; }
    #column-header .txt-open dd, #column-header
    .txt-phone dd, #column-header
    .txt-address dd {
      margin: -2px 0 0 0; }

.txt-open dt {
  background-image: url(../images/bg_icon-time.png); }

.txt-phone dt {
  float: left;
  width: 14px;
  height: 14px;
  background-image: url(../images/bg_icon-phone.png);
  background-position: 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px; }
.txt-phone dd {
  float: left;
  margin: 0; }

.txt-address dt {
  float: left;
  width: 14px;
  height: 14px;
  background-image: url(../images/bg_icon-zip.png);
  background-position: 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px; }

.aside-inquiry {
  margin-bottom: 10px;
  padding: 8px 10px;
  border: 1px solid silver;
  background-color: white; }

/*
## トピックパス
```
<dl class="content-topic_path">
  <dt>現在位置</dt>
  <dd><a href="#">TOP</a> ＞ <a href="#">Modules</a> ＞ 本館 2F フロアガイド</dd>
</dl>
```
*/
/*.content-topic_path {
  display: table;
  height: 36px;
  margin: 0;
  dt {
    margin: 0;
    @include objHidden();
  }
  dd {
    display: table-cell;
    margin: 0;
    color: $colorFontStrong;
    line-height: 1.0;
    vertical-align: middle;
    a {
      color: $colorFont;
      text-decoration: underline;
      @extend .hover;
    }
  }
}*/
/*
## ページトップへ戻るボタン
```
<div class="btn-page-top">
  <a href="#back-to-page-top"><i class="caret-pagetop"></i> ページトップへ</a>
</div><!-- end.btn-page-top -->
```
*/
.btn-page-top {
  clear: both;
  height: 90px;
  padding-bottom: 30px;
  text-align: right; }
  .btn-page-top a {
    display: inline-block;
    position: fixed;
    bottom: 30px;
    right: 5px;
    opacity: 0.5;
    font-size: 10px;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    color: #555555;
    line-height: 1.0; }
    .btn-page-top a:hover {
      opacity: 1; }
    .btn-page-top a i.caret-pagetop {
      display: block;
      height: 42px;
      margin: 0 0 5px 0;
      background: transparent url(../images/bg_pagetop.png) center center no-repeat; }
  .btn-page-top.is-scroll-bottom a {
    position: relative;
    top: 0;
    opacity: 1; }

/*
## フッター最下部のコピーライト
```
<p id="txt-copyright">COPYRIGHT &copy; 2014 ISETAN MITSUKOSHI HOLDINGS ALL RIGHTS RESERVED.</p>
```
*/
#txt-copyright {
  clear: both;
  margin: 0;
  padding: 10px;
  background-color: #151515;
  font-size: 11px;
  font-size: 1.1rem;
  color: white;
  text-align: center;
  line-height: 1.0; }

/*
# ナビゲーション関連

## ヘッダー右部分のリンクボタン集
```
<nav id="nav-links">
  <ul>
    <li class="nav-links-item_onlinestore"><a href="#">オンラインストア</a></li>
    <li class="nav-links-item_mailmagazine"><a href="#">メルマガ登録</a></li>
    <li class="nav-links-item_webmember"><a href="#">Web会員</a></li>
    <li class="nav-links-item_login"><a href="#">ログイン</a></li>
    <li class="nav-links-item_storelist"><a href="javascript:void(0);">伊勢丹店舗一覧</a>
      <div id="nav-store">
        <ul class="nav-store-group">
          <li><a href="#">新宿店</a></li>
        </ul>
        <ul class="nav-store-group">
          <li><a href="#">立川店</a></li>
          <li><a href="#">松戸店</a></li>
          <li><a href="#">浦和店</a></li>
          <li><a href="#">相模原店</a></li>
          <li><a href="#">府中店</a></li>
        </ul>
        <ul class="nav-store-group">
          <li><a href="#">静岡伊勢丹</a></li>
          <li><a href="#">新潟伊勢丹</a></li>
          <li><a href="#">ジェイアール京都伊勢丹</a></li>
          <li><a href="#">JR大阪三越伊勢丹</a></li>
          <li><a href="#">海外店</a></li>
        </ul>
        <ul class="nav-store-group">
          <li><a href="#">伊勢丹アウトレットストア</a></li>
        </ul>
      </div><!-- end#nav-store -->
    </li>
  </ul>
</nav><!-- end#nav-links -->
```
*/
#nav-links {
  position: absolute;
  top: 40px;
  left: 629px;
  z-index: 1000; }
  #nav-links ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #nav-links ul li {
      margin: 0;
      padding: 0; }

#nav-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: white; }
  #nav-links ul li {
    position: absolute;
    margin: 0;
    padding: 0; }
    #nav-links ul li #nav-store {
      display: none;
      margin-top: -1px; }
    #nav-links ul li a {
      display: block;
      background-image: url(../images/bg_nav-links-item.png);
      background-repeat: no-repeat;
      font-size: 0;
      line-height: 0;
      text-indent: -9999px; }
    #nav-links ul li.nav-links-item_onlinestore {
      top: 0;
      left: 0; }
      #nav-links ul li.nav-links-item_onlinestore a {
        width: 174px;
        height: 20px;
        background-position: 0 0; }
    #nav-links ul li.nav-links-item_mailmagazine {
      top: 22px;
      left: 0; }
      #nav-links ul li.nav-links-item_mailmagazine a {
        width: 70px;
        height: 20px;
        background-position: -176px 0; }
    #nav-links ul li.nav-links-item_webmember {
      top: 22px;
      left: 72px; }
      #nav-links ul li.nav-links-item_webmember a {
        width: 50px;
        height: 20px;
        background-position: -248px 0; }
    #nav-links ul li.nav-links-item_login {
      top: 22px;
      left: 124px; }
      #nav-links ul li.nav-links-item_login a {
        width: 50px;
        height: 20px;
        background-position: -300px 0; }
    #nav-links ul li.nav-links-item_storelist {
      top: 0;
      left: 181px; }
      #nav-links ul li.nav-links-item_storelist a {
        width: 190px;
        height: 42px;
        background-position: -352px 0; }
      #nav-links ul li.nav-links-item_storelist.is-open a {
        background-position: -352px -44px;
        cursor: default; }
        @media (min-width: 768px) {
          #nav-links ul li.nav-links-item_storelist.is-open a:hover {
            opacity: 1.0; } }
      #nav-links ul li.nav-links-item_storelist.is-open #nav-store {
        background-color: #151515;
        background-image: none;
        z-index: 9999; }
        #nav-links ul li.nav-links-item_storelist.is-open #nav-store ul {
          padding-top: 10px;
          background-color: transparent; }
          #nav-links ul li.nav-links-item_storelist.is-open #nav-store ul li {
            position: static; }
            #nav-links ul li.nav-links-item_storelist.is-open #nav-store ul li a {
              width: auto;
              height: auto;
              padding: 5px 10px 5px 24px;
              background-image: url(../images/bg_arrow_white.png);
              background-position: 12px 9px;
              cursor: pointer;
              color: white;
              font-size: 12px;
              font-size: 1.2rem;
              line-height: 1.3;
              text-indent: 0;
              text-decoration: none; }
              @media (min-width: 768px) {
                #nav-links ul li.nav-links-item_storelist.is-open #nav-store ul li a:hover {
                  background-color: rgba(255, 255, 255, 0.3); } }

/*
## 言語選択のナビゲーション
```
<nav id="nav-language">
  <ul>
    <li class="nav-language-item_japan is-active"><a href="#">日本語</a></li>
    <li class="nav-language-item_english"><a href="#">ENGLISH</a></li>
    <li class="nav-language-item_kantai"><a href="#">簡体</a></li>
    <li class="nav-language-item_hantai"><a href="#">繁体</a></li>
    <li class="nav-language-item_hanguk"><a href="#">한국</a></li>
  </ul>
</nav><!-- end#nav-language -->
```
*/
#nav-language {
  position: absolute;
  top: 0;
  right: 0; }
  #nav-language ul {
    list-style: none;
    height: 17px;
    margin: 0;
    padding: 0;
    border-left: 1px solid #858585;
    background-color: white; }
    #nav-language ul li {
      float: left;
      width: 74px;
      height: 17px;
      margin: 0;
      padding: 0;
      border-right: 1px solid #858585;
      border-bottom: 1px solid #858585; }
      #nav-language ul li a {
        display: block;
        width: 73px;
        height: 16px;
        font-size: 0;
        line-height: 0;
        text-indent: -9999px;
        background-color: #f0f0f0;
        background-image: url(../images/bg_nav-language-item.png);
        background-repeat: no-repeat; }
      #nav-language ul li.nav-language-item_japan a {
        background-position: 0 0; }
      #nav-language ul li.nav-language-item_japan.is-active a {
        background-position: 0 -18px; }
      #nav-language ul li.nav-language-item_english a {
        background-position: -73px 0; }
      #nav-language ul li.nav-language-item_english.is-active a {
        background-position: -73px -18px; }
      #nav-language ul li.nav-language-item_kantai a {
        background-position: -147px 0; }
      #nav-language ul li.nav-language-item_kantai.is-active a {
        background-position: -147px -18px; }
      #nav-language ul li.nav-language-item_hantai a {
        background-position: -221px 0; }
      #nav-language ul li.nav-language-item_hantai.is-active a {
        background-position: -221px -18px; }
      #nav-language ul li.nav-language-item_hanguk a {
        background-position: -295px 0; }
      #nav-language ul li.nav-language-item_hanguk.is-active a {
        background-position: -295px -18px; }
      #nav-language ul li.is-active a {
        background-color: #151515; }

/*
## グローバルナビゲーション（ヘッダー下部）
```
<nav id="nav-global">
  <ul>
    <li><a href="#">フロアガイド</a></li>
    <li><a href="#">イベント＆フェア</a></li>
    <li><a href="#">サービスガイド</a></li>
    <li><a href="#">アクセス</a></li>
    <li><a href="#">ブランド検索</a></li>
  </ul>
</nav><!-- end#nav-global -->
```
## グロナビ廃止のため同位置にトピックパスを設置
*/
#content-topic_path {
  margin: 0 auto;
  width: 1000px;
  height: 0;
  position: relative;
  height: 0;
  top: -30px;
  z-index: 1000;
  /*ul {
    list-style: none;
    display: table;
    height: 30px;
    margin: 0;
    padding: 0;
    li {
      display: table-cell;
      padding-right: 2.0em;
      a {
        display: table-cell;
        height: 30px;
        padding-top: 1px;
        color: $colorFontStrong;
        @include fontSize(1.1);
        text-decoration: none;
        vertical-align: middle;
        @extend .hover;
      }
    }
  }*/ }
  #content-topic_path dl {
    display: table;
    clear: both;
    height: 30px;
    margin-top: 1px;
    overflow: hidden; }
    #content-topic_path dl dt {
      margin: 0;
      font-size: 0;
      line-height: 0;
      text-indent: -9999px; }
    #content-topic_path dl dd {
      display: table-cell;
      margin: 0;
      color: #151515;
      line-height: 1.0;
      vertical-align: middle; }
      #content-topic_path dl dd a {
        color: #555555;
        text-decoration: underline; }

/*
## サイドカラムのナビゲーション
現在の場所の'li'タグに'.is-active'を付与することで、カレント状態となります。
```
<nav id="nav-local">
  <ul class="nav-parent">
    <li class="nav-parent-item">
      <a href="javascript:void(0);">フロアガイド<span>FLOOR GUIDE</span></a>
      <ul class="nav-child">
        <li class="nav-child-item"><a href="javascript:void(0);">本館</a>
          <ul class="nav-grandchild">
            <li><a href="#">7F<span class="icon-floor"><i class="icon-cat icon-cat-men">MEN</i><i class="icon-cat icon-cat-restaurant">RESTAURANT</i><i class="icon-cat icon-cat-women">WOMEN</i></span></a></li>
            <li><a href="#">6F<span class="icon-floor"><i class="icon-cat icon-cat-baby_kids">BABY＆KIDS</i></span></a></li>
            <li><a href="#">5F<span class="icon-floor"><i class="icon-cat icon-cat-living_art">LIVING＆ART</i></span></a></li>
            <li class="is-active"><a href="#">4F<span class="icon-floor"><i class="icon-cat icon-cat-women">WOMEN</i></span></a></li>
            <li><a href="#">3F<span class="icon-floor"><i class="icon-cat icon-cat-women">WOMEN</i></span></a></li>
            <li><a href="#">2F<span class="icon-floor"><i class="icon-cat icon-cat-women">WOMEN</i></span></a></li>
            <li><a href="#">1F<span class="icon-floor"><i class="icon-cat icon-cat-beauty">BEAUTY</i><i class="icon-cat icon-cat-women">WOMEN</i></span></a></li>
            <li><a href="#">B1F<span class="icon-floor"><i class="icon-cat icon-cat-foods">FOODS</i></span></a></li>
            <li><a href="#">B2F<span class="icon-floor"><i class="icon-cat icon-cat-women">WOMEN</i></span></a></li>
          </ul>
        </li>
        <li class="nav-child-item"><a href="javascript:void(0);">メンズ館</a>
          <ul class="nav-grandchild">
            <li><a href="#">リンク1</a></li>
            <li><a href="#">リンク2</a></li>
            <li><a href="#">リンク3</a></li>
          </ul>
        </li>
        <li class="nav-child-item"><a href="javascript:void(0);">周辺施設</a>
          <ul class="nav-grandchild">
            <li><a href="#">リンク4</a></li>
            <li><a href="#">リンク5</a></li>
            <li><a href="#">リンク6</a></li>
          </ul>
        </li>
      </ul>
    </li>
    <li><a href="#">イベント＆フェア<span>EVENT &nbsp; FAIR</span></a></li>
    <li><a href="#">サービスガイド<span>SERVICE GUIDE</span></a></li>
    <li><a href="#">アクセス<span>ACCESS</span></a></li>
    <li><a href="#">ブランド検索<span>BRAND SEARCH</span></a></li>
    <li class="nav-parent-item">
      <a href="javascript:void(0);">会員サービス<span>MEMBER SERVICES</span></a>
      <ul class="nav-child">
        <li><a href="#">リンク7</a></li>
        <li><a href="#">リンク8</a></li>
        <li><a href="#">リンク9</a></li>
        <li><a href="#">リンク10</a></li>
        <li><a href="#">リンク11</a></li>
      </ul>
    </li>
  </ul>
</nav>
```
*/
#nav-local {
  clear: both;
  margin-bottom: 10px; }
  #nav-local ul li {
    overflow: hidden; }
    #nav-local ul li span.icon-floor {
      display: inline-block;
      float: right;
      height: 12px;
      font-size: 0; }
    #nav-local ul li i.icon-cat {
      opacity: 0.5; }
    #nav-local ul li.is-active i.icon-cat {
      opacity: 1; }
    #nav-local ul li.is-active a {
      background-color: #f0f0f0; }

ul.nav-parent {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.nav-parent > li.is-active > a {
    color: #555555;
    background-color: #cdcdcd !important;
    background-position: -209px center; }
  ul.nav-parent > li > a {
    text-decoration: none; }
    ul.nav-parent > li > a:hover {
      color: #555555;
      background-color: #cdcdcd; }
  ul.nav-parent li {
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #151515; }
    ul.nav-parent li:last-child {
      border-bottom: none; }
    ul.nav-parent li.nav-parent-item a {
      background-image: url(../images/bg_nav-local-has-open.png);
      background-position: 0 center;
      background-repeat: no-repeat;
      text-decoration: none; }
      ul.nav-parent li.nav-parent-item a:hover {
        background-position: -209px center; }
    ul.nav-parent li.nav-parent-item.is-open {
      border-bottom: none; }
      ul.nav-parent li.nav-parent-item.is-open > a {
        color: #555555;
        background-position: -209px center;
        background-color: #cdcdcd; }
    ul.nav-parent li a {
      display: block;
      padding: 12px 0 10px 33px;
      background-color: #151515;
      background-image: url(../images/bg_nav-local.png);
      background-position: 0 center;
      background-repeat: no-repeat;
      color: white;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.3; }
      ul.nav-parent li a span {
        display: block;
        font-size: 9px;
        font-size: 0.9rem;
        color: #555555; }
      ul.nav-parent li a:hover {
        background-position: -209px center; }
    ul.nav-parent li ul.nav-child {
      list-style: none;
      display: none;
      margin: 0;
      padding: 0; }
      ul.nav-parent li ul.nav-child li {
        border-bottom: none; }
        ul.nav-parent li ul.nav-child li a {
          padding: 7px 7px 5px 22px;
          background: white url(../images/bg_nav-local-item_link.png) 0 50% no-repeat;
          font-size: 12px;
          font-size: 1.2rem;
          color: #555555; }
          ul.nav-parent li ul.nav-child li a:hover {
            background: #f0f0f0 url(../images/bg_nav-local-item_link.png) 0 50% no-repeat; }
        ul.nav-parent li ul.nav-child li.nav-child-item {
          border-bottom: 1px dotted silver; }
          ul.nav-parent li ul.nav-child li.nav-child-item:last-child {
            border-bottom: none; }
          ul.nav-parent li ul.nav-child li.nav-child-item a {
            padding-left: 33px;
            background-image: url(../images/bg_nav-local-has-open.png);
            background-position: 0 center;
            background-repeat: no-repeat; }
          ul.nav-parent li ul.nav-child li.nav-child-item.is-open > a {
            background-color: #f0f0f0;
            background-position: -209px center;
            font-weight: bold; }
        ul.nav-parent li ul.nav-child li ul.nav-grandchild {
          list-style: none;
          display: none;
          margin: 0;
          padding: 0; }
          ul.nav-parent li ul.nav-child li ul.nav-grandchild li a {
            padding: 7px 7px 5px 22px;
            background-color: white;
            background-image: url(../images/bg_nav-local-item_link.png);
            background-position: 0 50%;
            background-repeat: no-repeat;
            font-size: 12px;
            font-size: 1.2rem;
            color: #555555; }
            ul.nav-parent li ul.nav-child li ul.nav-grandchild li a:hover {
              background-color: #f0f0f0; }

/*
## フッター、グローバルナビゲーション
```
<nav id="nav-footer-global">
  <ul>
    <li><span><a href="#">ISETAN TOP</a></span></li>
    <li><span><a href="#">三越オンラインショップ</a></span></li>
    <li><span><a href="#">三越伊勢丹通信販売<br>オンラインショッピング</a></span></li>
  </ul>
  <ul>
    <li><span><a href="#">エムアイDeli</a></span></li>
    <li><span><a href="#">岩田屋</a></span></li>
    <li><span><a href="#">エムアイカード</a></span></li>
  </ul>
  <ul>
    <li><span><a href="#">三越伊勢丹ホールディングス</a></span></li>
    <li><span><a href="#">プライバシーポリシー</a></span></li>
    <li><span><a href="#">ご利用規約</a></span></li>
  </ul>
  <ul>
    <li><span><a href="#">お問い合わせフォーム</a></span></li>
    <li><span><a href="#">ご利用ガイド</a></span></li>
    <li><span><a href="#">初めての方へ</a></span></li>
    <li><span><a href="#">よくある質問</a></span></li>
  </ul>
</nav><!-- end#nav-footer-global -->
```
*/
#nav-footer-global {
  clear: both;
  width: 912px;
  margin-left: 88px;
  overflow: hidden; }
  .style-onecolumn #nav-footer-global {
    margin: 0 0 0 0; }
  #nav-footer-global ul {
    list-style: none;
    float: left;
    width: 25%;
    margin: 0;
    padding: 0; }
    #nav-footer-global ul li {
      margin: 0;
      padding-bottom: 1.0em;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.3; }
      .style-onecolumn #nav-footer-global ul li {
        padding-bottom: 0; }
      #nav-footer-global ul li span {
        display: table-cell;
        padding-left: 8px;
        vertical-align: top;
        background: transparent url(../images/bg_arrow.png) 0 4px no-repeat; }
        #nav-footer-global ul li span a {
          display: inline-block;
          overflow: hidden;
          color: #555555;
          text-decoration: none;
          vertical-align: top; }

/*
## サイト内検索（jQuery UI autocompleteを少しだけカスタマイズ）
```
<div class="block-search">
  <form name="search_form" action="http://sitesearch.isetan.co.jp/" method="GET" onsubmit="return mysearch(this);">
    <input type="text" name="kw" value="" class="searchBox ui-autocomplete-input" id="keyword" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true" placeholder="伊勢丹サイト内検索">
    <input type="hidden" name="ie" value="u">
    <input type="submit" value="" class="search_submit">
  </form>
</div><!-- end.block-search -->
```
*/
.block-search {
  position: absolute;
  right: 0;
  bottom: 25px;
  width: 190px;
  z-index: 999;
  vertical-align: baseline;
  letter-spacing: -1.0em;
  word-spacing: -1.0em; }
  :root .block-search {
    font-size: 1px;
    letter-spacing: -1px;
    word-spacing: -1px; }
  .block-search .searchBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 168px;
    height: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.0; }
  .block-search .search_submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border: none;
    background: url(../images/bg_btn-search.png) no-repeat;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.0; }

.ui-menu-item {
  cursor: pointer; }

/*
----------------------------------------------------------------------
# Module Settings
----------------------------------------------------------------------
*/
/*
----------------------------------------------------------------------
# Mixin Settings
----------------------------------------------------------------------
*/
@media (min-width: 768px) {
  .hover:hover, a:hover img:hover, .content-tab [id^=content-tab-] .nav-tab ul li a:hover, #column-header h1 a:hover, .btn-page-top.is-scroll-bottom a:hover, #nav-links ul li a:hover, #nav-language ul li a:hover, #content-topic_path dl dd a:hover, a.btn-coat:hover, a dl.banner-item-updated:hover, .block-shop a:hover, .table-event .table-event-nav .table-event-nav_next a:hover,
  .table-event .table-event-nav .table-event-nav_prev a:hover, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar:hover {
    opacity: 0.5; } }

.linknoline, .style-top .store-block .link-list li a, .block-focus .block-focus-title .title-link a, #nav-footer-global ul li span a, .txt-page-title .title-link a, .releace-list > li a, .releace-list_brand > li a, .content-tab_category [id^=content-tab-] .content-tab-inner .link-list li a, .block-event .block-event-banner {
  text-decoration: none; }
  .linknoline:hover, .style-top .store-block .link-list li a:hover, .block-focus .block-focus-title .title-link a:hover, #nav-footer-global ul li span a:hover, .txt-page-title .title-link a:hover, .releace-list > li a:hover, .releace-list_brand > li a:hover, .content-tab_category [id^=content-tab-] .content-tab-inner .link-list li a:hover, .block-event .block-event-banner:hover {
    text-decoration: underline; }

/*
# 汎用性の高いモジュール

## 見出し要素（Lv.1）
```
<h1 class="txt-page-title">Lorem ipsum dolor sit amet, consectetur adipisicing.</h1>
```
*/
.txt-page-title {
  padding: 0.5em 0 20px;
  border-top: 2px solid #858585;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3; }
  .txt-page-title .title-link {
    float: right;
    padding-left: 10px;
    background: url(../images/bg_arrow.png) 0 center no-repeat;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal; }
    .txt-page-title .title-link a {
      color: #555555; }

/*
## 見出し要素（Lv.2）
```
<h2 class="txt-title">Lorem ipsum dolor sit amet, consectetur adipisicing.</h2>
```
*/
.txt-title {
  margin: 20px 0;
  background: url(../images/bg_txt-title.png) 0 100% repeat-x;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  color: #151515; }
  .txt-page-title + .txt-title {
    margin: 0 0 20px 0; }
  section .txt-title:first-child {
    margin: 0 0 20px 0; }

/*
### 見出し内キャプション要素
```
<h2 class="txt-title"><span class="txt-title-caption">Lorem ipsum.</span>Lorem ipsum dolor sit amet.</h2>
```
*/
.txt-title-caption, .block-shop .block-shop-title .shop-title-caption {
  display: inline-block;
  margin-right: 1.0em;
  padding: 2px 3px;
  border: 1px solid #151515;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.0; }

/*
### 見出し内タグ要素
'.txt-icon'のみで黒背景白文字のタグ要素、'.txt-icon-floor'も併せて付与することで白背景の黒文字（フロア表記など）
```
<h2 class="txt-title">リクルートカラー診断<span class="icon-service_guide"><i class="txt-icon txt-icon-floor">本館2F</i><i class="txt-icon">予約制</i><i class="txt-icon">WEB予約</i><i class="txt-icon">無料</i></span></h2>
```
*/
.txt-icon {
  display: inline-block;
  padding: 1px 3px;
  border: 1px solid #151515;
  background-color: #151515;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.0;
  text-align: center;
  color: white; }
  .txt-icon.txt-icon-floor {
    width: 12.0em;
    background-color: white;
    color: #151515; }

.icon-service_guide {
  display: inline-block;
  float: right;
  padding-top: 2px;
  padding-right: 36px; }
  .icon-service_guide [class^=txt-icon] {
    margin-left: 2px;
    vertical-align: middle; }

/*
## フォントサイズ
### サイズ小（相対サイズ）
```
<p>Lorem ipsum dolor sit amet, <span class="txt-small">small</span> consectetur adipisicing.</p>
```
*/
.txt-small {
  font-size: 85%; }

/*
### サイズ大（相対サイズ）
```
<p>Lorem ipsum dolor sit amet, <span class="txt-large">large</span> consectetur adipisicing.</p>
```
*/
.txt-large {
  font-size: 115%; }

/*
## 右寄せ, 中寄せ, 左寄せ（インライン要素）
```
<p class="txt-right">text right</p>
<p class="txt-center">text center</p>
<p class="txt-left">text left</p>
```
*/
.txt-right {
  text-align: right; }

.txt-center {
  text-align: center; }

.txt-left {
  text-align: left; }

/*
## キャプション（インライン要素）
```
<figure>
  <img src="../source/images/modules/bnr_event-dummy.png" width="235" height="98" alt="">
  <figcaption class="txt-caption">この画像はダミーです</figcaption>
</figure>
```
*/
figure {
  margin: 0 0 10px 0; }

.txt-caption {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  font-size: 1.2rem; }

/*
## ボールド
```
<p>Lorem ipsum dolor sit amet, <span class="txt-bold">consectetur</span> adipisicing elit. Delectus, voluptatibus, modi, repellat fugit dolorum odio facilis veritatis nam reprehenderit suscipit provident quaerat dignissimos optio atque fuga quae laudantium deserunt iste!</p>
```
*/
.txt-bold {
  font-weight: bold; }

/*
## 注意書き
```
<p>Lorem ipsum dolor sit amet, <span class="txt-attention">consectetur</span> adipisicing elit. Delectus, voluptatibus, modi, repellat fugit dolorum odio facilis veritatis nam reprehenderit suscipit provident quaerat dignissimos optio atque fuga quae laudantium deserunt iste!</p>
```
*/
.txt-attention {
  color: #f00; }

/*
## 横並びダイアログ
```
<dl class="txt-dialog">
  <dt class="txt-dialog-title">Lorem ipsum dolor.</dt>
  <dd class="txt-dialog-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, repudiandae corporis dolorem ad illo animi itaque voluptas necessitatibus odit fugit.</dd>
</dl>
```
*/
.txt-dialog, .txt-dialog_brand {
  clear: both;
  overflow: hidden; }
  .txt-dialog .txt-dialog-title, .txt-dialog_brand .txt-dialog-title {
    float: left;
    margin: 0;
    padding: 0 0.5em 1.0em 0;
    font-weight: bold; }
  .txt-dialog .txt-dialog-description, .txt-dialog_brand .txt-dialog-description {
    margin: 0;
    padding: 0 0 1.0em;
    padding-bottom: 0;
    overflow: hidden; }

/*
## 横並びダイアログ（タイトル固定＆キャレット装飾）
```
<dl class="txt-item">
  <dt class="txt-item-title"><span>Item name</span></dt>
  <dd class="txt-item-description">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat, ea dolor velit delectus iusto voluptate veritatis sapiente consectetur beatae illo. Laborum, quia voluptates veniam nemo dolor animi vitae architecto quis.</p>
  </dd>
</dl>
```
*/
.txt-item {
  clear: both;
  overflow: hidden;
  line-height: 1.3; }
  .txt-item .txt-item-title {
    clear: both;
    float: left;
    position: relative;
    width: 130px;
    margin: 0 0 1em 0;
    padding: 5px;
    background-color: #f0f0f0;
    font-weight: normal;
    text-align: center; }
    .txt-item .txt-item-title:after {
      display: inline-block;
      position: absolute;
      top: 50%;
      right: -8px;
      margin-top: -4px;
      border: 8px solid transparent;
      border-top-width: 4px;
      border-right: none;
      border-bottom-width: 4px;
      border-left-color: #f0f0f0;
      content: ""; }
    .txt-item .txt-item-title p {
      padding: 0; }
  .txt-item .txt-item-description {
    margin: 0 0 1em 0;
    padding: 5px 20px 5px 15px;
    overflow: hidden; }
    .txt-item .txt-item-description p {
      padding: 0; }

/*
## アイコン要素
全てインラインブロック要素となります
```
<i class="icon-cat-baby_kids"></i>
<i class="icon-cat-beauty"></i>
<i class="icon-cat-foods"></i>
<i class="icon-cat-living_art"></i>
<i class="icon-cat-men"></i>
<i class="icon-cat-restaurant"></i>
<i class="icon-cat-women"></i>
<i class="icon_escalator"></i>
<i class="icon_elevator"></i>
<i class="icon_stairs"></i>
<i class="icon_restroom"></i>
<i class="icon_functional_restroom"></i>
<i class="icon_information_office"></i>
<i class="icon_i_card"></i>
<i class="icon_mi_card_atm"></i>
<i class="icon_cafe"></i>
<i class="icon_family"></i>
<i class="icon_baby"></i>
<i class="icon_private"></i>
<i class="icon_party"></i>
<i class="icon_counter"></i>
<i class="icon_tea"></i>
<i class="icon_japanese_style"></i>
```
*/
i.icon-cat {
  display: inline-block;
  height: 12px;
  margin: 0 0 2px 2px;
  background-image: url(../images/bg_cat_floor.png);
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px; }
  i.icon-cat.icon-cat-baby_kids {
    width: 51px;
    background-position: 0 0; }
  i.icon-cat.icon-cat-beauty {
    width: 38px;
    background-position: -53px 0; }
  i.icon-cat.icon-cat-foods {
    width: 32px;
    background-position: -93px 0; }
  i.icon-cat.icon-cat-living_art {
    width: 55px;
    background-position: -127px 0; }
  i.icon-cat.icon-cat-men {
    width: 21px;
    background-position: -184px 0; }
  i.icon-cat.icon-cat-restaurant {
    width: 59px;
    background-position: -207px 0; }
  i.icon-cat.icon-cat-women {
    width: 36px;
    background-position: -268px 0; }

.icon_escalator,
.icon_elevator,
.icon_stairs,
.icon_restroom,
.icon_women_restroom,
.icon_functional_restroom,
.icon_information_office,
.icon_i_card,
.icon_mi_card_atm,
.icon_cafe,
.icon_ostomate,
.icon_restaurant,
.icon_tasting,
.icon_smoking,
.icon_atm,
.icon_tax_refound,
.icon_juice_stand,
.icon_family,
.icon_baby,
.icon_private,
.icon_party,
.icon_counter,
.icon_tea,
.icon_japanese_style {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px; }

.icon_escalator,
.icon_elevator,
.icon_stairs,
.icon_restroom,
.icon_women_restroom,
.icon_functional_restroom,
.icon_information_office,
.icon_i_card,
.icon_mi_card_atm,
.icon_cafe,
.icon_ostomate,
.icon_restaurant,
.icon_tasting,
.icon_smoking,
.icon_atm,
.icon_tax_refound,
.icon_juice_stand {
  background-image: url(../images/bg_icon-facility.png); }

.icon_escalator {
  background-position: 0 0; }

.icon_elevator {
  background-position: -22px 0; }

.icon_stairs {
  background-position: -44px 0; }

.icon_restroom {
  background-position: -66px 0; }

.icon_women_restroom {
  background-position: -88px 0; }

.icon_information_office {
  background-position: -110px 0; }

.icon_i_card {
  background-position: -132px 0; }

.icon_mi_card_atm {
  background-position: -154px 0; }

.icon_cafe {
  background-position: -176px 0; }

.icon_functional_restroom {
  background-position: -198px 0; }

.icon_ostomate {
  background-position: -220px 0; }

.icon_restaurant {
  background-position: -242px 0; }

.icon_tasting {
  background-position: -264px 0; }

.icon_smoking {
  background-position: -286px 0; }

.icon_atm {
  background-position: -308px 0; }

.icon_tax_refound {
  background-position: -330px 0; }

.icon_juice_stand {
  background-position: -352px 0; }

.icon_family,
.icon_baby,
.icon_private,
.icon_party,
.icon_counter,
.icon_tea,
.icon_japanese_style {
  background-image: url(../images/bg_icon-restaurant.png); }

.icon_family {
  background-position: 0 0; }

.icon_baby {
  background-position: -22px 0; }

.icon_private {
  background-position: -44px 0; }

.icon_party {
  background-position: -66px 0; }

.icon_counter {
  background-position: -88px 0; }

.icon_tea {
  background-position: -110px 0; }

.icon_japanese_style {
  background-position: -132px 0; }

.icon_exlink {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 0 0 5px;
  background: transparent url(../images/bg_external-link.png) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px; }

.icon_pdf {
  display: inline-block;
  width: 32px;
  height: 11px;
  margin: 0 0 0 5px;
  background: transparent url(../images/bg_icon-pdf.png) no-repeat 0 center;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px; }

/*
## 注釈表示
```
<span class="txt-notes">
  <i class="txt-notes-right"></i>
  <i class="txt-notes-body">Right</i>
</span>
<span class="txt-notes">
  <i class="txt-notes-body">Left</i>
  <i class="txt-notes-left"></i>
</span>
```
*/
.txt-notes {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.0; }
  .txt-notes .txt-notes-body {
    display: inline-block;
    padding: 3px 5px 2px;
    background-color: #1193a6;
    color: white;
    font-style: normal; }
  .txt-notes .txt-notes-right,
  .txt-notes .txt-notes-left {
    display: inline-block;
    border: 8px solid transparent;
    border-top-width: 4px;
    border-bottom-width: 4px; }
  .txt-notes .txt-notes-right {
    margin-right: -3px;
    border-right-color: #1193a6;
    border-left: none; }
  .txt-notes .txt-notes-left {
    margin-left: -3px;
    border-left-color: #1193a6;
    border-right: none; }

/*
## キャレット
```
Top：<i class="caret-top"></i>
Right：<i class="caret-right"></i>
Bottom：<i class="caret-bottom"></i>
Left：<i class="caret-left"></i>
```
*/
.caret-top {
  display: inline-block;
  border: 8px solid transparent;
  border-right-width: 6px;
  border-left-width: 6px;
  border-bottom-color: #555555;
  border-top: none;
  background-color: transparent; }

.caret-right {
  display: inline-block;
  border: 8px solid transparent;
  border-top-width: 6px;
  border-bottom-width: 6px;
  border-left-color: #555555;
  border-right: none;
  background-color: transparent; }

.caret-bottom {
  display: inline-block;
  border: 8px solid transparent;
  border-right-width: 6px;
  border-left-width: 6px;
  border-top-color: #555555;
  border-bottom: none;
  background-color: transparent; }

.caret-left {
  display: inline-block;
  border: 8px solid transparent;
  border-top-width: 6px;
  border-bottom-width: 6px;
  border-right-color: #555555;
  border-left: none;
  background-color: transparent; }

/*
#リンク要素
## シンプルなテキストリンク
```
<ul class="link-list">
  <li><a href="#">リンク</a></li>
</ul>
```
*/
.link-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .link-list li {
    margin: 0;
    padding: 0 0 0 15px;
    background: url(../images/bg_arrow.png) 0 7px no-repeat; }
    .link-list li a {
      color: #555555; }

/*
## ボタンリンク
`.btn-default`の付加+`span`タグの内包でボタン表示になります。
```
<a class="btn-default"><span>Default</span></a>
```
`.btn-small`や`.btn-large`の付加でフォントサイズやボタンサイズが相対的にサイズ変更します。
```
<a class="btn-default btn-small"><span>Small size</span></a>
<a class="btn-default btn-large"><span>Large size</span></a>
```
更に`.btn-height-min`や`.btn-height-max`の付加することでボタンの高さを調整できます。
```
<a class="btn-default btn-small btn-height-min"><span>Small size, Height min</span></a>
<a class="btn-default btn-small btn-height-max"><span>Small size, Height max</span></a>
<a class="btn-default btn-large btn-height-min"><span>Large size, Height min</span></a>
<a class="btn-default btn-large btn-height-max"><span>Large size, Height max</span></a>
```
*/
a.btn-default {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid silver;
  background-color: white;
  color: #555555;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.1;
  text-decoration: none !important; }
  a.btn-default[target=_blank] {
    padding: 0 16px 0 0;
    background: transparent url(../images/bg_external-link-with-btn.png) no-repeat right center; }
    a.btn-default[target=_blank]:hover {
      background-color: #f0f0f0; }
  a.btn-default:hover {
    background-color: #f0f0f0; }
  [class^=layout-divid] a.btn-default {
    width: 100%; }
  [class^=layout-divid] .txt-right a.btn-default, [class^=layout-divid] .txt-center a.btn-default, [class^=layout-divid] .txt-left a.btn-default {
    width: auto; }
  a.btn-default span {
    display: table-cell !important;
    height: 3.5em;
    padding: 2px 5px 0 15px;
    background: url(../images/bg_arrow.png) 7px 50% no-repeat;
    text-align: left;
    vertical-align: middle; }
  a.btn-default.btn-small span {
    font-size: 10px;
    font-size: 1rem; }
  a.btn-default.btn-large span {
    font-size: 14px;
    font-size: 1.4rem; }
  a.btn-default.btn-height-min span {
    height: 2.5em; }
  a.btn-default.btn-height-max span {
    height: 5.0em; }
  a.btn-default.btn-inline {
    width: auto; }

a.btn-coat {
  display: inline-block;
  width: 240px;
  padding: 8px 16px;
  background: #f0f0f0 url(../images/bg_title-link.png) 220px center no-repeat;
  text-decoration: none;
  color: #555555; }

/*
## お知らせなどのリリース用リンク
```
<h1 class="releace-title"><img src="../source/assets/images/txt_h2-staff_blog.png" width="113" height="20" alt="STAFF BLOG"></h1>
<ul class="releace-list">
  <li><i class="releace-list-caret"></i> <a href="#"><span>2013.10.30</span><em>ISETAN GIRL</em>リクルートコーナーのご紹介、イベントのご案内</a></li>
  <li><i class="releace-list-caret"></i> <a href="#"><span>2013.10.23</span><em>ISETAN GIRL</em>イセタンガール　スペシャルレッスン　第２弾のお知らせ☆</a></li>
  <li><i class="releace-list-caret"></i> <a href="#"><span>2013.09.12</span><em>Mode Style Floor</em>オランピアの部屋へようこそ。</a></li>
  <li><i class="releace-list-caret"></i> <a href="#"><span>2013.09.12</span><em>ISETAN GIRL</em>isetan girl 秋冬先取りアイテム！パート②</a></li>
</ul>
```
*/
.releace-title {
  margin-bottom: 16px;
  padding-bottom: 5px;
  border-bottom: 1px solid silver;
  font-size: 0;
  line-height: 0; }

.releace-list, .releace-list_brand {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.25; }
  .releace-list.layout-row li, .releace-list.layout-row-shop li, .layout-row-shop.releace-list_brand li, .layout-row.releace-list_brand li {
    border: none; }
  .releace-list > li, .releace-list_brand > li {
    margin: 0 0 .75em;
    padding: 0 0 .75em 0;
    border-bottom: 1px solid silver; }
    .releace-list > li .releace-list-caret, .releace-list_brand > li .releace-list-caret {
      display: inline-block;
      position: relative;
      top: -2px;
      width: 10px;
      height: 5px;
      background: transparent url(../images/bg_arrow.png) no-repeat 3px center; }
    .releace-list > li .releace-list-title, .releace-list_brand > li .releace-list-title {
      font-size: 14px;
      font-size: 1.4rem;
      border-bottom: 1px solid silver;
      margin: 0 0 1em 0; }
    .releace-list > li h2, .releace-list_brand > li h2 {
      font-size: 14px;
      font-size: 1.4rem; }
    .releace-list > li a, .releace-list_brand > li a {
      font-size: 14px;
      font-size: 1.4rem;
      color: #555555; }
    .releace-list > li span, .releace-list_brand > li span {
      display: inline-block;
      padding-right: 1.0em;
      font-size: 12px;
      font-size: 1.2rem; }
    .releace-list > li em, .releace-list_brand > li em {
      display: inline-block;
      width: 10.0em;
      padding-right: 1.0em; }

/*
## バナーリスト（メインコンテンツ、サイドカラム共用）
通常はバナー館の余白を統一し、立て並びにします（主にサイドカラムを想定）。
```
<ul class="banner-list">
  <li><a href="#" target="_blank"><img src="../source/images/banner/bnr_restaurant-cafe.png" width="209" height="50" alt="レストラン＆カフェ"></a></li>
  <li><a href="#" target="_blank"><img src="../source/images/banner/bnr_isetan-library.png" width="209" height="50" alt="ISETAN'S LIBRARY"></a></li>
  <li><a href="#" target="_blank"><img src="../source/images/banner/bnr_web-reservation.png" height="50" width="209" alt="ショッピングサービス Web予約"></a></li>
  <li><a href="#" target="_blank"><img src="../source/images/banner/bnr_foreign-customer-service.png" height="50" width="209" alt="Foreign Customer Service"></a></li>
</ul>
```
### メインコンテンツ用バナーリスト
メインコンテンツ中では横並びレイアウトなどのバナーが想定されます。
グリッドレイアウトと組み合わせることで、用意にレイアウトを再現できます。
更に`.banner-list-child`をグリッドレイアウトに内包させることで、親要素（グリッドサイズ）の半分のサイズを表示できます。
```
<ul class="banner-list layout-row">
  <li class="layout-divid4"><a href="#" target="_blank"><img src="../source/images/top/bnr_dummy.png" width="176" height="50" alt=""></a></li>
  <li class="layout-divid4"><a href="#" target="_blank"><img src="../source/images/top/bnr_dummy.png" width="176" height="50" alt=""></a></li>
  <li class="layout-divid4"><a href="#" target="_blank"><img src="../source/images/top/bnr_dummy.png" width="176" height="50" alt=""></a></li>
  <li class="layout-divid4">
    <ul class="banner-list-child">
      <li><a href="#" class="btn-default"><span>Lorem ipsum dolor sit amet.</span></a></li>
      <li><a href="#" class="btn-default"><span>Lorem ipsum dolor sit amet.</span></a></li>
    </ul>
  </li>
</ul><!-- end.banner-list .layout-row -->
```
*/
.banner-list,
.banner-list-child {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden; }
  .banner-list li,
  .banner-list-child li {
    margin: 0;
    padding: 0 0 10px;
    line-height: 0; }
    .banner-list li a,
    .banner-list-child li a {
      text-decoration: none; }

.banner-list-child li {
  float: left;
  width: 50%;
  padding: 10px 5px 0 0; }
  .banner-list-child li:nth-child(even) {
    padding-right: 0;
    padding-left: 5px; }

/*
### テキスト要素の入った特殊バナー（サイドカラム用）
```
<div id="column-content">
  <div class="content-sidebar">
    <aside>
      <ul class="banner-list">
        <li>
          <a href="#" target="_blank">
            <dl class="banner-item-updated">
              <dt><img src="../source/images/banner/bnr_txt-store_info.png" width="47" height="26" alt="STORE INFO"><br>2013.11.21</dt>
              <dd>新宿店 各階ステージ／プロモーション最新情報</dd>
            </dl>
          </a>
        </li>
        <li>
          <a href="#" target="_blank">
            <dl class="banner-item-updated">
              <dt><img src="../source/images/banner/bnr_txt-blog.png" width="39" height="26" alt="BLOG"><br>2013.11.21</dt>
              <dd>クリスマスまであとひと月☆ お部屋や食卓を楽しく飾りましょう♪</dd>
            </dl>
          </a>
        </li>
      </ul>
    </aside>
  </div><!-- end.content-sidebar -->
</div><!-- end#column-content -->
```
*/
dl.banner-item-updated {
  display: table;
  margin: 0;
  border: 1px solid silver;
  line-height: 1.3; }
  dl.banner-item-updated dt {
    display: table-cell;
    padding: 10px;
    font-size: 9px;
    font-size: 0.9rem;
    color: #555555;
    vertical-align: middle; }
  dl.banner-item-updated dd {
    display: table-cell;
    padding: 10px 10px 10px 0;
    font-size: 10px;
    font-size: 1rem;
    color: #151515;
    vertical-align: middle; }
  a dl.banner-item-updated {
    text-decoration: none; }

/*
# トップページ メインイメージ（カルーセル表示）
表示したい分のメイン画像`.carousel-main-item`と、サムネイル画像`.carousel-thumbnail li`を用意。
※サムネイル用の画像はメイン画像と違っていても構わない
`.carousel-main-item`内は画像でもコンテンツでも何でも構わないが、カルーセル表示したい高さは揃えた方が良い。
`.carousel-controller`配下の`.arousel-controller-prev`と`.arousel-controller-next`それぞれが「前の画像」「次の画像」へと遷移する。
```
<div id="carousel-main">
  <div id="carousel-main-view">
    <section class="carousel-main-item">
      <a href="#dummy01"><img src="../source/images/top/img_dummy-carousel01.png" width="760" height="200" alt="Dummy01"></a>
    </section><!-- end.carousel-main-item -->
    <section class="carousel-main-item">
      <a href="#dummy02"><img src="../source/images/top/img_dummy-carousel02.png" width="760" height="200" alt="Dummy02"></a>
    </section><!-- end.carousel-main-item -->
    <section class="carousel-main-item">
      <a href="#dummy03"><img src="../source/images/top/img_dummy-carousel03.png" width="760" height="200" alt="Dummy03"></a>
    </section><!-- end.carousel-main-item -->
    <section class="carousel-main-item">
      <a href="#dummy04"><img src="../source/images/top/img_dummy-carousel04.png" width="760" height="200" alt="Dummy04"></a>
    </section><!-- end.carousel-main-item -->
  </div><!-- end#carousel-main-view -->
  <ul class="carousel-thumbnail">
    <li><span><a href="javascript:void(0);"><img src="../source/images/top/img_dummy-carousel01.png" alt="Dummy01"></a></span></li>
    <li><span><a href="javascript:void(0);"><img src="../source/images/top/img_dummy-carousel02.png" alt="Dummy02"></a></span></li>
    <li><span><a href="javascript:void(0);"><img src="../source/images/top/img_dummy-carousel03.png" alt="Dummy03"></a></span></li>
    <li><span><a href="javascript:void(0);"><img src="../source/images/top/img_dummy-carousel04.png" alt="Dummy04"></a></span></li>
  </ul>
  <ul class="carousel-controller">
    <li class="carousel-controller-prev"><a href="javascript:void(0);">前へ</a></li>
    <li class="carousel-controller-next"><a href="javascript:void(0);">次へ</a></li>
  </ul>
</div><!-- end#carousel-main -->
```
*/
#carousel-main {
  position: relative;
  width: 100%;
  height: 267px;
  overflow: hidden;
  background-color: #cdcdcd;
  z-index: 99; }
  #carousel-main.crousel-main-no_thumbnail {
    height: 200px; }
  .content-main #carousel-main {
    margin: 0 0 30px 0; }
  #carousel-main .caroufredsel_wrapper {
    position: absolute !important;
    left: 50% !important;
    overflow: visible !important;
    margin-left: -1148px !important; }
    .content-main #carousel-main .caroufredsel_wrapper {
      left: 765px !important;
      margin-left: -1530px !important; }
  #carousel-main #carousel-main-view {
    height: 200px;
    padding: 0;
    overflow: hidden;
    background-color: white; }
    #carousel-main #carousel-main-view section.carousel-main-item {
      display: table-cell;
      width: 760px;
      height: 200px;
      opacity: 0.3;
      *display: inline;
      *zoom: 1; }
      #carousel-main #carousel-main-view section.carousel-main-item.is-first {
        opacity: 1; }
      #carousel-main #carousel-main-view section.carousel-main-item a {
        display: block;
        margin-right: 0px; }
  #carousel-main .carousel-thumbnail {
    list-style: none;
    position: absolute;
    left: 50%;
    bottom: 14px;
    display: table;
    table-layout: fixed;
    width: 900px;
    margin: 0 0 0 -450px;
    padding: 0; }
    .content-main #carousel-main .carousel-thumbnail {
      left: 450px;
      width: 765px; }
    #carousel-main .carousel-thumbnail li {
      display: table-cell;
      height: 40px;
      padding: 0 5px;
      text-align: center; }
      #carousel-main .carousel-thumbnail li span {
        display: block;
        position: relative;
        height: 40px;
        overflow: hidden; }
        #carousel-main .carousel-thumbnail li span a {
          position: absolute;
          left: 50%;
          margin-left: -76px;
          background-color: white; }
          #carousel-main .carousel-thumbnail li span a img {
            width: auto;
            height: auto;
            max-height: 40px; }
  #carousel-main .carousel-controller {
    list-style: none;
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 0; }
    .content-main #carousel-main .carousel-controller {
      width: 765px; }
    #carousel-main .carousel-controller li {
      position: absolute;
      top: 100px;
      margin: -28px 0 0; }
      #carousel-main .carousel-controller li.carousel-controller-prev {
        left: 44px; }
        .content-main #carousel-main .carousel-controller li.carousel-controller-prev {
          left: 12px; }
        #carousel-main .carousel-controller li.carousel-controller-prev a {
          background-image: url(../images/bg_ctrl-carousel-left.png); }
      #carousel-main .carousel-controller li.carousel-controller-next {
        right: 44px; }
        .content-main #carousel-main .carousel-controller li.carousel-controller-next {
          right: 12px; }
        #carousel-main .carousel-controller li.carousel-controller-next a {
          background-image: url(../images/bg_ctrl-carousel-right.png); }
      #carousel-main .carousel-controller li a {
        display: block;
        width: 56px;
        height: 56px;
        background-repeat: no-repeat;
        font-size: 0;
        line-height: 0;
        text-indent: -9999px;
        opacity: 0.5; }
        @media (min-width: 768px) {
          #carousel-main .carousel-controller li a:hover {
            opacity: 1; } }

/*
## カテゴリーインフォ
トップ使用カテゴリーインフォ


*/
.content-tab_category [id^=content-tab-] .content-tab-title {
  width: auto;
  font-size: 9px;
  font-size: 0.9rem; }
  .content-tab_category [id^=content-tab-] .content-tab-title span {
    width: 106px;
    height: 30px;
    padding: 9px 16px 0; }
.content-tab_category [id^=content-tab-] .content-tab-inner {
  padding: 10px 5px; }
  .content-tab_category [id^=content-tab-] .content-tab-inner .link-list {
    margin: 0; }
    .content-tab_category [id^=content-tab-] .content-tab-inner .link-list li {
      margin: 0 0 16px 0;
      background-position: 3px 8px; }
  .content-tab_category [id^=content-tab-] .content-tab-inner figure {
    margin: 0; }
.content-tab_category [id^=content-tab-] .nav-tab ul li a {
  width: 106px;
  height: 30px;
  padding: 9px 16px 0;
  font-size: 9px;
  font-size: 0.9rem; }

/*
# トップページ イベントピックアップ
グリッドレイアウトと併記してあるように、基本的なレイアウトはグリッドレイアウトの記述に従います。

カルーセル表示部分は`#carousel-event #carousel-event-view`の内部に、必要な数の`.carousel-event-item`を記述してください。
```
<div class="content-main">
  <article>
    <section class="block-focus">
      <ul class="event-list layout-row">
        <li class="layout-divid3">
          <dl class="event-item">
            <dt><em><span>Category</span></em><span>Floor&amp;Place</span></dt>
            <dd>
              <a href="#">
                <img src="../source/images/top/img_eventpickup-event_1.jpg" width="81" height="90" alt="">
                <h2>Title</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
              </a>
            </dd>
          </dl>
        </li><!-- end.layout-divid3 -->
        <li class="layout-divid3">
          <dl class="event-item">
            <dt><em><span>Category</span></em><span>Floor&amp;Place</span></dt>
            <dd>
              <a href="#">
                <img src="../source/images/top/img_eventpickup-event_2.jpg" width="81" height="90" alt="">
                <h2>Title</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
              </a>
            </dd>
          </dl>
        </li><!-- end.layout-divid3 -->
        <li class="layout-divid3">
          <dl class="event-item-carousel">
            <dt><em><span>ISETAN'S LIBRARY</span></em></dt>
            <dd id="carousel-event">
              <div id="carousel-event-view">

                <div class="carousel-event-item">
                  <a href="#">
                    <img src="../source/images/top/img_eventpickup-event_3.jpg" width="81" height="90" alt="">
                    <h2>Title</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
                  </a>
                </div><!-- end.carousel-event-item -->

                <div class="carousel-event-item">
                  <a href="#">
                    <img src="../source/images/top/img_eventpickup-event_4.jpg" width="81" height="90" alt="">
                    <h2>Title</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
                  </a>
                </div><!-- end.carousel-event-item -->

                <div class="carousel-event-item">
                  <a href="#">
                    <img src="../source/images/top/img_eventpickup-event_5.jpg" width="81" height="90" alt="">
                    <h2>Title</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
                  </a>
                </div><!-- end.carousel-event-item -->

              </div><!-- end#carousel-event-view -->
              <ul class="carousel-controller">
                <li class="carousel-controller-prev"><a href="javascript:void(0);">前へ</a></li>
                <li class="carousel-controller-next"><a href="javascript:void(0);">次へ</a></li>
              </ul>
            </dd><!-- end#carousel-event -->
          </dl>
        </li><!-- end.layout-divid3 -->
      </ul><!-- end.event-list .layout-row -->
    </div><!-- end.block-focus -->
  </article>
</div><!-- end.content-main -->
```
*/
.event-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.event-item-nolink {
  padding: 10px;
  background-color: #f0f0f0;
  overflow: hidden; }

.event-item,
.event-item-nolink,
.event-item-carousel,
.event-item-nocarousel {
  margin: 0 0 20px; }
  .event-item img,
  .event-item-nolink img,
  .event-item-carousel img,
	.event-item-nocarousel img {
    float: left;
    margin-right: 10px; }
  .event-item h2,
  .event-item-nolink h2,
  .event-item-carousel h2,
	.event-item-nocarousel h2 {
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #858585;
    overflow: hidden;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3; }
  .event-item p,
  .event-item-nolink p,
  .event-item-carousel p,
	.event-item-nocarousel p {
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.3; }
  .event-item a,
  .event-item-nolink a,
  .event-item-carousel a,
	.event-item-nocarousel a {
    display: block;
    padding: 5px;
    border: 5px solid #f0f0f0;
    background-color: #f0f0f0;
    overflow: hidden;
    color: #555555;
    text-decoration: none; }
    .event-item a:hover,
    .event-item-nolink a:hover,
    .event-item-carousel a:hover,
		.event-item-nocarousel a:hover {
      border-color: silver; }
      .event-item a:hover img,
      .event-item-nolink a:hover img,
      .event-item-carousel a:hover img,
			.event-item-nocarousel a:hover img {
        opacity: 1; }
  .event-item dt,
  .event-item-nolink dt,
  .event-item-carousel dt,
	.event-item-nocarousel dt {
    padding: 0;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.0; }
    .event-item dt span,
    .event-item-nolink dt span,
    .event-item-carousel dt span,
		.event-item-nocarousel dt span {
      display: inline-block;
      padding: 3px 5px;
      vertical-align: bottom; }
    .event-item dt em,
    .event-item-nolink dt em,
    .event-item-carousel dt em,
		.event-item-nocarousel dt em {
      display: inline-block;
      position: relative;
      padding: 3px 12px 3px 5px;
      background-color: #151515;
      color: white;
      overflow: hidden;
      vertical-align: bottom; }
      .event-item dt em span,
      .event-item-nolink dt em span,
      .event-item-carousel dt em span,
			.event-item-nocarousel dt em span {
        padding: 0; }
        .event-item dt em span:after,
        .event-item-nolink dt em span:after,
        .event-item-carousel dt em span:after,
				.event-item-nocarousel dt em span:after {
          position: absolute;
          top: 0;
          right: 0;
          border: 8px solid transparent;
          border-top-width: 0;
          border-bottom-width: 16px;
          border-right-color: white;
          border-left: none;
          content: ""; }
  .event-item dd,
  .event-item-nolink dd,
  .event-item-carousel dd,
	.event-item-nocarousel dd {
    margin: 0; }
    .event-item dd#carousel-event,
    .event-item-nolink dd#carousel-event,
    .event-item-carousel dd#carousel-event,
		.event-item-nocarousel dd#nocarousel-event {
      position: relative;
      width: 235px;
      height: 215px;
      margin: auto;
      border: 1px solid #858585;
      overflow: hidden;
      z-index: 99; }
      .event-item dd#carousel-event .caroufredsel_wrapper,
      .event-item-nolink dd#carousel-event .caroufredsel_wrapper,
      .event-item-carousel dd#carousel-event .caroufredsel_wrapper {
        position: absolute !important;
        left: 50% !important;
        overflow: visible !important;
        margin-left: -356px !important; }
      .event-item dd#carousel-event #carousel-event-view,
      .event-item-nolink dd#carousel-event #carousel-event-view,
      .event-item-carousel dd#carousel-event #carousel-event-view {
        height: 215px;
        padding: 0;
        overflow: hidden; }
        .event-item dd#carousel-event #carousel-event-view:hover,
        .event-item-nolink dd#carousel-event #carousel-event-view:hover,
        .event-item-carousel dd#carousel-event #carousel-event-view:hover,
				.event-item-nocarousel dd#nocarousel-event #nocarousel-event-view:hover {
          background-color: #f0f0f0; }
        .event-item dd#carousel-event #carousel-event-view .carousel-event-item,
        .event-item-nolink dd#carousel-event #carousel-event-view .carousel-event-item,
        .event-item-carousel dd#carousel-event #carousel-event-view .carousel-event-item,
				.event-item-nocarousel dd#nocarousel-event #nocarousel-event-view .nocarousel-event-item {
          display: inline-block;
          width: 235px;
          height: 215px;
          opacity: 0.3;
          overflow: hidden;
          *display: inline;
          *zoom: 1; }
          .event-item dd#carousel-event #carousel-event-view .carousel-event-item.is-first,
          .event-item-nolink dd#carousel-event #carousel-event-view .carousel-event-item.is-first,
          .event-item-carousel dd#carousel-event #carousel-event-view .carousel-event-item.is-first,
					.event-item-nocarousel dd#nocarousel-event #nocarousel-event-view .nocarousel-event-item {
            opacity: 1; }
          .event-item dd#carousel-event #carousel-event-view .carousel-event-item a,
          .event-item-nolink dd#carousel-event #carousel-event-view .carousel-event-item a,
          .event-item-carousel dd#carousel-event #carousel-event-view .carousel-event-item a,
					.event-item-nocarousel dd#nocarousel-event #nocarousel-event-view .nocarousel-event-item a {
            display: block;
            height: 215px;
            padding: 10px 20px;
            border: none;
            background-color: white; }
            .event-item dd#carousel-event #carousel-event-view .carousel-event-item a:hover,
            .event-item-nolink dd#carousel-event #carousel-event-view .carousel-event-item a:hover,
            .event-item-carousel dd#carousel-event #carousel-event-view .carousel-event-item a:hover,
						.event-item-nocarousel dd#nocarousel-event #nocarousel-event-view .nocarousel-event-item a:hover {
              background-color: #f0f0f0; }
            .event-item dd#carousel-event #carousel-event-view .carousel-event-item a img,
            .event-item-nolink dd#carousel-event #carousel-event-view .carousel-event-item a img,
            .event-item-carousel dd#carousel-event #carousel-event-view .carousel-event-item a img,
						.event-item-nocarousel dd#nocarousel-event #nocarousel-event-view .nocarousel-event-item a img {
              float: none;
              margin: 0 0 1em 0; }
      .event-item dd#carousel-event .carousel-controller,
      .event-item-nolink dd#carousel-event .carousel-controller,
      .event-item-carousel dd#carousel-event .carousel-controller {
        list-style: none;
        position: relative;
        width: 235px;
        margin: 0;
        padding: 0; }
			.event-item-nocarousel dd#nocarousel-event .carousel-controller {
				display: none; }
        .event-item dd#carousel-event .carousel-controller li,
        .event-item-nolink dd#carousel-event .carousel-controller li,
        .event-item-carousel dd#carousel-event .carousel-controller li {
          position: absolute;
          top: 105px;
          width: 7px;
          height: 13px;
          margin: -7px 0 0;
          padding: 0; }
          .event-item dd#carousel-event .carousel-controller li.carousel-controller-prev,
          .event-item-nolink dd#carousel-event .carousel-controller li.carousel-controller-prev,
          .event-item-carousel dd#carousel-event .carousel-controller li.carousel-controller-prev {
            left: 5px; }
            .event-item dd#carousel-event .carousel-controller li.carousel-controller-prev a,
            .event-item-nolink dd#carousel-event .carousel-controller li.carousel-controller-prev a,
            .event-item-carousel dd#carousel-event .carousel-controller li.carousel-controller-prev a {
              background-image: url(../images/bg_ctrl-carousel-left_mini.png); }
          .event-item dd#carousel-event .carousel-controller li.carousel-controller-next,
          .event-item-nolink dd#carousel-event .carousel-controller li.carousel-controller-next,
          .event-item-carousel dd#carousel-event .carousel-controller li.carousel-controller-next {
            right: 8px; }
            .event-item dd#carousel-event .carousel-controller li.carousel-controller-next a,
            .event-item-nolink dd#carousel-event .carousel-controller li.carousel-controller-next a,
            .event-item-carousel dd#carousel-event .carousel-controller li.carousel-controller-next a {
              background-image: url(../images/bg_ctrl-carousel-right_mini.png); }
          .event-item dd#carousel-event .carousel-controller li a,
          .event-item-nolink dd#carousel-event .carousel-controller li a,
          .event-item-carousel dd#carousel-event .carousel-controller li a {
            display: block;
            width: 7px;
            height: 13px;
            border: none;
            background-color: transparent;
            background-repeat: no-repeat;
            font-size: 0;
            line-height: 0;
            text-indent: -9999px;
            opacity: 0.3; }
            @media (min-width: 768px) {
              .event-item dd#carousel-event .carousel-controller li a:hover,
              .event-item-nolink dd#carousel-event .carousel-controller li a:hover,
              .event-item-carousel dd#carousel-event .carousel-controller li a:hover {
                opacity: 1;
                background-color: transparent; } }

/*
# フロアマップ
`.floor-map`内にコントローラ（`.floor-map-control`）を配置。
表示したいマップはhtml最下部の`<script src="/assets/js/main.js"></script>`の下に`$(function() { floorMap('../assets/images/modules/img_map-dummy.png'); });`を追記。
※ マップ画像のパスは相対パスで記述。
※ 現在は1ページ内に1つのフロアマップの表示しか想定しておりません。
```
<section class="floor-map">
  <ul class="floor-map-control">
    <li><a href="javascript:void(0);" class="floor-map-zoomin">＋</a></li>
    <li><a href="javascript:void(0);" class="floor-map-zoomout">−</a></li>
    <li><a href="javascript:void(0);" class="floor-map-reset">Reset</a></li>
  </ul>
</section><!-- end.floor-map -->
<script>
$(function() {
  floorMap('../source/images/modules/img_map-dummy.png');
});
</script>
```
*/
.floor-map {
  position: relative;
  width: 765px;
  height: 500px;
  margin-bottom: 20px;
  padding: 0;
  border: 1px solid silver;
  background-color: #FFF;
  overflow: hidden;
  z-index: 0; }
  .floor-map.floor-map-zoom {
    cursor: move; }
  .floor-map img {
    height: 500px; }
  .floor-map .floor-map-control {
    list-style: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    margin: 0;
    padding: 7px 0 30px;
    background: #cdcdcd url("../images/bg_floor-map-control.png") 0 100% no-repeat;
    cursor: default; }
    .floor-map .floor-map-control li {
      margin: 0;
      padding: 13px 8px 0; }
      .floor-map .floor-map-control li a {
        display: block;
        width: 36px;
        height: 36px;
        background-repeat: no-repeat;
        cursor: pointer;
        font-size: 0;
        line-height: 0;
        text-indent: -9999px; }
        .floor-map .floor-map-control li a.floor-map-zoomin {
          background-image: url(../images/bg_floor-map-control_plus.png); }
        .floor-map .floor-map-control li a.floor-map-zoomout {
          background-image: url(../images/bg_floor-map-control_minus.png); }
        .floor-map .floor-map-control li a.floor-map-reset {
          background-image: url(../images/bg_floor-map-control_reset.png); }

/*
# タブ内コンテンツ
## 標準スタイル
```
<div class="content-tab">
  <section class="content-tab-item" id="content-tab-1">
    <h1 class="content-tab-title"><span>Title1</span></h1>
    <nav class="nav-tab">
      <ul>
        <li><a href="#content-tab-2" class="nab-tab-link">Title2</a></li>
        <li><a href="#content-tab-3" class="nab-tab-link">Title3</a></li>
      </ul>
    </nav>
    <div class="content-tab-inner">

      <div class="block-default">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, nobis!
      </div><!-- end.block-default -->

    </div><!-- end.content-tab-inner -->
  </section><!-- end.content-tab-item -->
</div><!-- end.content-tab -->
```
*/
.block-default {
  list-style: none;
  margin: 0;
  padding: 10px 0; }

/*
## 行ごとに色分け
```
<div class="content-tab">
  <section class="content-tab-item" id="content-tab-1">
    <h1 class="content-tab-title"><span>Title1</span></h1>
    <nav class="nav-tab">
      <ul>
        <li><a href="#content-tab-2" class="nab-tab-link">Title2</a></li>
        <li><a href="#content-tab-3" class="nab-tab-link">Title3</a></li>
      </ul>
    </nav>
    <div class="content-tab-inner">

      <div class="block-row">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, nobis!
      </div><!-- end.block-row -->
      <div class="block-row">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, nobis!
      </div><!-- end.block-row -->
      <div class="block-row">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, nobis!
      </div><!-- end.block-row -->
      <div class="block-row">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, nobis!
      </div><!-- end.block-row -->

    </div><!-- end.content-tab-inner -->
  </section><!-- end.content-tab-item -->
</div><!-- end.content-tab -->
```
*/
.block-row, .block-row-no_tab {
  list-style: none;
  margin: 0;
  padding: 10px 0;
  background-color: #f0f0f0;
  overflow: hidden; }
  .block-row:nth-child(even), .block-row-no_tab:nth-child(even) {
    background-color: white; }

.block-row-no_tab {
  padding: 10px; }

/*
## イベント用ブロックレイアウト（3分割）
```
<div class="content-main">
  <article>
    <div class="content-tab">
      <section class="content-tab-item" id="content-tab-1">
        <h1 class="content-tab-title"><span>Title1</span></h1>
        <nav class="nav-tab">
          <ul>
            <li><a href="#content-tab-2" class="nab-tab-link">Title2</a></li>
            <li><a href="#content-tab-3" class="nab-tab-link">Title3</a></li>
          </ul>
        </nav>
        <div class="content-tab-inner">

          <ul class="layout-row block-row">
            <li class="layout-divid3 block-event">
              <a href="#" class="block-event-banner"><img src="../source/images/modules/bnr_event-dummy.png" width="235" height="98" alt=""></a>
              <h2 class="block-event-title">Event title</h2>
              <p class="block-event-description">Lorem ipsum dolor sit amet.</p>
            </li><!-- end.layout-divid3 .block-event -->
            <li class="layout-divid3 block-event">
              <a href="#" class="block-event-banner"><img src="../source/images/modules/bnr_event-dummy.png" width="235" height="98" alt=""></a>
              <h2 class="block-event-title">Event title</h2>
              <p class="block-event-description">Lorem ipsum dolor sit amet.</p>
            </li><!-- end.layout-divid3 .block-event -->
            <li class="layout-divid3 block-event">
              <a href="#" class="block-event-banner"><img src="../source/images/modules/bnr_event-dummy.png" width="235" height="98" alt=""></a>
              <h2 class="block-event-title">Event title</h2>
              <p class="block-event-description">Lorem ipsum dolor sit amet.</p>
            </li><!-- end.layout-divid3 .block-event -->
          </ul><!-- end.layout-row .block-row -->
        </div><!-- end.content-tab-inner -->

      </section><!-- end.content-tab-item -->
    </div><!-- end.content-tab -->
  </article>
</div><!-- end.content-main -->
```
*/
.block-event .block-event-banner {
  display: block;
  color: #555555; }
  .block-event .block-event-banner:hover {
    opacity: 0.7; }
.block-event .block-event-image {
  padding: 0;
  margin: 0 0 .5em 0;
  background-color: white;
  line-height: 0; }
.block-event .block-event-title {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal; }
.block-event .block-event-description {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem; }

/*
## ショップ用ブロックレイアウト
```
<div class="content-main">
  <article>
    <div class="content-tab">
      <section class="content-tab-item" id="content-tab-1">
        <h1 class="content-tab-title"><span>Title1</span></h1>
        <nav class="nav-tab">
          <ul>
            <li><a href="#content-tab-2" class="nab-tab-link">Title2</a></li>
            <li><a href="#content-tab-3" class="nab-tab-link">Title3</a></li>
          </ul>
        </nav>
        <div class="content-tab-inner">

          <ul class="layout-row">
            <li class="block-row block-shop">
              <a href="#" class="layout-divid4"><img src="../source/images/modules/bnr_shop-dummy.png" width="171" height="86" alt=""></a>
              <div class="layout-divid4-joint3">
                <h2 class="block-shop-title">Shop name</h2>
                <p class="block-shop-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit consequuntur adipisci pariatur dolores.</p>
              </div><!-- end.layout-divid4-joint3 -->
            </li><!-- end.block-row .block-shop -->
            <li class="block-row block-shop">
              <a href="#" class="layout-divid4"><img src="../source/images/modules/bnr_shop-dummy.png" width="171" height="86" alt=""></a>
              <div class="layout-divid4-joint3">
                <h2 class="block-shop-title">Shop name</h2>
                <p class="block-shop-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit consequuntur adipisci pariatur dolores.</p>
              </div><!-- end.layout-divid4-joint3 -->
            </li><!-- end.block-row .block-shop -->
            <li class="block-row block-shop">
              <a href="#" class="layout-divid4"><img src="../source/images/modules/bnr_shop-dummy.png" width="171" height="86" alt=""></a>
              <div class="layout-divid4-joint3">
                <h2 class="block-shop-title">Shop name</h2>
                <p class="block-shop-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit consequuntur adipisci pariatur dolores.</p>
              </div><!-- end.layout-divid4-joint3 -->
            </li><!-- end.block-row .block-shop -->
          </ul><!-- end.layout-row -->

        </div><!-- end.content-tab-inner -->
      </section><!-- end.content-tab-item -->
    </div><!-- end.content-tab -->
  </article>
</div><!-- end.content-main -->
```
*/
.block-shop .block-shop-banner {
  background-color: white; }
.block-shop a {
  display: block;
  color: #555555;
  text-decoration: none; }
.block-shop .block-shop-image {
  padding: 0;
  background-color: white;
  line-height: 0; }
.block-shop .block-shop-title {
  margin: 0;
  padding: 0 0 0.5em;
  font-size: 14px;
  font-size: 1.4rem; }
  .block-shop .block-shop-title .shop-title-caption {
    margin: 0 0 0 0;
    background-color: white; }
.block-shop .block-shop-description {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem; }

/*
## 施設用レイアウト
```
<div class="content-main">
  <article>
    <div class="content-tab">
      <section class="content-tab-item" id="content-tab-1">
        <h1 class="content-tab-title"><span>Title1</span></h1>
        <nav class="nav-tab">
          <ul>
            <li><a href="#content-tab-2" class="nab-tab-link">Title2</a></li>
            <li><a href="#content-tab-3" class="nab-tab-link">Title3</a></li>
          </ul>
        </nav>
        <div class="content-tab-inner">

          <div class="layout-row">
            <ul class="layout-divid4 block-facility">
              <li class="block-facility-item"><i class="icon_escalator"></i>エスカレーター</li>
              <li class="block-facility-item"><i class="icon_elevator"></i>エレベーター</li>
              <li class="block-facility-item"><i class="icon_stairs"></i>階段</li>
            </ul><!--end.layout-divid4 .block-facility -->
            <ul class="layout-divid4 block-facility">
              <li class="block-facility-item"><i class="icon_restroom"></i>化粧室</li>
              <li class="block-facility-item"><i class="icon_functional_restroom"></i>多機能化粧室</li>
            </ul><!--end.layout-divid4 .block-facility -->
            <ul class="layout-divid4 block-facility">
              <li class="block-facility-item"><i class="icon_information_office"></i>案内所</li>
              <li class="block-facility-item"><i class="icon_i_card"></i>アイカードカウンター</li>
              <li class="block-facility-item"><i class="icon_mi_card_atm"></i>エムアイカードSTM</li>
            </ul><!--end.layout-divid4 .block-facility -->
            <ul class="layout-divid4 block-facility">
              <li class="block-facility-item"><i class="icon_cafe"></i>カフェ</li>
            </ul><!--end.layout-divid4 .block-facility -->
          </div><!-- end.layout-row -->

        </div><!-- end.content-tab-inner -->
      </section><!-- end.content-tab-item -->
    </div><!-- end.content-tab -->
  </article>
</div><!-- end.content-main -->
```
*/
.block-facility {
  list-style: none;
  margin: 0;
  padding: 0 0 10px; }
  .block-facility .block-facility-item {
    margin: 0;
    padding: 10px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle; }
    .block-facility .block-facility-item [class^=icon_] {
      margin-right: 5px;
      vertical-align: middle; }

/*
# イベント＆フェア用スケジュールテーブル
```
<table class="table-event" summary="イベント＆フェア">
  <thead>
    <tr>
      <th class="table-event-floor">フロア</th>
      <th class="table-event-this_week">今週のイベント</th>
      <th class="table-event-next_week">来週のイベント</th>
      <th class="table-event-after_next_week">再来週のイベント</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>Floor</th>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th>Floor</th>
      <td>
        <ul class="link-list">
          <li><a href="#">Lorem ipsum dolor.</a></li>
        </ul>
      </td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th>Floor</th>
      <td>
        <a href="#" class="table-event-item">
          <dl>
            <dt><i class="icon-cat icon-cat-women">WOMEN</i>Date<em>Place</em></dt>
            <dd>Lorem ipsum dolor sit amet, consectetur adipisicing.</dd>
          </dl>
        </a>
      </td>
      <td>&nbsp;</td>
      <td>
        <a href="#" class="table-event-item">
          <dl>
            <dt><i class="icon-cat icon-cat-women">WOMEN</i>Date<em>Place</em></dt>
            <dd>Lorem ipsum dolor sit amet, consectetur adipisicing.</dd>
          </dl>
        </a>
      </td>
    </tr>
  </tbody>
</table>
```
*/
table.table-extend, table.table-sizechart, table.table-brand {
  width: 100%;
  border-collapse: separate;
  margin: 10px 0; }
  table.table-extend thead th, table.table-sizechart thead th, table.table-brand thead th {
    padding: 10px;
    background-color: #cdcdcd;
    text-align: left;
    border-left: 1px solid white;
    font-size: 12px;
    font-size: 1.2rem;
    /*&.table-event-this_week {
      width: 30%;
      border-left: 1px solid $colorBright;
    }
    &.table-event-next_week {
      width: 30%;
      border-left: 1px solid $colorBright;
    }
    &.table-event-after_next_week {
      width: 30%;
      border-left: 1px solid $colorBright;
    }*/ }
    table.table-extend thead th.table-extend-floor, table.table-sizechart thead th.table-extend-floor, table.table-brand thead th.table-extend-floor {
      border-bottom: 10px solid white; }
    table.table-extend thead th.table-extend-buliding, table.table-sizechart thead th.table-extend-buliding, table.table-brand thead th.table-extend-buliding {
      border-bottom: 10px solid white; }
  table.table-extend.table-extend_col2 thead th.table-extend-floor, table.table-extend_col2.table-sizechart thead th.table-extend-floor, table.table-extend_col2.table-brand thead th.table-extend-floor {
    width: 65px; }
  table.table-extend.table-extend_col2 thead th.table-extend-buliding, table.table-extend_col2.table-sizechart thead th.table-extend-buliding, table.table-extend_col2.table-brand thead th.table-extend-buliding {
    width: 317px; }
  table.table-extend.table-extend_col3 thead th.table-extend-floor, table.table-extend_col3.table-sizechart thead th.table-extend-floor, table.table-extend_col3.table-brand thead th.table-extend-floor {
    width: 65px; }
  table.table-extend.table-extend_col3 thead th.table-extend-buliding, table.table-extend_col3.table-sizechart thead th.table-extend-buliding, table.table-extend_col3.table-brand thead th.table-extend-buliding {
    width: 190px; }
  table.table-extend tbody .table-event-multirow td, table.table-sizechart tbody .table-event-multirow td, table.table-brand tbody .table-event-multirow td {
    border-bottom: none; }
  table.table-extend tbody td, table.table-sizechart tbody td, table.table-brand tbody td {
    vertical-align: top; }
  table.table-extend tbody th, table.table-sizechart tbody th, table.table-brand tbody th,
  table.table-extend tbody td,
  table.table-sizechart tbody td,
  table.table-brand tbody td {
    padding: 10px;
    background-color: white;
    font-size: 12px;
    font-size: 1.2rem; }
    table.table-extend tbody th a, table.table-sizechart tbody th a, table.table-brand tbody th a,
    table.table-extend tbody td a,
    table.table-sizechart tbody td a,
    table.table-brand tbody td a {
      color: #555555; }
    table.table-extend tbody th.table-extend-floor, table.table-sizechart tbody th.table-extend-floor, table.table-brand tbody th.table-extend-floor,
    table.table-extend tbody td.table-extend-floor,
    table.table-sizechart tbody td.table-extend-floor,
    table.table-brand tbody td.table-extend-floor {
      background: #cdcdcd;
      border-right: 10px solid white;
      border-left: 10px solid white; }
    table.table-extend tbody th.table-extend-separator, table.table-sizechart tbody th.table-extend-separator, table.table-brand tbody th.table-extend-separator,
    table.table-extend tbody td.table-extend-separator,
    table.table-sizechart tbody td.table-extend-separator,
    table.table-brand tbody td.table-extend-separator {
      padding: 10px 0; }
      table.table-extend tbody th.table-extend-separator hr, table.table-sizechart tbody th.table-extend-separator hr, table.table-brand tbody th.table-extend-separator hr,
      table.table-extend tbody td.table-extend-separator hr,
      table.table-sizechart tbody td.table-extend-separator hr,
      table.table-brand tbody td.table-extend-separator hr {
        margin: 0;
        border: none;
        border-bottom: 1px solid silver; }
    table.table-extend tbody th.table-extend-passage, table.table-sizechart tbody th.table-extend-passage, table.table-brand tbody th.table-extend-passage,
    table.table-extend tbody td.table-extend-passage,
    table.table-sizechart tbody td.table-extend-passage,
    table.table-brand tbody td.table-extend-passage {
      text-align: center;
      padding: 10px 0 0 0; }
      table.table-extend tbody th.table-extend-passage span, table.table-sizechart tbody th.table-extend-passage span, table.table-brand tbody th.table-extend-passage span,
      table.table-extend tbody td.table-extend-passage span,
      table.table-sizechart tbody td.table-extend-passage span,
      table.table-brand tbody td.table-extend-passage span {
        padding: 5px 0;
        display: block;
        border: 1px solid silver;
        background: #f0f0f0; }
    table.table-extend tbody th.table-extend-item, table.table-sizechart tbody th.table-extend-item, table.table-brand tbody th.table-extend-item,
    table.table-extend tbody td.table-extend-item,
    table.table-sizechart tbody td.table-extend-item,
    table.table-brand tbody td.table-extend-item {
      border: 1px solid silver; }
      table.table-extend tbody th.table-extend-item dl, table.table-sizechart tbody th.table-extend-item dl, table.table-brand tbody th.table-extend-item dl,
      table.table-extend tbody td.table-extend-item dl,
      table.table-sizechart tbody td.table-extend-item dl,
      table.table-brand tbody td.table-extend-item dl {
        margin: 0;
        padding: 0; }
        table.table-extend tbody th.table-extend-item dl dt, table.table-sizechart tbody th.table-extend-item dl dt, table.table-brand tbody th.table-extend-item dl dt,
        table.table-extend tbody td.table-extend-item dl dt,
        table.table-sizechart tbody td.table-extend-item dl dt,
        table.table-brand tbody td.table-extend-item dl dt {
          line-height: 1.3;
          margin: 0 0 10px 0; }
          table.table-extend tbody th.table-extend-item dl dt i.icon-cat, table.table-sizechart tbody th.table-extend-item dl dt i.icon-cat, table.table-brand tbody th.table-extend-item dl dt i.icon-cat,
          table.table-extend tbody td.table-extend-item dl dt i.icon-cat,
          table.table-sizechart tbody td.table-extend-item dl dt i.icon-cat,
          table.table-brand tbody td.table-extend-item dl dt i.icon-cat {
            float: right;
            margin: 0 0 5px 5px; }
          table.table-extend tbody th.table-extend-item dl dt em, table.table-sizechart tbody th.table-extend-item dl dt em, table.table-brand tbody th.table-extend-item dl dt em,
          table.table-extend tbody td.table-extend-item dl dt em,
          table.table-sizechart tbody td.table-extend-item dl dt em,
          table.table-brand tbody td.table-extend-item dl dt em {
            display: block;
            font-weight: bold; }
        table.table-extend tbody th.table-extend-item dl dd, table.table-sizechart tbody th.table-extend-item dl dd, table.table-brand tbody th.table-extend-item dl dd,
        table.table-extend tbody td.table-extend-item dl dd,
        table.table-sizechart tbody td.table-extend-item dl dd,
        table.table-brand tbody td.table-extend-item dl dd {
          clear: both;
          margin: 0;
          line-height: 1.3; }
          table.table-extend tbody th.table-extend-item dl dd i.icon-cat, table.table-sizechart tbody th.table-extend-item dl dd i.icon-cat, table.table-brand tbody th.table-extend-item dl dd i.icon-cat,
          table.table-extend tbody td.table-extend-item dl dd i.icon-cat,
          table.table-sizechart tbody td.table-extend-item dl dd i.icon-cat,
          table.table-brand tbody td.table-extend-item dl dd i.icon-cat {
            float: right;
            margin: 0 0 5px 5px; }
          table.table-extend tbody th.table-extend-item dl dd .link-list, table.table-sizechart tbody th.table-extend-item dl dd .link-list, table.table-brand tbody th.table-extend-item dl dd .link-list,
          table.table-extend tbody td.table-extend-item dl dd .link-list,
          table.table-sizechart tbody td.table-extend-item dl dd .link-list,
          table.table-brand tbody td.table-extend-item dl dd .link-list {
            margin: 0 0 10px;
            line-height: 1.6; }
            table.table-extend tbody th.table-extend-item dl dd .link-list li, table.table-sizechart tbody th.table-extend-item dl dd .link-list li, table.table-brand tbody th.table-extend-item dl dd .link-list li,
            table.table-extend tbody td.table-extend-item dl dd .link-list li,
            table.table-sizechart tbody td.table-extend-item dl dd .link-list li,
            table.table-brand tbody td.table-extend-item dl dd .link-list li {
              font-size: 12px;
              font-size: 1.2rem; }
      table.table-extend tbody th.table-extend-item .btn-default, table.table-sizechart tbody th.table-extend-item .btn-default, table.table-brand tbody th.table-extend-item .btn-default,
      table.table-extend tbody td.table-extend-item .btn-default,
      table.table-sizechart tbody td.table-extend-item .btn-default,
      table.table-brand tbody td.table-extend-item .btn-default {
        margin: 10px 0 0 0; }

.table-event {
  position: relative;
  width: 1530px;
  overflow: hidden; }
  .block-focus_calendar .table-event {
    width: 1490px; }
  .table-event .table-event-nav_02 {
    width: 745px;
    height: 30px;
    padding: 0;
    clear: both;
    list-style-type: none;
    overflow: hidden; }
    .table-event .table-event-nav_02 .table-event-nav_next {
      float: right; }
    .table-event .table-event-nav_02 .table-event-nav_prev {
      display: none;
      float: left; }
  .table-event .table-event-nav {
    height: 0;
    padding: 0;
    list-style-type: none; }
    .table-event .table-event-nav .table-event-nav_next,
    .table-event .table-event-nav .table-event-nav_prev {
      position: absolute;
      top: 50%; }
      .table-event .table-event-nav .table-event-nav_next a,
      .table-event .table-event-nav .table-event-nav_prev a {
        display: block;
        width: 42px;
        padding: 42px 0 0 0;
        text-align: center;
        background: white url(../images/bg_nav-table-event.png) 0 0 no-repeat;
        color: #555555;
        font-size: 12px;
        font-size: 1.2rem; }
    .table-event .table-event-nav .table-event-nav_next {
      right: 765px; }
      .block-focus_calendar .table-event .table-event-nav .table-event-nav_next {
        right: 745px; }
    .table-event .table-event-nav .table-event-nav_prev {
      display: none;
      left: 0; }
      .table-event .table-event-nav .table-event-nav_prev a {
        background-position: -42px 0; }
  .table-event .table-event-month_prev,
  .table-event .table-event-month_next {
    float: left;
    width: 765px;
    border-collapse: separate;
    border-spacing: 2px; }
    .block-focus_calendar .table-event .table-event-month_prev, .block-focus_calendar
    .table-event .table-event-month_next {
      width: 745px; }
    .table-event .table-event-month_prev thead th,
    .table-event .table-event-month_next thead th {
      width: 45px;
      padding: 5px 0;
      background-color: #f0f0f0;
      border-bottom: 10px solid white;
      font-size: 12px;
      font-size: 1.2rem; }
      .block-focus_calendar .table-event .table-event-month_prev thead th, .block-focus_calendar
      .table-event .table-event-month_next thead th {
        width: 24px; }
      .table-event .table-event-month_prev thead th.table-event-dayspan,
      .table-event .table-event-month_next thead th.table-event-dayspan {
        width: 120px;
        font-size: 10px;
        font-size: 1rem; }
      .table-event .table-event-month_prev thead th .table-event-weekday,
      .table-event .table-event-month_next thead th .table-event-weekday {
        display: block; }
    .table-event .table-event-month_prev tbody th,
    .table-event .table-event-month_next tbody th {
      font-size: 12px;
      font-size: 1.2rem; }
    .table-event .table-event-month_prev tbody td,
    .table-event .table-event-month_next tbody td {
      vertical-align: top;
      border: 1px solid silver; }
      .block-focus_calendar .table-event .table-event-month_prev tbody td, .block-focus_calendar
      .table-event .table-event-month_next tbody td {
        vertical-align: middle;
        text-align: center; }
      .table-event .table-event-month_prev tbody td.table-event-none,
      .table-event .table-event-month_next tbody td.table-event-none {
        border: none; }
      .table-event .table-event-month_prev tbody td.table-event-separator,
      .table-event .table-event-month_next tbody td.table-event-separator {
        border: none; }
        .table-event .table-event-month_prev tbody td.table-event-separator hr,
        .table-event .table-event-month_next tbody td.table-event-separator hr {
          margin: 10px 0;
          border: none;
          border-bottom: 1px solid silver; }
      .table-event .table-event-month_prev tbody td .table-event-item,
      .table-event .table-event-month_next tbody td .table-event-item {
        display: block;
        width: 100%;
        height: 100%;
        padding: 10px;
        font-size: 12px;
        font-size: 1.2rem; }
        .table-event .table-event-month_prev tbody td .table-event-item dt,
        .table-event .table-event-month_next tbody td .table-event-item dt {
          margin: 0 0 5px 0;
          font-weight: bold; }
        .table-event .table-event-month_prev tbody td .table-event-item dd.table-event-category,
        .table-event .table-event-month_next tbody td .table-event-item dd.table-event-category {
          overflow: hidden;
          margin: 10px 0 0;
          padding: 3px 2px 0;
          background-color: #f0f0f0; }
          .table-event .table-event-month_prev tbody td .table-event-item dd.table-event-category .icon-cat,
          .table-event .table-event-month_next tbody td .table-event-item dd.table-event-category .icon-cat {
            float: right;
            background-color: white; }

/*
# 開閉コンテンツ（アコーディオン）
```
<div class="block-accordion">
  <h2 class="block-accordion-title"><a href="javascript:void(0);">Title1</a></h2>
  <div class="block-accordion-content">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda ratione quisquam nobis laudantium debitis illo! In omnis molestiae ipsam explicabo.</p>
  </div><!-- end.block-accordion-content -->
</div><!-- end.block-accordion -->
<div class="block-accordion">
  <h2 class="block-accordion-title"><a href="javascript:void(0);">Title2</a></h2>
  <div class="block-accordion-content">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, voluptatibus, voluptates, mollitia asperiores debitis enim ipsum aut vitae nulla suscipit provident ea hic in necessitatibus dolore commodi qui sit atque.</p>
  </div><!-- end.block-accordion-content -->
</div><!-- end.block-accordion -->
<div class="block-accordion">
  <h2 class="block-accordion-title"><a href="javascript:void(0);">Title3</a></h2>
  <div class="block-accordion-content">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, sed reprehenderit animi necessitatibus debitis! Dolor, ad, voluptates vitae eveniet sunt ipsam possimus placeat dolore numquam delectus voluptatem explicabo corporis non.</p>
  </div><!-- end.block-accordion-content -->
</div><!-- end.block-accordion -->
```
*/
.block-accordion {
  border-bottom: 1px dotted #f0f0f0;
  overflow: hidden; }
  .block-accordion .block-accordion-title {
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal; }
    .block-accordion .block-accordion-title a {
      display: block;
      padding: 10px 10px 10px 36px;
      background-color: #f0f0f0;
      background-image: url(../images/bg_accordion-has-open.png);
      background-position: 0 50%;
      background-repeat: no-repeat;
      color: #151515;
      text-decoration: none; }
      .block-accordion .block-accordion-title a.is-open {
        background-color: #cdcdcd;
        background-image: url(../images/bg_accordion-is-open.png); }
      .block-accordion .block-accordion-title a img {
        margin: 0 10px 0 0;
        vertical-align: middle; }
      .block-accordion .block-accordion-title a span {
        display: block; }
      .block-accordion .block-accordion-title a .icon-service_guide {
        padding: 0; }
      .block-accordion .block-accordion-title a:hover {
        background-color: #cdcdcd; }
  .block-accordion .block-accordion {
    margin: 0 0 0 20px;
    border-bottom: none; }
  .block-accordion .block-accordion-content {
    padding: 10px 0;
    display: none;
    overflow: hidden; }

/*
## レストラン＆カフェのリスト
```
<ul class="list-restaurant">
  <li class="layout-row">
    <a href="#" class="layout-divid4"><img src="../source/images/modules/bnr_restaurant-dummy.png" width="166" height="69" alt=""></a>
    <div class="layout-divid4-joint3">
      <h3 class="list-restaurant-title">
        <i class="txt-title-caption">Floor&amp;Place</i>Restaurant Cafe Name
        <span class="list-restaurant-icon">
          <i class="icon_family">お子さまメニューのあるお店</i>
          <i class="icon_baby">ベビーカーでどうぞ</i>
          <i class="icon_japanese_style">和のスウィーツがあるお店</i>
        </span>
      </h3>
      <p class="list-restaurant-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, sed eius perferendis vero consequuntur sapiente eos quaerat atque dolorem provident amet dolores aliquid quae....</p >
    </div><!-- end.layout-divid4-joint3 -->
  </li>
</ul><!-- end.list-restaurant -->
```
*/
.list-restaurant {
  list-style: none;
  margin: 0;
  padding: 0; }
  .list-restaurant li {
    margin: 0;
    padding: 10px;
    background-color: #f0f0f0; }
    .list-restaurant li:nth-child(even) {
      background-color: white; }
    .list-restaurant li .list-restaurant-title {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.3;
      color: #151515; }
      .list-restaurant li .list-restaurant-title .list-restaurant-icon {
        display: inline-block;
        float: right;
        height: 20px;
        line-height: 0;
        font-size: 0; }
        .list-restaurant li .list-restaurant-title .list-restaurant-icon [class^=icon_] {
          margin-left: 2px; }
    .list-restaurant li .list-restaurant-description {
      clear: both;
      padding: 0; }

/*
## サービスガイド用
```
<div class="block-service_guide">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore, ducimus.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div><!-- end.block-service_guide -->
```
*/
.block-service_guide {
  padding: 0 10px; }

/*
## タグ表示（レストラン＆カフェ詳細ページ用）
`.is-false`を付加することでタグの無効表示ができます（仕様未定->不要の可能性もあり）
```
<ul class="tag-category">
  <li><span><em>予約可</em></span></li>
  <li><span><em>個室有</em></span></li>
  <li><span><em>パーティー</em></span></li>
  <li><span><em>車椅子対応</em></span></li>
  <li><span><em>お子さまメニュー</em></span></li>
  <li><span><em>ベビーカー対応</em></span></li>
  <li><span><em>ベビーチェア</em></span></li>
  <li><span><em>ティータイム</em></span></li>
  <li class="is-false"><span><em>カウンター</em></span></li>
  <li class="is-false"><span><em>テイクアウト</em></span></li>
  <li class="is-false"><span><em>和のスイーツ</em></span></li>
  <li class="is-false"><span><em>喫煙席</em></span></li>
</ul>
```
*/
.tag-category {
  list-style: none;
  margin: 0;
  padding: 0 0 20px;
  overflow: hidden;
  letter-spacing: -1.0em;
  word-spacing: -1.0em; }
  :root .tag-category {
    font-size: 1px;
    letter-spacing: -1px;
    word-spacing: -1px; }
  .tag-category li {
    display: inline-block;
    width: 24.86%;
    padding: 0 1px 1px 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.0;
    letter-spacing: normal;
    word-spacing: normal; }
    .tag-category li span {
      display: inline-block;
      width: 100%;
      padding: 1px;
      border: 1px solid silver; }
      .tag-category li span em {
        display: inline-block;
        width: 100%;
        padding: 3px;
        background-color: #ffefef;
        text-align: center; }
    .tag-category li.is-false span {
      border-color: #cdcdcd; }
      .tag-category li.is-false span em {
        background-color: white;
        color: #cdcdcd; }

/*
## 各ショップ周辺モジュール
*/
.layout-row-shop {
  margin-right: -20px !important;
  margin-left: -20px !important; }

.txt-page-update {
  text-align: right;
  padding-bottom: 1em; }
  .txt-page-update span {
    background-color: #f0f0f0;
    padding: 5px 8px; }

.txt-brand-attention {
  margin: 0 0 0 1em !important;
  padding: 0;
  text-indent: -1em;
  font-size: 12px;
  font-size: 1.2rem; }

.txt-page-price_attention {
  margin: 0 0 20px;
  padding: 10px;
  background-color: #f0f0f0; }
  .txt-page-price_attention p {
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem; }

.block-brand-row {
  margin-bottom: 20px;
  overflow: hidden; }
  .block-brand-row figure {
    margin: 0 0 20px 0; }
  .block-brand-row .block-brand-title {
    padding: 0 0 6px 0;
    margin: 0 0 16px 0;
    border-bottom: 1px solid #858585;
    font-size: 15px;
    font-size: 1.5rem; }
  .block-brand-row .txt-item .txt-item-title {
    width: 80px; }

.blcok-brand-detail {
  margin: 20px 0;
  padding: 16px;
  overflow: hidden;
  background-color: #f0f0f0; }
  .blcok-brand-detail .brand-detail-description .brand-detail-title {
    margin: 0 0 8px 0;
    font-size: 15px;
    font-size: 1.5rem; }
    .blcok-brand-detail .brand-detail-description .brand-detail-title span {
      padding: 6px 6px 3px 0;
      border-bottom: 1px solid #858585; }
  .blcok-brand-detail .brand-detail-description p {
    padding: 0; }

.txt-dialog_brand {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted silver; }
  .txt-dialog_brand .txt-dialog-title {
    padding: 0;
    clear: both;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal; }

.releace-list_brand li {
  padding: 10px 0;
  border-bottom-style: dotted; }

.block-qrcode {
  float: right;
  padding: 10px 16px;
  border: 1px solid silver;
  text-align: center; }
  .block-qrcode img {
    margin: 0 0 8px 0; }
  .block-qrcode .block-qrcode-caption {
    display: block;
    padding: 3px 5px;
    color: white;
    background-color: #cdcdcd;
    border-radius: 8px; }

.brand-banner-list {
  list-style-type: none;
  padding: 0; }
  .brand-banner-list li {
    margin: 0 0 20px 0; }

.table-sizechart {
  border-collapse: separate !important; }
  .table-sizechart thead th {
    text-align: center !important;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff; }
    .table-sizechart thead th.table-sizechart-brand {
      width: 20em; }
  .table-sizechart tbody tr:nth-child(even) td {
    background-color: #f0f0f0; }
  .table-sizechart tbody tr:first-child td {
    border-top: 1px solid #858585 !important; }
  .table-sizechart tbody td {
    border: none !important;
    text-align: center;
    border-right: 1px solid #fff !important;
    vertical-align: middle !important; }

.brand-list {
  margin: 0 0 20px 0; }
  .brand-list li {
    padding: 10px;
    border-bottom: 1px dotted silver; }

.table-brand {
  border-collapse: separate !important; }
  .table-brand thead th {
    border-bottom: 1px solid #fff; }
  .table-brand tbody th {
    background-color: #f0f0f0 !important;
    border-bottom: none !important; }
    .table-brand tbody th.table-brand-sortkana {
      width: 1em;
      vertical-align: top; }
    .table-brand tbody th.table-brand-sortalpha {
      vertical-align: top; }
  .table-brand tbody tr:first-child td, .table-brand tbody tr:first-child th {
    border-top: 1px solid #858585 !important; }
  .table-brand tbody tr:last-child td {
    border-bottom: none !important; }
  .table-brand tbody td {
    border: none !important;
    border-bottom: 1px dotted silver !important; }
  .table-brand tbody:last-child tr:last-child td {
    border-bottom: 1px solid #858585 !important; }
  .table-brand tbody:last-child th {
    border-bottom: 1px solid #858585 !important; }

.txt-enclosed {
  padding: 0 3px;
  border: 1px solid #858585; }

/*
## デフォルトテーブル
*/
.table-default, .table-default-bordered {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0; }
  .table-default.txt-center td, .txt-center.table-default-bordered td, .table-default.txt-center th, .txt-center.table-default-bordered th {
    text-align: center; }
  .table-default tr.txt-center td, .table-default-bordered tr.txt-center td, .table-default tr.txt-center th, .table-default-bordered tr.txt-center th {
    text-align: center; }
  .table-default td.txt-center, .table-default-bordered td.txt-center, .table-default th.txt-center, .table-default-bordered th.txt-center {
    text-align: center; }
  .table-default caption, .table-default-bordered caption {
    text-align: left;
    font-weight: bold;
    margin: 0 0 10px 0; }
  .table-default thead th, .table-default-bordered thead th {
    padding: 10px 15px;
    background-color: #f0f0f0;
    border-bottom: 1px solid #858585;
    border-right: 1px solid white;
    text-align: center; }
    .table-default thead th.table-default-separator, .table-default-bordered thead th.table-default-separator {
      border-right: 1px solid #858585; }
  .table-default tbody th, .table-default-bordered tbody th,
  .table-default tbody td,
  .table-default-bordered tbody td {
    padding: 10px 15px;
    background-color: white;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    text-align: left; }
  .table-default tbody th, .table-default-bordered tbody th {
    background-color: #f8f8f8;
    border-right: 1px solid #858585;
    text-align: center; }
  .table-default tbody tr:nth-child(even) td, .table-default-bordered tbody tr:nth-child(even) td, .table-default tbody tr:nth-child(even) th, .table-default-bordered tbody tr:nth-child(even) th {
    background-color: #f0f0f0; }

.table-default-bordered {
  border: 1px solid #858585; }
  .table-default-bordered thead th, .table-default-bordered thead td {
    border: 1px solid #858585; }
  .table-default-bordered tbody th {
    background: #f8f8f8 !important;
    border: 1px solid #858585; }
  .table-default-bordered tbody td {
    background: white !important;
    border: 1px solid #858585; }

/*
## モーダル関連
*/
.blcok-modal-content {
  display: none; }

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
  width: auto;
  margin-right: 30px;
  overflow: hidden; }

.mCSB_container.mCS_no_scrollbar {
  margin-right: 0; }

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
  margin-right: 30px; }

.mCustomScrollBox > .mCSB_scrollTools {
  width: 16px;
  height: 100%;
  top: 0;
  right: 0; }

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: relative;
  height: 20px;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  top: 100%;
  margin-top: -40px; }

/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container {
  height: auto;
  margin-right: 0;
  margin-bottom: 30px;
  overflow: hidden; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
  margin-bottom: 0; }

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
  width: 100%;
  height: 16px;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  overflow: hidden; }

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
  width: 30px;
  height: 100%; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
  display: block;
  position: relative;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  float: left; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
  margin-left: -40px;
  float: right; }

.mCustomScrollBox {
  -ms-touch-action: none;
  /*MSPointer events - direct all pointer events to js*/ }

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox > .mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */ }

.mCustomScrollBox:hover > .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_draggerRail {
  background: #cdcdcd;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #151515;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  /* old ie */
  border-radius: 0; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
  sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
  */ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
  sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
  */ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
  sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
  */ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
  sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
  */ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
  /* old ie */ }

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.15); }

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75); }

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85); }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/*light-2*/
.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85); }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9); }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/*dark-2*/
.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85); }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9); }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/*light-thick*/
.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85); }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9); }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/*dark-thick*/
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/*light-thin*/
.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.1); }

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/*dark-thin*/
.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%; }

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 0.3.1 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2014, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 100%;
    text-align: center;
    cursor: pointer;
    background: #333;
    background: rgba(0, 0, 0, 0.8); }

  .featherlight .featherlight-close {
    position: absolute;
    z-index: 9999;
    right: 0px;
    top: 0px;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font: Arial, sans-serif;
    background: #151515;
    color: white; }
    .featherlight .featherlight-close:hover {
      opacity: 0.5; }

  .featherlight:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }

  .featherlight .featherlight-content {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 60%;
    max-height: 95%;
    overflow: auto;
    background: #fff;
    cursor: auto; }

  .featherlight .featherlight-inner {
    display: block; }

  .featherlight-iframe .featherlight-content {
    min-height: 60%; }

  .featherlight iframe {
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%; }

  .featherlight .featherlight-image {
    width: 100%;
    max-height: 85vh; }

  .featherlight-content title.featherlight-inner,
  .featherlight-content script.featherlight-inner,
  .featherlight-content meta.featherlight-inner {
    display: none; } }


/*20140628追加 フォームエラーメッセージの色変更用*/
.vc_form_error_container {
    color:#C00 !important;
}
.vc_field_error_container {
    color:#C00 !important;
}
.vc_field_error {
    background-color:#F8D7D7 !important;
}
.vc_error_field {
    background-color:#F8D7D7 !important;
}
.vc_field_error_message {
    color:#C00 !important;
}
.vc_error_field_message {
    color:#C00 !important;
}