@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : access_shuttle.css
 author     : Ability Consultant
 style info : シャトル
=================================================================== */

/* -----------------------------------------------------------
	.con_shuttle
----------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1159px) {
  .con_shuttle .box_shuttle {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_shuttle .box_shuttle {
    font-size: 93%;
  }
}
.con_shuttle .box_shuttle > .txt {
  text-align: center;
  line-height: 1.7;
}
@media only screen and (max-width: 767px) {
  .con_shuttle .box_shuttle > .txt {
    font-size: 90%;
    line-height: 150%;
  }
}
.con_shuttle .box_shuttle table {
  margin-top: 20px;
  width: 100%;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .con_shuttle .box_shuttle table {
    margin-top: 3%;
    font-size: 90%;
  }
}


.con_shuttle .box_shuttle table tr th, .con_shuttle .box_shuttle table tr td {
  border: 1px solid #cccabf;
  padding: .8em 0;
}
.con_shuttle .box_shuttle table tr th {
  background: #e2dfd6;
  text-align: center;
  font-weight: 100;
  width: 42.5%;
}
.con_shuttle .box_shuttle table tr th:first-child {
  width: 15%;
}
.con_shuttle .box_shuttle table tr td {
  padding: 1em;
}

@media only screen and (max-width: 767px) {
  .con_shuttle .box_shuttle table tr th, .con_shuttle .box_shuttle table tr td {
    border: 1px solid #cccabf;
    padding: 0.2em 0;
  }
  .con_shuttle .box_shuttle table tr th {
    background: #e2dfd6;
    text-align: center;
    font-weight: 100;
    width: 42.5%;
  }
  .con_shuttle .box_shuttle table tr th:first-child {
    width: 15%;
  }
  .con_shuttle .box_shuttle table tr td {
    text-align: center;
    padding: 0.2em;
  }
}


.con_shuttle .box_shuttle .memo {
  margin-top: 30px;
  line-height: 1.7;
}
@media only screen and (max-width: 767px) {
  .con_shuttle .box_shuttle .memo {
    margin-top: 4%;
    font-size: 85%;
    line-height: 150%;
  }
}
.con_shuttle .box_shuttle .memo span {
  display: block;
  font-weight: 600;
}

/* -----------------------------------------------------------
	.con_disney
----------------------------------------------------------- */
.con_disney {
  margin-top: 5em;
  padding-bottom: 6em;
  background: #fff;
  border-top: 3px solid #cccabf;
  border-bottom: 3px solid #cccabf;
}
@media only screen and (max-width: 767px) {
  .con_disney {
    margin-top: 6%;
    padding-bottom: 3em;
  }
}
.con_disney .box_disney {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney {
    margin-top: 5%;
  }
}
.con_disney .box_disney .box_det {
  overflow: hidden;
  padding-top: 2em;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney .box_det {
    padding-top: 0;
  }
}
.con_disney .box_disney .box_det .photo {
  float: left;
  width: 40.51724%;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney .box_det .photo {
    float: none;
    width: 100%;
  }
  .con_disney .box_disney .box_det .photo img {
    width: 100%;
  }
}
.con_disney .box_disney .box_det .box_txt {
  float: right;
  width: 57.41379%;
  line-height: 1.7;
}
@media only screen and (min-width: 768px) and (max-width: 1159px) {
  .con_disney .box_disney .box_det .box_txt {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney .box_det .box_txt {
    float: none;
    width: 100%;
    margin-top: 5%;
  }
}
.con_disney .box_disney .box_det .box_txt .catch {
  font-size: 143%;
  font-weight: 600;
  color: #7c5b33;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney .box_det .box_txt .catch {
    font-size: 110%;
    line-height: 1.4;
  }
}
.con_disney .box_disney .box_det .box_txt .txt {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney .box_det .box_txt .txt {
    margin-top: 2%;
    line-height: 150%;
    font-size: 85%;
  }
}
.con_disney .box_disney .box_det .box_txt .txt span {
  display: block;
  color: #9b544f;
}
.con_disney .box_disney .btn {
  margin: 15px auto 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  width: 495px;
}
@media only screen and (min-width: 768px) and (max-width: 1159px) {
  .con_disney .box_disney .btn {
    width: 65%;
  }
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney .btn {
    width: 90%;
    margin: 2% auto 0;
    font-size: 85%;
  }
}
.con_disney .box_disney .btn a {
  text-decoration: none;
  line-height: 1;
  display: block;
  border: 2px solid #cdbbaa;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZjJlNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f2e7));
  background: -moz-linear-gradient(#ffffff, #f7f2e7);
  background: -webkit-linear-gradient(#ffffff, #f7f2e7);
  background: linear-gradient(#ffffff, #f7f2e7);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF7F2E7');
  display: table;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.mouse .con_disney .box_disney .btn a {
  -moz-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
.mouse .con_disney .box_disney .btn a:hover, .touch .con_disney .box_disney .btn a.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .con_disney .box_disney .btn a {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_disney .box_disney .btn a.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.con_disney .box_disney .btn a i {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  border-right: 2px solid #d5cfc5;
  width: 10%;
  background: #9b544f;
}
.con_disney .box_disney .btn a span {
  border: 1px solid #fff;
  display: table-cell;
  padding: 1em 0;
}
@media only screen and (min-width: 768px) and (max-width: 1159px) {
 .con_disney .box_disney .btn:nth-child(3) a span {
    line-height: 1.2em;
  }
}
.con_disney .box_disney dl {
  margin-top: 30px;
  background: #f0efe9;
  padding: 2.15517%;
  line-height: 1.7;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney dl {
    margin-top: 4%;
    font-size: 80%;
  }
}
.con_disney .box_disney dl dt {
  display: block;
  color: #8e7454;
  font-weight: 600;
  font-size: 124%;
}
@media only screen and (min-width: 768px) and (max-width: 1159px) {
  .con_disney .box_disney dl dt {
    font-size: 116%;
  }
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney dl dt {
    font-size: 108%;
  }
}
.con_disney .box_disney dl dd {
  padding-left: 1.2em;
  margin-top: 10px;
  margin-bottom: 1.5em;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney dl dd {
    margin-top: 2%;
  }
}
.con_disney .box_disney dl dd a {
  display: block;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney dl dd.first-child {
    margin-bottom: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney dl dd.first-child {
    padding-bottom: 2%;
  }
}
.con_disney .box_disney .box_notes {
  margin-top: 30px;
  border: 1px solid #cccabf;
  padding: 3.01724%;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney .box_notes {
    margin-top: 4%;
  }
}
.con_disney .box_disney .box_notes div {
  margin-top: 35px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney .box_notes div {
    margin-top: 5%;
    font-size: 90%;
  }
}
.con_disney .box_disney .box_notes div p {
  float: right;
  width: 48.62385%;
  line-height: 1.7;
}
@media only screen and (min-width: 768px) and (max-width: 1159px) {
  .con_disney .box_disney .box_notes div p {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney .box_notes div p {
    font-size: 93%;
  }
}
.con_disney .box_disney .box_notes div p:first-child {
  float: left;
}
.con_disney .box_disney .box_notes div p span {
  color: #9b544f;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_disney .box_notes div p {
    float: none;
    width: 100%;
  }
}
.con_disney .box_time h3 {
  padding-top: 3em;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_time h3 {
    padding-top: 2em;
  }
}
.con_disney .box_time h3 i {
  display: inline-block;
  color: #e11507;
  font-weight: bold;
}
.con_disney .box_time .wrp_table {
  overflow: hidden;
}
.con_disney .box_time .wrp_table .box_table {
  width: 39.62069%;
  padding-top: 1em;
}
.con_disney .box_time .wrp_table .box_table .box_day {
  font-size: 114%;
  color: #9b544f;
}
.con_disney .box_time .wrp_table .box_table table {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_time .wrp_table .box_table table {
    margin-top: 2%;
  }
}
.con_disney .box_time .wrp_table .box_table table th, .con_disney .box_time .wrp_table .box_table table td {
  border: 1px solid #cccabf;
  padding: 1em 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
.con_disney .box_time .wrp_table .box_table table th, .con_disney .box_time .wrp_table .box_table table td {
  border: 1px solid #cccabf;
  padding: 0 0;
  text-align: center;
}
}
@media only screen and (max-width: 767px) {
.con_disney .box_time .wrp_table .box_table table th, .con_disney .box_time .wrp_table .box_table table td {
  border: 1px solid #cccabf;
  text-align: center;
}
}
.con_disney .box_time .wrp_table .box_table table th {
  background: #e2dfd6;
  width: 25%;
}
.con_disney .box_time .wrp_table .box_table table td {
  padding: 1em;
}
@media only screen and (max-width: 767px) {
	.con_disney .box_time .wrp_table .box_table table td {
	  padding: 0;
	}
}
.con_disney .box_time .wrp_table .box_table .stop td {
  background-color: #CFCFCF;
}
.con_disney .box_time .wrp_table .box_table tr.stop {
  opacity: .7;
}
.con_disney .box_time .wrp_table .box_table-big {
  width: 89.776%;
  padding-top: 2em;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_time .wrp_table .box_table, 
  .con_disney .box_time .wrp_table .box_table-big {
    float: none;
    width: 100%;
    font-size: 90%;
  }
}
.con_disney .box_time .memo {
  margin-top: 20px;
  line-height: 1.7;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_time .memo {
    margin-top: 3%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1159px) {
  .con_disney .box_time .memo {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_disney .box_time .memo {
    font-size: 80%;
    line-height: 150%;
  }
}
.con_disney .box_time .memo span {
  color: #9b544f;
}
.con_disney .box_time .box_guid {
	margin-top: .5em;
}
@media only screen and (max-width: 767px) {
 	.con_disney .box_time .box_guid {
		margin-top: 0;
	}
	.con_disney .box_time .box_guid h3 {
		padding-top: 2em;
	}
}
.con_disney .box_time .box_guid ul {
  margin-top: 1em;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_time .box_guid ul {
    margin-top: 3%;
  }
}
.con_disney .box_time .box_guid ul li {
  width: 45%;
  margin-left: 2.84483%;
  margin-right: 6.2931%;
  float: left;
}
.con_disney .box_time .box_guid ul li:nth-child(2n) {
  float: right;
  margin-left: 0;
  margin-right: 0;
}
.con_disney .box_time .box_guid ul li .catch {
  overflow: hidden;
  font-size: 124%;
  letter-spacing: -.4em;
}
@media only screen and (min-width: 768px) and (max-width: 1159px) {
  .con_disney .box_time .box_guid ul li .catch {
    font-size: 116%;
  }
}
@media only screen and (max-width: 767px) {
  .con_disney .box_time .box_guid ul li .catch {
    font-size: 90%;
  }
}
.con_disney .box_time .box_guid ul li .catch img {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  width: 7.27969%;
}
.con_disney .box_time .box_guid ul li .catch span {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  width: 90.03831%;
  margin-left: 2.29885%;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_time .box_guid ul li .catch span .pc_tab {
    display: none !important;
  }
}
.con_disney .box_time .box_guid ul li .catch span em {
  font-weight: 100;
  font-size: 88%;
  display: block;
}
.con_disney .box_time .box_guid ul li .photo {
  margin-top: 20px;
  text-align: center;
}
.con_disney .box_time .box_guid ul li .note {
  margin-top: 10px;
  color:red;
}
.con_disney .box_time .box_guid ul li .note {
  margin-top: 10px;
  color:red;
}
.con_disney .box_time .box_guid ul li .note .t-big {
  font-size: 120%;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_time .box_guid ul li .photo {
    margin-top: 3%;
  }
}
@media only screen and (min-width: 1079px) {
  .con_disney .box_time .box_guid ul li .one {
    padding-top: 23px;
  }
}
@media only screen and (max-width: 767px) {
  .con_disney .box_time .box_guid ul li {
    float: none;
    width: 100%;
  }
  .con_disney .box_time .box_guid ul li:first-child {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 5%;
  }
  .con_disney .box_time .box_guid ul li .catch img {
    width: 4.31818%;
  }
  .con_disney .box_time .box_guid ul li .catch span {
    width: 90%;
  }
  .con_disney .box_time .box_guid ul li .photo {
    text-align: center;
  }
}
.con_disney .box_time .bn_dis {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_time .bn_dis {
    margin-top: 8%;
  }
}
.con_disney .box_time .red {
  color: #e11507;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_disney .box_time .red {
    font-size: 80%;
    text-align: left;
  }
}

/* -----------------------------------------------------------
	.con_skytree
----------------------------------------------------------- */
.con_skytree .box_skytree {
 	overflow: hidden;
}
.con_skytree h4 .icon {
	color: #7c5b33;
    display: inline !important;
}
.con_skytree .box_skytree .box_txt {
  float: left;
  width: 50%;
  border: 1px solid #cccabf;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2.15517%;
}
.con_skytree .box_skytree .box_txt .catch {
  font-size: 154%;
  font-weight: 600;
  color: #8e7454;
  padding-bottom: .3em;
  border-bottom: 1px solid #cccabf;
}
@media only screen and (min-width: 768px) and (max-width: 1159px) {
  .con_skytree .box_skytree .box_txt .catch {
    font-size: 139%;
  }
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_skytree .box_txt .catch {
    font-size: 116%;
  }
}
.con_skytree .box_skytree .box_txt .txt {
  margin-top: 12px;
  line-height: 1.7;
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_skytree .box_txt .txt {
    margin-top: 2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1159px) {
  .con_skytree .box_skytree .box_txt .txt {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_skytree .box_txt .txt {
    font-size: 93%;
  }
}
.con_skytree .box_skytree .box_txt .txt.news {
  padding: 10px;
}
.con_skytree .box_skytree .box_txt .txt.news span {
  color: #e11507;
  font-size: 120%;
  font-weight: bold;
}
.con_skytree .box_skytree .box_txt .btn {
  margin: auto;
  width: 200px;
  border: 1px solid #d6d1c7;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 7px;
  margin-left: 0;
  width: 240px;
}
@media only screen and (min-width: 768px) and (max-width: 1159px) {
  .con_skytree .box_skytree .box_txt .btn {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_skytree .box_txt .btn {
    width: 70%;
  }
}
.con_skytree .box_skytree .box_txt .btn a {
  border: 3px solid #fff;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 1em 0;
}
.mouse .con_skytree .box_skytree .box_txt .btn a {
  -moz-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
.mouse .con_skytree .box_skytree .box_txt .btn a:hover, .touch .con_skytree .box_skytree .box_txt .btn a.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .con_skytree .box_skytree .box_txt .btn a {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_skytree .box_skytree .box_txt .btn a.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.con_skytree .box_skytree .box_txt .btn a:before {
  content: "";
  font-family: FontAwesome;
  margin-right: .5em;
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_skytree .box_txt .btn a {
    padding: .6em 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_skytree .box_txt .btn {
    margin-top: 1%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1159px) {
  .con_skytree .box_skytree .box_txt .btn {
    width: 240px;
  }
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_skytree .box_txt .btn {
    width: 90%;
  }
}
.con_skytree .box_skytree .box_txt .btn a:after {
  content: "";
  font-family: FontAwesome;
  margin-left: .5em;
}
.con_skytree .box_skytree .photo {
  float: right;
  width: 46.55172%;
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_skytree .box_txt {
    float: none;
    width: 100%;
    font-size: 90%;
  }
  .con_skytree .box_skytree .photo {
    float: none;
    width: 100%;
    margin-top: 5%;
    text-align: center;
  }
}
.con_skytree .box_port {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_port {
    margin-top: 2.5em;
  }
}
.con_skytree .box_port h3 .red {
  color: #e11507;
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_port h3 .red {
    font-size: 80%;
  }
}
.con_skytree .box_port .box_det {
  margin-top: 2em;
}
.con_skytree .box_port .box_det:nth-child(2) {
	margin-top: 1em;
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_port .box_det {
    margin-top: 3%;
  }
}
.con_skytree .box_port .box_det .memo {
  margin-top: 10px;
  color: #7c5b33;
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_port .box_det .memo {
    margin-top: 1%;
  }
}
.con_skytree .box_port table {
  margin-top: 10px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_port table {
    margin-top: 2%;
    font-size: 80%;
  }
}
.con_skytree .box_port table caption {
  text-align: left;
  font-weight: 600;
  padding: 1em 0 .5em;
}
.con_skytree .box_port table caption span {
  color: #7c5b33;
}
.con_skytree .box_port table tr th, .con_skytree .box_port table tr td {
  border: 1px solid #cccabf;
}
.con_skytree .box_port table tr th {
  text-align: center;
  width: 25%;
  letter-spacing: -.4em;
}
.con_skytree .box_port table tr th span {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 90%;
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_port table tr th span {
    /*width: 80%;*/
  }
}
.con_skytree .box_port table tr th i {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  width: 10%;
  background: #cccabf;
  padding: 1.3em 0;
  color: #7c5b33;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_port table tr th i {
    width: 20%;
    padding: 2em 0;
  }
}
.con_skytree .box_port table tr th.th {
  background: #e1dfd6;
}
.con_skytree .box_port table tr th.joko {
  font-weight: normal;
  width: 10%;
}
.con_skytree .box_port table tr td {
  padding: 1em;
  text-align: center;
  background: #fff;
}
@media only screen and (max-width: 767px) {
.con_skytree .box_port table tr td {
  padding: 0;
  text-align: center;
  background: #fff;
}
}
.con_skytree .box_port table tr td span {
  color: #7c5b33;
  font-weight: 600;
}
.con_skytree .box_port table tr.tr_hotel th {
  background: #e0ddd2;
}
.con_skytree .box_port table tr.tr_hotel td {
  background: #f4f4f2;
}
.con_skytree .box_port .link {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_port .link {
    margin-top: 2%;
  }
}
.con_skytree .box_port .link:after {
  content: "";
  font-family: FontAwesome;
  margin-left: .5em;
}
.con_skytree .box_port .link span {
  color: #7c5b33;
}
.con_skytree .box_stop {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_stop {
    margin-top: 7%;
  }
}
.con_skytree .box_stop ul {
  overflow: hidden;
}
.con_skytree .box_stop ul li {
  float: left;
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_stop ul li {
    margin-top: 2.5%;
  }
}
@media only screen and (min-width: 768px) {
  .con_skytree .box_stop ul li {
    width: 32.5%;
    margin-left: 1.25%;
  }
  .con_skytree .box_stop ul li:first-child, .con_skytree .box_stop ul li:first-child + * + * + * {
    margin-left: 0;
  }
}
@media print {
  .con_skytree .box_stop ul li {
    width: 32.5%;
    margin-left: 1.25%;
  }
  .con_skytree .box_stop ul li:first-child, .con_skytree .box_stop ul li:first-child + * + * + * {
    margin-left: 0;
  }
}
.ie8 .con_skytree .box_stop ul li {
  width: 32.5%;
  margin-left: 1.25%;
}
.ie8 .con_skytree .box_stop ul li:first-child, .ie8 .con_skytree .box_stop ul li:first-child + * + * + * {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .con_skytree .box_stop ul li {
    width: 100%;
  }
  .con_skytree .box_stop ul li img {
    width: 100%;
  }
}