@charset "utf-8";
#contents { padding-bottom:5%; }
#wrap.page_apply {background:#f8f8f8;}
.inner_wrap { max-width:1080px; width:94%; margin:0 auto;}
.subTitle { font-size:2.857142857em; line-height:1; font-weight:700; color:#242424; margin:7.5% 0 4.75%;}
.div_box { background:#fff; border-radius:1.2em; overflow:hidden; margin-bottom:1.42857142857em;}
.div_box .div_boxTop {  font-size:1.142857em; line-height:1.4; color:#fff; background:#f7444e; text-align:center; padding:2.2em; }
.div_box .div_boxTop .text01 { font-size:1.42857em; font-weight:700;}
.div_box .div_boxTop .text02 { margin-top:0.35em; opacity:0.9}
.div_box .div_boxTop .text02 a { display:inline-block; color:#fff; font-weight:700;}
.div_box .div_boxTop .text01 br, .div_box .div_boxTop .text02 br { display:none;}
.div_box .div_boxBody { padding:2.4em 2.4em calc(2.4em - 24px);}

.box_dl01 {}
.box_dl01 > dt { display:flex; justify-content: space-between; font-size:1.2857em; line-height:1.5; color:#222; font-weight:700; margin-bottom:1.5em;}
.btn_plusOption { font-size:0.9em; color:#1e82ff; background:transparent; border:0; font-weight:600;}
.btn_plusOption svg { vertical-align:text-top; margin-top:-3px;}
.btn_plusOption svg path:nth-child(2) { border-radius:50%; overflow:hidden;}

.box_dl01 > dd {}
.box_dl01 > dd .form_div:not(:last-child) { }
.form_div {}
.form_div > li { width:100%; display:flex; justify-content: space-between; flex-wrap:wrap; margin-bottom:24px;}
.form_div > li > .half { width:calc(50% - 9px);}
.form_div > li > .full { width:100%;}
.form_div > li > div > div { position:relative; margin-top:0.5em;}
.form_div .con_right { position:absolute; right:1.2em; top:50%; transform:translateY(-50%); z-index:2;}
.form_div input, .form_div textarea, .form_div select { border:1px solid #e6e6e6; padding:0.9em 1.2em; border-radius:0.4em; }
.form_div input::placeholder, .form_div textarea::placeholder, .form_div select::placeholder { color:#c6c6c6;}
.full_input { width:100%;}
.full_price { width:calc(100% - 4em);}
.form_div label { color:#a6a6a6;}
.form_div label strong {font-size:1.07142857em; color:#222; font-weight:600;}
.form_div label strong.required {color:#ff4141;}

.ticket_wrap { width:100%; }
.ticket_wrap > li {display:flex; justify-content: space-between; flex-wrap:wrap;}
.ticket_wrap > li { margin-bottom:10px; }
.ticket_wrap > li label {display:block; margin-bottom:0.45em;}
.ticket_wrap > li:last-child { margin-bottom:25px; }
.ticket_wrap .half { width:calc(50% - 9px);}
.btn_ticketOption {  background:transparent; border:0; border-radius:50%; line-height:1; margin:-2px 0 0 10px;  }
.btn_remove {width:24px; height:24px;}
.btn_add_ticket { display:flex; align-items:center;}
.btn_add_ticket span { font-size:1.2em; font-weight:700; color:#1e82ff; margin-right:0.5em;}
.btn_ticketOption .ti { font-size:24px; line-height:1; vertical-align:top; color:#1e82ff;}

label[for="category"] ~ .category_wrap .form_select { max-width:14em !important; width:calc(100% - 14em);}
label[for="age_limited"] ~ .category_wrap .form_select { width:100%;}
.category_wrap .check_wrap:not(last-child) { margin-left:12px;}
@media (max-width:420px) {
label[for="category"] ~ .category_wrap .form_select { font-size:13px; width:calc(100% - 14em) }
.category_wrap .check_wrap:not(last-child) { margin-left:8px;}
}

.list_selling { display:table; width:100%; }
.list_selling > li { display:table-row;}
.list_selling > li > div { display:table-cell; text-align:center;}
.list_selling > li > div .title {display:none;}
.list_selling > li.list_head > div { color:#fff; font-weight:500; background:#333;  padding:15px 12px;}
.list_selling > li.list_head > div:first-child { border-radius:0.8em 0 0 0;}
.list_selling > li.list_head > div:last-child { border-radius:0 0.8em 0 0;}
.list_selling > li.list_body > div { padding:10px; border-bottom:1px solid #e6e6e6; vertical-align:middle;}
.list_selling > li.list_body > div .form_select { width:6.6em;}
.list_selling > li.list_body > div .nice-select { vertical-align:baseline !important;}
.list_selling > li.list_body > div select[name="start_minute"] ~ .nice-select, .list_selling > li.list_body > div  select[name="end_minute"] ~ .nice-select{ margin-left:12px;}

.subBanner_01 { position:relative; background:#00d884; border-radius:0.8em; overflow:hidden; margin-top:6%;}
.subBanner_01 a { display:block; padding:4.62% 7.23%;}
.subBanner_01 a .text_wrap {position:relative; font-size:1.2857em; line-height:1.4; color:#fff; text-shadow:2px 2px 3px rgba(0,0,0,0.1); z-index:2;}
.subBanner_01 a .text_wrap .title {display:block; font-size:1.3333333em; font-weight:700; }
.subBanner_01 a .text_wrap .text {display:block;}
.subBanner_01 a .text_wrap .text br { display:none;}
.subBanner_01 a .img { position:absolute; max-width:502px; width:46.5%; right:6%; bottom:0; z-index:1;}

@media (max-width:960px) {
.subTitle { font-size: 2.5em;}
.list_selling > li.list_body > div select[name="start_minute"] ~ .nice-select, .list_selling > li.list_body > div select[name="end_minute"] ~ .nice-select { margin-top:5px; margin-left:0;}
}
@media (max-width:680px) {
.subTitle { font-size: 2.2em; margin:7.2% 0 5.2%;}
.div_box .div_boxTop { font-size:1.07em; padding:1.2em;}
.div_box .div_boxTop .text01 { font-size:1.28em}

.div_box .div_boxBody { padding:1.2em 1.2em calc(1.2em - 24px);}
.list_selling_wrap {min-width:572px;}
.div_box .div_boxTop .text01 br, .div_box .div_boxTop .text02 br { display:block;}
.form_div > li { margin-bottom:0; }
.form_div > li > .half, .form_div > li > .full { width:100%;margin-bottom:18px;}
.form_div > li > .half.margin_bottom { margin-bottom:10px;}
input#sell_type02 { position:absolute; width:0; height:0; line-height:0; left:0; top:0; margin-top:-12px;}
.ticket_wrap .half { width:calc(50% - 5px);}
label.display_none {display:none;}
.subBanner_01 a .text_wrap { font-size:1.15em; text-shadow: 2px 2px 3px rgba(0,0,0,0.3);}
.subBanner_01 a .text_wrap .text br { display:block;}
.subBanner_01 a .img { width:73%; right:-2%;}
}

@media (max-width:560px){
.list_selling > li.list_head { display:none;}
.list_selling > li { }
.list_selling > li.list_body {display:block; border-top:1px solid #e6e6e6;}
.list_selling > li.list_body > div { display:flex; align-items:center;}
.list_selling > li > div .title {display:block; width:6em; padding-right:2em; text-align:right; font-weight:600;}
.list_selling > li > div .title, .list_selling > li > div .con { min-height:42px; line-height:42px;}
}

.form_div > li.charge_con, .form_div > li.ticket_option, .form_div > li.limited_div  { display:none !important;}
.form_div > li.charge_con.active, .form_div > li.ticket_option.active, .form_div > li.limited_div.active { display:flex !important;}
.ticket-price.disable { display:none;}


.modal { width:94% !important; line-height:1.5; padding:30px !important;}
.modal#cancel_layer, .modal#order_layer {max-width:400px !important;}
.modal#order_layer .close-modal  { display:none;}
.modal > dl > dt { font-size:1.25em; font-weight:700; color:#202020; line-height:1.5; margin-bottom:0.6em; padding-bottom:0.6em; border-bottom:1px solid #ddd;}
.modal#cancel_layer > dl > dt  { text-align:center;}
.modal > dl > dd {padding:0.5em 0;}

.order_dl {}
.order_dl > dt { font-size:1em !important; text-align:center; border-bottom:1px solid #eee !important; padding-bottom:30px !important; margin-bottom:30px !important;}
.order_dl > dt .check { display:inline-block;}
.order_dl > dt .check .ti { font-size:4em; color:#f7444e;}
.order_dl > dt .title {display:block; font-size:1.42857142857em; line-height:1.5; margin:0.5em 0;}
.order_dl > dt .text { display:block; font-weight:400 !important;}
.order_dl > dt .text strong { font-weight:400; color:#f7444e;}
.order_dl > dd {}
.order_dl02 { padding: 1.2em 0.8em; background:#f8f8f8; border-radius:0.8em; margin-top:2em; }
.order_dl02 > dt { color:#222; font-weight:600; margin-bottom:0.5em;}
.order_dl02 > dt .ti {color:#ff4141;}
.order_dl02 > dd { font-size:0.92857142857em; color:#8a8a8a; }
.order_dl02 > dd a { color:#8a8a8a;}

.ticket_list { display:table; width:100%; border-collapse: collapse;}
.ticket_list > li { display:table-row;}
.ticket_list > li > div { display:table-cell; padding:8px 0;}
.ticket_list > li > div.title { width:7em; color:#a6a6a6;}
.ticket_list > li > div.con { text-align:right; color:#6a6a6a;}

@media (max-width:500px){
.modal {font-size:1.5em; line-height:1.5; padding:15px 20px !important;}
.modal > dl > dt { font-size:1.21em; margin-bottom:0.5em; padding-bottom:0.5em;}
}

.bo_ticket #bo_list, .bo_ticket #bo_w, .bo_ticket  #bo_v { max-width:1420px; width:92%; margin:100px auto 30px;}