@charset "utf-8";
/* CSS Document */
.bluetxt{color:#00C}
.pinktxt{color: #F39}
.greentxt{color: #093}
.redtxt{color: #C30}
.orgtxt{color: #FF7F00}
.boat_order .b_txt {
  color: #1e51b0;
  font-size: 120%;
  font-weight: bold;
}
.boat_search .flex_box {
  padding: 0px 5px 0px 0;
}

.boat_search .bt_flex_box {display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;}
.in_box {
  width: 100%;
}
.in_box input, .in_box select {
  width: 100%;
  padding: 5px;
  border: 1px #e6ceb1 solid;
}

input[type="reset"],input[type="submit"],input[type="button"] {background-color: #206ebc;border: none;border-radius: 5px;padding: 7px;color: #fff;}
.boat_search .flex_box p {
  white-space: nowrap;
  font-weight: bold;
}
.boat_search {
  padding: 10px 0;
}
@media only screen and (min-width: 480px) {
  .in_box {
  padding: 5px;
}
  .boat_search .flex_box {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  float: left;}
.boat_search .bt_flex_box {
    float: left;}
.boat_search .flex_box.w-50 {width: 50%;}

.boat_search .flex_box.w-40 {width: 40%;}

.boat_search .bt_flex_box.w-20 {width: 20%;}
}
@media only screen and (max-width: 480px) {
    .in_box {
  padding: 5px 0;
}

.boat_search .bt_flex_box .in_box {padding: 5px;}
  .boat_search .set_date .in_box {padding: 0 35px 0 0;}

.boat_search .set_date {position: relative;}

.boat_search .set_date .ic_date {position: absolute;right: 0;bottom: 0;}
}

/**風琴*/
.boat_list {clear: both;padding: 15px 0 0 0;}
#faq {  
  margin: auto;  
  text-align: center;
}
section.faq {
  padding-top: 2em;
  padding-bottom: 3em;
}
.boat_list .list_box {background-color: rgba(255,255,255,0.7);border-radius: 7px;}
.boat_line .route {display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;}




.boat_list .list_box .name {font-weight: bold;font-size: 150%;text-align: left;min-width: 185px;}

.boat_list .list_box .name p {font-weight: normal;font-size: 60%;}

.boat_list .list_box .boat_line .route {background-repeat: no-repeat;background-position: center;padding: 4px 0;}
.boat_line .route {color: #375476;font-size: 110%;font-weight: bold;}
.boat_line .route .time {color: #ab6613;margin-left: 5px;}
#faq ul {
  text-align: left;
}
.transition, p, ul li i:before, ul li i:after {
  transition: all 0.3s;
}

#faq ul {
  list-style: none;
  
  padding: 0;
  margin: 0;
}
#faq ul li {
  position: relative;
  overflow: hidden;  
  margin: 0;   
     
}
.info_box {background-color: #fff;border-radius: 7px;padding: 0 25px;margin: 5px 0 0 0;}
.info_box .shift_box{padding: 10px 20px;border-bottom: 1px #d3d3d3 dashed;}

.info_box .shift_box:last-child {border-bottom: none;}
.info_box .shift_box ul li{padding: 15px 0 15px 20px !important;font-size: 115%;margin-top: 0px !important;}

.info_box .shift_box ul li .time {color: #aa6c22;margin: 0 5px 0 0;}
.info_box .shift_box ul li::before {content: "";width: 11px;height: 11px;border-radius: 50px;display: block;background-color: #aa6c22;position: absolute;left: 0;top: 50%;transform: translate(0, -50%);}

.info_box .shift_box ul::after {content: "";width: 1px;top: 25px;bottom: 25px;display: block;background-color: #aa6c22;left: 5px;position: absolute;}

.info_box .shift_box ul {position: relative;}
.bt_info {position: absolute;right: 15px;width: 120px;height: 38px;background-image: url("../img_boat/bt01.png");top: 27px;}
#faq ul li + li {
  /* margin-top: 15px; */
}
#faq ul li:last-of-type {
  padding-bottom: 0;
}
#faq ul li i {
  position: absolute;  
  right: 32px;
width: 0;height: 38px;z-index: 9;top: 41px;}
#faq ul li i:before, ul li i:after {
   content: "";
    position: absolute;
    background: #fff;
    width: 3px;
    height: 9px;
}
#faq ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
#faq ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
#faq ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;   
  z-index: 9;    
opacity: 0;width: 120px;height: 38px;right: 15px;margin: 0;top: 27px;}
#faq ul li input[type=checkbox]:checked ~ h2 {
  color: #000;
}
#faq ul li input[type=checkbox]:checked ~ .info_box {
  
  max-height: 0;
  transition: .3s;
  opacity: 0;
  
}
#faq ul li input[type=checkbox]:checked ~ i:before {
transform: translate(2px,0) rotate(45deg);
}
#faq ul li input[type=checkbox]:checked ~ i:after {
   transform: translate(-2px,0) rotate(-45deg);
}
	.boat_list .list_box{
align-items:center;padding: 20px 155px 20px 15px;}  
/*page*/
.boat_page {text-align: center;margin: 11px 0;}

