@charset "UTF-8";
/* CSS Document */
/*====================================================

　トップページ

====================================================*/
   
/*メインビジュアル
-------------------------------------------------- */
.top_mv{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #000;
	background-size: cover;
	background-position: center center;
	/*background-image: url(images/mv_img01.jpg);*/
	position: relative;
	z-index: 0;
	height: 70vw;
	max-height: 1080px;
}
/*メインビジュアル上のロゴ*/
.top_mv_logo{
	margin: 0;
	padding: 0;
    line-height: calc(100vh - 160px);
	width: 50%;
	text-align: center;
}
.top_mv_logo img{
	width: auto;
	height: calc(100vh - 390px);
	max-height: 686px;
}
@media screen and (min-width: 736px) and (orientation: portrait){ 
	/*メインビジュアルがロビーの時*/
	.top_mv{
		background-position: bottom right 15%;
	}
	.top_mv_logo{
		width: 100%;
	}
}
/*メインビジュアル上のおすすめプランへのリンク*/
.btn_osusume_plan{
	width: 150px;
	height: 150px;
	position: absolute;
	bottom: 100px;
	right: 50px;
	text-align: right;
}
.btn_osusume_plan img{
	width: 100%;
	height: auto;
	max-width: 150px;
}

/*メインビジュアル上のバナー*/
.btn_home_other{
	width: 270px;
	height: auto;
	position: absolute;
	bottom: 120px;
	right: 200px;
	text-align: right;
}
.btn_home_other img{
	width: 100%;
	height: auto;
	max-width: 270px;
}
.btn_home_other.bn_goto{
	width: 300px;
	bottom: 250px;
	right: 50px;
}
.btn_home_other.bn_goto a{
	margin-bottom: 10px;
	display: block;
}
.btn_home_other.bn_goto img{
	max-width: 300px;
}

