/* for override
---------------------------------------------------------------------------- */

.text_area .subtitle {
	margin-bottom: 30px;
}

.type_text .link_btn {
	margin-left: 1em;
}


@media screen and (max-width:768px) {
.type_text .link_btn {
	margin-left: 0;
	margin-top: 1em;
}
}

/* for contents
---------------------------------------------------------------------------- */

.legend_area {
    margin: 10px 0 10px 0;
}
.legend_area ul{
    overflow: hidden;
}
.legend_area ul>li{
    float: left;
    width: 220px;
    white-space: nowrap;
    margin: 0 0 10px 0;
}
.legend_area ul>li img{
    height: 28px;
}
.legend_area ul.ex1>li:nth-of-type(1){
    width: 255px;
}
.legend_area ul.ex1>li:nth-of-type(2){
    width: 315px;
}
.legend_area ul.ex1>li:nth-of-type(3){
    width: 310px;
}
@media screen and (max-width:768px) {
.legend_area {
    margin: 10px 1rem 10px 1rem;
}
.legend_area ul{
    overflow: hidden;
}
.legend_area ul>li{
    float: left;
    width: 50%;
    margin: 0 0 10px 0;
}
.legend_area ul.ex1>li:nth-of-type(1){
    width: 44%;
}
.legend_area ul.ex1>li:nth-of-type(2){
    width: 56%;
}
.legend_area ul.ex1>li:nth-of-type(3){
    width: 60%;
}
.legend_area ul>li img{
    height: 25px;
}
} @media screen and (max-width:374px) {
.legend_area ul>li img{
    height: 21px;
}
}

.map_area {
	width: 800px;
	margin: 0 auto 20px;
}

.map_area h3,.map_detail h3.line_right {
	margin-bottom: 30px;
	font-size: 2.2rem;
}

.map_area p {
	padding-bottom: 40px;
	font-weight: bold;
}

.map_area img {
	width: 100%;
	margin-bottom: 0.5rem;
}



@media screen and (max-width:768px) {
.map_area {
	width: 90%;
	margin: 0 auto;
}

.map_area h3{
	margin-bottom: 20px;
	font-size: 1.6rem;
}


}

.icon_box{
	box-sizing:border-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display:-ms-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	-webkit-align-content:flex-start;
	justify-content:space-between;
	align-content:flex-start;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-bottom:2em;
	overflow:hidden;
}

.icon_box ul,.icon_box dl{margin-bottom:1.5em;}

.icon_box li{width:110%;}

.rail{width:54%; float:left;}

.rail ul{width:47%;}

.facility{width:46%; float:right;}

.facility ul{width:29%; position:relative;}

.facility .convenie{
	position:absolute;
	bottom:0;
	left:0;
	width:135%;
}
 
.icon_box dl{width:24%;}

.icon_box dl dt{margin-bottom:1em;}

.icon_box dl dt a,.icon_box dl .nonelink{
	display:block;
	border-radius:0;
	font-size:1.6rem;
	font-weight:bold;
}

.icon_box dl .nonelink{
	color: #fff;
	line-height: 1.0;
	text-align: center;
	padding: 8px 12px;
	background:#000;
}

.icon_box .row2 a,.icon_box .row2 .nonelink{
	font-size:1.25rem;
}

.icon_box li,.icon_box dd{margin-bottom:0.25em;}
 
.icon_box ul li img,.icon_box dl dd img{width:100%;}

.type_image {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-left: 1.5em;
}
.type_image > div {
	width: 50%;
}
.type_image > img {
	flex-basis: 400px;
	width: 400px;
}

.type_text {
	margin-left: 1.5em;
}

.type_2column {
	display: flex;
	margin-left: 1.5em;
}
.type_2column div {
	width: 50%;
}

@media screen and (max-width:768px) {
.type_image {
	display: block;
	margin: 0 0.6rem;
}
.type_image > div {
	width: 100%;
}
.type_image > img {
	width: 100%;
}

.type_text {
	margin: 0 0.6rem;
}

.type_2column {
	display: block;
	margin: 0 0.6rem;
}
.type_2column div {
	width: 100%;
}

}



.text_area {
	margin-bottom: 50px;
}


.text_area h3 {
	clear: both;
	display: inline-block;
	color: #fff;
	background-color: #D29600;
	padding: 0.5em 0.8em;
	margin: 0 0 1em 0;
}

.map_detail h3.line_right {
	display: flex;
  align-items: center;
	background:none;
	color:#333333;
	font-size:1.8rem;
	padding:0;
	margin-left:20px;
}

.map_detail h3.line_right{
	padding-top:1.5em;
}

.map_detail h2.subtitle{margin-bottom:0;}

.text_area .type_text h3 {
	margin-left: 0;
}

.text_area dl {
	margin-bottom: 1.5em;
}
.text_area dl:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}

.text_area dl dt {
	float: left;
	margin-bottom: 0.5em;
	line-height: 1.4;
}
.text_area dl dt::after {
	content: "\FF1A"; /* ： */
	margin: 0 0.3em;
}

.text_area dl dd {
	margin-bottom: 0.5em;
	line-height: 1.4;
}

.text_area dl dd.pl3em{padding-left:3.75em;}
.text_area h4 {
	margin-bottom: 0.8em;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.2;
}
.text_area h4::before {
	content: "\30FB"; /* ・ */
}

.text_area p {
	margin: 0 1em 0.8em 0;
	line-height: 1.2;
}

.text_area ul {
	margin: 0 1em 1em 1em;
}
.text_area ul li {
	margin-bottom: 0.3em;
	line-height: 1.2;
}


.text_area .btn_area {
	text-align: right;
	padding-bottom: 1em;
}


@media screen and (max-width:768px) {
.map_detail h3.line_right{
	font-size:1.6rem;
	margin-left:0.5em;
}

.text_area p {
	margin: 0 0 0.8em;
}

.icon_box ul,.icon_box dl{margin-bottom:0.75em;}

.icon_box li{width:100%;}

.rail,.facility,.icon_box{width:96%; float:none; margin:0 auto 1.5em;}

.rail ul{width:49%;}

.facility ul{width:29%;}

.facility .convenie{
	width:100%;
}
 
.icon_box dl{width:48%;}

.icon_box dl dt a,.icon_box dl .nonelink{font-size:3vmin;}	

.icon_box .row2 a{font-size:2vmin;}

}