/* main.css */
select , .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { background: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 5l-6.5 7L1 5' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat calc(100% - .5em) 50% / auto .5em; }
.webBox { overflow: visible; }
header.pos_fix { position: sticky; }

/* layout.css */
#sub_banner { width: 100%; height: 100%; }
#sub_banner .page_area { position: absolute; }
#sub_banner .runningcar { bottom: 0; }
#wrap .page_area { margin-bottom: 0; height: auto; top: 0; bottom: 0; }
#wrap .page_area#page_title { padding: 3.5em 0; display: grid ; grid-template-columns: 1fr  minmax(auto, 300px) 1fr; align-items: center; gap: 1em; }
#wrap .page_area#page_title:before , #wrap .page_area#page_title:after { position: relative; width: auto; top: auto; }
#content_wrap { margin-top: 2em; }

/* layout_banner */
.layout_banner { position: relative; }

/* form_box */
.form_box { margin: auto; width: min(100%, 980px); display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5em 2em; }
.form_box .form_item { display: flex; flex-direction: column; }
.form_box .form_item.large_item { grid-column: 1/3; }
.form_box .form_item.title { margin-top: .8em; padding-left: .5em; border-left: 6px var(--primary) solid; line-height: 1.3; font-weight: 500; font-size: 1.3em; }
.form_box .form_item >font { display: flex; flex-wrap: wrap; align-items: center; gap: .3em 2em; }
.form_box .form_item .address_box { width: 100%; display: grid; grid-template-columns: 8em 8em 1fr; grid-gap: .6em 1em; align-items: center; }
.form_box .form_item .address_note { margin: .5em 0 0 1.5em; list-style: circle; }
.form_box .form_item .address_note li { font-size: .9em; color: #535353; }
.form_box .form_item .address_note li #show_price { font-size: 1em; color: #2980b9; vertical-align: baseline; cursor: pointer; }
.form_box .form_item .q_control { max-width: 9em; gap: .3em; }
.form_box .form_item .q_control button { position: relative; padding: 0; width: 25px; aspect-ratio: 1 / 1; border-color: var(--complement); border-radius: 50%; cursor: pointer; }
.form_box .form_item .q_control button:before , .form_box .form_item .q_control button.plus:after { position: absolute; width: 30%; height: 1px; background: var(--complement); display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; }
.form_box .form_item .q_control button.plus { border-color: #1f8a8f;}
.form_box .form_item .q_control button.plus:before , .form_box .form_item .q_control button.plus:after { background: #1f8a8f; }
.form_box .form_item .q_control button.plus:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
.form_box .form_item .q_control input { padding: 5px 0; width: 1%; flex: 1 1 auto; border-width: 0 0 1px; text-align: center; }
.form_box .form_item#item_list { gap: .8em; }
.form_box .form_item#item_list b { margin-left: .8em; color: var(--complement); font-size: .9em; }
.twonone.soonnone{display: none;}

/* order_bottom_txt */
.order_bottom_txt { position: absolute; width: 100%; bottom: 0; left: 0; opacity: 0; z-index: 1000; }
.order_bottom_txt .workframe { padding: 1em 0; width: min(90%, 980px); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1em; }
.order_bottom_txt.fixed { position: fixed; background: white; box-shadow: 0 0 20px rgba(var(--black-rgb), .3); opacity: 1; }
.order_bottom_txt.absolute-bt { opacity: 1; background: #ebebeb; }
.order_bottom_txt.absolute-bt .workframe { padding-bottom: 2em; }
.order_bottom_txt .workframe .price_box { width: 1%; flex: 1 1 auto; display: grid; grid-template-columns: 5em 1fr; }
.order_bottom_txt .workframe .price_box b { color: var(--complement); }
.order_bottom_txt .workframe #btnOK { width: 8em; }


@media screen and (max-width: 1280px) {
	header #webmenu { position: fixed; }
}
@media screen and (min-width: 641px) {
	.form_box { grid-template-columns: repeat(4, 1fr); }
	.form_box .form_item.large_item { grid-column: 1/5; }
	.form_box .form_item.medium_item_l { grid-column: 1/3; }
	.form_box .form_item.medium_item_r { grid-column: 3/5; }
}
@media screen and (max-width: 640px) {
	.form_box .form_item .address_box .address_inp { grid-column: 1/4; }
}