/*メインビジュアル下部のお知らせ*/
.top_mv_news{
	background-color: rgba(0,0,0,.6);
	line-height: 2em;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	padding: 0 25px;
	z-index: 1;
}
.top_mv_news_title{
	display: inline-table;
	font-size: 1.15em;
	margin: 0;
	padding: 1em 0;
	float: left;
}
.top_mv_news_title::after{
	content: "/";
	color: rgba(255,255,255,.4);
	padding: 0 1.5em;
	display: inline-block;
}
.top_mv_news_list{
	float: left;
	display: inline-table;
	font-size: 1.15em;
	text-align: left;
	margin: 0;
	padding: 1em 0;
	max-width: calc(100% - 400px);
}
.top_mv_news_list dt{
	width: 5em;
	font-weight: normal;
	float: left;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.top_mv_news_list dd{
	padding: 0 0 0 6.5em;
	margin: 0;
}
.top_mv_news_list dd a{
	color: #fff;
}
.top_mv_news_link{
	display: inline-table;
	font-size: 1em;
	float: right;
}
.top_mv_news_link a{
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 0 0 0 20px;
	background-image: url(images/news_small_arrow_btm.png);
	background-size: 10px auto;
	background-repeat: no-repeat;
	background-position: center left 5px;
}

/*メインビジュアル スライド*/
.top_mv_slider{
	position: relative;
}
.top_mv_slider .top_mv_slide{
	width: 100%;
	height: 70vw;
	max-height: 1080px;
	max-width: 1700px;
	background-color: #000;
	background-size: cover;
	background-position: center center;
}
.top_mv_slider .top_mv01{
	background-image: url("images/mv_slide01.jpg?202211");
	background-position: right bottom;
}
.top_mv_slider .top_mv02{
	background-image: url("images/mv_slide02.jpg");
	background-position: center bottom;
}
.top_mv_slider .top_mv03{
	background-image: url("images/mv_slide03.jpg");
	background-position: center bottom;
}
.top_mv_slider .top_mv04{
	background-image: url("images/mv_slide04.jpg");
	background-position: right top;
}
.top_mv_slider .top_mv05{
	/*background-image: url("images/mv_slide05b.jpg");*/
	background-position: center left;
}
.top_mv_slider .top_mv06{
	background-image: url("images/mv_slide06.jpg");
	background-position: center;
}
.top_mv_slider .top_mv07{
	background-image: url("images/mv_sakura.jpg");
	background-position: bottom;
}
.top_mv_slider .top_mv08{
	background-image: url("images/mv_slide08.jpg");
	background-position: top left;
}
.top_mv_slider .top_mv09{
	background-image: url("images/mv_slide_sushi.jpg");
	background-position: center;
}
.top_mv_slider .slide_text{
	transform: scale( .95 );
	text-align: center;
	max-width: 816px;
	width: 30%;
	height: auto;
	margin: calc(8% + 110px) 5% 0 auto;
}
.top_mv_slider .slide_text .PCblockSPnone{
	display: block;
}
.top_mv_slider .slide_text .SPblockPCnone{
	display: none;
}
.top_mv_slider .top_mv01 .slide_text{
	margin: calc(8% + 110px) 5% 0 auto;
}
.top_mv_slider .top_mv02 .slide_text{
	margin: calc(4% + 110px)auto 0 5%;
}
.top_mv_slider .top_mv03 .slide_text{
	margin: calc(4% + 110px) 5% 0 auto;
}
.top_mv_slider .top_mv04 .slide_text{
	margin: calc(8% + 110px) 5% 0 auto;
}
.top_mv_slider .top_mv05 .slide_text{
	margin: calc(4% + 110px) 5% 0 auto;
	width: 26%;
}
.top_mv_slider .top_mv06 .slide_text{
	margin: 18% auto 0;
	width: 30%;
}
.top_mv_slider .top_mv07 .slide_text{
	margin: 15% auto 0;
	width: 40%;
}
.top_mv_slider .top_mv08 .slide_text{
	margin: 10% auto 0 5%;
	width: 45%;
}
.top_mv_slider .top_mv09 .slide_text{
	margin: 10% auto 0;
	width: 25%;
}
.top_mv_slider .slide_text img{
	width: 100%;
	height: auto;
}
.top_mv_slider .slick-active .slide_text{
	animation: FadeAni 1.5s ease 1s 1 normal both;
}
/*
.top_mv_slider .slick-dots{
	bottom: 100px;
}
.top_mv_slider .slick-dots li{
	display: block;
}
*/
@keyframes FadeAni {
    0%{ opacity: 0; transform: scale( .95 ); }
  100%{ opacity: 1;transform: scale( 1 ); }
}
/*PC大きめ*/
@media screen and (min-width:1400px){
}
/*スマホ*/
@media screen and (max-width:736px){
	.top_mv_slider .top_mv_slide{
		min-height: 250px;
		/*height: 80vw;*/
		height: calc(100vh - 60px);
	}
	.top_mv_slider .slide_text{
		margin: calc(10vw + 40px) auto 0 auto;
		width: 100%;
		max-width: 100%;
	}
	.top_mv_slider .slide_text .PCblockSPnone{
		display: none;
	}
	.top_mv_slider .slide_text .SPblockPCnone{
		display: block;
	}
	.top_mv_slider .top_mv01{
		background-image: url("images/mv_slide01_sp.jpg");
	}
	.top_mv_slider .top_mv02{
		background-image: url("images/mv_slide02_sp.jpg");
	}
	.top_mv_slider .top_mv03{
		background-image: url("images/mv_slide03_sp.jpg");
	}
	.top_mv_slider .top_mv04{
		background-image: url("images/mv_slide04_sp.jpg");
	}
	.top_mv_slider .top_mv05{
		/*background-image: url("images/mv_slide05b_sp.jpg");*/
	}
	.top_mv_slider .top_mv06{
		background-image: url("images/mv_slide06_sp.jpg");
		background-position: center center;
	}
	.top_mv_slider .top_mv07{
		background-image: url("images/mv_sakura_sp.jpg");
	}
	.top_mv_slider .top_mv08{
		background-image: url("images/mv_slide08_sp.jpg");
		background-position: top center;
	}
	.top_mv_slider .top_mv01 .slide_text{
		width: 60%;
		margin: 70vw 5vw 0 auto;
	}
	.top_mv_slider .top_mv02 .slide_text{
		width: 60%;
		margin: 30vw auto 0 5vw;
	}
	.top_mv_slider .top_mv03 .slide_text{
		width: 60%;
		margin: 30vw 5vw 0 auto;
	}
	.top_mv_slider .top_mv04 .slide_text{
		width: 60%;
		margin: 30vw auto 0 5vw;
	}
	.top_mv_slider .top_mv05 .slide_text{
	}
	.top_mv_slider .top_mv06 .slide_text{
		width: 70%;
		margin: 50vw auto 0;
	}
	.top_mv_slider .top_mv07 .slide_text{
		width: 80%;
		margin: 35vw auto 0;
	}
	.top_mv_slider .top_mv08 .slide_text{
		width: 80%;
		margin: 20vw auto 0;
	}
	.top_mv_slider .top_mv09 .slide_text{
		margin: 30vw auto 0;
		width: 45%;
	}
	/*.top_mv_slider .top_mv05{
		background-size: 120% auto;
		background-position: center left;
	}*/
}



/*メインビジュアル上のボタン*/
.movie_btn_wrap{
	position: absolute;
    bottom: 25%;
    text-align: center;
    width: 100%;
	max-width: 1700px;
}
.movie_btn{
	display: inline-block;
}
.movie_btn a {
	display: block;
	width: 500px;
	margin: 0 auto;
	max-width: 80%;
	height: auto;
	line-height: 1em;
	text-align: center;
	color: #ac432e;
	padding: 1em 35px;
	background-image: url("common/images/arrow_b.png");
	background-position: right 1em top .75em;
	background-size: auto 28px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	transition: all 0.5s;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	background-color: #ffc600;
}
.movie_btn a:hover{
	background-color: #E5A500;
}

/*リモーダル動画*/
.remodal-wrapper{
    padding: 0;
}
.remodal{
    /*max-width: 100vw;
    max-height: 100vh;*/
	max-width: 80vw;
	max-height: 80vh;
    background-color: #000;
    margin: 0;
	padding: 50px;
}
.youtube_iframe{
    /*width: calc(100vw - 70px);
    height: calc(100vh - 70px);*/
	width: calc(80vw - 100px);
    height: calc(80vh - 100px);
}
.youtube_iframe iframe{

}
.remodal-close{
	width: 50px;
	height: 50px;
	margin: 5px;
}
.remodal-close::before{
	font-size: 40px;
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
	width: 50px;
	height: 50px;
}
.video .movie{
	max-width: 100%;
	height: auto;
}
.movie_atention{
	color: #fff;
	text-align: center;
}
@media screen and (max-width:736px){
	.remodal{
		padding: 30px 20px;
	}
	.remodal-close{
		width: 20px;
		height: 20px;
		margin: 5px;
	}
	.remodal-close::before{
		font-size: 30px;
		line-height: 20px;
		width: 20px;
		height: 20px;
	}
}
/*メインビジュアル（スマホ）--------------*/
@media screen and (max-width:736px){
	.top_mv{
		background-position: bottom right 15%;
		height: auto;
	}
	/*メインビジュアル上のロゴ*/
    .top_mv_logo{
		width: 100%;
		text-align: center;
		position: absolute;
		line-height: 0;
		padding: 80px 0;
    }
	.top_mv_logo img{
		width: 100%;
		height: auto;
		max-width: 223px;
	}
    .top_mv_news{
        padding: 0 20px;
		background-color: #000;
		position: relative;
		bottom: auto;
		overflow: auto;
    }
	/*メインビジュアル上のおすすめプランへのリンク*/
	.btn_osusume_plan{
		width: 40%;
		height: auto;
		position: absolute;
		bottom: 120px;
		right: 0;
		padding: 0 20px;
	}
	/*メインビジュアル下部のお知らせ
	.top_mv_news{
		display: none;
	}
    */
	
	/*メインビジュアル上のバナー*/
	.btn_home_other{
		width: 100%;
		height: auto;
		position: absolute;
		top: 315px;
		bottom: auto;
		right: 0;
		padding: 0 20px;
		text-align: right;
	}
	.btn_home_other.bn_goto{
		top: 70px;
		bottom: auto;
		right: 0;
		width: 100%;
		text-align: right;
	}
	.btn_home_other img{
		height: auto;
		width: 180px;
	}
	
    .top_mv_news_title{
        float: none;
        display: none;
    }
    .top_mv_news_list{
        float: none;
        display: block;
        font-size: 1em;
        text-align: left;
        margin: 0;
        padding: 1em 0;
        max-width: 100%;
    }
    .top_mv_news_list dt{
        width: 100%;
        font-weight: normal;
        float: none;
        margin: 0;
        padding: 0;
        display: inline-block;
    }
    .top_mv_news_list dd{
        padding: 0;
        margin: 0;
    }
    .top_mv_news_link{
        margin-top: 0;
    }
    /*メインビジュアル上のボタン*/
    .movie_btn_wrap{
		width: 100%;
		left: auto;
		right: 20px;
		bottom: auto;
		top: calc(70vw - 60px);
		text-align: right;
    }
	.movie_btn{
		width: 100%;
		max-width: 150px;
	}
	.movie_btn a{
		max-width: 100%;
		width: 100%;
		font-size: 1em;
		background-size: 14px;
	}
}
/*メインビジュアル上のバナー*/
.hotel_info{
	position: absolute;
	bottom: 80px;
	left: 30px;
	text-align: left;
	width: 466px;
	display: block;
}
.hotel_info img{
		max-width: 430px;
		width: 100%;
		height: auto;
	}
@media screen and (max-width:1050px){
	.hotel_info{
		max-width: calc(100vw - 520px);
	}
}
@media screen and (max-width:736px){
	.hotel_info{
		position: absolute;
		bottom:120px;
		left: 20px;
		text-align: center;
		width: calc(100vw - 150px);
		max-width: 223px;
	}
}

/*メインビジュアル上のバナー*/
.mv_inner_bn{
	position: absolute;
	z-index: 1000;
	width: 290px;
	bottom: 100px;
	animation: pathmove 2s ease-in-out infinite;
	left: 20px;
}
.mv_inner_bn a + a{
	margin-top: 15px;
	display: block;
}
.mv_inner_bn img{
	width: 100%;
	height: auto;
}
@keyframes pathmove{
  0%{
    bottom: 100px;
  }
  50%{
    bottom: 90px;
  }
  100%{
    bottom: 100px;
  }
}
@keyframes pathmove_sp{
  0%{
    bottom: 150px;
  }
  50%{
    bottom: 140px;
  }
  100%{
    bottom: 150px;
  }
}
@media screen and (max-width:736px){
	.mv_inner_bn{
		width: 50vw;
		bottom: 150px;
		top: auto;
		left: 20px;
		animation: pathmove_sp 2s ease-in-out infinite;
	}
}

/*魅力
-------------------------------------------------- */
#FEATURES{
	padding: 0;
}
.features_wrap{
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 50px 0 0;
}
#FEATURES01.features_wrap{
	background-color: #E0EEE3;
}
#FEATURES02.features_wrap{
	background-color: #F8E8E4;
}
.features_link{
	margin-right: -35px;
	padding: 0 35px 0 0;
	background-image: url(common/images/design_link_arrow.png);
	background-position: right top 19px;
	background-size: auto 8px;
	background-repeat: no-repeat;
	margin-top: 2em;
}
.features_link a {
	display: block;
	background-image:url(common/images/design_link_border_r.png),url(common/images/design_link_border_b.png);
	background-size:1px auto,auto 1px;
	background-position: top right,bottom left;
	border-left:1px solid #6B6495;
	border-top:1px solid #6B6495;
	background-repeat: no-repeat,no-repeat;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0;
	color: #6B6495;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.5s;
}
.features_link a:hover{
	background-color: rgba(107,100,149,.1);
}
.features_box{
	position: relative;
	max-width: 1300px;
	margin: 0 auto;
	overflow: auto;
	padding:0 0 100px;
	z-index: 2;
	min-height: 650px;
}
.features_in_text{
	position: absolute;
	top: 0;
	right: 50px;
	left: auto;
	width: 400px;
	padding: 30px 30px 40px;
	background-color: #fff;
	box-shadow: 3px 3px 5px rgba(0,0,0,.1);
}
.features_cat{
	text-align: center;
}
.features_cat img{
	width: 68px;
	height: auto;
}
.features_title{
	text-align: center;
	margin: .5em 0 0;
	font-size: 3em;
}
.features_title img{
	width: 300px;
	height: auto;
}
.features_subtitle{
	text-align: center;
	margin: 1em 0;
	font-size: 2em;
}
.features_subtitle img{
	width: 274px;
	height: auto;
}
.features_in_img{
	float: left;
	margin: 100px 0 0;
	width: calc(100% - 400px);
	height: 0;
	padding: 40% 0 0;
	background-size: cover;
	background-position: center 0;
	background-repeat: no-repeat;
}
.features_text{
	line-height: 1.7em;
	font-size: 1.2em;
	text-align: center;
}
#FEATURES02 .features_in_img{
	float: right;
}
#FEATURES02 .features_in_text{
	top: 0;
	right: auto;
	left: 50px;
}
#FEATURES .linkbtn_g a + a{
	margin-top: 1em;
}
#FEATURES01 .features_in_img{
	background-image: url("images/feature_01_img.jpg");
}
#FEATURES02 .features_in_img{
	background-image: url("images/feature_02_img.jpg");
}
.features_cat{

}
/*アニメーション要素のスタイル*/
.js-animation{
	opacity : 0;
	visibility: hidden;
	transition: 2s;
	transform: translateY(30px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.js-animation.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
/*装飾*/
.features_kazari{
	position: absolute;
}
.features_kazari img{
	width: 100%;
	height: auto;
}
.kazari01,.kazari03{
	max-width: 600px;
	height: auto;
}
.kazari02,.kazari04{
	max-width: 684px;
	height: auto;
}
.kazari05,.kazari06{
	max-width: 600px;
	height: auto;
}
.kazari01{
	top: 0px;
	left: auto;
	right: 0px;
}
.kazari02{
	top: 0px;
	left: auto;
	right: 100px;
}
.kazari03{
	top: 0px;
	left: auto;
	right: auto;
}
.kazari04{
	top: 0px;
	left: 100px;
	right: auto;
}
.kazari05{
	top: auto;
	left: 0px;
	right: auto;
	bottom: 0px;
}
.kazari06{
	top: auto;
	left: auto;
	right: 0px;
	bottom: 0px;
}

/*魅力（スマホ）--------------*/
@media screen and (max-width:736px){
	#FEATURES{
		padding: 0;
	}
	.features_wrap{
		margin: 0;
		padding: 0;
	}
	.features_link{
		margin-right: 0;
		padding: 0 0 0 0;
		background: none;
		margin-top: 1.5em;
	}
	.features_link a {
		display: block;
		background:none;
		border:1px solid #6B6495;
		height: 40px;
		line-height: 40px;
	}
	.features_box{
		min-height: auto;
		padding:0 0 50px;
	}
	.features_in_text{
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		width: auto;
		padding: 20px 20px 20px;
		margin: -20px 30px 0;
	}
	.features_cat{
		text-align: center;
	}
	.features_cat img{
		width: 34px;
	}
	.features_title{
		margin: .25em 0;
	}
	.features_title img{
		width: 150px;
	}
	.features_subtitle{
		margin: .5em 0;
	}
	.features_subtitle img{
		width: 200px;
	}
	.features_in_img{
		float: none;
		width:auto;
		padding: 50% 0 0;
		margin: 0;
		background-repeat: repeat;
	}
	#FEATURES02 .features_in_img{
		float: none;
	}
	#FEATURES02 .features_in_text{
		top: auto;
		right: auto;
		left: auto;
	}
	.kazari01,.kazari03{
		width: 80%;
	}
	.kazari02,.kazari04{
		width: 50%;
	}
	.kazari05,.kazari06{
		width: 100%;
	}
	.kazari01{
		top: auto;
		left: auto;
		right: 0px;
		bottom: 0px;
	}
	.kazari02{
		top: auto;
		left: -30px;
		right: auto;
		bottom: 0px;
	}
	.kazari03{
		top: auto;
		left: 0px;
		right: auto;
		bottom: 0px;
	}
	.kazari04{
		top: auto;
		left: auto;
		right: -30px;
		bottom: 0px;
	}
	.kazari05{
		top: auto;
		left: 0px;
		right: auto;
		bottom: -200px;
	}
	.kazari06{
		top: auto;
		left: auto;
		right: 0px;
		bottom: -200px;
	}
}


