@charset "utf-8";

.main{
	position:relative;
	width:1060px;
	padding:20px;
}
.main p{
	text-align:center;
}

#pageBox2 {
	width: 800px;
	margin: 0 auto 10px;
}
div.ticketArea { border: 5px solid #ec77ec; }
div.ticketArea_g { border: 5px solid #999; }
div.ticketArea h2 {
	text-align: left;
	background: none;
	color: #ec77ec;
	letter-spacing: 0px;
	padding: 10px 0;
	margin: 0;
	font-size: 1.5em;
}
div.ticketArea_g h2 {
	color: #999;
}
strong { color: #ec77ec; }
#pageBox2 {
	padding: 10px 20px;
}
#pageBox2 div.textArea {
	padding: 0;
	line-height: 1.5em;
}
div.ticketArea div.textArea span {
	color:#ec77ec;
	font-weight: bold;
}
div.ticketArea_g div.textArea span {
	color:#999;
}

div.ticketArea div.btn {
	margin: 10px auto;
	background: #ec77ec;
	padding: 20px;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}

div.ticketArea_g div.btn {
	margin: 10px auto;
	background: #666;
	padding: 20px;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}

#pageBox2 div.btn a { color: #fff; }

ul.kome { padding: 10px; }
ul.kome li {
	font-size: 80%;
	line-height: 1.5em;
}

@media all and (min-width: 0) and (max-width: 736px)  {
	.main{
		width:94%;
		padding:1%;
	}
	.main p {
		text-align: left;
		padding: 0 3%;
	}
	.main p img {
		max-width: 100%;
	}
	#pageBox2 {
		width: 85%;
		margin: 0 auto 10px;
	}
	#pageBox2 div.btn {
		font-size: 1.5em;
		padding: 10px;
	}
	.main h2 img { height: 40px; }
}