@charset "UTF-8";
/* CSS Document  */

.box_select {
background: #f1f9fe;
padding: 1.5rem 1rem;
text-align: left;
}
.date_select .copy,
.num_select .copy,
.seat_select .copy {
display: table;
width: 100%;
}
.date_select .copy span,
.num_select .copy span,
.seat_select .copy span {
display: table-cell;
font-weight: 600;
font-size: 106%;
vertical-align: top;
}
.date_select .copy span strong,
.num_select .copy span strong,
.seat_select .copy span strong {
margin-right: 1rem;
font-weight: 200;
font-size: 26px;
line-height: 1.0;
}
.seat_select .copy .txt_gc_sel {
width:94%;
}
.date_select .btn_calender,
.date_select .btn_month_select {
text-align: right;
}
.date_select .btn_calender a,
.date_select .btn_month_select span {
display: inline-block;
padding: .8rem 1rem .8rem 4rem;
background: #FFF url(../../images/ico_calender.svg) no-repeat 1rem 50%;
background-size: 20px auto;
border:1px solid #004098;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
}

/* calender */
.box_callender {
width: 96%;
margin: 0 auto;
}
.box_callender .icol6 {
width: 100%;
margin:0;
padding: 0;
}

/*  datepicker - head */
.ui-datepicker-header {
position: relative;
padding: 8px 0;
background: #1a93ec;
text-align: center;
}
.ui-datepicker-header a,
.ui-datepicker-header div {
display: inline-block;
vertical-align: middle;
}
.ui-datepicker-header .ui-datepicker-title .second_mon {
display: none;
}
.second_mon{
display: none;
}
.ui-datepicker-header .ui-datepicker-title {
color: #FFF;
font-size: 113%;
font-weight: 600;
}
.ui-datepicker-header a {
position: absolute;
top:0;
text-indent: -9999px;
width: 36px;
height: 36px;
background-size: 20px auto;
background-position: 50% 50%;
background-repeat: no-repeat;
cursor: pointer;
}
.ui-datepicker-header a.ui-datepicker-prev {
left:0;
background-image: url(../../images/arrow_month_prev.svg)
}
.ui-datepicker-header a.ui-datepicker-next {
right: 0;
background-image: url(../../images/arrow_month_next.svg)
}


/*  datepicker - calender */
.ui-datepicker-calendar {
width: 100%;
border-left: 1px solid #4c5059;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
padding: .2rem;
border-bottom: 1px solid #4c5059;
border-right: 1px solid #4c5059;
}
.ui-datepicker-calendar td {
text-align: left;
vertical-align: top;
height: 6rem;
font-size: 73.3%;
word-break: break-all;
cursor: pointer;
}
.ui-datepicker-calendar thead th {
background: #e8f4fd;
}
.ui-datepicker-calendar tr th:first-child,
.ui-datepicker-calendar tr td:first-child {
color: #f25749;
}
.ui-datepicker-calendar tr th:last-child,
.ui-datepicker-calendar tr td:last-child {
color: #1a93ec;
}
.ui-datepicker-calendar td.ui-datepicker-unselectable{
background: #ededee;
color: #94969c;
cursor: default;
}
.ui-datepicker-calendar tr td.ui-datepicker-unselectable:first-child,
.ui-datepicker-calendar tr td.ui-datepicker-unselectable:last-child {
color: #94969c;
}
.ui-datepicker-calendar td span {
display: block;
color: #4c5059;
text-align: center;
font-weight: 600;
}

.ui-datepicker-calendar td.ui-state-active span {
color: #FFF;
}
.ui-datepicker-calendar td.ui-state-active span.reserve_b {
background-image: url(../../images/ico_book_w.svg);
}
.ui-datepicker-calendar td.ui-state-active span.reserve_r {
background-image: url(../../images/ico_requst_w.svg);
}

