.map iframe {
	width: 100%;
	height: 450px;
}

.add-txt {
	margin-bottom: 30px;
	text-align: center;
}
.access-root {
	margin-bottom: 20px;
}
.access-root h3 {
    border: #e3e3e3 1px solid;
    padding: 15px;
    font-weight: 700;
    font-size: 20px;
    background-repeat: no-repeat;
    background-position: 15px center;
	background-size: 35px;
	padding-left: 65px;
	cursor: pointer;
	transition: ease-in-out .3s;
	position: relative;
}
.access-root h3:before {
	width: 2px;
	height: 24px;
	background-color: #000;
	content: "";
	position: absolute;
	z-index: 1;
	right: 36px;
	top: 50%;
	margin-top: -12px;
}
.access-root h3.active:before,
.access-root h3:hover:before{
	background-color: #fff;
}
.access-root h3.active:before {
	opacity: 0;
}
.access-root h3:after {
	width: 24px;
	height: 2px;
	background-color: #000;
	content: "";
	position: absolute;
	z-index: 1;
	right: 25px;
	top: 50%;
	margin-top: -1px;
}
.access-root h3.active:after,
.access-root h3:hover:after{
	background-color: #fff;
}
.access-root h3:hover,
.access-root h3.active{
	background-color: #000;
	color: #fff;
}
.access-root.car h3 {
background-image: url("../../access/images/icon_car.svg");
}
.access-root.car h3:hover,
.access-root.car h3.active{
background-image: url("../../access/images/icon_car_ov.svg");
}
.access-root.bicycle h3 {
    background-image: url("../../access/images/icon_bicycle.svg");
}
.access-root.bicycle h3:hover,
.access-root.bicycle h3.active{
background-image: url("../../access/images/icon_bicycle_ov.svg");
}
.access-root.train h3 {
    background-image: url("../../access/images/icon_train.svg");
}
.access-root.train h3:hover,
.access-root.train h3.active{
background-image: url("../../access/images/icon_train_ov.svg");
}
.access-root.bus h3 {
    background-image: url("../../access/images/icon_bus.svg");
}
.access-root.bus h3:hover,
.access-root.bus h3.active{
background-image: url("../../access/images/icon_bus_ov.svg");
}
.access-root.taxi h3 {
    background-image: url("../../access/images/icon_taxi.svg");
}
.access-root.taxi h3:hover,
.access-root.taxi h3.active{
background-image: url("../../access/images/icon_taxi_ov.svg");
}
.txt-center {
	text-align: center;
	margin-bottom: 40px;
}
.dtl-root {
	border: #e3e3e3 1px solid;
	padding: 20px;
	border-top: 0;
	display: none;
}
.dtl-root h4 {
	font-weight: 700;
	font-size: 17px;
	padding: 15px;
	margin-bottom:25px;
	background-color: #f8f8f7;
	position: relative;
	padding-left: 20px;
}
.dtl-root h4:before {
	background-color: #d80d19;
	width: 3px;
	height: 20px;
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	top: 50%;
	margin-top: -10px;
}
.dtl-root h5 {
	font-weight: 700;
	letter-spacing: 0.06em;
	position: relative;
	font-size: 16px;
	margin-bottom: 10px;
}

.dtl-root .txt-mdb {
	margin-bottom: 30px;
}

.dtl-root table {
	border-top: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	font-size: 14px;
	line-height: 1.7;
}
.dtl-root table th {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	padding: 12px;
	background-color: #f8f8f7;
	font-weight: 500;
	width: 200px;
	padding-left: 15px;
	padding-right: 15px;
}
.dtl-root table td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	padding: 12px;
	padding-left: 15px;
	padding-right: 15px;
	word-break: break-all;
}
.dtl-root table td a {
	
}
.dtl-root table td dt {
	float: left;
}
.dtl-root table td dd {
	overflow: hidden;
}
.dtl-root .cau {
	font-size: 90%;
	margin-top: 5px;
}
.dtl-root .blk-mdb {
	margin-bottom: 50px;
}
.dtl-root .map-img iframe {
	width: 100%;
	height: 300px;
	margin-top: 30px;
}
.dtl-root .map-img.no-mdt iframe {
	margin-top: 0px;
}
.train dt {
	font-weight: 700;
	float: left;
	
}
.train dt:after {
	content: "…";
}
.train dd {
	overflow: hidden;
}
.dot li {
	position: relative;
	padding-left: 15px;
}
.dot li a {
	color: #d80d19;
text-decoration: underline;
	background-image: url("../images/icon_blank.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: 22px;
padding-right: 25px;
}
.dot li a:hover {
text-decoration: none;
}
.dot li:before {
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 12px;
	background-color: #000;
	border-radius: 50%;
}


.parking table {
	border-top: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	font-size: 14px;
	line-height: 1.8;
	margin-top: 25px;
	
}
.parking table th {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	padding: 12px;
	background-color: #f8f8f7;
	font-weight: 500;
	width: 200px;
	padding-left: 15px;
	padding-right: 15px;
}
.parking table td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	padding: 12px;
	padding-left: 15px;
	padding-right: 15px;
	word-break: break-all;

}
.parking table td a {
	
}
.parking table td dt {
	float: left;
}
.parking table td dd {
	overflow: hidden;
}
.parking .map-img iframe {
	width: 100%;
	height: 350px;
	margin-top: 30px;
}
.parking .map-img.no-mdt iframe {
	margin-top: 0px;
}
.parking h3 {
	font-weight: 700;
font-size: 17px;
padding: 15px;
  padding-left: 15px;
margin-bottom: 25px;
background-color: #f8f8f7;
position: relative;
padding-left: 20px;
}
.parking h3:before {
  background-color: #d80d19;
  width: 3px;
  height: 20px;
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.parking .cau {
	font-size: 90%;
	margin-top: 5px;
}
.parking .blk-mdb {
	margin-bottom: 50px;
}
@media screen and (max-width:980px){
.blk table th {
	width:auto;
	display: block;
}
.blk table td {
	width:auto;
	display: block;
}
}
@media screen and (max-width:480px){

.visual {
  margin-bottom: 40px;
}
.blk {
  margin-bottom: 40px;
}

.blk table th {
	padding-top: 10px;
	padding-bottom: 10px;
}
.blk table td {
	padding-top: 10px;
	padding-bottom: 10px;
}
.blk table {
	line-height: 1.7;
}
.txt-center {
  margin-bottom: 30px;
}
.access-root h3 {
  padding: 10px;
    padding-left: 10px;
  font-size: 16px;
  background-position: 13px center;
  background-size: 27px;
  padding-left: 50px;
}
.dtl-root {
  padding: 15px;
}
.access-root {
  margin-bottom: 10px;
}
.dtl-root h4,
.parking h3{
  font-size: 15px;
  padding: 10px;
  margin-bottom: 15px;
  padding-left: 15px;
}
.dtl-root h5 {
  font-size: 15px;
  margin-bottom: 5px;
}
.dtl-root .blk-mdb {
  margin-bottom: 35px;
}
.access-root h3::before {
  height: 20px;
  right: 19px;
  margin-top: -10px;
}
.access-root h3::after {
	width: 20px;
	right: 10px;
}
.map iframe {
  width: 100%;
  height: 370px;
}
.dtl-root .map-img iframe,
.parking iframe{
  height: 270px;
}
}