@charset "utf-8";
/**********************************************
TOTO コメット
TOPページ　CSS
***********************************************/
.searchArea {
  background: #0b2346;
  padding: 20px 20px 1px;
  color: #fff;
}
select::-ms-expand {
    display: none;
}
.searchArea select {
  /*　矢印を消す　*/
  -webkit-appearance:none;
  -moz-appearance:none;
  text-indent: .01px; /* Firefox用 */
  text-overflow: ""; /* Firefox用 */
  appearance:none;
      
  /*　背景画像の指定　*/
  color: #fff;
  height: 44px;
  /*line-height: 44px;*/
  background: #1152B2 url(https://toto.imagewave.pictures/%2Fsupport%2Fimages%2Fselect_arrow.png) center right no-repeat;
  cursor:pointer;

  padding: 0 40px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border:none;
}
.searchArea select:hover {
background-color: #5986c9;
}
.searchArea select option {
    color: #fff;
    background: #1152B2;
    padding: 3px 10px!important;
}
.searchArea input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 392px;
  height: 44px;
  line-height: 44px;
  padding: 0 12px;
  color: #222;
  border: none;
}
.searchArea input[type="submit"] {
  text-indent: -9999px;
  background: url(https://toto.imagewave.pictures/%2Fsupport%2Fimages%2Fbtn_search.gif) 0 0 no-repeat;
  width: 44px;
  height: 44px;
  cursor: pointer;
  border: none;
}
.searchArea input[type="submit"]:hover {
	background-position: 0 bottom;
	cursor: pointer;
}

.searchArea .box_list li a.arrow {
  position: relative;
  display: inline-block;
  color: #fff;
  background-color: transparent;
  font-size: 14px;
  text-decoration: underline;
}
.searchArea .box_list li a.arrow:hover {
  text-decoration: none;
}
.searchArea .box_list li a.arrow::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: -15px;
  margin-top: -4px;
}
.searchArea .checkArea {
  font-size: 14px;
  margin-top: 15px;
}
.searchArea .ttl_form {
  font-size: 1.8em;
}
.searchArea .search_image_icon {
  position: relative;
  padding-left: 30px;
}
.searchArea .search_image_icon::before {
  content: '';
  position: absolute;
  background:url(https://toto.imagewave.pictures/%2Fsupport%2Fimages%2Ficon_search.gif) 0 0 no-repeat transparent;
  top: 2px;
  left: 0px;
  width: 20px;
  height: 20px; 
  background-size: 20px 20px;
}
.searchArea .box_list.margin .split6 {
  width: 137px;
  margin: 0 15px 18px 0;
}

@media screen and (max-width:767px) {

.searchArea .box_list.margin .split3 {
  margin: 0 0 0 0 !important;
}

}