@charset "UTF-8";
@import url("../global.css");
/*--------------------------------------------*/
/*--　検索フォーム　--*/
#form-box-area{
  width:970px;
  height:400px;
  text-align:left;
  line-height:1;
  margin:auto auto 10px auto;
  background-image:url(/img/pc2/route/index/form_box_img1.jpg);
  background-repeat: no-repeat;
  background-position: center ;
}
#form-in-area{
  vertical-align: top;
  display:inline-block;
  text-align:left;
  background-color: rgba(255,255,255,0.8);
  margin:20px;
  padding:20px;
  border:1px solid #e9e9e9;
  border-radius: 4px;
}
#form-in-area select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
  text-indent: .01px;
  text-overflow: "";
  background-color:#fff;
  border:1px solid #dddddd;
  border-radius: 4px;
  font-size:16px;
}
/*--------------------------------------------*/
/*--　往復、片道、周遊　--*/
#radio-choose{
}
#radio-choose ul{
margin: auto auto 10px auto;
font-size: 20px;
}
#radio-choose ul li{
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  margin: auto;
}
#radio-choose ul li > label{
}
#radio-choose ul li.display-none{
  display: none;
  height:0;
}
.radio-input{
  display: none;
}
.radio-input + label{
  padding-left: 25px;
  position:relative;
  margin-right: 25px;
}
.radio-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  background-color: rgba(255,255,255,0.6);
  border-radius: 50%;
}
.radio-input:checked + label{
  color: #eb0f5d;
  font-weight: 700;
}
.radio-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #eb0f5d;
  border-radius: 50%;
}
/*--------------------------------------------*/
/*--　空港検索　--*/
.airport1{
  font-size:16px;
  width:300px;
}
.airport2{
  font-size:16px;
  width:300px;
}
ul.form-flight-area{
  vertical-align: middle;
  display:inline-block;
  text-align:center;
}
ul.form-flight-area li{
  margin:10px auto;
}
ul.form-flight-area li > span{
  padding:0 5px 0 0 ;
  vertical-align: middle;
  display:inline-block;
}
.select-area{
  vertical-align: middle;
  display:inline-block;
  position: relative;
}
.select-area > i{
  position: absolute;
  right:5%;
  top:30%;
  font-size:20px;
  color:#0f317b;
}
.departure-airport{
}
.departure-airport > i{
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.arrival-airport{
}
.arrival-airport > i{
}
#form-in-area .select-area > select{
  padding:5px 10px;
  background-color:#fff;
  border:1px solid #dddddd;
  border-radius: 4px;
  font-size:20px;
  width:180px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: .01px;
  text-overflow: "";
}
#form-in-area .select-area > select::-ms-expand {
  display: none;
}
.select-area > select:hover{
  box-shadow:0px 0px 3px 1px #2676fa;
  -moz-box-shadow:0px 0px 3px 1px #2676fa;
  -webkit-box-shadow:0px 0px 3px 1px #2676fa;
  -webkit-transition: 0.4s ;
  transition: 0.4s ;
}
.input-text-area > input:hover{
  box-shadow:0px 0px 3px 1px #2676fa;
  -moz-box-shadow:0px 0px 3px 1px #2676fa;
  -webkit-box-shadow:0px 0px 3px 1px #2676fa;
  -webkit-transition: 0.4s ;
  transition: 0.4s ;
}
/*--------------------------------------------*/
/*逆区間*/
.form-reverse-area{
  vertical-align: middle;
  display:inline-block;
  text-align:center;
  margin:auto auto auto 2%;
}
.form-reverse-area > a{
  display:block;
  background-color:#fff;
  border:1px solid #dddddd;
  border-radius: 4px;
  font-size:16px;
  color:#0f317b;
  padding:38px 6px 38px 6px;
}
.form-reverse-area > a > i{
  transform: rotate(90deg);
}
.form-reverse-area > a:hover{
box-shadow:0px 0px 3px 1px #2676fa;
-moz-box-shadow:0px 0px 3px 1px #2676fa;
-webkit-box-shadow:0px 0px 3px 1px #2676fa;
}
/*--------------------------------------------*/
/*--　日付検索　--*/
.form-flight-day{
  font-size:16px;
}
.form-flight-day ul{
}
.form-flight-day ul li{
  margin:10px auto;
}
.input-text-area{
  vertical-align: middle;
  display:inline-block;
  position: relative;
}
.form-flight-day ul li > span{
  padding:0 20px 0 0;
}
.input-text-area > i{
  position: absolute;
  right:3%;
  top:24%;
  font-size:1.4rem;
  color:#0f317b;
}
.input-text-area > input[type=text]{
  padding:5px 10px;
  background-color:#fff;
  border:1px solid #dddddd;
  border-radius: 4px;
  font-size:20px;
  line-height:1.4;
  width:220px;
}
/*--------------------------------------------*/
/*--　決定　--*/
#form-search-submit{
}
#form-search-submit input[type=submit]{
-webkit-appearance: none;
  border:none;
  background:#ff6500;
  box-shadow:0px 2px 0px 1px #e05901;
  -moz-box-shadow:0px 2px 0px 1px #e05901;
  -webkit-box-shadow:0px 2px 0px 1px #e05901;
  color:#fff;
  font-size:20px;
  line-height:1.4;
  padding: 10px 0;
  width:100%;
  cursor: pointer;
  border-radius: 6px;
  position: relative;
  top:0px;
}
#form-search-submit input[type=submit]:hover{
  background:#e05901;
  box-shadow:0px 2px 0px 1px #bc510b;
  -moz-box-shadow:0px 2px 0px 1px #bc510b;
  -webkit-box-shadow:0px 2px 0px 1px #bc510b;
}
#form-search-submit input[type=submit]:active{
  background-color: #e05901;
  box-shadow:0px 0px 0px 0px #bc510b;
  -moz-box-shadow:0px 0px 0px 0px #bc510b;
  -webkit-box-shadow:0px 0px 0px 0px #bc510b;
  position: relative;
  top:2px;
  -webkit-transition: 0s ;
  transition: 0s ;
}

