@charset "utf-8";
/* CSS Document */

/* ------------------
交通案内
------------------ */

.accessMap {
float: left;
margin-bottom: 27px;
}
.accessInfo {
float: right;
width: 550px;
margin-bottom: 27px;
}
.accessInfo table {
border-top-style: none;
border-left-style: none;
font-size: 108%;
width: 550px;
margin-bottom: 37px;
}
.accessInfo table tr th {
background-color: transparent;
border-right-style: none;
padding: 7px;
}
.accessInfo table tr td {
border-right-style: none;
padding: 7px;
}
.accessInfo ul li {
float: left;
margin-right: 24px;
}
.accessInfo ul li div img{
margin-bottom:5px
}
.accessMap2 iframe {
border: 1px solid #dcdddd;
}
.accessMapLis {
margin-bottom:30px;
}
.accessMapLis li{
width:210px;
float:left;
margin-right:16px;
}
.accessMapLis li.last {
margin-right:0;
}
.accessMapLis li img{
margin-bottom:5px
}

/* ------------------------------------------------------------------------------
SP
------------------------------------------------------------------------------ */
@media screen and (max-width:769px) {
.accessMap {
float: none;
width: 100%;
}
.accessMap img {
width: 100%;
height: auto;
}
.accessInfo,
.accessInfo table {
float: none;
width: 100%;
}
.accessInfo ul li {
width: 48%;
margin-right: 5px;
}
.accessInfo ul li img {
width: 100%;
height: auto;
}
.accessMapLis li {
float: none;
width: 90%;
margin: 0 auto;
margin-bottom: 20px;
}
.accessMapLis li.last {
margin: 0 auto;
}
.accessMapLis li img {
width: 100%;
height: auto;
}

.accessMap2 {
position: relative;
padding-bottom: 90%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.accessMap2 iframe,
.accessMap2 object,
.accessMap2 embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


}