/* ============================== */
/* トップ画面設定（検索部分）     */
/* ============================== */
.tblSerch {
  border-collapse:separate;
  border-spacing:0;
  border:solid 1px #2589d0;
  border-radius:5px;
  text-align:center;
}
.tdSerch1 {
  font-size:14px;
  line-height:150%;
  letter-spacing:2px;
  text-align:left;
  vertical-align:center;
  padding:0px 5px;
}
.tdSerch2 {
  text-align:left;
  vertical-align:middle;
  padding:0px 5px;
}
/* プルダウンラベル ============= */
.lblSerch {
  position:relative;
  font-size:12px;
  line-height:25px;
  padding:0px 5px;
  float:left;
  overflow:hidden;
}
.lblSerch::before,
.lblSerch::after
{
  position:absolute;
  content:'';
  pointer-events:none;
}
.lblSerch::before {
  right:0;
  display:inline-block;
  width:30px;
  height:30px;
  border-radius:0px 5px 5px 0px;
  background-color:#2589d0;
  content:'';
}
.lblSerch::after {
  position:absolute;
  top:45%;
  right:15px;
  transform:translate(50%, -50%) rotate(45deg);
  width:6px;
  height:6px;
  border-bottom:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
  content:'';
}
/* セレクトボックス ============= */
.selSerch {
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background:#FFFFFF;
  color:#000000;
  border:none;
  border-radius:5px;
  font-size:12px;
  text-align:left;
  vertical-align:middle;
  width:80px;
  outline:none;
  cursor:pointer;
  padding:0px;
}
.selSerch2 {
  width:120px;
}
/* テキストボックス ============= */
.inpSerch {
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:none;
  border-radius:5px;
  font-size:12px;
  width:180px;
  outline:none;
  cursor:pointer;
}
/* 検索開始ボタン =============== */
.aSerch {
  position:relative;
  display:inline-block;
  border-radius:5px;
  background:#FF0000;
  color:#FFFFFF;
  font-size:12px;
  text-align:center;
  vertical-align:middle;
  text-decoration:none;
  padding:7px 0px;
  width:100px;
}
.aSerch::before {
  position:absolute;
  background-color: #FF0000;
  top:6px;
  left:10px;
  width:12px;
  height:12px;
  box-sizing:border-box;
  border:3px solid #FFFFFF;
  border-radius: 50%;
  content:'';
}
.aSerch::after {
  position: absolute;
  top:16px;
  left:17px;
  width:8px;
  height:8px;
  transform:translate(50%, -50%) rotate(45deg);
  border-bottom:3px solid #FFFFFF;
  content:'';
}
.aSerch:hover {
  text-decoration:none;
  color:#FFFFFF;
}
/* ============================== */
/* ポップアップ設定（カテゴリ）   */
/* ============================== */
label.lblCategoryOpen {
  display:block;
  float:left;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:210px;
  height:25px
}
label.lblCategoryOpen:hover {
  text-decoration:none;
}
#popUpCategory {
  display:none;
}
div.divCategoryOverlay {
  display:none;
}
#popUpCategory:checked + div.divCategoryOverlay {
  display:block;
  z-index:9999;
  background-color:#00000070;
  position:fixed;
  width:100%;
  max-width:100%!important;
  height:100vh;
  top:0;
  left:0;
}
div.divCategoryWindow {
  position:relative;
  background-color:#FFFFFF;
  border-radius:6px;
  justify-content:center;
  align-items:center;
  width:695px;
  height:auto;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}
label.lblCategoryClose {
  display:inline-block;
  text-decoration:none;
  background-color:#CCCCCC;
  font-size:12px;
  line-height:150%;
  text-align:center;
  border:1px solid;
  color:#000000;
  width:625px;
  padding:5px;
  margin:10px 0px;
}
td.tdCategory1-1 {
  font-size:12px;
  line-height:150%;
  text-align:left;
  padding:3px 5px;
}
td.tdCategory1-2 {
  border:1px solid #004F86;
  background:#006AB6;
  color:#FFFFFF;
  font-size:12px;
  line-height:150%;
  text-align:left;
  vertical-align:middle;
  padding:3px 5px;
}
td.tdCategory1-3 {
  border:1px solid #004F86;
  font-size:12px;
  line-height:150%;
  text-align:left;
  vertical-align:middle;
  width:120px;
  padding:3px 5px;
}
td.tdCategory1-4 {
  font-size:12px;
  line-height:150%;
  text-align:center;
  padding:3px 5px;
}
/* ============================== */
/* ポップアップ設定（都道府県）   */
/* ============================== */
label.lblAreaOpen {
  display:block;
  float:left;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:210px;
  height:25px
}
label.lblAreaOpen:hover {
  text-decoration:none;
}
#popUpArea {
  display:none;
}
div.divAreaOverlay {
  display:none;
}
#popUpArea:checked + div.divAreaOverlay {
  display:block;
  z-index:9999;
  background-color:#00000070;
  position:fixed;
  width:100%;
  max-width:100%!important;
  height:100vh;
  top:0;
  left:0;
}
div.divAreaWindow {
  position:relative;
  background-color:#FFFFFF;
  border-radius:6px;
  justify-content:center;
  align-items:center;
  width:460px;
  height:auto;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}
label.lblAreaClose {
  display:inline-block;
  text-decoration:none;
  background-color:#CCCCCC;
  font-size:12px;
  line-height:150%;
  text-align:center;
  border:1px solid;
  color:#000000;
  width:393px;
  padding:5px;
  margin:10px 0px;
}
td.tdArea1-1 {
  font-size:12px;
  line-height:150%;
  text-align:left;
  padding:3px 5px;
}
td.tdArea1-2 {
  border:1px solid #004F86;
  background:#006AB6;
  color:#FFFFFF;
  font-size:12px;
  line-height:150%;
  text-align:left;
  vertical-align:middle;
  padding:3px 5px;
  width:70px;
}
td.tdArea1-3 {
  border:1px solid #004F86;
  font-size:12px;
  line-height:150%;
  text-align:left;
  vertical-align:middle;
  padding:3px 5px;
}
td.tdArea1-4 {
  font-size:12px;
  line-height:150%;
  text-align:center;
  padding:3px 5px;
}