@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/
/*body{display: none;}*/

.PC{width: 100%}
#HEADER ul.NAVI li a.H_LOCATION	{ border-bottom:3px solid #5C514F; }
.sidr ul li a.sidr-class-H_LOCATION {background-color: #E08D1C;}

#PAGE .BOX h3	{ width:100%; float:left; display:inline; margin:50px 0 30px 0px; font-size:25px; line-height:2em; letter-spacing:0.1em; text-align:center; line-height: 40px;}
#PAGE span.ALART	{ width:900px; float:left; margin:10px 0 30px 0px; font-size:11px; line-height:1.2em; }
p.P_CENTER { width:100%; float:left; clear:none; text-align:center; }
p.P_CENTER2 { width:100%; float:left; clear:none; text-align:center; margin:50px 0 20px 0; font-size:16px; }
table , td, th {border: 1px solid #595959;border-collapse: collapse;margin:0 0 0 84px;}
ul.UL_LOCATION { width:920px; margin:30px auto 0 auto; display: flex;flex-wrap: wrap;}
ul.UL_LOCATION li { width:210px; clear:none; margin:0 10px; line-height:1.7em; font-size:12px; margin-bottom: 20px;}
ul.UL_LOCATION li img { width:100%; float:left; clear:none; margin-bottom: 8px;}
.name { font-size: 14px;letter-spacing: .5px;overflow: visible;margin-bottom: -18px;}

.IMG_ACCESS { width:400px; margin:20px 0 50px 230px; float:left; }

.BOX { width:960px; clear:none; margin:0 ; }
.BOX p { line-height:2em; font-size:14px; text-align:center; }
#PAGE .COPY	{ width:100%; float:left; display:inline; margin:0 0 10px 0px; font-size:25px; line-height:1.2em; letter-spacing:0.1em; }
p.P100 { width:100%; float:left; clear:none; font-size:13px; }
p.P100 img { width:80%; float:left; clear:none; margin:40px 0 0 10%;  }
br.PC { display:block; }
br.SP { display:none; }
#PAGE .SHEET {background:none;padding-bottom: 0px;}
a.A_GOOLE { width:100%; float:left; clear:none; }
a.A_GOOLE:link { text-decoration:none; }
a.A_GOOLE:hover { text-decoration:underline; }
span.SPAN_ADRESS { width:100%; float:left; clear:none; }

.BOX_W { width:860px; background:#fff; margin:0 0 50px 0; }
.BOX_W img { width:800px; float:left; clear:none; margin:30px 0 30px 30px; }
.BOX_W strong { width:100%; text-align:center; font-size:20px; float:left; clear:none; margin:30px 0 0 0; }

.Trainaccess_warp  { width:800px; float:left; clear:none; background:#fff; margin:0 0 50px 0; padding:30px; }
.Trainaccess {width:400px;float:left; clear:none;overflow: hidden;position: relative;margin-bottom: 5px;display: -webkit-box;display: -ms-flexbox;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;justify-content: space-between;line-height: 1;}
.Trainaccess .station {position: relative;display: inline-block;padding-right: 8px;font-size: 18px;}
.Trainaccess .station p { float:left; clear:none; }
.Trainaccess .station span {font-size: 20px;}
.Trainaccess .time {position: relative;display: inline-block;font-size: 18px;}
.Trainaccess .time span {font-size: 30px;margin:0 5px;}
.Trainaccess .time small {font-size: 14px;}
.Trainaccess-sub {position: relative;margin-top: 20px;padding: 0 20px 0 0px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;justify-content: flex-end;line-height: 1;}
.Trainaccess-sub .station {font-size: 14px;}
.Trainaccess-sub .station span {font-size: 26px;}
.Trainaccess-sub .time {font-size: 14px;}
.Trainaccess-sub .time span {font-size: 28px;}
br.sp { display:none; }
#PAGE .BOX h3.border{text-align: left;font-size: 20px;border-bottom: 1px solid;padding-bottom: 5px;font-weight: 500;}
.access{overflow: visible;}
.access img{margin-top: -15px;margin-bottom: 50px;background: white;}
.SP{display: none;}
.walk{font-size: 12px;}
.copylighht {font-size: 11px;　width: 600px;　float: left;　margin-top: 10px;line-height: 1.6em;}

/* .PC{display: block;} */



@media screen and (max-width: 640px){
#PAGE .COPY	{ width:100%; float:left; display:inline; margin:20px 0 0px 0px; font-size:18px; line-height:1.7em; letter-spacing:0.1em; text-align:center; }
#PAGE h3	{ width:100%; float:left; display:inline; margin:30px 0 10px 0px; font-size:18px; line-height:1.7em; letter-spacing:0.1em; text-align:center; }
#PAGE .BOX h3	{margin: 50px 0 10px 0px;font-size: 20px;line-height: 31px;}
br.PC { display:none; }
br.SP { display:block; }
.BOX { width:100%; float:left; clear:none; margin:0 0px 0 0px; }
.BOX p { width:100%; float:left; clear:none; line-height:2em; text-align: left;}
p.P100 { width:100%; float:left; clear:none; font-size:13px; }
p.P100 img { width:100%; float:left; clear:none; margin:40px 0 0 0%;  }
p.P_CENTER { width:100%; float:left; clear:none; text-align:center; margin:0; padding:30px 0; }
p.P_CENTER2 { width:100%; float:left; clear:none; text-align:center; margin:50px 0 20px 0; font-size:16px; }
p.P_CENTER img { width:90%; float:left; clear:none; margin:0 0 0 5%; }
ul.UL_LOCATION { width:100%; margin:0px auto 0 auto; }
ul.UL_LOCATION li { width:100%; float:left; clear:none; margin:0 0px 20px 0; }
ul.UL_LOCATION li img { width:40%; float:left; clear:none; margin:0 10px 0 0; }
span.SPAN_ADRESS { width:100%; float:left; clear:none; }
.BOX_W { width:100%; background:none; margin:0 0 30px 0; }
.BOX_W img { width:100%; float:left; clear:none; margin:0; }
.BOX_W strong { width:100%; text-align:center; font-size:25px; float:left; clear:none; margin:30px 0 10px 0; }
.IMG_ACCESS { width:100%; margin:20px 0 0px 0px; float:left; }
.Trainaccess_warp  { width:90%; float:left; clear:none; background:#fff; margin:0 0 50px 0; padding:20px 5%; }
.Trainaccess { width:100% ; float:left; clear:none; }
.Trainaccess .time {float:right; clear:none;position: relative;display: inline-block;padding-left: 0px;font-size: 18px;}
.Trainaccess .time span {font-size: 20px;margin:0 5px;}
.Trainaccess .station p { font-size:12px; }
.ROSEN { width:100%; float:left; clear:none; margin:20px 0 0 0; line-height:1.7em; }
br.sp { display:block; }


#PAGE .BOX h3.border{font-size: 18px;}
ul.UL_LOCATION li div{margin-top: 10px;}
.access img{width: 95vw;background: white;}

.PC{display: none;}
.SP{display: block; width:100%;}

.map iframe{height:300px;}
.walk{font-size: 14px;}

}