@charset "utf-8";

	/* スライダー */
	.top_slider{width:100%;margin:0 auto;}
	.top_slider .item_list{}
	.top_slider .item_list .item img{width:100%;}

	/* ベストレート保証  おすすめプラン */
	#rec_plan.section {margin:0;}
	#rec_plan {position:relative; overflow:hidden;width:100%;background:#fff;padding:3em 0;}
	#rec_plan .left{max-width:23.44%;width:100%;display:inline-block;margin-right:2.5%;vertical-align:top;}
	#rec_plan .right{width:100%;max-width:70%;display:inline-block;}

	#rec_plan .left .best_rate{border:2px solid #7B706B;text-align:center;padding:2px;}
	#rec_plan .left .best_rate .in_line{border:1px solid #7B706B;text-align:center;padding:15px;}
	#rec_plan .left .best_rate h2{font-size:20px;}
	#rec_plan .left .best_rate .thum{margin-bottom:1em;}

	#rec_plan .right h2{font-size:28px;font-weight:normal;line-height:1.2;}
	#rec_plan .right .plan_slider{width:100%;}
	#rec_plan .right .plan_slider .slick-prev {left:-15px;;}
	#rec_plan .right .plan_slider .slick-next {right:-15px;}
	#rec_plan .right .plan_slider .item{position:relative; overflow:hidden;margin:0 10px;}
	#rec_plan .right .plan_slider .item h3{font-size:16px;margin:5px 0;}
	#rec_plan .right .plan_slider .item p.prc .txt{padding:10px 0;float:left;}
	#rec_plan .right .plan_slider .item p.prc .price{float:right;}
	#rec_plan .right .plan_slider .item p.prc .txt,
	#rec_plan .right .plan_slider .item p.prc .price{padding:2px 0;}
	#rec_plan .btn{margin:2em auto 0 auto;}

	/* お料理 */
	#point1{position:relative;background-image: url(../img/bg/white.png), url(../img/bg/wave1.png);background-repeat:repeat-x,no-repeat;background-position: top left, top left;background-size:100%, 100%;padding-bottom:60em;}
	#point1 .box{position:absolute;top:90px;left:0;}
	#point1 .thum1{position:absolute;top:60px;right:0;}
	#point1 .thum2{position:absolute;top:310px;left:0;}
	#point1 .thum3{position:absolute;top:550px;left:200px;}

	/* 風景 */
	#point2{position:relative;background: url(../img/top/m_1_20241011.png?20170706) 0 0 no-repeat; background-size:100%;padding-bottom:50%;}
	#point2 .box{position:absolute;top:90px;left:0;}
	/* 館内 */
	#point3{position:relative;background: url(../img/bg/wave2.png) 0 0 no-repeat; background-size:100%;padding-bottom:50em;}
	#point3 .box{position:absolute;top:50px;right:0;}
	#point3 .thum1{position:absolute;top:0;left:0;}
	#point3 .thum2{position:absolute;top:310px;right:0;}

	#point1 h2,#point2 h2,#point3 h2{line-height:2;font-weight:normal;font-size:28px;line-height:1.2;margin-bottom:10px;}
	#point1 p,#point2 p,#point3 p{line-height:2;}
	#point1 .btn,#point2 .btn,#point3 .btn{width:230px;margin-top:1em;}


@media screen and (max-width:1100px){
	#point1{padding-bottom:55em;}
	#point1 .thum1 {text-align:right;}
	#point1 .thum1 img{width:85%;}
	#point3 .thum1 img{width:85%;}
	#point1 .thum3{top:480px;left:250px;}
}

@media screen and (max-width:991px){
	#point3{padding-bottom:46em;}
	#point1 .thum1 {top:100px;}
	#point1 .thum1 img{width:70%;}
	#point2 .box{top:40px;left:0;}
	#point3 .thum1 img{width:70%;}
}
@media screen and (max-width:900px){
	#point1 .thum1 img{width:65%;}
	#point3 .thum1 img{width:65%;}
}
@media screen and (max-width:868px){
	#point1{padding-bottom:50em;}
	#point3{padding-bottom:35em;}
	#point1 .thum1 img{width:54%;}
	#point1 .thum3{top:420px;left:300px;}
	#point3 .thum1 img{width:54%;}
	#point3 .thum2 {top:280px;}
	#point3 .thum2 img{width:60%;}
}
@media screen and (max-width:768px){

	/* ベストレート保証  おすすめプラン */
	#rec_plan .left{max-width:100%;display:block;margin-right:0;margin-bottom:1em;}
	#rec_plan .right{max-width:100%;display:block;}

	/* 料理 */
	#point1 .thum1{padding-top:2em;}
	#point1 .thum2,
	#point1 .thum3{display:inline-block;width:48.5%;padding-bottom:1em;}
	#point1 .thum2 img,
	#point1 .thum3 img{width:100%;}

	/* 風景 */
	#point2{position:relative;background: url(../img/top/m_1.png) 0 0 no-repeat;background-size:cover; padding:2em 0 0 0;}
	#point2 .box{padding:0 0 18em 0;}

	#point1 .box,
	#point1 .thum1,
	#point1 .thum2,
	#point1 .thum3,
	#point2 .box,
	#point3 .box,
	#point3 .thum1,
	#point3 .thum2{position:relative;top:0;left:0;right:0;}
	#point1 .thum1 img,#point3 .thum1 img,#point3 .thum2 img{width:100%;}

	#point3 .thum2{margin-bottom:1em;}

	#point1,
	#point2,
	#point3{padding-bottom:0;}

	#point1 .btn,#point2 .btn,#point3 .btn{width:100%;margin:1em auto;}
	/* 風景 */
	#point3{background: url(../img/bg/wave2.png) 50% 0 no-repeat;}
	#point3 .thum2 {text-align:center;}
	#point3 .thum2 img{width:60%;}

}

@media screen and (max-width:480px){
	#point2{position:relative;background: url(../img/top/m_1.png) 0 0 no-repeat; background-size: 100%; padding:0;}
	#point2 .box {padding:60% 0 0 0;}

}