@charset "UTF-8";
/* access.css */

.sp {
  display: none;
}

.pc {
  display: block;
}


/*=========================================

	グーグルマップ

=========================================*/

#map_canvas {
  width: 1100px;
  height: 550px;
  margin: 60px auto 5px;
  border: 15px solid #E2E2E2;
  border-radius: 10px;
  box-sizing: border-box;
}
.linkMapContainer {
  margin: 0 0 15px 0;
  text-align: right;
}
.linkMapContainer .link .labelPc {
  display: inline;
}
.linkMapContainer .link .labelSp {
  display: none;
}
.mapAddress {
  margin: 0 0 60px 0;
}
.mapAddress .place {
  font-size: 2rem;
}
.mapAddress .place a {
  color: #d1b231;
  text-decoration: none;
}

/*=========================================

	ページマップ

=========================================*/
.pageMap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 900px;
  margin: 0 auto;
  padding: 20px 0 20px 35px;
  background: #f6f0ea;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.pageMap li {
  position: relative;
  float: left;
  width: 200px;
  height: 52px;
  margin-right: 10px;
  list-style: none;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
}
.pageMap li:last-child {
  margin-right: 0;
}
.pageMap li a {
  display: block;
  text-decoration: none;
  color: #333;
  font-size: 2.0rem;
  line-height: 52px;
}
.pageMap li img {
  position: absolute;
  top: 50%;
  left: 7px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
}
.pageMap li:hover {
  opacity: .8;
}

.row {
  position: relative;
}
#trainBoxLink,
#busBoxLink,
#airBoxLink,
#carBoxLink {
  position: absolute;
  top: -170px;
}

/*=========================================

	アクセス共通

=========================================*/
.accessh2 {
  margin-bottom: 20px;
  padding: 0 0 10px 0;
  width: 100%;
  color: #d1b231;
  font-size: 2.4rem;
  line-height: 40px;
  border-bottom: 2px dotted #5B4C3E;
}
.accessh2 .icon {
  display: table-cell;
  vertical-align: middle;
  width: auto;
  padding: 0 10px 0 0;
  height: 40px;
}
.accessh2 .icon img {
  display: block;
}
.accessh2 .text {
  display: table-cell;
  vertical-align: middle;
}


.carRute,
.busRute,
.ferryRute {
  display: inline-block;
  margin-left: 40px;
  padding: 5px 5px 5px 15px;
  border-left: 4px solid #C1678A;
}
.carRute b,
.busRute b,
.ferryRute b {
  font-size: 2.2rem;
  color: #C1678A;
}
.carRute span,
.busRute span,
.ferryRute span {
  font-size: 1.6rem;
}

/*=========================================

	電車

=========================================*/
#trainBox {
  margin: 80px auto 50px;
}
.trainText {
  width: 1100px;
  margin: 0 auto 32px;
  padding-bottom: 18px;
  border-bottom: 2px solid #e7ded3;
  font-size: 1.8rem;
  line-height: 1;
}
.trainText .bold {
  font-size: 2.2rem;
}
.trainText .red {
  color: #9e3f4a;
}

.imgTrain {
  width: 891px;
  margin: 50px auto;
}

.trainBtn {
  position: relative;
  display: block;
  display: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 370px;
  height: 60px;
  margin: 0 auto;
  padding-left: 75px;
  text-decoration: none;
  letter-spacing: .1em;
  color: #fff;
  border-radius: 10px;
  background: #d1b231;
  font-size: 2.0rem;
  line-height: 60px;

      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
}
.trainBtn img {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -10px;
}
.trainBtn:hover {
  opacity: .8;
}

/*=========================================

	バス

=========================================*/

#busBox {
  margin: 0 auto 50px;
}
.busRuteBox {
  width: 830px;
  margin: 0 auto;
}
.busRuteTitle {
  position: relative;
  width: 830px;
  padding-top: 51px;
}

.busStationName {
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: .1rem;
  color: #9e3f4a;
  font-size: 2.0rem;
}

.busCity {
  position: absolute;
  top: 1px;
  left: 142px;
  display: inline-block;
  color: #666;
  font-size: 1.6rem;
}

.busTime {
  position: absolute;
  top: -4px;
  left: 241px;
  font-size: 1.6rem;
}
.busTime .red {
  color: #9e3f4a;
  font-size: 3.0rem;
}
.busRute {
  font-size: 1.6rem;
}
.busRute + .busRute {
  margin-top: 13px;
}
.busRute + .busRuteTitle {
  margin-top: 50px;
}
.busStop {
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 390px;
  padding-left: 52px;
  line-height: 1.4em;

      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
}
.busStop:before {
  position: absolute;
  top: 2px;
  left: 28px;
  width: 13px;
  height: 18px;
  content: "";
  background: url(../images/access/iconBusstop.png) no-repeat;
}
.busStop:after {
  position: absolute;
  top: 2px;
  right: 21px;
  width: 65px;
  height: 18px;
  content: "";
  background: url(../images/access/iconBusarrow.png) no-repeat;
}
.busArrival {
  float: left;
}
.busArrival .red {
  color: #9e3f4a;
}

/*=========================================

	タクシー

=========================================*/

.taxiRuteBox {
  margin-left: 40px;
}
.taxiRute {
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 320px;
  height: 72px;
  padding-top: 5px;
  padding-left: 30px;
  border-left: 5px solid #b5675b;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
}
.taxiStop {
  font-size: 1.6rem;
}
.taxiStop .red {
  color: #9e3f4a;
  font-size: 2.0rem;
}
.taxiStop .taxiTime {
  display: inline-block;
  margin: 0 5px;
  font-size: 3.0rem;
}
.taxiPrice {
  margin-top: 10px;
  font-size: 1.8rem;
}

/*=========================================

	飛行機

=========================================*/

#airBox {
  margin: 0 auto 50px;
}

.imgAir {
  width: 891px;
  margin: 50px auto;
}

/*=========================================

	車

=========================================*/

#carBox {
  margin: 0 auto 50px;
}
.carArrival {
  font-size: 1.6rem;
}
.imgCar {
  width: 891px;
  margin: 50px auto;
}
#carBox .contents + .contents {
  margin-top: 40px;
}
#carBox h4 {
  margin: 20px 0 0 10rem;
  font-size: 1.6rem;
}
#carBox table {
  width: 80%;
  border-top: solid 1px #B3665B;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 10px auto;
  line-height: 1.6;
  font-size: 1.4rem;
  text-align: left;
}
#carBox table tr {
  border: solid 1px #d1b231;
}
#carBox table th {
  width: 25%;
  padding: 15px;
  background-color: #f7f0da;
  box-sizing: border-box;
}
#carBox table td {
  padding: 15px;
  background-color: #FFF;
}
.etcLink {
  /*margin: 0 0 0 10rem;*/
  margin: 2% auto 0;
  padding: 15px;
  width: 80%;
  text-align: center;
  border: 2px solid #5b4c3e;
  box-sizing: border-box;
}
#carBox ul {
  margin: 0 0 0px;
}


/*=========================================

  フェリー

=========================================*/

#ferryBox {
  margin: 50px auto;
}
.ferryRuteBox {
  margin: 50px auto;
}