/* ==========================================================================
#home
========================================================================== */
.header{
}
/*
.main .btn {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	border-radius: 100px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	border: 1px #432c0b solid;
	background: #432c0b;
	margin-bottom: 10px;
	padding: 0;
}
.main .btn a{
	padding: 10px 45px ;
	color: #fff;
	display: block;
}

.main .btn:hover, .main .btn:active, .main .btn:focus {
  box-shadow: none !important;
  outline: none !important;
  background: #fff !important;
  border: 1px #2b4415 solid;

}
.main .btn a:hover{
	  color: #2b4415;
}
*/
.btn{
	font-size: 1.6rem;
}
section{
	margin: 0;
}
.keyvisual{
	position: relative;
	width: 100%;
	overflow: hidden;
}
/*
.keyvisual:before{
	content: "";
	display: block;
	padding-top: 50%;
}*/
.carousel-item{
	text-align: center;
}
.keyvisual img{
	width: auto;
}
#home .carousel-indicators{
	right: 0;
	left: 0;
}
.carousel-indicators li{
	border:2px solid #ccc;
}
#home .carousel-indicators li.active{
	border: 2px solid #7eb99b;
}
.start{
  position: absolute;
  top: 50%; /*親要素を起点に上から50%*/
  left: 50%;  /*親要素を起点に左から50%*/
  transform: translateY(-50%) translateX(-50%); /*要素の大きさの半分ずつを戻す*/
  -webkit-transform: translateY(-50%) translateX(-50%);
	z-index: 99;
}
.start h1 img{
	width: 358px;
}
.start .text{
	font-size: 2.0rem;
	color: #fff;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	font-family: "A1明朝" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.goto-icon{
	position: absolute;
	bottom:20px;
	right:10%;
	z-index: 99;
}
.goto-icon img{
	width: 180px;
}

.bestprice{
	margin-top: 30px;
	text-align: center;
}
.bestprice img{
	max-width: 226px;
}
.bestprice .text{
	padding: 0 20px;
	line-height: 1.2;
	color:#714c00;
	font-weight: bold;
	text-shadow:
	0 0 2px #fff,
	0 0 2px #fff,
	0 0 2px #fff,
	0 0 2px #fff,
	0 0 2px #fff,
	0 0 2px #fff,
	0 0 2px #fff,
	0 0 2px #fff,
	0 0 2px #fff,
	0 0 2px #fff,
	0 0 2px #fff,
	0 0 2px #fff,
	0 0 2px #fff,
	0 0 2px #fff,
	0 0 2px #fff,
	0 0 2px #fff;
}

.search-wrap{
	margin: 0 10% ;
	padding: 5px 16px;
}
.search-form{
	margin-top: 0;
}
#search h2{
	font-size: 2.2rem;
	color: #432c0b;
	font-weight: bold;
	margin: 2rem 0 0 0;
}
.yoyaku-check p{
	float: left;
}
.yoyaku-check ul{
	float: right;
}



#intro {
	padding: 70px 0;
	background: url('./../img/home/intro-bg.jpg') no-repeat top center;
	background-size: cover;
}
#intro .intro-ttl{
	text-align: left;
	font-size: 3.2rem;
	line-height: 2;
	color: #047331;
	margin-bottom: 60px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
}
#intro .text-wrap{
	text-align: left;
}
#intro .text{
	margin-bottom: 4rem;
	font-weight: bold;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
     margin-bottom: 10px;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
#intro .col-md-6 .photo{
	margin: 0;
}

.goto-btn{
	width: 100%;
	margin: 10px auto;
}

#intro .btn-outline{
	background: #fff;
	border: 1px solid #432c0b;
}
#intro .btn-outline:hover{
	background: #432c0b;
}
#plan{
	background: #e9e3d9;
	padding: 40px 0;
	margin-bottom: 50px;
}
#plan h2{
	background: url('./../img/line.png') repeat-x center center;
	background-size: 170px 1px;
	font-weight: bold;
	margin-bottom: 2rem;
}
#plan h2 span{
	background: #e9e3d9;
	padding:0 30px;
	line-height: 1.2;
	display: inline-block;
}
#plan h2 img{
	width: 143px;
	height: 23px;
}
#plan .plan-card{
	background: #fff;
	padding: 7px 7px 3px 7px;
}
#plan .plan-card .photo{
	margin-bottom: 12px;
}
#plan .plan-card{
	text-align: center;
}
#plan .plan-ttl{
	font-weight: bold;
}
#plan .btn{
	margin: 40px auto 10px;
	width: 40%;
	display: block;
	font-size: 1.6rem;
}


