@charset "UTF-8";
/* CSS Document */

/* 共通 | 来場予約無効化 */
.block-index-01 .container:nth-child(2) a:nth-child(2),
#globalMenu-01 div a.reserve,
#globalMenu-02 .container ul.nav03 li:nth-child(2) {display: none !important;}
#globalMenu-01 div a {width: 25% !important;}





/* 共通 | ナビ無効化 */
header .container > div nav:nth-child(2) ul li:nth-child(8) a,
header .container > div nav:nth-child(2) ul li:nth-child(5) a,
header .container > div nav:nth-child(2) ul li:nth-child(2) a {pointer-events: none;border-color: #b0b0b0;}
header .container > div nav:nth-child(2) ul li:nth-child(8) a span::before,
header .container > div nav:nth-child(2) ul li:nth-child(5) a span::before,
header .container > div nav:nth-child(2) ul li:nth-child(2) a span::before,
header .container > div nav:nth-child(2) ul li:nth-child(8) a span,
header .container > div nav:nth-child(2) ul li:nth-child(5) a span,
header .container > div nav:nth-child(2) ul li:nth-child(2) a span {color: #bbb;}

/* TOP | ナビ無効化 */
.block-index-01 .container:nth-child(1) > div:nth-child(2) section.close a {pointer-events: none;}
.block-index-01 .container:nth-child(1) > div:nth-child(2) section.close a span:nth-child(1) {display: none;}
.block-index-01 .container:nth-child(1) > div:nth-child(2) section.close a span:nth-child(2) {display: block;}

/* TOP | 間取り無効化 */
#plan .container:nth-child(1) > div:nth-child(2) ul li.comingsoon {background: transparent;}
#plan .container:nth-child(1) > div:nth-child(2) ul li.comingsoon::before {display: block;content: 'coming soon';color: #fff;font-size: 300%;font-weight: 600;font-family: "Barlow Condensed", sans-serif;white-space: nowrap;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;}
#plan .container:nth-child(1) > div:nth-child(2) ul li.comingsoon::after {display: block;content: '';width: 100%;height: 100%;background: #444;opacity: 1;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}




@media only screen and (min-width: 768px) and (max-width: 1200px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  header .container > div nav:nth-child(2) ul li.outline a {pointer-events: auto;}
  header .container > div nav:nth-child(2) ul li.outline a span {opacity: 1;}
  #plan .container:nth-child(1) > div:nth-child(2) ul li.comingsoon::before {font-size: 250%;}
  
  
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}