/*お知らせ
-------------------------------------------------- */
#NEWS{
	overflow: auto;
	padding: 50px 0 0;
	/*margin-top: -70px;*/
}
.news_box{
	max-width: 1000px;
	padding: 0 20px 0;
	margin: 0 auto;
}
.news_title_box{
	width: 35%;
	float: left;
	padding: 0 50px 0 0;
}
.news_title_box .title_03{
	float: right;
	margin: 30px 0;
}
.news_contents_box{
	width: 65%;
	float: right;
	padding: 0 0 0 50px;
	border-left: 1px solid rgba(0,0,0,.2);
}
.news_list {
	margin: 0;
	color: #909090;
	font-size: 1.15em;
}
.news_list dt{
	float: left;
	width: 5em;
	margin: 0;
}
.news_list dd{
	padding: 0 0 1em 6.5em;
	margin: 0;
}
.news_list dd a{
	color: #CD6447;
	text-decoration: none;
}
.news_list dd:last-child{
	padding-bottom: 0;
}
.news_link_wrap{
	text-align: center;
	margin: 0;
}
.news_link{
	display: inline-block;
	margin-top: 2em;
}
.news_link a {
	display: block;
	min-width: 280px;
	max-width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #CD6447;
	padding: 0 35px;
	background-image: url("common/images/arrow_w.png");
	background-position: right 1em top 1em;
	background-size: auto 14px;
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.5s;
	border: 1px solid #CD6447;
}
.news_link a:hover{
	background-color: #fff;
	color: #CD6447;
	background-image: url("common/images/arrow_o.png");
}
/*お知らせ（スマホ）--------------*/
@media screen and (max-width:736px){
	#NEWS{
		background-size: 110% auto;
		background-position: center top 300px;
		padding: 50px 0 50px;
		margin-top: -40px;
	}
	.news_box{
	}
	.news_title_box{
		width: 100%;
		float: none;
		padding: 0;
	}
	.news_title_box .title_03{
		float: none;
	}
	.news_contents_box{
		width: 100%;
		float: right;
		padding: 0;
		border-left: none;
	}
	.news_list {
		border-top:  1px solid rgba(0,0,0,.1);
		padding: 1em 0 0;
	}
	.news_list dt{
		float: none;
		width: 100%;
	}
	.news_list dd{
		padding: 0 0 1em;
		margin: 0 0 1em;;
		border-bottom:  1px solid rgba(0,0,0,.1);
	}
	.news_list dd a{
		text-decoration: none;
	}
	.news_list dd:last-child{
		padding: 0 0 1em;
	}
	.news_link_wrap{
	}
	.news_link{
		padding: 0 20px 0;
		margin-top: 1.5em;
		width: 100%;
	}
	.news_link a {
		height: 40px;
		line-height: 40px;
		width: 100%;
	}
}