.remodal-wrapper .box_caution {
background: #FFF;
padding: 1rem 1rem 0;
}
.remodal-wrapper .box_caution p {
	margin-bottom: .2rem;
text-align: left;
font-size: 86.6%;
}
.remodal-wrapper .box_caution p span {
display: inline-block;
vertical-align: middle;
margin-right: .5rem;
width: 15px;
height: 15px;
border-radius: 2px;
}
.modal-close {
position: relative;
}
/*
.modal-close span {
position: absolute;
cursor: pointer;
bottom:-30px;
right:0;
width: 60px;
height: 60px;
padding-top: 20px;
border-radius: 50%;
border:2px solid #FFF;
background: #004098;
color: #FFF;
font-size: 86.6%;
font-weight: 600;
}
*/


/* DETAIL TICKET MONTH SELECT */
.month_select {
position: absolute;
left:0;
width: 100%;
padding: 1rem 2% 0;
background:#1A93EC;
z-index: 60;
}
.month_select h3 {
font-size: 106%;
margin-bottom: .6rem;
color: #FFF;
}
.month_select ul {
letter-spacing: -0.4em;
margin-bottom: 1.5rem;
}
.month_select li {
display: inline-block;
padding: 0 1px 1px 0;
width: 16.66%;
letter-spacing: normal;
box-sizing: border-box;
}
.month_select li a {
display: block;
padding: 1rem .2rem;
text-align: center;
text-decoration: none;
color:#4C5059;
background: #E8F4FD;
border:1px solid #E8F4FD;
cursor: pointer;
}
.month_select li a:hover {
background: #FFF;
opacity: 1;
}
.month_select li strong {
font-size: 120%;
font-weight: 400;
}
.month_select li.active a {
color: #FFF;
background: none;
border:1px solid #FFF;
}

.btn_month_select.open span {
border-color:#1A93EC;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
color: #FFF;
background: #1A93EC url(../../images/ico_calender_w.svg) no-repeat 1rem 50%;
background-size: 20px auto;
}


/* ----------------------------------------------------------------------


media Queries


-------------------------------------------------------------------------*/

/*media Queries (768px)
------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {

.modal-close span {
margin-right:30px;
}


.box_select {
padding: 2rem;
}
.num_select li {
padding: .5rem 0;
}
.num_select select {
padding: .6rem .8rem .6rem 2rem;
}
.num_select .total_price .coupon input {
width: 155px;
}

.box_seatmap {
padding: 2rem;
}
.date_select {
overflow: hidden;
}
.date_select p.copy {
float: left;
width: 66%;
}
.date_select p.btn_calender {
float: right;
text-align: right;
width: 30%;
}
.seat_select dl {
display: table;
width: 100%;
}
.seat_select dt,
.seat_select dd {
display: table-cell;
}
.seat_select dt {
width: 15%;
text-align: center;
}
.seat_select dd { width: 85%; }

.seat_select li p {
display: inline-block;
width: 40%;
vertical-align: top;
}
.seat_select li p.seatname {
	width: 58%;
}

.remodal-wrapper .box_caution {
text-align: left;
padding: 20px;
}


/* RESERVE CHECK */
.reserve_check {
padding: 2rem 3rem;
}


/* DETAIL TICKET MONTH SELECT */
.month_select {
width: 50%;
top:80px;
right: 0;
margin: auto;
border-radius: 5px;
}


}/* min-width:768px */

/*media Queries (960px)
------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {


/* DETAIL PLAN
----------------------------------------------------*/

/* datepicker */
.box_callender .icol6 {
vertical-align: top;
}
.ui-datepicker-header .ui-datepicker-title:nth-child(2),
.box_callender .icol6:last-child {
display:inline-block;
margin-left: 2%;
}
.ui-datepicker-header div {
width: 48.8%;
}
.box_callender .icol6 {
width: 48.8%;
}
.ui-datepicker-calendar td {
font-size: 93.3%;
}

span.reserve_e {
padding-top:0;
}


