@import url('https://fonts.googleapis.com/css?family=Source+Serif+Pro&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Tokumin:wght@500&display=swap');
body{font-family: "Source Serif Pro","游ゴシック","Yu Gothic","メイリオ", Meiryo, serif;color:#251B1A;}
p{font-size:14px;}
a{transition: cubic-bezier(0.4, 0, 0.2, 1) .3s;}
/*a:hover{opacity: .8;}*/
.flex{display:flex;}
.nv_btn {display:none;}
.flex{display: flex;}
a[href^="tel:"]{pointer-events: none;}
/*コンテンツ幅寄せ*/
p a:hover{
	color:#E72E1A;
}
/*******************************************************************
								sub
*******************************************************************/
#box_mask,
#main_warapper,
#contents,
#sub,
#relaxation{
	margin-left: 300px;
	width: calc(100% - 300px);
}
#sub,
#relaxation{
	box-sizing: border-box;
	padding: 0 25px;
}

/*top_menu*/
.tmenu{
	text-align:left;
	padding:25px 0;
	font-size: 12px;
}
p.tmenu a{
	text-decoration:underline;
}

/*title*/
#sub > h1,
.rela_banner,
#plan h1,
.ev_box > h1{
	margin-top:25px;
	padding: 28px 25px;
	box-sizing: border-box;
	
	display: block;
	width: auto;
	height: 80px;
	
	font-family: 'Kaisei Tokumin', serif;
	
	background: url("../images/main/sub_t_bg.png") no-repeat center right -60px #251B1A;
	
	font-size:24px;
	text-align: left;
	color: #ede8e0;
}
.sub_title{
	margin-bottom: 10px;
	
	color:  rgb(37,27,26);
	font-size: 28px;
	font-family: 'Source Serif Pro' , 'Kaisei Tokumin', serif;
}
.sub_title span{
	padding-left: 15px;
	
	color:  rgba(37,27,26,.4);
	font-size: 16px;
	
	letter-spacing: 0.25em;
}

#sub h4.topi_t{
	padding:15px 0 15px 40px;
	background:url(../images/main/listicon.png) no-repeat 0.5em center;}
/*******************************************************************
								header
*******************************************************************/
header{
	position: fixed;
	
	top: 0;
	left: 0;
	
	width: 300px;
	height: 100vh;
	z-index: 13;
	
	font-family: "Source Serif Pro" , 'Kaisei Tokumin', serif;
	
	text-align: center;
	background:#251B1A;
	color: #EDE8E0;
	
	overflow-y: scroll;
	-ms-overflow-style: none; /* IE, Edge 対応 */
	scrollbar-width: none;
}
header::-webkit-scrollbar {display:none;}/*Chrome スクロールバー非表示*/

header hgroup h1{
	margin: 50px 50px 10px 50px;
}
header hgroup img{
	width: 200px;
}
.tel_link{
	margin: 18px calc((100% - 206px) / 2) 5px;
	width: 200px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/img_index/tel_dk.svg") no-repeat center;

}
.shop_add{
	font-size: 10px;
}
#nav-main li{
	transition: .3s;
}
#nav-main li a:hover{opacity: 1!important;color: #CFA972;}
#nav-main li:hover{
	transform: translateY(-2px);
}
#nav-sub{
	padding-bottom: 100px;
	border-top: 1px solid #615A4E;
}
#nav-sub li{
	position: relative;
	padding-left: 12px;
	font-size: 12px;
	transition: .5s;
}
#nav-sub li:hover{
	padding-left: 18px;
}
#nav-sub li::after{
	position: absolute;
	top: 10px;
	right: 12px;
	
	display: block;
	content: "";
	width: 12px;
	height: 12px;
	background: url("../images/img_index/arrows.svg") no-repeat;
	background-size: 12px 12px;
	opacity: 0;
	transition: .5s;
}
#nav-sub li:hover::after{
	opacity: 1;
}

#social{
	width: 300px;
	position: fixed;
	bottom: 20px;
	left: 0;
	justify-content: center;
	background: rgb(37,27,26);
	background: linear-gradient(0deg, rgba(37,27,26,1) 0%, rgba(37,27,26,1) 51%, rgba(37,27,26,0) 100%);
}
#social li{
	text-align: center;
	padding: 0 15px;
	width: 50px;
}
#social li img{
	width: 35px;
	filter: drop-shadow(0 10px 10px rgba(37,27,26,.8))
}
#social li a p{
	padding-top: 10px;
	opacity: 0;
	color: #EDE8E0;
	transition: .3s;
	font-size: 10px;
	font-weight: normal;
}
#social li a:hover p{
	opacity: 1;
}
/*******************************************************************
								footer
*******************************************************************/


body > footer{
	margin-top: 50px;
	margin-left:300px;
}
@media screen and (max-width: 1400px){
.ft_hold li a{
	background-color: #342a29!important;
}
.map_hold li{
	background: #3f3635!important;
}
}