@charset "utf-8";

/* open-info
-------------------------------------------------*/

#open-info table *{
	line-height:1.2;
}

@media screen and (max-width: 600px){
	#pass .clm_60p,
	#pass .clm_40p {
		width: 100%;
	}
}


/* update cpn */
.updatecpn{
	justify-content:space-between;
	align-items:center;
	margin:0 auto 2rem;
}
	.updatecpn p{
		width:50%;
		padding:0 10px;
	}
	.updatecpn p:nth-of-type(1) img{
		max-width:413px;
		margin:0 auto;
	}
	.updatecpn p:nth-of-type(2) img{
		max-width:299px;
		margin:0 auto;
	}
@media screen and (max-width: 600px){
	.updatecpn{
		display:block;
	}
	.updatecpn p{
		width:100%;
	}
	.updatecpn p img{
		margin:0 auto 10px;
	}
	.updatecpn p:nth-of-type(1) img{
		transform-origin:center;
		transform:scale(1.05) translateX(-2%);
	}
}

.d_passupdate{
	padding:1.5rem 2rem;
	width:min(95%,900px);
	text-align: center;
	background:#fef5eb;
	border-radius: 10px;
	margin:0 auto;
}
	.cht_passupdate{
		width:min(100%,629px);
		margin:0 auto 1rem;
	}
	.d_passupdate dl{
		display:inline-block;
		padding:1.5rem 2rem;
		background:#fff;
		border-radius: 10px;
	}
	.d_passupdate dt{
		color:#ff4f2e;
		font-weight:bold;
	}
	.d_passupdate dd{
		font-size:.9rem;
	}


/* luvit card */
.luvitcard{
	width:min(100%,700px);
	text-align: left;
	margin:0 auto;
}
.img_luvitcard{
	float: right;
	max-width:200px;
	margin: 0 0 10px 30px;
}
@media(max-width: 414px){
	.img_luvitcard{
		float: none;
		max-width:200px;
		margin: 0 auto 1rem;
	}
}

/* spa ticket */
#spa_ticket{
	text-align: center;
}
	#spa_ticket .btn_green_s:link,
	#spa_ticket .btn_green_s:visited{
		width:auto;
		padding: 10px 23px 6px 8px;
		margin:0 2px 5px;
	}
	.btn_green_s:hover{
		background-color:#f94f4b;
	}
	#spa_ticket .btn_green_s span{
		color:#fff;
		font-size:1rem;
		font-weight:bold;
		line-height:1.2;
	}


/* payment */
.d_cashless > div{
	width:50%;
}
	.d_cashless > div:nth-of-type(2){
		padding-left:2rem;
	}
	.d_cashless > div:nth-of-type(2) img{
		width:min(100%,448px);
	}
@media(max-width: 600px){
	.d_cashless{
		display:block;
	}
	.d_cashless > div,
	.d_cashless > div:nth-of-type(2){
		width:100%;
		padding-left:inherit;
	}
}