/* DETAIL TICKET MONTH SELECT */
.month_select {
width: 380px;
}




}/* min-width:960px */



/*media Queries (1200px)
------------------------------------------------------------------------*/
@media only screen and (min-width: 1200px) {


}/* min-width:1200px */

































/* ---------------------------------------------------------------------


VOUCHER


------------------------------------------------------------------------*/

.voucher_title {
}
.voucher_title h1 {
padding: 1rem;
border-bottom:1px solid #004078;
font-size: 133%;
letter-spacing: 0.2em;
}
.voucher_title .info {
text-align: right;
padding: 0 2%;
margin-top: 0;
}
.voucher_title .info dl,
.voucher_title .info p {
display: inline-block;
letter-spacing: normal;
vertical-align: middle;
}
.voucher_title .info dl {
border:1px solid #4C5059;
margin-left: .5rem;
}
.voucher_title .info dt,
.voucher_title .info dd {
padding: .2rem;
}
.voucher_title .info dt {
background: #4C5059;
color:#FFF;
font-size: 80%;
text-align: center;
}
.voucher_title .info dd {
font-size: 86.6%;
}
.voucher_title .info p {
margin-left: .5rem;
}
.btn_download a {
display: inline-block;
padding:.3rem 1rem .3rem 3rem;
background:url(../../images/ico_download.svg) no-repeat 5px 8px;
background-size: 20px auto;
border: 1px solid #004078;
border-radius: 5px;
text-decoration: none;
font-size: 86.6%;
}
.voucher_container {
margin-bottom: 2rem;
}
.voucher_container h1 {
padding-left: 4rem;
padding-bottom: 1rem;
margin-bottom: 1rem;
background: url(../../images/ico_notes_b.svg) no-repeat 10px 3px;
background-size: 18px auto;
color: #004098;
font-weight: normal;
font-size: 133%;
text-align: left;
border-bottom: 3px solid #004098;
}
.voucher_container h1.member {
background: url(../../images/ico_member_b.svg) no-repeat 10px 1px;
background-size: 15px auto;
}
.voucher_container h1.tour {
background: url(../images/ico_tour_b.svg) no-repeat 8px 5px;
background-size: 23px auto;
}
.voucher_container h2 {
margin-bottom: 1.5rem;
padding: .8rem 0;
font-size: 113%;
font-weight: 600;
border-bottom: 1px dotted #4C5059;
}
.voucher_container h3 {
font-weight: 600;
margin-bottom: .6rem;
}

.voucher_container .box_notes {
margin-bottom: 2rem;
}



/* table */
.voucher_container table {
border-top:1px solid #A5A7AC;
width: 100%;
}
.voucher_container table th,
.voucher_container table td {
text-align: left;
padding: 1rem;
vertical-align: top;
border-bottom: 1px solid #A5A7AC;
}
.voucher_container table th {
white-space: nowrap;
font-size: 86.6%;
font-weight: 600;
color: #004098;
background: #daeefc;
width: 30%;
}
.voucher_container table.member_list thead th {
border-right: 1px dotted #A5A7AC;
border-bottom: none;
text-align: center;
width: auto;
}
.voucher_container table thead th:last-child {
border-right: none;
}
.voucher_container table.member_list td {
text-align: center;
}
.voucher_container table.member_list td:first-child {
text-align: left;
}

.voucher_container table.member_list tr:last-child td {
border-bottom:none;
}


.voucher_container table td span {
display: inline-block;
}


/* -----------------------------------

media Queries

-------------------------------------- */



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

.voucher_title .info p {
margin-left: 2rem;
}

.voucher_title .info {
padding: 0;
}
.voucher_title .info dt,
.voucher_title .info dd {
display: inline-block;
padding: .3rem 1rem;
font-size: 86.6%;
}

.voucher_container table th {
width: 20%;
}





}
@media only screen and (min-width: 960px) {}
@media only screen and (min-width: 1200px) {}
@media print{
	.detail_page_nav{
		display:none;
	}
}