.oneblock {}
.oneblock .box {position:relative;margin:0 0 7px 0;padding:10px 12px;border:1px solid #dadada;border-radius:6px;font-size:16px;}
.oneblock .box:hover {border:1px solid #0045d1;}
.oneblock .box:has(input[type=text]:focus) {border:1px solid #0045d1;}
.oneblock .box input[type=text], .oneblock .box input[type=tel], .oneblock .box input[type=email], .oneblock .box select, .oneblock .box label, .oneblock .box option, .oneblock .box textarea  {width:100%;outline:none;border:0;font-size:14px;line-height:1.0;}
.oneblock .box input[type=text] + label {position:absolute;top:16px;left:12px;color:#929292;}
.oneblock .box input[type=text]:focus + label {top:2px;font-size:11px;color:#ff5a00;}
.oneblock .box:has(input[type=text]:not(:placeholder-shown)) {background-color:rgba(0,69,209,0.1);}
.oneblock .box input[type=text]:not(:placeholder-shown) {background-color:rgba(0,69,209,0);}
.oneblock .box input[type=text]:not(:placeholder-shown) + label {left:0;text-align:right;padding-right:12px;font-size:11px;color:blue;}
.oneblock .box .wrap {position:relative;padding:0px 12px;}
.oneblock .box .wrap input[type=text] + label {top:5px;left:12px;}
.oneblock .box .wrap input[type=text]:not(:placeholder-shown) + label {}
.oneblock .box:has(input[type=tel]) {width:74px;}
.oneblock .box:has(input[type=tel]:focus) {border:1px solid #0045d1;}
.oneblock .box input[type=tel] + label {position:absolute;top:16px;left:12px;color:#929292;}
.oneblock .box input[type=tel]:focus + label {display:none}
.oneblock .box:has(input[type=tel]:not(:placeholder-shown)) {background-color:rgba(0,69,209,0.1);}
.oneblock .box input[type=tel]:not(:placeholder-shown) {background-color:rgba(0,69,209,0);}
.oneblock .box input[type=tel]:not(:placeholder-shown) + label {display:none;}
.oneblock .box:has(input[type=email]:focus) {border:1px solid #0045d1;}
.oneblock .box input[type=email] + label {position:absolute;top:16px;left:12px;color:#929292;}
.oneblock .box input[type=email]:focus + label {top:2px;font-size:11px;color:#ff5a00;}
.oneblock .box:has(input[type=email]:not(:placeholder-shown)) {background-color:rgba(0,69,209,0.1);}
.oneblock .box input[type=email]:not(:placeholder-shown) {background-color:rgba(0,69,209,0);}
.oneblock .box input[type=email]:not(:placeholder-shown) + label {left:0;text-align:right;padding-right:12px;font-size:11px;color:blue;}
.oneblock .box textarea {line-height:1.6;}
.oneblock .box:has(textarea:focus) {border:1px solid #0045d1;}
.oneblock .box textarea + label {position:absolute;top:16px;left:12px;width:auto;color:#929292;}
.oneblock .box textarea:focus + label {top:2px;right:5px;left:auto;font-size:11px;color:#ff5a00;}
.oneblock .box:has(textarea:not(.note):not(:placeholder-shown)) {background-color:rgba(0,69,209,0.1);}
.oneblock .box textarea:not(:placeholder-shown) {background-color:rgba(0,69,209,0);}
.oneblock .box textarea:not(:placeholder-shown) + label {display:none;}
.oneblock .box textarea.note:focus + label {display:none;}
.oneblock .box label span {font-size:11px;}
.oneblock .box:has(input.error) {background-color:rgba(255,90,0,0.1) !important;}
.oneblock .box input.error {background-color:rgba(255,90,0,0) !important;}
.oneblock .box input.error + label {color:red !important;}

.oneblock .box input[type=file] {display:none;}
.oneblock .box:has(.progressbar) {height:48px;}
.oneblock .box .progressbar {position:absolute;top:0;left:0;width:100%;}
.oneblock .box input[filediv=source]:not(:placeholder-shown) + label {display:none;}
.oneblock .box .search {position:absolute;top:3px;right:3px;width:40px;height:40px;}
.oneblock .box .search:before {content:'';position:absolute;top:4px;left:4px;width:30px;height:30px;background:var(--icon-search-solid) no-repeat center;background-size:70% auto;}
.oneblock .box.pho {padding:3px;overflow:hidden;white-space:nowrap;}
.oneblock .box.pho > * {vertical-align:top;}
.oneblock .box.pho .eximg {height:40px;}
.oneblock .box.pho .wrap {padding:7px 3px;display:inline-block;width:85%;}
.oneblock .box.pho .wrap input[type=text] + label {top:13px;left:6px;}

.oneblock .con li.subtext {color:#ff5a00;}
.oneblock .con li.u {text-decoration:underline;}
.oneblock .box .ulist {padding:0 0 0 9px;}
.oneblock .box .ulist li {position:relative;margin:4px 0;}
.oneblock .box .ulist.horizon li {display:inline-block;padding-right:50px;/*width:20%;min-width:130px;*/}
.oneblock .box .ulist li:first-child {margin-top:0;}
.oneblock .box .ulist li:last-child {margin-bottom:0;}
.oneblock .box .ulist.horizon li:last-child {padding-right:0;}
.oneblock .box .ulist li input[type=radio] {display:none;}
.oneblock .box .ulist li input[type=radio] + label.disabled {color:#ddd;}
.oneblock .box .ulist li input[type=radio] + label:before {content:"";display:inline-block;width:17px;height:17px;vertical-align:-3px;margin:0 5px 0 0;}
.oneblock .box .ulist li input[type=radio] + label:before {background-image:var(--icon-circle-444);background-size:100%;border-radius:10px;}
.oneblock .box .ulist li input[type=radio] + label:hover {color:#ff5a00;}
.oneblock .box .ulist li input[type=radio] + label:hover:before {background-image:var(--icon-circledot-red);}
.oneblock .box .ulist li input[type=radio]:checked + label {color:#0045d1;}
.oneblock .box .ulist li input[type=radio]:checked + label:before {background-image:var(--icon-circlechk-blue);}
.oneblock .box .ulist li input[type=checkbox] {display:none;}
.oneblock .box .ulist li input[type=checkbox] + label.disabled {color:#ddd;}
.oneblock .box .ulist li input[type=checkbox] + label:before {content:"";display:inline-block;width:17px;height:17px;vertical-align:-3px;margin:0 5px 0 0;}
.oneblock .box .ulist li input[type=checkbox] + label:before {background-image:var(--icon-check-444);background-size:100%;}
.oneblock .box .ulist li input[type=checkbox] + label:hover {color:#ff5a00;}
.oneblock .box .ulist li input[type=checkbox] + label:hover:before {background-image:var(--icon-checkdot-red);}
.oneblock .box .ulist li input[type=checkbox]:checked + label {color:#0045d1;}
.oneblock .box .ulist li input[type=checkbox]:checked + label:before {background-image:var(--icon-checkchk-blue);}
.oneblock .box .ulist li input[type=text] {display:inline-block;width:80px;border-bottom:1px dotted #222;}
.oneblock .box .ulist li input[type=text] + label {display:none;}

.oneblock .box select {color:#929292;background-color:rgba(0,69,209,0);}
.oneblock .box select option {color:#222;font-weight:300;background:#fff;}
.oneblock .box select option[value=""] {display: none;}
.oneblock .box.selected {background-color:rgba(0,69,209,0.1);}
.oneblock .box select.selected {color:#222;background-color:rgba(0,69,209,0);}

.oneblock .box.inline {display:inline-block;vertical-align:top;}
.oneblock .box.w50 {width:49.7%;}
.oneblock .box.w25 {width:24.7%;}
.oneblock .box.w30 {width:30%;}
.oneblock .box.w33 {width:33%;}
.oneblock .box.w70 {width:69.4%;}
.oneblock .box.h160 {height:158px;}

.oneblock .boxwrap {display:inline-block;vertical-align:top;width:100%;}
.oneblock .boxwrap.w50 {width:49.7%;}
.oneblock .boxwrap.border {border:1px solid #dadada;}
.oneblock .boxwrap.p12px {padding:12px;}
.oneblock .boxwrap.h160 {height:157px;}

.absBtn {background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);border-radius:6px;border:1px solid #dcdcdc;cursor:pointer;}
.absBtn {position:relative;display:inline-block;color:blue;padding:3px 10px;width:40px;height:40px;font-size:30px;line-height:1.0;text-align:center;}
.absBtn:hover {background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%)}
.absBtn.plus {margin:8px 6px 0 0;}
.absBtn.plus:before {content:"";position:absolute;top:-2px;left:0;width:100%;height:100%;background-image:var(--icon-plus);}
.absBtn.minus:before {content:"";position:absolute;top:-2px;left:0;width:100%;height:100%;background-image:var(--icon-minus);}
.oneblock #imgbox {font-size:14px;padding:12px 0 0 12px;}
.oneblock .box.attach input[type=checkbox] {display:none;}
.oneblock .box.attach input[type=checkbox] + label {position:absolute;top:3px;right:48px;width:40px;height:40px;background-image:var(--icon-del);opacity:1;}
.oneblock .box.attach input[type=checkbox]:checked + label {background-image:var(--icon-del-chk);}

@media screen and (max-width: 500px) {
	.oneblock .box.w50, .oneblock .box.w25, .oneblock .box.w30, .oneblock .box.w33, .oneblock .box.w70 {display:block;width:auto;}
	.oneblock .box.h160 {height:auto;}
    .oneblock .boxwrap {margin:0 0 7px 0;}
    .oneblock .boxwrap.w50 {display:block;width:auto;}
    .oneblock .boxwrap.h160 {height:auto;}
    .oneblock .box:has(input[type=tel]) {width:31%;}
    .oneblock .box textarea:focus + label {display:none;}
}