/*おすすめ情報（バナー）
-------------------------------------------------- */
/*#BNBOX{
	padding: 50px 0 100px;
}*/
.bnbox_wrap{
    max-width: 1320px;
	width: 100%;
	margin: 50px auto 0!important;
	padding: 0 10px 0;
    position: relative;
}
.bnbox_list{
	width: 100%;
    padding: 0;
    margin: 0;
}
.bnbox_single{
    margin: 0;
    padding: 0;
    width: 100%;
}
.bnbox_list .bnbox_box{
	display: block;
	margin: 0;
    padding: 0 10px 0;
	overflow: auto;
	width: 33.33333333%;
	background-color: #fff;
}
.bnbox_single .bnbox_box{
	display: block;
    float: left;
	margin: 0 10px 0;
    padding: 0;
	overflow: auto;
	width: calc(33.33333333% - 20px);
	background-color: #fff;
}
.bnbox_box a{
    display: block;
}
.bnbox_box a img{
    width: 100%;
    height: auto;
}
.bnbox_list_slidearrow{
    position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
}
.bnbox_list_slidearrow .slick-prev,
.bnbox_list_slidearrow .slick-next{
	width: 30px;
	height: 40px;
}
.bnbox_list_slidearrow .slick-prev img,
.bnbox_list_slidearrow .slick-next img{
	opacity: 1;
}
.bnbox_list_slidearrow .slick-prev{
	left: 0;
}
.bnbox_list_slidearrow .slick-next{
	right: 0;
}
.slick-dots{
    right: 0;
}
/*おすすめ情報（バナー）（スマホ）--------------*/
@media screen and (max-width:736px){
    .bnbox_wrap{
        margin: 30px auto 0!important;
    }
    .bnbox_list .bnbox_box{
        display: block;
        width: calc(100% - 20px);
    }
    .bnbox_single .bnbox_box{
        display: block;
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }
    .bnbox_box + .bnbox_box{
        margin-top: 15px;
    }
}


