.searchapi{padding-bottom:60px;background-color:#f7f7f7;}
.searchapi__wrap{padding-bottom:60px;width:940px;background:#fff;}
.searchapi h2{font-size:40px;font-weight:700;line-height:30px;width:203px;height:33px;text-align:center;letter-spacing:8px;text-transform:uppercase;}
.searchapi h2 span{margin-bottom:30px;padding:0;background:none;}
.searchapi .saf{}
.searchapi .saf__form{margin-top:68px;}
.searchapi .saf__tab{position:relative;display:flex;justify-content:space-between;}
.searchapi .saf__tab:before{position:absolute;z-index:2;bottom:0;left:0;display:block;width:100%;height:5px;content:'';background-color:#ffd800;}
.searchapi .saf__tab li{font-size:16px;width:50%;padding:24px 0 13px;text-align:center;letter-spacing:1.6px;color:#000;border-radius:10px 10px 0 0;background-color:#e1e1e1;cursor:pointer;}
.searchapi .saf__tab li span{color:#f65649;}
.searchapi .saf__tab li.activeTab{background-color:#ffd800;}
.searchapi .saf__tab li:first-child{margin-right:5px;}
.searchapi .saf .productsForm{display:none;}
.searchapi .saf__form{margin-bottom:30px;padding:0 120px;}
.searchapi .saf__form input[type='text']{border:none;border-bottom:4px solid #f65649;}
.searchapi .saf__form .js-subumit{font-size:16px;font-weight:700;line-height:30px;width:326px;height:49px;margin-top:30px;color:#fff;border:3px solid #f65649;border-radius:5px;background-color:#f65649;cursor:pointer;}
.searchapi .saf__form .state{font-size:14px;display:flex;margin-top:12px;padding-left:12px;}
.searchapi .saf__form .state li:first-child{margin-right:auto;}
.searchapi .saf__form .state li:nth-child(2n){margin-right:10px;}
.searchapi .saf__form .state li:last-child{margin-left:10px;}
.searchapi .saf__form .js-order{cursor:pointer;}
.searchapi .saf__form .optionSearch{font-size:16px;font-weight:700;line-height:30px;width:100%;margin-top:30px;padding:15px 0;cursor:pointer;text-align:center;letter-spacing:1.6px;color:#fff;border:1px solid #f65649;background-color:#f65649;}
.searchapi .saf__form .optionSearch i{margin-left:12px;}
.searchapi .saf__form .optionSearch__child{padding-bottom:24px;border:1px solid #f65649;}
.searchapi .saf__form .searchOption{position:relative;padding:50px 30px 0;}
.searchapi .saf__form .js-parentCategory{font-size:20px;font-weight:700;line-height:30px;position:relative;display:inline-flex;width:32%;margin-bottom:50px;cursor:pointer;color:#f65649;align-items:center;}
.searchapi .saf__form .js-parentCategory input[type='checkbox']:checked + i:after{position:absolute;left:0;content:url('../images/icon-check.png');}
.searchapi .saf__form .js-parentCategory i{margin-right:5px;}
.searchapi .saf__form .childCategories{position:absolute;z-index:999;display:none;padding:45px 36px 24px;border:1px solid #f65649;background:#fcfbd2;}
.searchapi .saf__form .childCategories__inner li{font-size:20px;font-weight:700;line-height:1.2;position:relative;display:inline-flex;width:32%;margin-bottom:36px;color:#f65649;align-items:center;}
.searchapi .saf__form .childCategories__inner li input[type='checkbox']:checked + i:after{position:absolute;left:0;content:url('../images/icon-check.png');}
.searchapi .saf__form .childCategories__inner li i{margin-right:5px;}
.searchapi .saf__form .childCategories .js-close{font-size:12px;padding:8px 34px;border:1px solid #f65649;background-color:#fcfbd2;}
.searchapi .saf__form .childCategories .js-close i{margin-right:8px;}
h2.txt_center{padding:40px 0 60px;}
.sankaku{display:none;}
.js-categoryBefore{position:relative;display:block !important;}
.js-categoryBefore .sankaku{position:absolute;top:-16px;display:block;}
.flexbox{display:flex !important;}
ul.search_loop{display:flex;justify-content:space-around;flex-wrap:wrap;}
ul.search_loop li{line-height:1.5;position:relative;display:inline-block;width:350px;height:370px;margin-bottom:50px;vertical-align:top;}
ul.search_loop li h3{font-size:18px;width:100%;margin:10px auto;}
ul.search_loop li article .f_l,
ul.search_loop li article .f_r{display:inline-block;width:50%;margin-top:20px;vertical-align:middle;}
ul.search_loop li article .f_r{font-size:18px;text-align:right;color:#666;}
ul.search_loop li article .f_l span{display:block;max-width:250px !important;padding:3px 0;text-align:center;color:#fff;background:#f88c84 !important;}
ul.search_loop li article .f_l span a{background:#f88c84 !important;}
ul.search_loop li img{width:100%;}
ul.search_loop li a{position:relative;display:block;overflow:hidden;}
ul.search_loop li a:hover img{zoom:1;cursor:pointer;opacity:.6;filter:alpha(opacity=60);-ms-filter:'alpha(opacity=60)';-moz-opacity:.6;-khtml-opacity:.6;}
.d-none{display:none;}
@media screen and (max-width:740px){.searchapi{padding-bottom:10%;}
.searchapi__wrap{padding:2% 2% 10%;width:100%;background:#fff;}
.searchapi .saf__form{margin: 5% 0 5%;padding:0;}
.searchapi .saf__form .searchOption{position:relative;padding:5% 10% 0;}
.searchapi .saf__form .js-parentCategory{margin-bottom:3%;width:100%;}
.searchapi .saf__form .childCategories{padding:5% 10%;}
.searchapi .saf__form .childCategories__inner li{margin-bottom:3%;width:100%;}
ul.search_loop li{line-height:1.5;position:relative;display:inline-block;width:100%;margin-bottom:10%;vertical-align:top;}
ul.search_loop li h3{font-size:16px;width:90%;margin:5% auto;}
ul.search_loop li article .f_l,
ul.search_loop li article .f_r{display:inline-block;width:45%;margin-top:5%;vertical-align:middle;}
ul.search_loop li article .f_l{margin-left:5%;}
ul.search_loop li article .f_r{margin-right:5%;}
ul.search_loop li article .f_r{font-size:18px;text-align:right;color:#666;}
ul.search_loop li article .f_l span{display:block;max-width:250px !important;padding:3px 0;text-align:center;color:#fff;background:#f88c84 !important;}
ul.search_loop li article .f_l span a{background:#f88c84 !important;}
}