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

 file name  : access_common.css
 author     : Ability Consultant
 style info : 交通アクセス共通
=================================================================== */

.con_get .box_get:after {
  content: "";
  display: table;
  clear: both;
}
/* -----------------------------------------------------------
	共通
----------------------------------------------------------- */
.con_link #acc_snav,.con_link .box_link,
.con_map .box_txt,.box_caption,.con_shuttle .box_shuttle,
.con_air,.con_disney .box_disney,.con_disney .box_time, 
.con_skytree,.con_get,.con_root,.con_shuttle .box_shuttle {
	max-width: 1160px;
	margin: auto;
}
@media only screen and (max-width: 1159px) {
	.con_link #acc_snav,.con_link .box_link, .con_link .page_link-sp,
	.con_map .box_txt,.box_caption,.con_shuttle .box_shuttle,
	.con_air,.con_disney .box_disney,.con_disney .box_time, 
	.con_skytree,.con_get,.con_root,.con_shuttle .box_shuttle {
		max-width: 91.66667%;
	}
}
.txt.news {
  border: 1px solid #c6c0ae;
  margin: 20px 0;
  padding: 20px;
}
.txt.news span {
  color: #e11507;
  font-size: 120%;
  font-weight: bold;
}
.txt.news a {
  display: block;
  font-size: 110%;
  margin-top: .5em;
  text-decoration: none;
}
.txt.news a:before {
  content: "";
  font-family: FontAwesome;
  margin-right: .5em;
}
.con_air .box_bus .int_bus .txt.news {
  letter-spacing: normal;
  margin: 3em 0;
}
@media only screen and (max-width: 767px) {
  .con_air .box_bus .int_bus .txt.news {
    margin: 2em 0;
    text-align: left;
  }
}
/* -----------------------------------------------------------
	#contents
----------------------------------------------------------- */
#contents {
  font-size: 108%;
}
#contents h2 {
    font-size: 124%;
    font-weight: 100;
    text-align: center;
    padding: 5.5em 0 3em;
}
@media only screen and (max-width: 1159px) {
  #contents h2 {
      font-size: 108%;
      padding: 4em 0 3em;
  }
}
@media only screen and (max-width: 767px) {
	#contents h2 {
	    padding: 2em 0;
	}
}
#contents h2 .en {
	display: block;
    font-size: 250%;
    font-family: 'Libre Baskerville',serif;
}
@media only screen and (max-width: 767px) {
	#contents h2 .en {
	    font-size: 150%;
	}
}
#contents h2 .jp {
	display: block;
    font-weight: 600;
    line-height: 1;
    color: #7c5b33;
    font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
}
#contents h2 .en:before,
#contents h2 .en:after {
	display: inline-block;
    content: "";
    width: 72px;
    height: 30px;
}
#contents h2 .en:before {
	margin-right: .3em;
	background: url(../images/common/title_be.png) no-repeat center;
}
#contents h2 .en:after {
    margin-left: .3em;
    background: url(../images/common/title_af.png) no-repeat center;
}
@media only screen and (max-width: 767px) {
	#contents h2 .en:before,
	#contents h2 .en:after {
		display: none;
	}
}
#contents h3 {
	font-size: 124%;
	font-weight: 100;
	text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 1159px) {
	#contents h3 {
	    font-size: 124%;
	 }
}
@media only screen and (max-width: 767px) {
	#contents h3 {
	    text-align: center;
	}
}
#contents h3 .en {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
    font-size: 163%;
    font-family: 'Libre Baskerville',serif;
}
#contents h3 .jp {
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    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) {
	#contents h3 .en {
		display: block;
	    font-size: 105%;
	    margin: 0;
	}
	#contents h3 .jp {
		display: block;
		font-size: 80%;
	}
}
#contents h3 span:before, #contents h3 span:after {
  content: "/";
  display: inline-block;
}
#contents h3 span:before {
  margin-right: .5em;
}
#contents h3 span:after {
  margin-left: .5em;
}