.pickup{
	width: 25%;
	height: 100%;
	position: absolute;
	top:0;
	right:15%;
	z-index: 99;
	background: #fff;
	padding: 40px 20px;
	text-align: center;

}
.pickup .pickup-ttl{
	position: relative;
	font-size: 4.8rem;
	margin-top: 0;
	margin-bottom: 50px;
	display: inline-block;
}
.pickup-img {
	position: absolute;
	bottom:-20px;
	right: -36px;
}
.pickup-img img{
	width: 74px;
	height: 34px;
}
.pickup h3{
	font-size: 2rem;
	margin-bottom: 1.5rem;
	text-align: center;
}
.pickup .photo{
	display: none;
}
.pickup .text{
	line-height: 2;
	text-align: left;
}
.pickup .btn{
	display: block;
	margin: 0 8%;
}
.pickup-bg{
	min-height: 450px;
	position: relative;
}
.pickup-bg p{
	margin: 0;
}
#onsen{
	background: url('./../img/home/onsen-bg.jpg') no-repeat center center;
	background-size: cover;
	position: relative;
	height: 450px;
	overflow: hidden;
	margin-bottom: 20px;
}
#onsen .pickup{
	right:15%;
	width: 350px;
}
#onsen .img01{
	float: left;
	width: 20%;
}
#onsen .img02{
	float: left;
	width: 45%;
}
#onsen .img03{
	float: left;
	width: 35%;
}

#dining{
	position: relative;
	height: 420px;
	overflow: hidden;
	margin-bottom: 20px;
}
#dining .pickup-bg{
	width: 100%;
}
#dining .pickup{
	left:50%;
	width: 350px;
	margin-left: -175px;
}
#dining .img01{
	background: url('./../img/home/dining-bg-l.jpg') no-repeat right center;
	background-size: cover;
	width: 50%;
	position: absolute;
	right: 50%;
	margin-right: 175px;
	height: 420px;
}

#dining .img02{
	background: url('./../img/home/dining-bg-r.jpg') no-repeat left center;
	background-size: cover;
	width: 50%;
	position: absolute;
	left: 50%;
	margin-left: 175px;
	height: 420px;
}

#dining img{
	width: auto;
	max-height: 420px;
	
}

#hiking{
	background: url('./../img/home/hiking-bg.jpg') no-repeat center center;
	background-size: cover;
	position: relative;
	height: 470px;
	overflow: hidden;
	margin-bottom: 20px;
}
#hiking .pickup{
	left:20%;
	width: 360px;
}
#hiking .img01{
	float: left;
	width: 21.5%;
}
#hiking .img02{
	float: left;
	width: 40.8%;
}
#hiking .img03{
	float: left;
	width: 37.5%;
}


#news {
	padding: 80px 0 40px;
}
#news h2{
	background: url('./../img/home/news-ttl.png') no-repeat center left;
	background-size: 22px 46px;
	padding:15px 0 10px 30px;
	text-align: left;
	font-size: 2.6rem;
	font-weight: bold;
	margin: 0;
}
.box-v{
	padding: 10px 0;
	border-top: 1px solid #ccc;
}
.thumb{
	float: left;
	width: 25%;
	margin-bottom: 0;
}

.box-right{
	margin-left: 15px;
	padding-left: 27%;
}
.box-right .date{
	margin-bottom: 0;
}
.box-right .ttl{
	margin: 8px 0;
}
.cat{
	font-size: 1.2rem;
	padding: 3px 5px;
}
.cat-news{
	border: 1px solid #d55d38;
	color: #d55d38;
}
.cat-shirakaba{
	border: 1px solid #87b734;
	color: #87b734;
}
.cat-green{
	border: 1px solid #3a954e;
	color: #3a954e;
}
#news .btn{
	display: block;
}
#news .fb iframe{
	width: 100%;
	height: 550px;
}
#news .ta dl{
	border: none;
}
#news .ta dt{
	border: none;
	width: 100%;
}
#news .ta dd{
	border: none;
	width: 100%;
}




#access{
	position: relative;
	margin-bottom: 0;
	background: url('./../img/home/access-bg.jpg') no-repeat bottom center;
	background-size: cover;
	background-attachment: fixed;
	padding: 20px 0 0;
	overflow: hidden;
}
#access .col-md-6{
	position: relative;
	z-index: 1;
}
#access h2{
	text-align: left;
	margin-bottom: 2rem;
}
#access h2 img{
	width: 178px;
}
#access .text-wrap{
	padding: 0;
	text-align: left;
}
#access .btn{
	float: right;
	margin: -50px 10px 0 0;
}
#access .btn a{
	padding: 10px 35px
}
#access .livecamera{
	position: relative;
	width: 76%;
	background: #fff;
}
#access .livecamera p{
	margin-bottom: 0;
}
#access .container{
	position: relative;
	padding-bottom: 30px;
}
#access .map{
	position: absolute;
	bottom:0;
	right:-5%;
	max-width: 1100px;
	margin-bottom: 0;
}
#link{
	padding: 36px 0 30px;
}
#link ul{
	text-align: center;
}
#link li{
	display: inline-block;
	max-width: 270px;
	margin: 5px;
	border: 1px solid #ccc;
}


