@charset "utf-8";

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

@media(max-width: 600px){
	#pass .clm_60p,
	#pass .clm_40p {
		width: 100%;
	}
	.table_green th, .table_green td {
		padding: .3rem .3rem !important;
	}
}

.gjy{
	font-weight:bold;
	background:#ffe6eb !important;
}
th.gjy{
	font-weight:bold;255209218
	background:rgb(255,209,218) !important;
}

#btn_gujoyutai{
	display:block;
	float:right;
	width:80%;
	max-width:220px;
	min-width:160px;
	margin:0 0 1rem 1rem;
}


#ticket{
	border:3px solid #009261;
	border-radius:10px;
	padding:1.5rem;
}
	#ticket p{
		color:rgb(42,156,128);
		font-weight:bold;
	}
	#m_ticket{
		width:80%;
		max-width:642px;
		margin:0 auto .8rem;
	}
	#m_vallo{
		width:80%;
		max-width:608px;
		margin:0 auto .8rem;
	}
	#tkt_price{
		display:inline-block;
		padding:15px;
		background:rgba(42,156,128,.2);
		border-radius:5px;
		margin:10px auto;
	}
	.link_ticket{
		text-align:center;
	}
	.link_ticket a{
		position:relative;
		display:inline-block;
		padding-right:20px;
		height:17px;
		color:#ffa64e;
		font-weight:bold;
		line-height:1;
		margin:0 15px;
	}
	.link_ticket a:hver{
		text-decoration:underline;
	}
	.link_ticket a::after{
		position:absolute;
		display:block;
		content:'';
		right:0;
		top:0;
		width:17px;
		height:17px;
		background:url(/img/i_outerlink.gif) no-repeat;
	}
@media(max-width: 700px){
	#ticket p{
		text-align:left;
	}
	#ticket p br{
		display:none;
	}
}


/* 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: 700px){
	.img_luvitcard{
		float: none;
		max-width:100%x;
		margin: 0 auto 1rem;
	}
}
@media(max-width: 414px){
	.img_luvitcard{
		float: none;
		max-width:200px;
		margin: 0 auto 1rem;
	}
}


/* 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;
	}
}