@charset "utf-8";
/* CSS Document */
span.required {
	color:red;
}
p.error {
	color:red;
}

span.info {
	color:red;
	font-weight:bold;
	display:inline;
}


/**** dialog ****/
.modal-overlay {
    z-index:1000;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

#ticket-dialog {
	width:450px;
	position:fixed;
	z-index:1001;
	display:none;
	margin-top:100px;
	background:#fff;
}
#ticket-dialog li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#ticket-dialog ul {
	margin:10px 0px;
	padding:10px;
}
#ticket-dialog li.qrcode {
	width:120px;
	height:120px;
	border:1px solid #999;
	float:left;
}
#ticket-dialog li.qrcode img{
	width:100%;
	height:100%;
}
#ticket-dialog li.ticket-title {
	color:#26b7bc;
	font-size:1.6rem;
	float:left;
	font-weight:bold;
	padding:5px;
	width:300px;
}
#ticket-dialog li.ticket-contents {
	font-size:1.2rem;
	float:left;
	padding:5px;
	width:300px;
}

#ticket-dialog p.title {
	background:#EA5504;
	color:#fff;
	font-size:1.6rem;
	margin:0px;
	padding:5px;
	box-sizing:border-box;
}

#ticket-dialog p.title span.batsuBtn {
	display:inline-block;
	position:absolute;
	right:7px;
	background:#fff;
	font-size:1.2rem;
	padding:5px 10px;
	color:#333;
	top:3px;
	border-radius: 5px;
	display:none;
}

#ticket-dialog p.note {
	clear:both;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	font-size:1.2rem;
	width:400px;
	
}
#ticket-dialog ul.btn-area {
	text-align:center;
}
#ticket-dialog ul.btn-area li {
	float:left;
	width:47%;
	margin:0px 5px 10px;
}
p.information {
	clear:both;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	font-size:1.2rem;
	width:400px;
}
p.information span.title {
	color:#EA5504;
	font-weight:bold;
}

#ticket-dialog #scroll-area {
	clear:both;
	overflow-y:scroll;
	
	background:#efefef;
	
	/*
	background:#FFF4E1;
	*/
	/*
	-webkit-overflow-scrolling: touch;
	*/
}



@media screen and (max-width: 768px) {
	#ticket-dialog {
		width:90%;
		position:fixed;
		z-index:9999;
		display:none;
		margin-top:10px;
		background:#fff;
	}
	#ticket-dialog li {
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
	#ticket-dialog ul {
		margin:10px 0px;
		padding:10px;
		border-box:box-sizing;
	}
	#ticket-dialog li.qrcode {
		width:120px;
		height:120px;
		border:1px solid #999;
		float:none;
		margin:0px auto 10px;
		border-box:box-sizing;
	}
	#ticket-dialog li.ticket-title {
		color:#26b7bc;
		font-size:1.6rem;
		float:left;
		font-weight:bold;
		padding:5px;
		width:90%;
		border-box:box-sizing;
	}
	#ticket-dialog li.ticket-contents {
		font-size:1.2rem;
		float:left;
		padding:5px;
		width:90%;
		border-box:box-sizing;
	}
	#ticket-dialog p.title {
		background:#EA5504;
		color:#fff;
		font-size:1.6rem;
		margin:0px;
		padding:5px;

		box-sizing:border-box;
	}
	#ticket-dialog p.note {
		clear:both;
		margin-left:auto;
		margin-right:auto;
		font-size:1.2rem;
		width:300px;
	}
	#ticket-dialog p.information {
		clear:both;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
		font-size:1.2rem;
		width:300px;
	}
	#ticket-dialog #scroll-area {
		height:50vh;
		overflow-x:hidden;
		/*
		padding-bottom:50px;
		*/
	}
	#ticket-dialog ul.btn-area {
		text-align:center;
		display:none;
	}
	#ticket-dialog ul.btn-area li {
		float:none;
		width:90%;
		margin:0px auto 10px;
		
	}
	#printBtn {
		display:none;
	}
	#cancelBtn {
		display:none;
	}
	#ticket-dialog p.title span.batsuBtn {
		display:block;
	}
}