@charset "UTF-8";

/*//////////----- ENTER-ENTRANCE -----//////////*/

.entrance{
	width:100%;
	
	background-color:#fff;
	color:#000;
	
	position: relative;
	
	box-sizing: border-box;
	padding:10px;
}

.entrance:before{
	display:block;
	content:"";
	
	box-sizing: border-box;
	padding-top:100%;
}

.entrance div.bg-cover{
	position: absolute;
	top:0;
	right:0;
	left:0;
	
	margin:0 auto;
	
	width:100%;
	height:100%;
	
	max-width: 1080px;
	
	/*background-image: url("../images/bg-entrance.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;*/
}

.entrance div.bg-cover img{
	display:block;
	
	width:100%;
	height:100%;
	
	object-fit: cover;
	object-position:center top;
}

.entrance div.bg-cover img.sp-only{
	display:block;
}

.entrance div.bg-cover img.pc-only{
	display:none;
}

@media only screen and (min-width: 720px){
	
	.entrance div.bg-cover img.sp-only{
		display:none;
	}
	
	.entrance div.bg-cover img.pc-only{
		display:block;
	}
	
}

.entrance div.content{
	width:100%;
	height:100%;
	display:flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	position: absolute;
	top:0;
	left:0;
	box-sizing: border-box;
	padding:20px;
	/* background-color:rgba(255,255,255,0.5); */
	color: #fff;
}

.entrance div.content p.logo{
	width:100%;
	margin:0 auto;
	max-width: 320px;
}

.entrance div.content p.logo img{
	width:100%;
	vertical-align: bottom;
}

.entrance div.content p.caution{
	text-align: center;
}

.entrance div.content p.caution img{
	display:block;
	
	width:80px;
	margin:0 auto 10px;
	vertical-align: bottom;
}

.entrance div.content p.caution span.note{
	font-size:0.8rem;
	line-height:1.75em;
	text-align: center;
}

.entrance div.content p.caution span.note a{
	font-size:0.8rem;
	line-height:1.75em;
	
	color:#980270;
}

.entrance div.content p.btn-enter{
	text-align: center;
	
	width:240px;
	margin:10px auto 0;
	
	font-size:1.25rem;
	line-height:45px;
	font-weight:bold;
}

.entrance div.content p.btn-enter a{
	display:block;
	
	box-sizing: border-box;
	border:solid 2.5px #980270;
	
	background-color:#980270;
	color:#fff;
}

.entrance div.content p.btn-enter a:hover{
	background-color:#fff;
	color:#980270;
	
	text-decoration: none;
}

@media only screen and (min-width: 720px){
	
	.entrance:before{
		height:480px;
		
		padding-top:0;
	}
	
}

/*//////////----- ENTER-SLIDER-CASTPHOTO -----//////////*/

#slider-castphoto{
	line-height: 0;
	
	box-sizing: border-box;
	padding:5px;
	
	background-color:#f8f8f8;
}

#slider-castphoto p.slider-child{
	line-height:0;
	
	box-sizing: border-box;
	padding:5px;
}

/*//////////----- ENTER-LINK -----//////////*/

.links{
	background-color:#fff;
}

.links div.content{
	width:100%;
	margin:0 auto;
	max-width: 1080px;
	
	box-sizing: border-box;
	padding:20px 0;
}

.links ul{
	font-size:0;
	line-height:1.0rem;
	
	text-align: center;
	
	box-sizing: border-box;
	padding:0 5px;
	
	margin-bottom:10px;
}

.links ul:last-child{
	margin-bottom:0;
}

.links ul li{
	display:inline-block;
	
	box-sizing: border-box;
	padding:5px;
}

.links ul li a{
	display:block;
}

.links ul li a:hover{
	opacity: 0.5;
}

.links ul li img{
	width: auto;
	max-width: 100%;
	vertical-align: bottom;
}