@charset "UTF-8";
    
body{

}
.main-visual1{
	background-image: url("./images/enter_bg.jpg");
    background-size: cover;
    background-position: center;
    height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
@media screen and (max-width: 1600px) {
.main-visual1{
    height: 100vh;
	}
}
@media screen and (max-width: 767px) {
.main-visual1{
    height: 100vh;
	}
}
.container{
	position: relative;
  width: inherit;
  height: inherit;
}
.obititle{
	background-color: #000;
	font-size: 20px;
	font-family:  "Shippori Mincho", serif;
	color: white;
	text-align: center;
	width: 100%;
	padding: 10px;
}
@media screen and (max-width: 767px) {
.obititle{
	font-size: 17px;
	padding: 9px;
	}
}
.info_textBOX{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 650px;
	text-align: center;
	max-width: 55%;
	z-index: 2;
	padding: 30px;
	background: rgba(0, 0, 0, 0.65);
	color: #FFF;
}
@media screen and (max-width: 767px) {
.info_textBOX{
	top: 55%;
	max-width: 90%;
	margin-top: -55px;
	padding: 15px;
	}
}
.logo{
	display: block;
	margin: 40px auto 15px;
}
@media screen and (max-width: 767px) {
.logo{
	width: 10rem;
	margin: 20px auto 15px;
	}
}
img.logo{
	width: 200px;
	height: 130px;
}
@media screen and (max-width: 767px) {
img.logo{
	width: 160px;
	height: 104px;
	}
}
.subtitle{
	font-family:  "Shippori Mincho", serif;
	font-size: 28px;
	color: #CC9966;
	text-align: center;
}
@media screen and (max-width: 767px) {
.subtitle{
	font-size: 24px;
	}
}
.sentence{
	margin-top: 30px;
	font-family: Noto Sans JP;
	font-size: 14px;
	line-height: 1.8;
	text-align: left;
	display: inline-block;
	margin: 0 3rem 2rem;
}
@media screen and (max-width: 767px) {
.sentence{
	margin: 0 5px 15px;
	}
}

.info_txt{
	
}
.info_txt p{
	color: #FFFFFF; 
}
 .enter_link{
	color:#000;
	text-decoration: none;
}
.exit_link {
	color:white;
	text-decoration: underline;      
}
.enter_link:hover{
	transition: all .5s ease;
	color: #FFF; /* ホバー時の色を設定 */
}
.exit_link:hover{
	color: #CC9966; /* ホバー時の色を設定 */
 }

.exit_link:active ,.enter_link:active{
	color: white; /* クリック時の色を白に設定 */
 }
.exit_link:visited {
	color: white; /* 訪問済みリンクの色を白に設定 */
}
.warning{
	text-align: center;
	margin-top: 10px;
}
.non_overlay {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #FFFFFF;
	text-align: center;     
}
@media screen and (max-width: 1500px) {
.non_overlay {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 14px;
	text-align: center; 
	}
}
@media screen and (max-width: 767px) {
.non_overlay {
	position: absolute;
	width: 90%;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 14px;
	text-align: center;
	padding: 0 7px;     
	}
}
.enter-button{
	text-align: center;
	color: #000;
	font-family:  "Shippori Mincho", serif;
	font-size: 34px;
	background-color: #CC9966;
	padding: 5px 80px 8px;
	display: block;
	margin: 35px auto 0;
}
@media screen and (max-width: 767px) {
.enter-button{
	text-align: center;
	color: #000;
	font-family:  "Shippori Mincho", serif;
	font-size: 34px;
	background-color: #CC9966;
	padding: 5px 80px 8px;
	display: block;
	margin: 0 auto;
}
}


.exit{        
}
.copyrightArea{
	margin-top: 16px;
	font-size: 20px;
}
@media screen and (max-width: 767px) {
.copyrightArea{
	font-size: 16px;
	margin: 0;
	}
}
.break {
	display: none; /* デフォルトでは改行を表示しない */
}
.pchyouji{
	display: block; 
}
@media screen and (max-width: 767px) {
.pchyouji{
	display: none;
	}
}
.pchyouji2{
	display: block; 
}
.letter-spacing{
	letter-spacing: -0.045em;
}