/*おすすめプラン
-------------------------------------------------- */
#PLAN{
	padding: 100px 0 100px;
	margin:100px 0 0;
}
.plan_wrap{
	background-image: url(images/plan_bg.jpg);
	background-size: cover;
}
#PLAN .title_03,#PLAN .title_03 span{
	color: #fff;
}
#PLAN .title_03 {
	margin-top: 0;
}
.plan_list{
	max-width: 1320px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0 20px;
}
.plan_box{
	display: inline-table;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	overflow: auto;
	width: calc(25% - 20px);
	background-color: #fff;
	box-shadow: 0px 2px 5px rgba(0,0,0,.1);
    border: 1px solid rgba(255,255,255,.1);
}
.plan_list .plan_box:nth-child(4){
	float: right;
}
/*トリミングする外側の枠*/
.plan_img {
    overflow: hidden;
    width: 100%;/* トリミングしたい枠の幅*/
    padding-top: calc(3 / 4 * 100%);/* トリミングしたい枠の高さ */
    position: relative;
	margin: 0;
    background-size: cover;
    background-position: center center;
}
.plan_text_box{
	padding: 15px 30px;
}
.plan_title{
	color: #CD6447;
	font-size: 1.15em;
	line-height: 1.7em;
}
.plan_date{
	color:#A8A8A8;
}
.plan_button{
	text-align: center;
	line-height: 2em;
}
.plan_button a{
	display: inline-block;
	max-width: 100%;
	padding: .1em 3em;
	color: #CD6447;
	border: 1px solid #CD6447;
	border-radius: 3em;
	font-weight: bold;
	background-color: #fff;
}
.plan_button a:hover{
	background-color: #CD6447;
	color: #fff;
}
.plan_link_wrap{
	text-align: center;
	margin: 20px 0 0;
}
.plan_link{
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
}
.plan_link a {
	display: block;
	width: 400px;
	max-width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	padding: 0 35px;
	background-image: url("common/images/arrow_w.png");
	background-position: right 1em top 1em;
	background-size: auto 14px;
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.5s;
	border: 1px solid #fff;
}
.plan_link a:hover{
	background-color: rgba(255,255,255,.3);
}
.plan_link a.sp_url{
    display: none;
}
/*おすすめプランスライド化（PCのみ）--------------*/
@media screen and (min-width:737px){
	.plan_list_wrap{
		position: relative;
		max-width: 1400px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.plan_list_slide{
		margin: 0 auto !important;
	}
	.plan_list_slide .plan_box{
		box-shadow: none;
	}
	.plan_list_slide .slick-slide{
		padding-right: 20px;
	}
	.plan_list_slidearrow{
		position: absolute;
		width: 100%;
		top: 50%;
		left: 0;
		display: block;
	}
	.plan_list_slidearrow .slick-prev,
	.plan_list_slidearrow .slick-next{
		width: 30px;
		height: 40px;
	}
	.plan_list_slidearrow .slick-prev img,
	.plan_list_slidearrow .slick-next img{
		opacity: 1;
		width: 100%;
		height: auto;
	}
	.plan_list_slidearrow .slick-prev{
		left: 0;
	}
	.plan_list_slidearrow .slick-next{
		right: 0;
	}
	.plan_list_slide .slick-dots{
		bottom: -30px;
	}
	.plan_link + .plan_link{
		margin-left: 1em;
	}
}

/*おすすめプラン（スマホ）--------------*/
@media screen and (max-width:736px){
	#PLAN{
		padding: 50px 0;
		margin: 50px 0 0;
	}
	.plan_wrap{
		background-image: url(images/plan_bg_sp.jpg);
		background-size: cover;
	}
	#PLAN .title_03,#PLAN .title_03 span{
	}
	.plan_list{
		padding: 0 20px;
	}
	.plan_box{
		float: none;
		margin: 0 0 25px;
		width: 100%;
		overflow: visible;
		list-style: none;
		padding: 15px;
	}
	.plan_box > div{
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	.plan_list .plan_box:last-child{
		float: none;
	}
	/*トリミングする外側の枠*/
	.plan_img {
	}
	/*横幅に合わせてリサイズ、はみ出た分をトリミング*/
	.plan_img img {
	}
	.plan_text_box{
		padding: 0;
	}
	.plan_img_box{
		width: 40%;
	}
	.plan_text_box{
		width: 55%;
	}
	.plan_text_wrap{
		height: auto!important;
	}
	.plan_link_wrap{
		margin: 0;
	}
	.plan_link{
		padding: 0 20px 0;
		margin-top: 1.5em;
		width: 100%;
	}
	.plan_link + .plan_link{
		margin-left: 0;
		margin-top: 1em;
	}
	.plan_link a {
		height: 40px;
		line-height: 40px;
		width: 100%;
		padding: 0 5px;
		padding-right: 20px;
	}
    .plan_link a.sp_url{
        display: block;
    }
    .plan_link a.pc_url{
        display: none;
    }
	.plan_list .plan_box:nth-child(4){
		float: none;
	}
}
@media screen and (max-width:500px){
	.plan_box .plan_date{
		display: none;
	}
}
/*おすすめプラン4件以上（スマホ）--------------*/
@media screen and (max-width:736px){
	.plan_list .plan_box:nth-child(n+5){
		display: none;
	}
	.plan_list_slidearrow{
		display: none;
	}
}

