@charset "UTF-8";

/* CSS Document */

/* ---------------------------------------------------
Base Layout
------------------------------------------------------ */
/* スムーススクロール */
html {
	scroll-behavior: smooth;
}

/* 1200px表示 */
#htlMainContent { width: 100% !important;}
#RthCustomizeW {
	width: 1200px !important;
	margin: 0 auto;
}
#r_wrapper {
	position: relative;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	font-size: 15px;
}

/* 共通 */
#RthCustomizeW a:hover {
	text-decoration: none;
	opacity: .7;
}

#RthCustomizeW a,
#RthCustomizeW p,
#RthCustomizeW span{
	letter-spacing: 0.2em;
}


/* ヘッダー */
#r_header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: flex;
	align-items: flex-start;
	width: 100%;
}
#r_header::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 155px;
	content: "";
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}
#r_header .logo {
	padding: 25px 0 0 30px;
}

#r_header .logo img { 
	width: 160px;
}
#r_header .nav {
	display: flex;
	align-items: center;
	padding: 20px 20px 0;
	margin: 0 0 0 auto;
}

#r_header .nav li + li {
	margin: 0 0 0 30px;
}

#r_header .nav li a { 
	position: relative; color: #fff; line-height: 2; display: inline-block;
}

#r_header .nav li a::before { 
	position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; content: ''; background:#fff; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; transform: scaleX(0); transform-origin: left;
}

#r_header .nav li a:hover { 
	text-decoration: none; opacity: 1;
}
#r_header .nav li a:hover::before,
#r_header .nav li.active a:before{
	transform: scaleX(1);
}

#r_header .nav .btn_reserve {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 140px;
	height: 60px;
	background: #597252;
}

#r_header .nav .btn_reserve:hover{
	opacity: .9;
}

#r_header .nav .btn_reserve::before { 
	background: none;
}

/* メインイメージ */
#main_img,
#main_img > img {
	position: relative;
	z-index: 0;
}
#main_img > img {
	width: 100%;
}


/* コンテンツ部分 */
#r_content > img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

#r_content > img.anchor {
    padding-top: 60px;
    margin-top: -60px;
}

/* フッター */
#r_footer {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1200px;
	padding: 90px 0 20px 85px;
	margin: 0 auto;
	line-height: 1.5;
	color: #fff;
	background: #597252;
}
#r_footer a {
	color: #fff;
}

#r_footer #f_logo {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 305px;
	margin: 0 0 80px;
}
#r_footer #f_logo p {
	width: 100%;
	padding: 5px 10px;
	margin: 0 0 40px;
	text-align: center;
	background: rgba(255, 255, 255, 0.2);
	font-size: 14px;
}
#r_footer #f_logo .rin {
	width: 128px;
}
#r_footer #f_logo .yuyu {
	width: 122px;
}
#r_footer #f_logo img {
	display: block;
	width: 100%;
}
#r_footer #f_nav {
	width: 280px;
	margin: 40px 0 95px auto;
}
#r_footer #f_nav ul {
	column-count: 2;
}
#r_footer #f_nav li {
	display: inline-block;
	width: 100%;
	margin: 0 0 15px;
	break-inside: avoid;
}
#r_footer #f_nav li a {
	position: relative;
	display: inline-block;
	padding: 3px 0;
	font-size: 14px;
	line-height: 2;
}

#r_footer #f_nav li a::before { 
	position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; content: ''; background:#fff; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; transform: scaleX(0); transform-origin: left;
}

#r_footer #f_nav li a:hover { 
	text-decoration: none; opacity: 1;
}
#r_footer #f_nav li a:hover::before,
#r_footer #f_nav li.active a:before{
	transform: scaleX(1);
}


#r_footer #f_add {
	width: 390px;
	margin: 40px 0 0 30px;
}
#r_footer #f_add .f_tel {
	font-size: 12px;
}
#r_footer #f_add .f_tel .tel-link {
	font-size: 20px;
}
#r_footer #f_add .f_tel > span {
	display: block;
}
#r_footer #f_add .f_tel > span .link-none {
	text-decoration: none;
	pointer-events: none;
}
#r_footer #f_add address {
	margin-top: 40px;
	font-size: 13px;
	line-height: 2;
	font-style: normal;
}
#r_footer #f_add address span {
	display: block;
}




/* ---------------------------------------------------
トップページ
------------------------------------------------------ */
#r_top_bnr {
	width: 1200px;
	margin: 0 auto 30px;
}

/* メインイメージ */
#r_wrapper.home #visual {
	margin: 0 auto;
}
#r_wrapper.home #visual #main_img {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 800px;
}

/* おすすめプラン */

#r_wrapper.home .sec_plan { 
	position:relative; 
	background: url(../img/top/plan_illust.jpg) no-repeat left top, #597252;
	background-size: 391px;
	padding: 90px 0 100px;
}

#r_wrapper.home .sec_plan .tit {	
	width: 396px;
	margin: 0 auto 40px 50px;
}
#r_wrapper.home .sec_plan .tit img { 
	width: 100%;
}
#r_wrapper.home .sec_plan ul{ 
	padding:0 50px 0; 
	display: flex; 
	justify-content: space-between; 
	align-items: flex-start;
	box-sizing: border-box;
}
#r_wrapper.home .sec_plan ul li{ 
	width:330px; 
	background:#fff;
}

#r_wrapper.home .sec_plan ul li a {
	color: #afa083;
	display: block; 
	padding-bottom: 30px;
}

#r_wrapper.home .sec_plan ul li img{
	width: 100%;
}

#r_wrapper.home .sec_plan ul li p { 
	margin:30px; 
	font-size:14px; 
	line-height:2;
}


#r_wrapper.home .sec_plan ul li p:first-of-type{
	font-weight: bold;
	min-height: 100px; 
}

#r_wrapper.home .sec_plan ul li .link {
	width: 90px;
    padding: 0px 0px 5px;
    margin: 0 30px 0 auto;
	font-size:12px; 
    border-bottom: 1px solid rgba(175, 160, 131, 0.3);
}

#r_wrapper.home .sec_plan .link{
	text-align: center;
}