/*///----- ticket -----///*/
#ticketBox h2{position:relative;
	background-image:url(../img/ticket/title.png) ;background-repeat:no-repeat;}
#ticketBox h2 small{position: absolute;bottom: 0px; right: 5px;font-size:120%;line-height:100%;font-weight:bold;color:#004561;transform: rotate(.03deg);}
	#ticketBox h3,#ticketBox h4{color: #004561;}
	#ticketBox .innerbox{border-top:solid 1px #004561;}
	#ticketBox p small{font-size:70%;}

/*/ dl /*/
#ticketBox dt,
#ticketBox dd{box-sizing:border-box;}
#ticketBox dt{background:#85a4c5;color:#fffdf8;font-weight:bold;border-bottom:solid 1px #004561;}
#ticketBox dd{background:#fffdf8;border-bottom:solid 1px #004561;}
/*/ table /*/
#ticketBox table{border-collapse: collapse;border-spacing: 0;}
#ticketBox .tbl-tckt{width: 100%;margin-bottom: 20px;}
#ticketBox tr {border-bottom:solid 1px #004561;}
#ticketBox th {white-space: nowrap;background:#85a4c5;color:#fffdf8;border-right:solid 1px #004561;}
	#ticketBox th:last-child {border-right:none;}
#ticketBox td {background:#fffdf8;border-bottom:solid 1px #004561;border-right:solid 1px ;text-align:center;}
	#ticketBox td:last-child {border-right:none;}

/*/ ph /*/
#ticketBox .innerbox p
{   display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}
#ticketBox .innerbox .ph{background-image:url(../img/ticket/ph1.jpg) ;background-repeat:no-repeat;}
#ticketBox .innerbox .ph2{background-image:url(../img/ticket/ph2.jpg) ;background-repeat:no-repeat;}
#ticketBox .innerbox .ph3{background-image:url(../img/ticket/ph3.jpg) ;background-repeat:no-repeat;}
#ticketBox .innerbox .ph4{background-image:url(../img/ticket/ph4.jpg) ;background-repeat:no-repeat;}
#ticketBox .innerbox .ph5{background-image:url(../img/ticket/ph5.jpg) ;background-repeat:no-repeat;}
#ticketBox .innerbox .ph6{background-image:url(../img/ticket/ph6.jpg) ;background-repeat:no-repeat;}
#ticketBox .innerbox .ph7{background-image:url(../img/ticket/ph7.jpg) ;background-repeat:no-repeat;}

/*/ close /*/
#ticketBox .tc_box{position: relative;}
#ticketBox .close{position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    top: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 1.4em;
    background-color: rgba(170,180,190,0.8);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.line_area{
	border-bottom: 1px dashed #004561;
	margin: 0 0 20px;
	padding: 0 0 10px;
}
.line_area h5{
	font-size: 120%;
	font-weight: 800;
	text-align: center;
	color: #004561;
}
.line_name{
	font-size: 110%;
	font-weight: 800;
	padding-bottom: 0.5em;
}

