@charset "utf-8";

/* ---------------------------------------------------
   File: access.css
   Version: 1.0.0
   Update: 2018-07-17
   Author: http://flowlab.co.jp

   (c)2007-2018 Flowlab inc. All Rights Reserved.
--------------------------------------------------- */




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

   WIDE DESKTOP LAYOUT

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

/* ====================================================
		Header
==================================================== */
#header .slide {
	background-image: url(../access/images/bg_top2.jpg);
}
#header .backgroundImg {
	background-position-y: -44vw!important;
}


/* ====================================================
		Contents
==================================================== */
/* -------------------------------
		Google Map
------------------------------- */
#gmap {
position: relative;
/*padding-bottom: 43.1%;*/
margin: 25px 70px 0;
/*height: 0;*/
overflow: hidden;
}
#googleMap {
	width: 100%;
	height: 500px;
}
/*#gmap #googleMap iframe,
#gmap #googleMap object,
#gmap #googleMap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}*/
/*#googleMap img {
	width: 100%!important;
	height: auto!important;
}*/



/* -------------------------------
		Info Box
------------------------------- */
#infoBox {
	padding-top: 90px;
}
#infoBox .row {
	max-width: 720px;
}
#infoBox h2 {
	font-weight: 300;
	font-size: 1.6em;
	line-height: 1.3em;
	margin-bottom: 30px;
}
#infoBox address {
	text-align: left;
	line-height: 1.8em;
}
#infoBox address a {
	color: #000;
	text-decoration: underline;
	display: inline-block;
	margin-left: 0.5em;
}
#infoBox address a:hover {
	text-decoration: none;
}
#infoBox address .tel {
	display: inline-block;
	margin-right: 1em;
	margin-bottom: 0;
}

#infoBox .btn_bdr {
	display: none;
}




/* -------------------------------
		Public - Transport
------------------------------- */
#public-transport {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	padding-top: 65px;
}
#public-transport article {
	border-left: solid 1px #e5e5e5;
	padding: 70px 0 50px;
	-webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#public-transport article:nth-of-type(2n) {
	border-right: solid 1px #e5e5e5;
}
#public-transport h1 {
	font-size: 1.6em;
	text-align: center;
	line-height: 1.3em;
	padding: 0 0 30px;
	letter-spacing: 0.1em;
	font-weight: 300;
	margin: 0;
}
#public-transport h1 .en {
	display: block;
	font-size: 0.6rem;
	line-height: 1em;
	padding: 5px 0;
	font-style: italic;
}
#public-transport h1 + p {
	padding: 0 50px;
	margin: 0 0 1em;
	font-weight: 400;
}
#public-transport h1 img {
	width: 44px;
	height: auto;
	margin: 0 auto 10px;
}
#public-transport dl {
	padding: 0 0.5em 0 50px;
}
#public-transport dt {
	font-weight: 300;
	display: inline-block;
	border: solid 1px #999;
	font-size: 0.9em;
	line-height: 1.3em;
	padding: 0 1em;
	margin: 0 0 10px 0;
}
#public-transport dd {
	margin: 0 0 15px 0;
}
#public-transport dd ul {
	margin: 0;
	padding: 0;
}
#public-transport dd ul li {
	margin-bottom: 5px;
}


/* -------------------------------
		Image Map
------------------------------- */
#imgMap {
	padding-top: 65px;
}


/* -------------------------------
		Parking
------------------------------- */
#parking {
	max-width: 700px;
	padding: 75px 0;
}
#parking .grid_5 {
	padding-left: 25px;
}
#parking h2 {
	padding: 50px 0 10px;
}

#parking + .btn_bdr {
	padding-bottom: 100px;
}




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

   TABLET - LARGE

============================================================================================================================================= */
@media screen and (min-width: 992px) and (max-width: 1199px) {



}





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

   TABLET

============================================================================================================================================= */
@media screen and (min-width: 768px) and (max-width: 991px) {

/* ====================================================
		Header
==================================================== */
#header .backgroundImg {
	background-position-y: -40vw!important;
}


/* ====================================================
		Contents
==================================================== */
/* -------------------------------
		Public - Transport
------------------------------- */
#public-transport article {
	padding: 70px 0 30px;
}
#public-transport h1 {
	padding: 0 0 30px;
}
#public-transport h1 + p {
	padding: 0 30px;
}
#public-transport dl {
	padding: 0 0.5em 0 30px;
}



}





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

   MOBILE

============================================================================================================================================= */
@media screen and (max-width: 767px) {

/* ====================================================
		Header
==================================================== */
#header .backgroundImg {
	-webkit-background-size: 130vw;
	-moz-background-size: 130vw;
	-o-background-size: 130vw;
	background-size: 130vw;
	background-position-y: bottom!important;
}


/* ====================================================
		Contents
==================================================== */
/* -------------------------------
		Google Map
------------------------------- */
#gmap {
margin: 0 6vw;
}
#googleMap {
	height: 350px;
}



/* -------------------------------
		Info Box
------------------------------- */
#infoBox {
	padding-top: 40px;
}
#infoBox h2 {
	font-size: 1.5em;
	line-height: 1.3em;
	margin-bottom: 15px;
}
#infoBox address .tel,
#infoBox address .fax {
	display: block;
}
#infoBox .btn_bdr {
	display: block;
	margin: 0 auto;
	text-align: center;
}
#infoBox .btn_bdr a {
	text-decoration: none;
}
#infoBox .btn_bdr a:hover {
	color: #fff;
}
#infoBox .btn_bdr a img {
	display: inline-block;
	width: 1.1em;
	height: auto;
	margin-right: 20px;
}



/* -------------------------------
		Public - Transport
------------------------------- */
#public-transport {
	display: block;
}
#public-transport article {
	padding: 0 0 40px;
	display: block;
}
#public-transport article {
	border-left: none;
}
#public-transport article:nth-of-type(2n) {
	border-right: none;
}
#public-transport h1 {
	font-size: 1.5em;
	line-height: 1.3em;
	padding: 0 0 20px;
}
#public-transport h1 + p {
	padding: 0;
}
#public-transport dl {
	padding: 0;
}



/* -------------------------------
		Image Map
------------------------------- */
#imgMap {
	padding-top: 35px;
}
#imgMap.row {
	width: 100%;
}


/* -------------------------------
		Parking
------------------------------- */
#parking {
	width: 82vw;
	max-width: none;
	padding: 45px 0 25px;
}
#parking .grid_7,
#parking .grid_5 {
	width: 100%;
	margin: 0;
}
#parking .grid_5 {
	padding-left: 0;
}
#parking h2 {
	padding: 30px 0 0;
}

#parking + .btn_bdr {
	padding-bottom: 70px;
}


}