.boat_page ul {display: -webkit-flex;
display:flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content:center;
justify-content:center;}

.boat_page ul li {padding: 5px;float: left;}

.boat_page ul li:nth-child(1) a, .boat_page ul li:nth-child(2) a {padding: 10px 15px 10px 35px;background-position: 15px center;;}

.boat_page ul li.first a {background-image: url(../img_boat/ic_first.png);}

.boat_page ul li.first a:hover {background-image: url(../img_boat/ic_firsto.png);}

.boat_page ul li.pre a {background-image: url(../img_boat/ic_pre.png);}

.boat_page ul li.pre a:hover {background-image: url(../img_boat/ic_preo.png);}

.boat_page ul li.next a {background-image: url(../img_boat/ic_next.png);}

.boat_page ul li.next a:hover {background-image: url(../img_boat/ic_nexto.png);}

.boat_page ul li.end a {background-image: url(../img_boat/ic_end.png);}

.boat_page ul li.end a:hover {background-image: url(../img_boat/ic_endo.png);}

.boat_page ul li:nth-child(3) a, .boat_page ul li:nth-child(4) a {padding: 10px 35px 10px 15px;background-position: 70px center;}

.boat_page ul li a {display: block;border-radius: 5px;background-color: #fff;background-repeat: no-repeat;text-decoration: none;}

.boat_page ul li a:hover {background-color: #206ebc;color: #fff;}

.boat_page .fast_page .go a{background-color: #aa6c22;border-radius: 5px;padding: 3px 5px;color: #fff;white-space: nowrap;display: inline-block;}

.boat_page .fast_page .go {display: inline-block;}

.boat_page .fast_page {padding: 5px 0;line-height: 170%;}

.boat_page .fast_page span {margin: 3px 0;}

.boat_page .fast_page .go a:hover {background-color: #555;}
@media only screen and (min-width: 767px) {
  .boat_list .list_box .date {text-align: center;width: 120px;}
	.boat_list .list_box{display:-webkit-flex;
display:flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-webkit-align-items:center;}  
}
@media only screen and (max-width: 767px) {
  .boat_list .list_box .date {margin: 0 10px 0 0;display: inline-block;position: relative;}

.boat_list .list_box .boat_line {margin: 10px 0 0 0;}

.boat_list .list_box .name {display: inline-block;}
	.boat_list .list_box{
      }  
}
@media only screen and (min-width: 400px) {
.boat_list .list_box .boat_line {width: 300px;}
.boat_list .list_box .boat_line .route {background-image: url(../img_boat/line.png);}
}
@media only screen and (max-width: 400px) {
.boat_list .list_box .boat_line {width: 250px;}
.boat_list .list_box .boat_line .route {background-image: url(../img_boat/line_phone.png);}
}
@media only screen and (max-width: 767px) and (min-width: 450px) {
    .boat_list .list_box .date {top: -25px;}
}