@media all and (min-width: 768px) {
#ticketBox {width: 590px;padding:30px 0;}
#ticketBox h2{width:580px;height:35px;margin-bottom:30px;background-position:10px 0;border-left:solid 10px #004561;}
	#ticketBox h3{font-size:160%;margin-bottom:20px;}
	#ticketBox h4{font-size:120%;margin-bottom:10px;}
	#ticketBox h4 span{font-size:75%;margin-bottom:10px;}
	#ticketBox .innerbox{padding:20px 0;}
	#ticketBox .txt{margin:10px auto;font-size:100%;}
	#ticketBox .txt:last-child{margin-bottom:0;}

#ticketBox .innerbox dl
{margin-bottom:20px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#ticketBox .innerbox dl:last-of-type{margin-bottom:0;}
#ticketBox .innerbox dt,
#ticketBox .innerbox dd{padding:10px;font-size:90%;}
#ticketBox .innerbox dt{width:110px;display: flex;  justify-content: center;align-items: center; }
#ticketBox .innerbox dd{width:480px;}

#ticketBox tr {padding:10px;font-size:90%;}
#ticketBox th {padding:5px;}
#ticketBox td {padding:10px;}

#ticketBox .innerbox ul{list-style: square outside;}
#ticketBox .innerbox li{font-size:90%;margin-left:20px;}

/*/ ph /*/
#ticketBox .innerbox p{margin-bottom:10px;}
#ticketBox .innerbox .ph{display:block;width:120px;height:160px; margin-right:10px;}
#ticketBox .innerbox .read{display:block;width:460px;}
#ticketBox .innerbox .ph2{display:block;width:220px;height:160px; margin-right:10px;}
#ticketBox .innerbox .ph3{display:block;width:220px;height:160px; margin-right:10px;}
#ticketBox .innerbox .ph4{display:block;width:120px;height:160px; margin-right:10px;}
#ticketBox .innerbox .ph5{display:block;width:120px;height:160px; margin-right:10px;}
#ticketBox .innerbox .ph6{display:block;width:120px;height:160px; margin-right:10px;}
#ticketBox .innerbox .ph7{display:block;width:160px;height:220px; margin: 10px auto 20px;}

/*/ close /*/
#ticketBox .tc_box{margin-top:20px;}
}

@media all and (max-width: 767px) {
#ticketBox{width:90%;margin:0 auto;padding:2em 0 1em;}
#ticketBox h2{width:100%;height:25px;margin-bottom:1em;background-position:5px 0;background-size:contain;border-left:solid 5px #004561;}
	#ticketBox h3{font-size:130%;margin-bottom:.5em}
	#ticketBox h4{font-size:110%;margin-bottom:.5em;}
	#ticketBox .innerbox{padding:1em 0;}
	#ticketBox .txt{margin:1em auto;}
	#ticketBox .txt:last-child{margin-bottom:0;}

#ticketBox .innerbox dl{margin-bottom:1.5em;}
#ticketBox .innerbox dl:last-of-type{margin-bottom:0;}
#ticketBox .innerbox dt{padding:0 5px;font-size:85%;}
#ticketBox .innerbox dd{padding:5px;font-size:85%;}

#ticketBox tr {padding:5px;font-size:90%;}
#ticketBox th {padding:0 5px;}
#ticketBox td {padding:5px;}

#ticketBox .innerbox ul{list-style: square outside;}
#ticketBox .innerbox li{font-size:85%;margin-left:20px;}


/*/ ph /*/
#ticketBox .innerbox p{margin-bottom:.5em}
#ticketBox .innerbox .ph{display:block;width:35%;height:0;padding-top:41.5%; margin-right:.5em;
	background-size:contain;}
#ticketBox .innerbox .read{display:block;width:75%;}
#ticketBox .innerbox .ph2,
#ticketBox .innerbox .ph3{display:block;width:50%;height:0;padding-top:35%; margin-right:.5em;
	background-size:contain;}
#ticketBox .innerbox .ph4,
#ticketBox .innerbox .ph5,
#ticketBox .innerbox .ph6{display:block;width:35%;height:0;padding-top:41.5%; margin-right:.5em;
	background-size:contain;}
#ticketBox .innerbox .ph7{display:block;width:35%;height:0;padding-top:52.5%; margin:0 auto;
	background-size:contain;}
/*/ close /*/
#ticketBox .tc_box{margin-top:1em;}
}
.line_area h5{
	margin-bottom: 0.5em;
}


/*/ bt /*/
.ticket_bn a{display:block;text-indent: -9999px;}
	.t1 a{background:url(../img/banner_pia.jpg) no-repeat;background-size:cover;}
	.t2 a{background:url(../img/banner_boo.jpg?) no-repeat;background-size:cover;}
@media all and (min-width: 768px) {
.ticket_bn{width:590px;margin:20px auto 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
}
.ticket_bn span{display:block;width:280px;height:112px;margin-right:20px;}
.ticket_bn span:last-child{margin-right:0;}
.ticket_bn a{width:280px;height:112px;}

.ticket_bn a{transition: 0.8s ;}
.ticket_bn a:hover{filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;}
}
@media all and (max-width: 767px) {
.ticket_bn{width:300px;margin:1em auto 0;}
.ticket_bn span{display:block;width:300px;height:120px;margin-bottom:1em;}
.ticket_bn span:last-child{margin-bottom:0;}
.ticket_bn a{width:300px;height:120px;}
}