@charset "UTF-8";

/* ========================================
 * TOP
 * LOUNGE - COMMON
 * LOUNGE - REFRESTA
======================================== **/

/**
 * TOP
 *
 */
#container.top #main {
  background: url("../img/main-bground.jpg") no-repeat 50% 145px;
}
#container.top #main .inner {
  height: 550px;
}

#container.top #main .title {
  text-align: center;
  padding: 50px 0 15px;
  line-height: 1;
}

#container.top #main .lounge-group {
  height: 330px;
}
#container.top #main .lounge-group .lounge {
  position: relative;
  padding: 0 40px;
}
#container.top #main #refresta {
  height: 100%;
  background: url("../img/main-refresta-bground.png") no-repeat 110px 15px;
}
#container.top #main #cluxta {
  height: 100%;
  background: url("../img/main-cluxta-bground.png") no-repeat 50px 15px;
}
#container.top #main #refresta .button {
  position: absolute;
  bottom: 10px; left: 80px;
}
#container.top #main #cluxta .button {
  position: absolute;
  bottom: 10px; right: 80px;
}


/**
 * LOUNGE - COMMON
 *
 */
#container.lounge #contents > .container > .inner {
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
     -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
      -ms-box-shadow: 0 0 6px rgba(0,0,0,0.3);
       -o-box-shadow: 0 0 6px rgba(0,0,0,0.3);
          box-shadow: 0 0 6px rgba(0,0,0,0.3);
}
#container.lounge #main:after {
  display: none;
}
#container.lounge #main {
  display: table;
  width: 100%; height: 150px;
  margin-bottom: 40px;
}
#container.lounge #main .title,
#container.lounge #main .description {
  display: table-cell;
  vertical-align: middle;
}
#container.lounge #main .title {
  width: 360px;
  padding-left: 90px;
}
#container.lounge #main .description {
  font-size: 14px; font-size: 1.4rem;
  font-weight: bold;
}
#container.lounge #body {
  margin-bottom: 20px;
  padding-bottom: 40px;
}
#container.lounge #body .title {
  color: #fc4389;
  font-size: 16px; font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}
#container.lounge #body > .content {
  padding: 0 90px;
}
#container.lounge #body > .content > .grid {
  margin-bottom: 30px;
}

/* map */
#container.lounge #body .map.table {
  width: 100%;
  border-top: 1px dashed #ccc;
}
#container.lounge #body .map.table .table-cell {
  width: 50%;
  padding: 50px 0 50px 50px;
}
#container.lounge #body .map.table .title { margin-bottom: 15px; }
#container.lounge #body .map.table dl {
  margin-bottom: 15px;
}
#container.lounge #body .map.table dl dt {
  width: 80px;
  color: #fc4389;
  font-weight: bold;
}

/* page navi */
#container.lounge #body .pager {
  width: 100%; height: 50px;
  text-align: center;
  background: #eee;
}
#container.lounge #body .pager .navigation > li {
  margin: 0 10px;
}
#container.lounge #body .section p:last-child {
  padding: 0 3px;
}


/**
 * LOUNGE - REFRESTA
 *
 */
#container.refresta #main {
  background: url("../img/refresta/main-bground.jpg") no-repeat 50% 0;
}
#container.refresta #body .section01 {
  padding-right: 25px;
}
#container.refresta #body .map .footnote {
  font-size: 12px;
  font-size: 1.2rem;
}

/**
 * LOUNGE - CLUXTA
 *
 */
#container.cluxta #main {
  background: url("../img/cluxta/main-bground.jpg") no-repeat 50% 0;
}
#container.cluxta #body .section01 {
  padding-right: 25px;
}
#container.cluxta .official {
  text-align: center;
  margin: 30px 0 40px 0;
}
#container.cluxta .title,
#container.cluxta .figure {
  margin-bottom: 5px;
}
#container.lounge .footnote {
  font-size: 10px;
  font-size: 1.0rem;
}

#container.cluxta .places {
  display: table;
  height: 100%;
  margin: 0 auto;
}
#container.cluxta .places .place {
  display: table-cell;
  height: 100%;
}
#container.cluxta .places .place .map {
  position: relative;
  width: 360px; height: 100%;
  padding: 0 50px;
  z-index: 1;
}
#container.cluxta .places .place .map .disabled {
  position: absolute;
  top: 0; left: 0;
  bottom: 0; right: 0;
  display: block;
  width: 100%; height: 100%;
  margin: auto;
  background: url("../img/cluxta/notice-disabled-bground.png") repeat 0 0;
  z-index: 3;
}
#container.cluxta .places .place .map .disabled .label {
  position: absolute;
  top: 0; left: 0;
  bottom: 0; right: 0;
  display: block;
  width: 100%; height: 100%;
  background: url("../img/cluxta/notice-place1.png") no-repeat 50% 50%;
  z-index: 5;
}
/*
#container.cluxta .places .place.disabled .map:after {
  content: " ";
  position: absolute;
  top: 0; left: 0;
  border: 0; right: 0;
  display: block;
  width: 100%; height: 100%;
  background: url("../img/cluxta/notice-place1.png") no-repeat 50% 50%;
  z-index: 5;
}
*/