@charset "UTF-8";
/*footer nav,
header nav:nth-child(2) {display: none;}*/
.phase1 .blank {display: none !important;}
section .container:nth-of-type(1) ul li.comingsoon a .modalDetail > div table,
section .container:nth-of-type(1) ul li.comingsoon a .modalDetail > div p,
section .container:nth-of-type(1) ul li.comingsoon a .modalDetail > div img {opacity: 0;}
section .container:nth-of-type(1) ul li.comingsoon a .modalDetail > div::before,
section .container:nth-of-type(1) ul li.comingsoon a .modalDetail > div::after {display: block;content: '';font-family: 'Montserrat', sans-serif;text-align: center;white-space: pre-line;position: absolute;left: 50%;z-index: 101;transform: translate(-50%,-50%);}
section .container:nth-of-type(1) ul li.comingsoon a .modalDetail > div::before {content: 'Coming\ASoon';font-size: 300%;line-height: 1.25;top: calc(50% - 1em);}
section .container:nth-of-type(1) ul li.comingsoon a .modalDetail > div::after {content: '詳細準備中です\A少々お待ちください';font-size: 100%;line-height: 1.5;top: calc(50% + 6em);}
#day .container:nth-of-type(1) ul li.comingsoon a .modalDetail > div::before,
#day .container:nth-of-type(1) ul li.comingsoon a .modalDetail > div::after {color: #355d94;}
#night .container:nth-of-type(1) ul li.comingsoon a .modalDetail > div {background: #11113b;}
#night .container:nth-of-type(1) ul li.comingsoon a .modalDetail > div::before,
#night .container:nth-of-type(1) ul li.comingsoon a .modalDetail > div::after {color: #fff;}
#night .modal-style-01 .modalDetail .modalClose::before,
#night .modal-style-01 .modalDetail .modalClose::after {background: #fff;}
@media only screen and (max-width: 1200px) {
 .phase1 #program {padding: 10em 0 12em;}
}
@media only screen and (max-width: 900px) {
 .phase1 #program {padding: 14em 0 10em;}
}
@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
 .phase1 #program {padding: 7em 0;}

}
@media only screen and (max-height: 700px) {
}