@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/

/*
#HEADER ul.NAVI li a.H_LOCATION	{ border-bottom:3px solid #36322f; }*/
.sidr ul li a.sidr-class-H_LOCATION { background-color:#b9dbd8; }
#HEADER ul.NAVI li a.H_LOCATION	{}
#g-nav li a.nav_location {color: #DAA560;}

#PAGE .BOX h2	{ width:100%; float:left; display:inline; margin:30px 0 20px 0px; font-size:25px; line-height:2em; letter-spacing:0.1em; margin-top: 15px;}
#PAGE h3 	{ width:100%; float:left; display:inline; margin:0px 0 10px 0px; font-size:18px; line-height:2em; letter-spacing:0.1em; text-align:left; border-bottom:1px solid #fff; }
#PAGE span.ALART	{ width:900px; float:left; margin:10px 0 30px 0px; font-size:11px; line-height:1.2em; }
p.P_CENTER { width:100%; padding:20px;  margin:50px 0 0 0; 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; }
.UL_LOCATION { width:100%; margin:30px auto 0 auto; display:flex; flex-wrap: wrap;}




.LOCATION_IMG{width: 226px; margin: 0 7px 0 7px;}
.LOCATION_IMG img{width: 100%;}
.LOCATION_BUN{margin-top: 10px;line-height: 18px;margin-bottom: 30px}
.LOCATION_NAME{font-size: 16px;letter-spacing: 1px;margin-bottom: 5px;margin-top: 3px;}

.BOX { width:100%; float:left; clear:none; margin:0 0px 0 0px; }
.BOX p { line-height:28px; font-size:13px; text-align:center; letter-spacing: 1px;}
#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; }
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; }

.kisera{width: 100%;}
.kisera_img{position: relative;margin-top: 30px;}
.kisera_img img{width: 100%;}
.kisera_img .kisera_text{position: absolute;
width: 42%;top: 20px;right: 0;}
.kisera_map{margin-top: 30px;}
.kisera_map img{width: 100%;}
.map{margin:20px auto;}