/*====================================================
　SNSなど
====================================================*/
#INFO{
	padding: 70px 0;
	/*background-image: url(../images/bg_wagara.png);
	background-size: 1640px auto;
	background-position: center top 30px;
	background-repeat: repeat-y;*/
	overflow: auto;
}
.info_box{
	width: 56%;
	float: left;
}
.info_box_sns{
	width: 42%;
	float: right;
}
.info_bn_2col{
	margin: 1em 0 0;
}
.info_bn_2col .bn_col{
	width: 50%;
	padding: 0 7px 0 0;
	float: left;
}
.info_bn_2col .bn_col:last-child{
	padding: 0 0 0 7px;
	float: right;
}
.info_bn_2col .bn_col img{
	width: 100%;
	height: auto;
}
.fb_box{
	margin: 2em auto 0;
}
.sns_box{
    margin: 3em auto 0;
    display: table;
    width: 100%;
}
.sns_link{
    text-align: center;
    width: 50%;
    /*上2つの場合*/
    display: table-cell;
    padding: 5px 15px;
}
.sns_link a{
    display: block;
	padding: 20px 0;
}
/*.sns_box .sns_link:first-child{
    padding: 5px 15px 5px 0;
    border-right: 1px solid rgba(0,0,0,.2);
}*/
.sns_box .sns_link + .sns_link{
    border-left: 1px solid rgba(0,0,0,.2);
}
.sns_link img{
    height: 30px;
    width: auto;
}
.ta_box{
	width: 100%;
	text-align: center;
	border: 1px solid #00a680;
	padding: 0 0 1em;
	margin: 1em 0 0;
	line-height: 100%;
}
.ta_box_inner{
	display: inline-block;
	vertical-align: middle;
}