/* ==========================================================================
Media queries
========================================================================== */
@media(min-width:769px) and (max-width:991px) {

}
@media(max-width:768px) {
.keyvisual{
	position: relative;
	width: 100%;
	text-align: center;
}/*
.keyvisual:before{
	content: "";
	display: block;
	padding-top: 110%;
}*/

#home .carousel-indicators{
	position: absolute;
	bottom:16px;;
}
.start{
	top:50%;
	width: 70%;
}
.start h1 img{
	width: 90%;
}
.start .text{
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.5;
}

h2{
	font-size: 2.2rem;
}

#search h2{
	margin-bottom: 10px;
}
.search-wrap{
	margin: 0;
	padding: 0;
}

.search-form select,
.search-form input{
	border: none;
	padding: 6px;
	font-size: 1.4rem;
	width: 100%;
	height: 3rem;
	margin-right: 3px;
	margin-bottom: 5px;
	float: left;
}
.search-form select{
	padding: 1px 6px;
	font-size: 1.4rem;
}
.yoyaku-check p,
.yoyaku-check ul{
	float: none;
	text-align: center;
	display: block;
	margin: 5px 0 10px;
}
.no-day{
	font-size: 12px;
}

.bestprice{
	margin: 0 0 0;
}
.bestprice img{
	margin-top: 15px;
	float: left;
	width: 50%;
	max-width: 70%;
}
.bestprice .text{
	padding: 30px 0 0 10px;
	text-align: center;
}
.search-form{
	margin-top: 0;
	clear: both;
	padding-top: 0;
}
.yoyaku{
	width: 90px;
}
#intro{
	padding: 0 0 15px 0;
}
#intro .intro-ttl{
	text-align: center;
	font-size: 2.6rem;
	margin-bottom: 10px;
	line-height: 1.5;
}
#intro .text{
	margin-bottom: 1rem;
}
.movie-wrap{
	margin-bottom: 10px;
}

#plan{
	padding: 20px 0;
	margin-bottom: 30px;
}
#plan h2{
	margin-top: 20px;
}
#plan .btn{
	margin-top: 0;
	width: 100%;
}
#plan .plan-card{
	text-align: left;
	padding: 7px;
	margin-bottom: 10px;
}
#plan .plan-card:before,
#plan .plan-card:after{
  display: table;
  content: " ";
}
#plan .plan-card:after{
  clear: both;
}
#plan .plan-card .photo{
	width: 30%;
	float: left;
	margin-right: 2%;
	margin-bottom: 0;
}
#plan .plan-ttl{
	margin-bottom: 5px;
}

.pickup .pickup-ttl{
	font-size: 3rem;
	margin-bottom: 20px;
}
.pickup h3{
	font-size: 1.8rem;
}
#onsen,
#dining .img01,
#dining .img02,
#hiking {
	background: none;
	margin-bottom: 0;
	height: auto;
}
#onsen .pickup{
	position: relative;
	right: 0;
	width: 100%;
	padding: 15px ;
	height: auto;
}
#dining{
	height: auto;
	margin-bottom: 0;
}
#dining .pickup{
	position: relative;
	left: 0;
	width: 100%;
	padding: 15px ;
	height: auto;
	margin-left: 0;
}
#dining .photo img{
	width: 100%;
}
#dining .pickup-bg{
	display: none;
}
#hiking .pickup{
	position: relative;
	left: 0;
	width: 100%;
	padding: 15px ;
	height: auto;
}

.pickup .photo{
	display: block;
}
.pickup-img{
	bottom: -13px;
}
#dining .pickup-img img,
.pickup-img img{
	width: 74px;
	height: auto;
}

#news{
	padding: 20px 0;
}
.news-list{
	margin-bottom: 20px;
}
.btb-box{
	font-size: 1.2rem;
}
.thumb{
	width: 30%;
}
.box-right{
	padding-left:30%;
}
.box-right .date{
	line-height: 1;
}
.box-right .ttl{
	line-height: 1;
	margin-bottom: 0;
}
.cat{
	font-size: 1rem;
}

#access{
	padding: 30px 0 0;
}
#access h2{
	font-size: 2.4rem;
	margin-bottom: 15px;
}
#access .livecamera{
	width: 100%;
}
#access .map{
	display: none;
}

#link {
	padding: 15px 0 0 0;
}
#link li{
	width: 42%;
}

}