/*========================================
p06アクセス・周辺観光のcss

　●　アクセス
　●　周辺観光
　●　バナーエリア

色メモ

　濃い緑　：　458d2c
　薄い緑　：　d0e1b1
　茶　色　：　55390e
　オレンジ：　f8b551
========================================*/


/*========================================
　●　アクセス
========================================*/
.address{
 padding: 15px 0 35px 0;
 color: #55390e;
 font-size: 1.8rem;
 text-align: center;
}

.caution{
 padding-bottom: 45px;
 font-size: 1.8rem;
 text-align: center;
}

.car{
 width: 1020px;
 margin: 0 auto 55px auto;
 background: #FCFDF6;
 border: 2px #458d2c solid;
 border-radius: 5px;
}

.train{
 font-size: 1.8rem;
 text-align: center;
}

.bus{
 width: 1020px;
 margin: 20px auto 80px auto;
 padding: 10px 20px 0px 20px;
 font-size: 1.8rem;
 text-align: center;
 background: #FCFDF6;
 border: 2px #458d2c solid;
 border-radius: 5px;
}

.bus p{padding-bottom: 10px; line-height: 1.5;}

.bus p a{
 display: inline-block;
 width: 320px;
 margin: 10px auto 10px auto;
 padding: 3px 5px;
 font-size: 1.8rem;
 text-align: center;
 text-decoration: none;
 border: 1px #9fbe7f solid;
 border-radius: 5px;
 transition: all 0.3s linear;
}

.bus p a:link{color: #000; background: #9fbe7f;}
.bus p a:visited{color: #000; background: #9fbe7f;}
.bus p a:hover{color: #000; background: rgba(159,190,127,0.3);}

/*========================================
　●　周辺観光
========================================*/
.spot{
 width: 360px;
 height: 470px;
 margin: 0 9px 45px 9px;
 color: #55390e;
 text-align: center;
 background: #FCFDF6;
}

.spot h3{padding-top: 15px; font-size: 2.2rem;}

.timereq{
 width: 200px;
 margin: 15px auto 5px auto;
 padding: 0px 5px 3px 5px;
 font-size: 1.7rem;
 background: #faeddb; /*f8b551*/
 border-radius: 5px;
}

.timereq img{vertical-align: text-bottom;}

.spot p{
 padding: 8px 0;
 font-size: 1.5rem;
 line-height: 1.7;
 text-align: center;
}

.spot a{
 display: inline-block;
 width: 220px;
 margin: 5px auto 10px auto;
 padding: 3px 5px;
 font-size: 1.8rem;
 text-align: center;
 text-decoration: none;
 border: 1px #9fbe7f solid;
 border-radius: 5px;
 transition: all 0.3s linear;
}

.spot a:link{color: #000; background: #9fbe7f;}
.spot a:visited{color: #000; background: #9fbe7f;}
.spot a:hover{color: #000; background: rgba(159,190,127,0.3);}


#tentai{
	margin-top:-65px;
  padding-top:65px;
  margin-bottom:150px;
}

.tentai_box{
	width:1140px;
	margin:auto;
	background:url(../images/p06sightseeing/tentai01.jpg) no-repeat;
	height:470px;
}
.tentai_box .text{
	max-width:800px;
	margin:auto;
	color:#fff;
    font-size: 1.8rem;
	line-height:1.8;
	padding: 80px 0;
}
.tentai_in{
	width:1000px;
	display:flex;
	margin:auto;
	align-content:center;
	justify-content:space-between;
}
.tentai_in p{
	box-shadow:0px 2px 10px 1px rgba(0,0,0,.5);
	line-height:0;
}

.slider03{
	width: 460px;
}
.slider03 .slick-prev{left: 10px; z-index: 5;}
.slider03 .slick-next{right: 10px;}
.slider03 .slick-dots{bottom:-20px; z-index: 5;}
.slider03 .slick-dots li button:before{
	color: #FFFFFF;
	opacity: .8;
}
.slider03 .slick-dots li.slick-active button:before{
	color: #95ff28;
	opacity: 1;
}





/*========================================
　●　アクセス
========================================*/
.bannerArea{
 margin: 30px 0 70px 0;
}


.bannerArea a{
 transition: all 0.3s linear;
}
.bannerArea a:hover{opacity: 0.7;}

/*------------------------------ １段目 */

/*------------------------------ ２段目 */