@charset "UTF-8";
#brio {
  background: #2b2b2b;
  color: #fff; }
#brio a {
  color: #fff; }
#brio .brio_inner {
  width: 75%;
  margin: 0 auto;
  padding: 3% 0; }
@media only screen and (max-width: 1024px) {
  #brio .brio_inner {
    width: 94%; } }
#brio .brioback {
  text-align: center;
  padding: 5% 1em 0; }
#brio .brioback .catch {
  font-size: 1.75rem;
  /*正しく設定しなおしてください。*/
  font-weight: bold;
  line-height: 1.4em;
  padding: 0 0 1%; }
@media only screen and (max-width: 1024px) {
  #brio .brioback .catch {
    font-size: 1.375rem;
    /*正しく設定しなおしてください。*/ } }

#brio #ticket {
  padding: 0 0 3%;
  margin: 0 auto;
  width: 65%; }
@media only screen and (max-width: 1024px) {
  #brio #ticket {
    padding: 8% 8%;
	width: 94%;} }
#brio #ticket .detail_box {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 0 8px 20px;
	margin: 0 0 20px; 
}

table.formTable{
	width:100%;
	margin:0 auto;
}
table.formTable td,table.formTable th{
	padding:10px;
}
table.formTable th{
	width:30%;
	text-align:left;
}

@media screen and (max-width: 650px) {
  #brio #ticket .detail_box {
		float: none;
		width: 100%; 
}
  #brio #ticket .detail_box:last-child {
		float: none; 
} }
#brio #ticket .detail_box table {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 30px 0;
	width: 100%; 
}
#brio #ticket .detail_box table th {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 30%;
	text-align: left;
	padding: 15px 5px;
}
@media screen and (max-width: 650px) {
  #brio #ticket .detail_box table th {
		display: none; 
} }
#brio #ticket .detail_box table td {
	padding: 10px 8px; 
}