@charset "UTF-8";

/*----------------------------------------------------------------------
  teamvs
----------------------------------------------------------------------*/

span.result-area { display: inline-block; }
span.result-area a { font-family: "abolition",sans-serif; font-size: 26px; margin-left: 5px; letter-spacing: 0.1em; color: #8F0038; }
.result-circle { font-size: 18px; }

#teamvs table.bt td a.ticket-btn {
		line-height: 30px;
		text-align: center;
		font-family: "abolition",sans-serif;
		letter-spacing: 0.3em;
		margin-top: 0.5em;
		padding-left: 0.3em;
		font-size: 16px;
		display: inline-block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-width: 2px;
		border-style: solid;
		border-color: #e5e5e5;
		background: #e5e5e5;
		color: #fff;
		text-decoration: none !important;
}
article.body a.ticket-btn[target=_blank]:after {
	display: none;
	width: 0;
}

#teamvs label {
		background: #e5e5e5;
		color: #333;
		padding: 8px 10px;
		display: inline-block;
		margin: 0;
		cursor: pointer;
}

#teamvs label.ticket {
		background: none;
		padding: 0;
		display: block;
		margin: 0;
		cursor: pointer;
font-weight: bold;
font-size: larger;
text-align: left;
}

#teamvs input[type="checkbox"].on-off{
		display: none;
}

#teamvs .menu ul {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		padding: 0;
		list-style: none;
}

#teamvs .menu ul li { display: inline-block; width: 7em; margin-top: 10px; text-align: center; }

#teamvs input[type="checkbox"].on-off + ul,
#teamvs input[type="checkbox"].on-off + div.ticketdetail{
		height: 0;
		overflow: hidden;
}

#teamvs input[type="checkbox"].on-off:checked + ul,
#teamvs input[type="checkbox"].on-off:checked + div.ticketdetail{
		height: auto;
}

#teamvs table.bt th, #teamvs table.bt td { text-align: center; }
#teamvs table.bt td a { color: #8F0038; }

@media all and (max-width: 767px) {
	.result-area a { font-size: 20px; }
	.result-circle { font-size: 16px; }
}

@media all and (min-width: 768px) {

}