/* CSS Document */

#ss2,#ss3 { display: none; }

@media (min-width:751px){
/*mv*/
	#mv { background: url("../images/access/mv.jpg") center center no-repeat; background-size: cover; }

	article section { padding-top: 90px; }
	/*.cmenu li { width: 280px; }*/
	.cmenu li a { padding: 8px 135px 0; }

	#map { /*padding-top: 80px;*/ margin: 0 auto 0; width: 1120px; height: 480px; position: relative; }
	#gmap { width: 100%; height: 430px; }
	#map-canvas { width:100%;height:430px; }
	#map .cbtn { position: absolute; right: 0; bottom: 0; }
	/*article .mainw { width:960px; }*/

	h3.ttlh3 { border-bottom: #d2d2d2 1px solid; }

	#p1_2 p { font-size: 16px; margin-bottom: 15px; }
	#p1_2 li { width: 545px; float: left; }
	#p1_2 li:last-child { float: right; }
	#p1_2 li a { color: #6b801b; text-decoration: underline; font-size: 16px; }
	#p1_2 li div { width: 545px; height: 400px; border: #80961f 1px solid; text-align: center; padding-top: 18px;
		position: relative; margin-bottom: 8px;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}
	#p1_2 li div:after { width: 545px; height: 400px; content: ""; position: absolute; top:0; left: 0;
		line-height: 400px; background: none;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	 }
	#p1_2 li div img { width: 500px; }
	#p1_2 a:hover { opacity: 1; }
	#p1_2 a:hover div:after { content: "\f08e"; font-family: FontAwesome;  font-size: 42px;
		 color: #ffffff; background: rgba(0,0,0,0.5); }

	h4.rttl { border-bottom: #d2d2d2 1px solid; font-size: 24px; padding: 10px 0 18px 40px; margin-bottom: 28px; }
	h4.rttl span { color: #80961f; font-size: 14px; display: inline-block; padding-left: 5px; }
	.train h4.rttl { background: url("../images/access/icon_train.svg") left top no-repeat; }
	.car h4.rttl { background: url("../images/access/icon_car.svg") left top no-repeat; }
	.plane h4.rttl { background: url("../images/access/icon_plane.svg") left top no-repeat; }

	.root .imgfade1 { margin-bottom: 20px; }
	.btns li { float: left; margin-right: 10px; margin-bottom: 45px; }
	.btns li a.cbtn { width: 260px; height: 35px; line-height: 35px; }

	#hhh { margin-bottom: 105px; position: relative; }
	#hhh h4.ttlh4 { width: 700px; border-bottom: none; }
	#hhh .cbtn { position: absolute; top:40px; right: 25px; width: 254px; height: 35px; line-height: 35px; }
	.drc ul.drcmain li { width: 240px; float: left; margin: 0 35px 0 0; height: 280px; position: relative; }
	.drc ul.drcmain li:nth-child(4n) { margin: 0; }
	.drc ul.drcmain li.long2 { height: 310px; }
	.drc ul.drcmain li:after { content: "\f105"; font-family: FontAwesome; position: absolute; top:80px; right: -25px;
		color: #80961f; font-size: 30px; }
	.drc ul.drcmain li:nth-child(4n):after,.drc ul.drcmain li:last-child:after { content: ""; }
	.drc ul.drcmain li img { width: 240px; margin-bottom: 15px; }
	.drc ul.drcmain li .rn { position: absolute; top:6px; left: 6px; width: 34px; height: 34px; line-height: 35px; 
		text-align: center; color: #ffffff; font-size: 16px; font-family: 'Montserrat', sans-serif;
		background: #80961f; border-radius: 17px; 
	 }
	.drc ul.drcmain li p { font-size: 16px; line-height: 22px; }
	ul.drcmain li a { text-decoration: underline; color: #80961f; }

	 .car { margin-bottom: 120px; }

	 #p2 h4.ttlh4 { margin-bottom: 55px; }

	 #ac { position: relative; height: 1400px; }
	 .acnav { position: absolute; top:-30px; left: 0; height: 73px; }
	 .acnav li { width: 175px; height: 73px;
	 	text-align: center; float: left; margin-right: 14px; }
	 .acnav li:last-child { margin-right: 0; }
	 .acnav li a { display: block; width: 175px; height: 73px; color: #ffffff; line-height: 60px; font-size: 18px;
	 	 background: url("../images/access/tab.svg") center top no-repeat; }
	 .acnav li a:hover,.acnav li a.active { background: url("../images/access/tab_on.svg") center top no-repeat;
	 	color: #232323; }
	 .drcwrap { position: absolute; top:75px; left:25px; }
	 .drcwrap a.cbtn { width: 254px; height: 35px; line-height: 35px; }
	 .drcwrap h5 { font-size: 19px; padding-top: 75px; margin: 0 0 30px; }
	 .drcwrap h5:before { content: "●"; color: #80961f; padding-right: 5px; display: inline-block; }
	 #ac2,#ac3,#ac4,#ac5,#ac6 { display: none; }

	 #p3 .ch3 { margin-bottom: 10px; }
	 .proot ul { float: left; }
	 .proot li { width: 368px; float: left; margin-right: 38px; }
	 .proot li h4 { font-size: 18px; margin-bottom: 15px; }
	 .proot li h4:before { content: "●"; color: #80961f; padding-right: 5px; display: inline-block; }
	 .proot li img { width: 368px; margin-bottom: 15px; }
	 .proot li p { font-size: 16px; line-height: 26px; }

	.maplink p { font-size: 16px; margin-bottom: 15px; }
	.maplink { width: 260px; font-size: 18px; }
	.proot .maplink { float: right; }
	.maplink a p { color: #6b801b; text-decoration: underline; font-size: 16px; }
	.maplink div { width: 260px; height: 360px; border: #80961f 1px solid; text-align: center; padding-top: 18px;
		position: relative; margin-bottom: 8px;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}
	.maplink div:after { width: 260px; height: 360px; content: ""; position: absolute; top:0; left: 0;
		line-height: 360px; background: none;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	 }
	.maplink div img { width: 170px; padding-top: 7px; }
	.pposi { margin-bottom: 95px; }
	.pposi h4.ttlh4,.lcar h4.ttlh4 { border-bottom: #d2d2d2 1px solid; padding-bottom: 15px; }
	.pposi .maplink div { padding-top: 0; }
	.pposi .maplink div img { width: 230px; }
	.maplink a:hover { opacity: 1; }
	.maplink a:hover div:after { content: "\f08e"; font-family: FontAwesome;  font-size: 42px;
		 color: #ffffff; background: rgba(0,0,0,0.5); }
	.pposi .maplink { float: left; margin-right: 25px; }
	.pposi .detail { float: left; }
	.pposi .detail ul.txt { font-size: 16px; line-height: 28px; margin-bottom: 21px; }
	.pposi .detail ul.imgs li { width: 280px; float: left;  }
	.pposi .detail ul.imgs li img { width: 250px; margin-bottom: 7px; }
	.pposi .detail ul.imgs li p { font-size: 15px; }
	.pposi .detail ul.imgs li:last-child { width: 290px; }

	.lcar { font-size: 16px; line-height: 24px; margin-bottom: 95px; }
	.lcar ul { margin-bottom: 18px; }
	.lcar li:before { content: "●"; color: #80ad1f; font-size: 8px; padding-right: 3px; }
	.lcar p { margin-bottom: 22px; }

	#contact_tel { width: 800px; height: 100px; margin: 0 0 60px; color: #ffffff; line-height: 100px;
		padding-left: 50px; font-size: 22px; font-weight: bold; position: relative;
		background: url("../images/contact/bg_tel.svg") 407px center no-repeat #80ad1f; }
	#telno { width: 300px; height: 50px; line-height: 50px; position: absolute; top:25px; right: 50px;
		border: #ffffff 1px solid; text-align: center; font-size: 30px; font-family: 'Montserrat', sans-serif;
		font-weight: normal; }
	#telno:before { content: "\f095"; font-family: FontAwesome; padding-right: 8px; }
	#telno a { color: #ffffff; cursor: default; }
	#telno a:hover { opacity: 1; }

}


@media (max-width:750px){
	#mv { background: url("../images/access/mv_sp.jpg") center center no-repeat; background-size: cover; }
	
	article section { padding-top: 18vw; }
	
	#map { /*padding-top: 80px;*/ margin: 0 auto; width: 100%; position: relative; }
	#gmap { width: 100%; height: 60vw; margin-bottom: 4vw; }
	#map-canvas { width:100%;height:60vw; }
	#map-canvas iframe { width:100%;height:60vw; }

	h3.ttlh3 { border-bottom: #d2d2d2 1px solid; }
	#p1_2 p { font-size: 4.2vw; margin-bottom: 2vw; }
	#p1_2 li { width: 90vw; margin-bottom: 4vw; }
	#p1_2 li a { color: #6b801b; text-decoration: underline; }
	#p1_2 li div { width: 90vw; height: 67vw; border: #80961f 1px solid; text-align: center; padding-top: 2vw;
		position: relative; margin-bottom: 1vw; }
	#p1_2 li div img { width: 86vw; }

	#p2 { width: 100%; }
	.root { width: 90vw; margin: 0 auto; }

	h4.rttl { border-bottom: #d2d2d2 1px solid; font-size: 5vw; padding: 0 0 2vw 8vw; margin-bottom: 4vw; }
	h4.rttl span { color: #80961f; font-size: 3.4vw; display: inline-block; padding-left: 1vw; }
	.train h4.rttl { background: url("../images/access/icon_train.svg") left top no-repeat; 
		background-size: 7vw auto; }
	.car h4.rttl { background: url("../images/access/icon_car.svg") left 1vw no-repeat; 
		background-size: 6vw auto; }
	.plane h4.rttl { background: url("../images/access/icon_plane.svg") left center no-repeat; 
		background-size: 6vw auto; }
	h4.rttl span.for_sp { display: inline; }

	.root img { margin-bottom: 4vw; }
	.btns li { margin-bottom: 2vw; }
	.btns { margin-bottom: 4vw; }

	#hhh { margin-bottom: 13vw; }
	#hhh h4.ttlh4 { margin-bottom: 0; }
	#hhh .cbtn { margin-bottom: 2vw; }
	#hhh.drc ul.drcmain { display: none; margin-top: 4vw; }
	.drc ul.drcmain { width: 90vw; }
	.drc ul.drcmain li { width: 42vw; float: left; height: 53vw; position: relative; }
	.drc ul.drcmain li.long1 { height: 58vw; }
	.drc ul.drcmain li.long2 { height: 68vw; }
	.drc ul.drcmain li:nth-child(even) { float: right; }
	.drc ul.drcmain li:after { content: "\f105"; font-family: FontAwesome; position: absolute; top:10vw;
		color: #80961f; font-size: 6vw; right: -4vw; }
	.drc ul.drcmain li:nth-child(even):after,.drc ul.drcmain li:last-child:after { content: ""; }
	.drc ul.drcmain li img { width: 42vw; margin-bottom: 1vw; }
	.drc ul.drcmain li .rn { position: absolute; top:1vw; left: 1vw; width: 6vw; height: 6vw; line-height: 6vw; 
		text-align: center; color: #ffffff; font-size: 4vw; font-family: 'Montserrat', sans-serif;
		background: #80961f; border-radius: 3vw; 
	 }
	ul.drcmain li a { text-decoration: underline; color: #80961f; }

	 .car { margin-bottom: 13vw; }
	 #p2 h4.ttlh4 { margin-left: 4vw; }

	 #ac { position: relative; height: 560vw; }
	 .acnav { /*position: absolute; top:-30px; left: 0; height: 73px;*/ }
	 .acnav li { width: 43vw; height: 10vw; margin-bottom: 1vw;
	 	text-align: center; float: left;/* margin-right: 14px;*/ }
	 .acnav li:nth-child(even) { float: right; }
	 .acnav li a { display: block; width: 43vw; height: 10vw; color: #ffffff; line-height: 10vw; font-size: 4.2vw;
	 	 background: #80961f; border: #80961f 2px solid; position: relative; padding-right: 2vw; }
	 .acnav li a:after { content: "\f0d7";  font-family: FontAwesome; color: #ffffff; position: absolute; top:0;
	 	right: 2vw; }
	 .acnav li a.active { background: #ffffff; border: #80961f 2px solid;
	 	color: #232323; }
	 .acnav li a.active:after { color: #80ae1f; }
	 .drcwrap { display: none; position: absolute; top:40vw; left:4vw; }
	 #ac1 { display: block; }
	 .drcwrap a.cbtn { /*width: 254px; height: 35px; line-height: 35px;*/ }
	 .drcwrap h5 { font-size: 4.6vw; margin: 8vw 0 4vw; }
	 .drcwrap h5:before { content: "●"; color: #80961f; padding-right: 1vw; display: inline-block; }
	 /*#ac2,#ac3,#ac4,#ac5,#ac6 { display: none; }*/

	 #p3 .ch3 { margin-bottom: 2vw; }
	 .proot ul { margin-bottom: 4vw; }
	 .proot li { margin-bottom: 4vw; }
	 .proot li h4 { font-size: 4.4vw; margin-bottom: 2vw; }
	 .proot li h4:before { content: "●"; color: #80961f; padding-right: 1vw; display: inline-block; }
	 .proot li img { width: 100%; margin-bottom: 2vw; }
	 .proot li p { font-size: 4.2vw; line-height: 5.3vw; }

	.maplink p { font-size: 4.2vw; margin-bottom: 2vw; }
	.maplink { width: 70vw; font-size: 18px; margin: 0 auto 6vw; }
	.maplink a p { color: #6b801b; text-decoration: underline; font-size: 16px; }
	.maplink div { width: 70vw; height: 97vw; border: #80961f 1px solid; text-align: center; padding-top: 2vw;
		position: relative; margin-bottom: 1vw;
	}
	.maplink div img { width: 50vw; padding-top: 2vw; }
	.pposi { margin-bottom: 13vw; }
	.pposi .maplink div { padding-top: 0; }
	.pposi .maplink div img { width: 60vw; }
	/*.pposi .maplink { float: left; margin-right: 25px; }*/
	.pposi .detail { /*float: left;*/ }
	.pposi .detail ul.txt { font-size: 4.2vw; line-height: 5.3vw; margin-bottom:2vw; }
	.pposi .detail ul.txt li { padding-left: 1em; text-indent: -1em; }
	.pposi .detail ul.imgs li { width: 43vw; float: left;  }
	.pposi .detail ul.imgs li:last-child { float: right; }
	.pposi .detail ul.imgs li img { width: 43vw; margin-bottom: 1vw; }
	.pposi .detail ul.imgs li p { font-size: 4vw; }
	/*.pposi .detail ul.imgs li:last-child { width: 290px; }*/

	.lcar { font-size: 4.2vw; line-height: 5vw;/* margin-bottom: 95px;*/ }
	.lcar ul { margin-bottom: 4vw; }
	.lcar li:before { content: "●"; color: #80ad1f; font-size: 3vw; padding-right: 1vw; }
	.lcar p { margin-bottom: 6vw; }

	#contact_tel { width: 90vw; margin: 0 auto 6vw; color: #ffffff; text-align: center;
		font-size: 5vw; font-weight: bold; position: relative; padding: 2vw 0;
		background: url("../images/contact/bg_tel_sp.svg") center 10vw no-repeat #80ad1f;
		background-size: 8vw auto; }
	#contact_tel p { text-align: center; }
	#telno { width: 80vw; height: 8vw; line-height: 8vw; margin: 6vw auto 2vw; 
		font-family: 'Montserrat', sans-serif;
		border: #ffffff 1px solid; text-align: center; font-weight: normal; font-size: 6vw; }
	#telno:before { content: "\f095"; font-family: FontAwesome; padding-right: 3vw; }
	#telno a { color: #ffffff; }

}