/*導入部分（main_intoro_wrap）（スマホ）--------------*/
@media screen and (max-width:736px){
	#INFO{
		background-size: 110% auto;
		padding: 40px 0;
	}
	#INFO p{
		margin: 1em 0 0;
	}
	.info_box{
		width: 100%;
		float: none;
	}
	.info_box_sns{
		width: 100%;
		float: none;
	}
	.info_bn_2col{
		margin: 0;
	}
	.info_bn_2col .bn_col{
		width: 50%;
		padding: 0 7px 0 0;
		float: left;
	}
	.info_bn_2col .bn_col:last-child{
		padding: 0 0 0 7px;
		float: right;
	}
	.info_bn_2col .bn_col img{
		width: 100%;
		height: auto;
	}
	.fb_box{
		margin: 1em auto 0;
	}
    .sns_box{
        margin: 0 auto;
        display: block;
    }
    .sns_link{
        width: 100%;
        display: block;
        padding: 0;
    }
    .sns_link a{
        display: block;
        text-align: center;
		padding: 20px;
    }
    /*.sns_box .sns_link:first-child{
        padding: 0;
        border-right: none;
        border-bottom: 1px solid rgba(0,0,0,.2);
    }*/
    .sns_box .sns_link + .sns_link{
        border-left: none;
        border-top: 1px solid rgba(0,0,0,.2);
    }
    .sns_link img{
        height: 30px;
        width: auto;
    }
}


/*====================================================
　インスタグラム（複眼フィード）
====================================================*/
._fukugan_grid{
	width: 100% !important;
	height: auto !important;
}
._fukugan_cell{
	width: 16.66666% !important;
}
._fukugan_cell a[href^="https://www.instagram.com/"],._fukugan_mask{
	width: 100% !important;
	height: 100% !important;
}
._fukugan_thumbnail{
	width: 100% !important;
	height: auto !important;
}

