.roomplan-document {
  max-width: 1050px;
  margin: 0 auto;
  padding: 0 50px; }
  @media (max-width: 767px) {
    .roomplan-document {
      padding: 0 30px; } }

.roomplan-tab-btn-area {
  display: flex;
  justify-content: center;
  margin-bottom: 80px; }
  @media (max-width: 767px) {
    .roomplan-tab-btn-area {
      margin: 30px 0; } }

.roomplan-tab-btn {
  display: flex;
  justify-content: center;
  width: calc(100% - 8px); }
  .roomplan-tab-btn li {
    cursor: pointer;
    width: calc(25% - 16px);
    text-align: center;
    font-size: 19px;
    border-bottom: 1px solid #bfc0c0;
    margin: 0 8px;
    padding: 20px 0; }
    @media (max-width: 767px) {
      .roomplan-tab-btn li {
        font-size: 10px;
        padding: 10px 0;
        margin: 0 4px;
        width: calc(25% - 8px); } }
    .roomplan-tab-btn li.is-active {
      border-bottom: 1px solid #942943; }

.roomplan-tab-btn-floor {
  width: 200px; }
  @media (max-width: 767px) {
    .roomplan-tab-btn-floor {
      width: calc(25% - 8px); } }
  .roomplan-tab-btn-floor a {
    display: block;
    text-align: center;
    font-size: 19px;
    border-bottom: 1px solid #bfc0c0;
    margin: 0 8px;
    padding: 20px 0;
    text-decoration: none; }
    @media (max-width: 767px) {
      .roomplan-tab-btn-floor a {
        font-size: 10px;
        padding: 10px 0;
        margin: 0 4px; } }

.roomplan-tab-area {
  display: none; }
  .roomplan-tab-area.is-active {
    animation: panel-show .9s ease-in-out forwards;
    display: block; }
  .roomplan-tab-area ul {
    display: flex;
    justify-content: center; }
    @media (max-width: 767px) {
      .roomplan-tab-area ul {
        text-align: center; } }

.roomplan-at {
  text-align: right;
  font-size: 10px;
  margin: 180px 0 30px 0; }
  @media (max-width: 767px) {
    .roomplan-at {
      text-align: left;
      margin: 30px 0 30px 0; } }

.label {
  text-align: center;
  padding-bottom: 35px; }
  .label p {
    font-size: 10px;
    margin: 7px 0 0 0; }

.mfp-container {
  padding: 0 60px; }
  @media (max-width: 767px) {
    .mfp-container {
      padding: 0; } }

#colorbox, #cboxOverlay, #cboxWrapper {
  overflow: visible; }

#cboxOverlay {
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60); }

.mfp-arrow-left {
  background: url("../images/prev.svg") no-repeat center 0 !important;
  width: 41px;
  height: 41px;
  left: calc(50% - 580px);
  top: calc(50% + 20px);
  transition: opacity 0.3s; }
  @media (max-width: 1200px) {
    .mfp-arrow-left {
      left: 0; } }
  @media (max-width: 767px) {
    .mfp-arrow-left {
      left: 0; } }
  .mfp-arrow-left::before {
    display: none; }
  .mfp-arrow-left::after {
    display: none; }
  .mfp-arrow-left:hover {
    background-position: center 0;
    opacity: 0.6; }

.mfp-arrow-right {
  background: url("../images/next.svg") no-repeat center 0 !important;
  width: 41px;
  height: 41px;
  right: calc(50% - 580px);
  top: calc(50% + 20px);
  transition: opacity 0.3s; }
  @media (max-width: 1200px) {
    .mfp-arrow-right {
      right: 0; } }
  @media (max-width: 767px) {
    .mfp-arrow-right {
      right: 0; } }
  .mfp-arrow-right::before {
    display: none; }
  .mfp-arrow-right::after {
    display: none; }
  .mfp-arrow-right:hover {
    background-position: center 0;
    opacity: 0.6; }

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  width: 47px;
  height: 47px;
  top: 30px;
  right: 30px;
  background: url("../images/close.svg") no-repeat 0 0;
  transition: opacity 0.3s;
  font-size: 1px;
  cursor: pointer;
  opacity: 1; }
  @media (max-width: 767px) {
    .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
      width: 25px;
      height: 25px;
      top: -40px;
      right: 0;
      background: url("../images/close-sp.svg") no-repeat 0 0;
      background-size: 100%; } }
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close:hover {
    background-position: 0 0;
    opacity: 0.6; }

.mfp-bottom-bar {
  display: none; }

@keyframes panel-show {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.roomplan-tab-btn-floor a.hide {
  display: none; }

@media (max-width: 767px) {
  .mfp-figure figure {
    background: #FFF; }

  .mfp-image-holder .mfp-content {
    max-width: 80%; } }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer; }

img.mfp-img {
  padding: 0; }

/*# sourceMappingURL=style.css.map */