/* CSS Document */

a:link,
a:visited,
a:hover,
a:active {
  color: #0066cb;
}


/*--------------------------------------
  ヘッダー
--------------------------------------*/
header {
  background-image: url(../image/bg.gif);
}


/*--------------------------------------
  フッター
--------------------------------------*/
footer {
  background-color: #007EBE;
  margin-top: 3em;
  padding-top: 15px;
  padding-bottom: 12px;
  color: #ffffff;
}

/*--------------------------------------------------
  画像透過度選択[image_opacity]
---------------------------------------------------*/
.image_opacity a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/*--------------------------------------
  サブタイトル
--------------------------------------*/
.sub_title {
  margin: 30px 0px 0px 0px;
  text-align: left;
  background: linear-gradient(135deg, rgba(202, 237, 250, 1) 0%, rgba(202, 237, 250, 1) 15%, rgba(255, 192, 2, 1) 100%);
}

.sub_title h1 {
  position: relative;
  padding: 22px 20px 0px 20px;
  font-size: 150%;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 2px 2px 3px #a00000, -2px 2px 3px #a00000, 2px -2px 3px #a00000, -2px -2px 3px #a00000;
}


/*--------------------------------------
  横並び
--------------------------------------*/
.search_box {
  display: flex;
  align-items: stretch;
}

.search_box .search_photo {
  margin-bottom: 10px;
  text-align: center;
}

.search_box .search_area {
  display: flex;
  align-items: stretch;
  width: 100%;
  position: relative;
  background-color: #ffffff;
  font-weight: bold;
  color: #333333;
}

.search_box .search_area a {
  text-decoration: none;
  color: #333333;
}

.search_box .search_area .title_text {
  margin-top: 5px;
}

.search_box .search_area .pref_text {
  margin-top: 3px;
  margin-bottom: 47px;
  font-size: 90%;
}

.box_title {
  padding: 10px 10px 6px 10px;
  text-align: center;
  font-size: 110%;
}

.box_00 {
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
}

.box_01 {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  margin: 0px 0px 0px 0px;
}

.box_02 {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-left: 0px solid #999999;
  border-right: 1px solid #999999;
  margin: 0px 0px 0px 0px;
}

.box_03 {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  margin: 0px 0px 0px 20px;
}


@media only screen and (max-width:991px) {
  .search_box {
    display: block;
  }

  .search_box .search_area {
    display: block;
    margin: 10px 0px;
  }

  .box_00,
  .box_01,
  .box_02,
  .box_03 {
    border: 1px solid #999999;
  }
}