/*====================================================
　マップ
====================================================*/
.map{
	border: none;
	width: 100%;
	height: 600px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.mapinner_img{
	text-align: center;
	height: auto;
	padding: 30px 0 15px 20px;
	margin: 0;
}
.mapinner_img img{
	width: 138px;
	height: auto;
}
.mapinner_title{
	font-size: 1.15em;
	font-weight: bold;
	color: #49436A;
	padding: 10px 0 10px 20px;
	margin: 0;
	text-align: center;
}
.mapinner_text{
	padding: 0 0 20px 20px;
	margin: 0;
	text-align: center;
	
}

/*マップ（スマホ）--------------*/
@media screen and (max-width:737px){
	.map{
		height: 300px;
	}
}


/*====================================================
　バナーエリア
====================================================*/
.recommended_wrap{
	position: fixed;
	bottom: 60px;
	right: 0;
	display: block;
	color: #fff;
	z-index: 10;
	width: 100%;
	/*動画ついか*/
	position: relative;
	bottom: auto;
	right: auto;
	background: url("common/images/orange_bg.jpg") repeat;
}
.recommended_box{
	/*background-color: rgba(55,50,83,.95);*/
	background-color: rgba(0,0,0,.7);
	height: auto;
	padding: 20px;
	/*box-shadow: -1px 1px 5px rgba(0,0,0,0.15);*/
	width: 70vw; /*4こ*/
	/*width: 40vw; 2こ*/
	/*width: 60vw; 3こ*/
	min-width: 1000px;
	/*overflow-y: scroll;
	-ms-overflow-style:none;*/
	margin:  0 auto;
	position: relative;/*動画追加*/
	box-shadow: none;
	background-color: transparent;
	padding: 50px 20px;
}
.recommended_list{
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: space-between;
}
.recommended_list.sp_top_bn{
	display: flex;
}
.recommended_list li{
	width: 24%; /*4こ*/
	/*width: 48%; /*2こ*/
	/*width: 32%; /*3こ*/
}
.recommended_list li a{
	display: block;
}
.recommended_list li a img{
	width: 100%;
	height: auto;
}
.recommended_plan_btn{
	position: absolute;
	top: -40px;
	right: 32px;
	z-index: 99999;
	text-align: center;
}
.recommended_plan_btn a{
	display: block;
	background-color: #CD6447;
	color: #fff;
	line-height: 40px;
	border-radius: 4px;
	padding: 0 5px;
	margin: 0;
	min-width: 210px;
}
.recommended_plan_btn a:hover{
	background-color: #B43F24;
}
/*バナーエリア（スマホ）--------------*/
@media screen and (max-width:736px){
	.recommended_wrap{
		top: auto;
		bottom: 120px;
		z-index: 999;
		position: absolute;
		max-width: 100vw;
		/*動画ついか*/
		position: relative;
		bottom: auto;
		right: auto;
	}
	.recommended_box{
		padding: 0 30px 10px;
		/*box-shadow: -1px 1px 5px rgba(0,0,0,0.15);*/
		width: 100%;
		min-width: 100%;
		/*動画追加*/
		padding: 20px;
	}
	.recommended_list.pc_top_bn{
		display: none;
	}
	.recommended_list.sp_top_bn{
		display: flex;
		flex-wrap: wrap;
	}
	.recommended_list li{
		width: 48%;
		margin-top: 10px;
	}
	.recommended_plan_btn{
		bottom: 60px;
		right: 10px;
	}
	.recommended_plan_btn a{
		min-width: 140px;
	}
}
/*閉じるボタン
-------------------------------------------------- */
.recommended_close_btn{
	height: 40px;
	width: 40px;
	background-color: rgba(0,0,0,.7);
	position: absolute;
	top: -40px;
	right: 0;
}
.recommended_close_btn p{
	margin: 0;
	display: block;
	text-align: center;
	height: 100%;
	width: 100%;
	background-image: url("common/images/menu_close.png");
	background-size: 18px auto;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -99999px;
}
/*閉じるボタン（スマホ）--------------*/
@media screen and (max-width:736px){
	.recommended_close_btn{
	}
}


/*====================================================
　おすすめプラン　モーダル
====================================================*/
.plan_button a{
	width: 100%;
}
.remodal.plan_modal{
    /*max-width: 100vw;*/
    max-height: 95vh;
	max-width: 800px;
	width: calc(100% - 40px);
	height: auto;
    background-color: #fff;
    margin: 0;
	padding: 35px;
	overflow: auto;
}
.plan_m_title_wrap{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	/*border-bottom: 1px solid #49436A;
	margin: 0 0 35px;*/
	padding: 0 0 35px;
	font-size: 1em;
}
.plan_m_img_box{
	width: 45%;
}
.plan_m_title_wrap .plan_title{
	width: 50%;
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 1.7em;
}
.plan_m_text{
	font-size: 1.2em;
	margin: 0 0 1.5em;
	text-align: left;
}
.plan_modal .plan_date{
	text-align: left;
}
.plan_modal .remodal-close{
	width: 35px;
	height: 35px;
	margin: 0;
	font-size: 25px;
}
.plan_modal .remodal-close::before{
	font-size: 25px;
	text-align: center;
	vertical-align: middle;
	line-height: 35px;
	width: 35px;
	height: auto;
	border: none;
}
/*（スマホ）--------------*/
@media screen and (max-width:736px){
	.remodal.plan_modal{
		padding: 20px;
	}
	.plan_m_title_wrap{
		padding: 0 0 20px;
	}
	.plan_m_title_wrap .plan_title{
		font-size: 3.5vw;
	}
	.plan_m_text{
		font-size: 1.2em;
	}
	.plan_modal .remodal-close{
		width: 20px;
		height: 20px;
		font-size: 20px;
	}
	.plan_modal .remodal-close::before{
		font-size: 20px;
		line-height: 20px;
		width: 20px;
	}
}
@media screen and (max-width:500px){
	.plan_box .plan_date{
		display: none;
	}
	.plan_m_title_wrap{
		flex-wrap: wrap;
	}
	.plan_m_img_box{
		width: 100%;
	}
	.plan_m_title_wrap .plan_title{
		width: 100%;
		font-size: 1.5em;
		margin-top: 1em;
	}
}