@charset "UTF-8";

.cSearchWrap { text-align:center; padding:20px; background:#f5f6f8; }
.cSearchWrap .box-title { display: inline-block; background: url("/sites/style_guide/images/common/ico-search-title.png") no-repeat left center; font-family: 'Noto Regular'; font-size: 18px; margin-right: 20px; padding:13px 0 13px 55px; color: #004d5d; }
.cSearchWrap .box-sel {position: relative; top: 0px; display: inline-block; margin-right: 2px; vertical-align: middle;}
.cSearchWrap .box-sel select {background: #fff url('/sites/style_guide/images/common/arrow-search.png') no-repeat right center; font-size: 16px; font-family: 'Noto Light'; color: #9d9d9d; border:1px solid #ccd0d7; height: 55px; min-width: 130px; padding-left: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.cSearchWrap .box-search {position: relative; top:0; display: inline-block; vertical-align: middle;  background: #fff; height: 55px; line-height: 55px; border:1px solid #ccd0d7; min-width: 400px;}
.cSearchWrap .box-search input {position: relative; top: -1px; width: 100%; height: 100%; background: transparent; border: 0; font-family: 'Noto Light'; font-size: 16px; text-indent: 10px; color: #9d9d9d;}
.cSearchWrap .box-search input::placeholder {color: #9d9d9d;}
.cSearchWrap .box-search input[type="button"] {position: absolute; right:0; top: 0; width: 50px; height: 55px; background: url('/sites/style_guide/images/common/ico-search-btn.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}

@media all and (max-width:780px) {
    .cSearchWrap {display: table; width: 100%; table-layout: fixed;}
	.cSearchWrap .box-title {display: none;}
    .cSearchWrap .box-sel {width:35%; display: table-cell; margin-right: 0; padding-right: 20px;}
    .cSearchWrap .box-sel select {min-width: auto; width: 100%;}
    .cSearchWrap .box-search {display: table-cell;}
}