#contents .con_disney h4,#contents .con_skytree h4,
#contents .con_air h4  {
  font-size: 124%;
}
@media only screen and (min-width: 768px) and (max-width: 1159px) {
  #contents .con_disney h4,#contents .con_skytree h4,
  #contents .con_air h4 {
    font-size: 124%;
  }
}
@media only screen and (max-width: 767px) {
  #contents .con_disney h4,#contents .con_skytree h4,
  #contents .con_air h4 {
    font-size: 108%;
  }
}
#contents .con_skytree h4 span,#contents .con_air h4 span {
  font-weight: 100;
    display: block;
    font-size: 85%;
}
#contents .con_skytree h4 span em,#contents .con_air h4 span em {
  color: #7c5b33;
}

/* -----------------------------------------------------------
	.con_link
----------------------------------------------------------- */
/*.con_link {
	border-bottom: 1px solid #c5c3ba;
	padding-bottom: 2.5em;
}
@media only screen and (max-width: 1159px) {
	.con_link {
	padding-bottom: 0;
	}
}
.con_link .page_link {
  margin: 20px auto 0;
  width: 100%;
  display: table;
}
.con_link .page_link li {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
  border-left: 1px solid #c5c3ba;
  padding: 2em 0;
}
.con_link .page_link li:first-child {
  border-left: none;
}
.con_link .page_link li a {
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 124%;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  line-height: 1.25;
}
.con_link .page_link-sp {
  margin: 20px auto 30px;
}
.con_link .page_link-sp select {
  width: 100%;
  color: #3d391c;
  height: 3em;
  line-height: 3em;
  padding-left: 1em;
}
@media only screen and (max-width: 1159px) {
	.con_link .box_link, .con_link .page_link-sp {
		width: 84%;
	}
}
@media only screen and (max-width: 767px) {
	.con_link .page_link-sp {
		margin: 2% auto 3%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1159px) {
  .con_link .page_link li a {
    font-size: 116%;
  }
}
@media only screen and (max-width: 767px) {
  .con_link .page_link li a {
    font-size: 108%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1159px) {
  .con_link .page_link-sp {
    background: #fff;
  }
}
@media print {
  .con_link .page_link-sp {
    background: #fff;
  }
}
.ie8 .con_link .page_link-sp {
  background: #fff;
}
.ie8 .con_link .page_link-sp select {
  border: 1px solid #fff;
}
@media only screen and (min-width: 768px) {
  .con_link .page_link-sp select {
    border: 1px solid #fff;
  }
}
@media print {
  .con_link .page_link-sp select {
    border: 1px solid #fff;
  }
}*/

#acc_snav {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    justify-content: space-between;
    letter-spacing: -.4em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 3em !important;
}
@media only screen and (max-width: 767px) {
  #acc_snav{
    flex-wrap: wrap;
    margin-top: 1em !important;
  }
}
#acc_snav li {
    letter-spacing: normal;
    border: 1px solid #c7c6bb;
    border-left: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
}
#acc_snav li:first-child {
    border-left: 1px solid #c7c6bb;
}
@media only screen and (min-width: 768px) and (max-width: 1159px){
  #acc_snav li:not(.densha) a {
    padding: 1.8em 0;
  }
}
@media only screen and (max-width: 767px) {
  #acc_snav li {
    width: 50%;
  }
  #acc_snav li:nth-child(odd) {
    border-left: 1px solid #c7c6bb;
  }
  #acc_snav li:nth-child(n+3) {
    border-top: none;
  }
}
#acc_snav li a {
    text-align: center;
    display: block;
    color: #3d391c;
    text-decoration: none;
    padding: 1em 0;
    background: #f0efe9;
    border: 1px solid #fff;
    -moz-transition: background 0.35s;
    -o-transition: background 0.35s;
    -webkit-transition: background 0.35s;
    transition: background 0.35s;
}
@media only screen and (max-width: 767px) {
  #acc_snav li a {
    font-size: 85%
  }
}
#acc_snav li a:hover {
  background: #fff;
}
#acc_snav li a.active {
  background: #fff;
}