.ul_rosen { width:100%;margin:0 auto;display: flex; border: 1px solid #000; box-sizing: border-box;}
.rosen_img{width: 50%;}
.rosen_img img{width: 50%;}
.ul_rosen li { }
.ul_rosen li img { width:100%; }
.ul_rosen_left { padding:20px 2.5%;}
.ul_rosen_left strong { font-size:20px; margin-bottom:20px;  display:inline-block; }
.Trainaccess_warp  { width:100%; margin:5px 0;}
.Trainaccess {overflow: hidden;position: relative;margin-bottom:20px;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 small { width:100%; display:inline-block; }
.Trainaccess .station {position: relative;display: inline-block;padding-right: 8px;font-size: 18px;}
.Trainaccess .station p { margin:0; }
.Trainaccess .station small { width:100%; font-size:12px; display:inline-block; }
.Trainaccess .station span {font-size: 20px;}
.Trainaccess .time {position: relative;display: inline-block;font-size: 18px;}
.Trainaccess .time p { margin:0; }
.Trainaccess .time span {font-size: 30px;margin:0 5px; color:#c12a27; }
.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;}
.button{width:480px;display:flex;margin:50px auto;justify-content: space-between;}
.tab{margin:0 20px; background:#859565; padding:10px 50px; font-size:16px;}
.tab a{color:#fff;}
.button{width:480px;display:flex;margin:50px auto;justify-content: space-between;}
.tab{margin:0 2.5%; background:#859565; padding:10px; font-size:16px;width: 45%;text-align: center;}
.tab a{color:#fff;}
.tab a:hover{opacity: 0.5;}
.sp{display: none;}
#PAGE {
width: 100%;
background: -moz-linear-gradient(top right, #FFF 20%, #EDF6F7 70%);
background: -webkit-linear-gradient(top right, #FFF 20%, #EDF6F7 70%);
background: linear-gradient(to bottom left, #FFF 20%, #EDF6F7 70%);
}
.access_img img{width: 100%;}
.access_img{width: 75%; margin: 0 auto;}

/* 吉川記入 */
h2 strong	{ width:100%; float:left; font-size:32px; letter-spacing:0.05em}
h2 span	{ width:100%; float:left; font-size:11px; letter-spacing:0.05em;margin-top: -20px;}
.IN_text{color: #fff}
.ORANGE{background-color: #DAA560;padding-top: 40px;padding-bottom: 40px}
.BLACK{background-color: #fff;padding-top: 40px;padding-bottom: 60px;color: #6a6a6a;}
.IN{width: 960px;margin:0 auto 50px;}
.SHEET2 {width: 100%;margin: 0 auto;text-align: left;position: relative;color: #fff}
.top {background: #6a6a6a;width: 100%;height: 250px;position: relative;padding-top: 20px;}
.top_img {width: 800px;position: absolute;right: 0;left: auto;}
.top_text {position: absolute;width: 960px;margin: 0 auto;left: 0;right: 0;color: #fff;z-index: 2;}
.top_text h1 {font-size: 60px;font-family: 'Oswald', sans-serif;letter-spacing: 7px;}
.top_text h1 span {font-size: 14px;letter-spacing: 3px;}
.text_black{color: #000000;margin-top: 60px;}


.googlemap{width: 100%;margin: 0 auto;display: block;color: BLACK;}
.googlemap:hover{opacity: 0.5;}


.map_flex{width: 100%;}
.iframe p{text-align: left;font-size: 15px;}
.iframe iframe{width: 100%;height: 450px;}
.map_img p{text-align: left;font-size: 16px;margin-top: 60px;}
.map_img img{width: 100%;border: 1px solid;box-sizing: border-box;}

@media screen and (max-width: 740px){
  .PC{display: none;}
  .sp{display: block;}
#PAGE .SHEET2 {width: 100%; margin: 0;}
#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 .BOX h2	{ width:100%; float:left; display:inline; margin:10px 0; font-size:20px; line-height:1.6em; letter-spacing:0.1em; }
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:1.75em;font-size: 13px;
line-height: 28px;letter-spacing: 0.5px; margin-bottom: 35px;}
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%; }
.LOCATION_IMG{width: 90vw; margin:0 auto; margin-bottom: 25px;}


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; }
.ul_rosen { width:100%; display:flex;margin:0 0 30px 0;  flex-wrap:wrap; }
.ul_rosen li { width:100%; }
.ul_rosen_left { margin:0 0 10px 0; }
.ul_rosen_left small { width:100%; display:inline-block; }
.Trainaccess_warp  { width:90%; float:left; clear:none; margin:0; padding:0 5%; }
.Trainaccess { width:100% ; float:left; clear:none; }
.Trainaccess .time {float:none; 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; }

.button{width:100%;display:flex;margin:50px auto;justify-content: space-between;}
.tab a{color:#fff;}
.button{width:100%;display:flex;margin:30px auto;justify-content: space-between;}
.tab{margin:0 2.5%; background:#859565; padding:10px; font-size:14px;width: 45%;text-align: center;}
.tab a{color:#fff;}

#PAGE .SHEET h1 strong{font-size: 22px; padding-top: 15px;}
#PAGE h3 {width: 90vw;font-size: 18px;border-bottom: 1px solid #fff;margin: 0 auto;margin-top: 30px;float: none;display: block;}
.UL_LOCATION{margin: 15px auto 0 auto;}
iframe{margin-bottom: 10px;}

#PAGE .SHEET h1{margin:0}

/* 吉川記入 */
.top {height: auto;padding-top: 0px;}
.top_img {width: 100%;position: inherit;}
.top_text {position: inherit;width: 100%;text-align: center;margin: 20px auto;}
.top_text h1 {font-size: 32px;}
.IN{width:90vw}
h2 span{margin-top: 0;}
.ORANGE{padding-bottom:0px}




.map_flex{display: block;width: 100%;}
.iframe{width: 100%;margin-top: 30px;}
.iframe p{text-align: left;font-size: 15px;margin-bottom: 0;}
.iframe iframe{width: 100%;height: 250px;}
.map_img{width: 100%;}
.map_img p{text-align: left;font-size: 16px;margin-bottom: 10px;}
.map_img img{width: 100%;border: none;}

}