/*--------------------------------------------*/
/*--　コンテンツ　--*/
#route-airport-area{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}
.route-airport-area-in{
  margin: 10px;
  padding:20px;
  text-align: left;
  color: #fff;
  border:1px solid #6a8ac9;
  width: 465px;
  background-color:#6a8ac9;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.route-airport-area-in > h2{
  font-size: 20px;
  font-weight: 600;
}
.route-airport-area-in > p{
  font-size: 15px;
  margin: 10px auto;
  color: #222222;
}
.a-01{
  background-image: url(/img/pc2/route/index/a_01.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 70%;
}
.a-02{
  background-image: url(/img/pc2/route/index/a_02.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 70%;
}
.a-03{
  background-image: url(/img/pc2/route/index/a_03.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 40%;
}
.a-04{
  background-image: url(/img/pc2/route/index/a_04.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 40%;
}
.a-05{
  background-image: url(/img/pc2/route/index/a_05.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 60%;
}
.a-06{
  background-image: url(/img/pc2/route/index/a_06.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 70%;
}
.a-07{
  background-image: url(/img/pc2/route/index/a_07.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 70%;
}
.a-08{
  background-image: url(/img/pc2/route/index/a_08.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 70%;
}
.a-09{
  background-image: url(/img/pc2/route/index/a_09.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 30%;
}
.a-10{
  background-image: url(/img/pc2/route/index/a_10.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 30%;
}
.route-airport-ul{

}
.route-airport-ul li{
  vertical-align: top;
  display: inline-block;
  width: 46%;
  margin: 1% 2%;
  text-align: center;
}
.route-airport-ul li > a{
  position: relative;
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 10px;
  background-color: rgba(255,255,255,0.1);
  border: 2px solid #fff;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
.route-airport-ul li > a::before{
  font-family: "Font Awesome 5 Free";
  content: "\f3c5";
  font-weight: 600;
  position: absolute;
  left: 5px;
}
.route-airport-ul li > a:hover{
  color: #fff;
  background-color: #204c9f;
  border: 2px solid #fff;
}
.route-airport-ul li > a > span{

}