@charset 'UTF-8';
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);


.iv { /* スクロールエフェクト用 */
  opacity: 0;
}
img {
 vertical-align:bottom;
}
/* ================================================================================

	サイトスタイル

================================================================================ */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	color: #fff;
	background-color:#120a06;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size:16px;
	font-weight:300;
	line-height:1.7;
	word-wrap:break-word;
	overflow-x:hidden;
}

#wrapper {
	position:relative;
	max-width:1920px;
	width:100%;
	margin:0 auto;
	min-height:100vh;
	display:block;
}

h1{
	margin:0;
	font-weight:300;
}
h2, h3, h4 {
	margin:0;
	font-weight:700;
}

a:link,
a:visited {
	color: #90800e;
}
a:hover,
a:active {
	color: #ce830d;
	text-decoration: underline;
}




/* ================================================================================

	display:none

================================================================================ */
/* PC
----------------------------------------------- */
@media (min-width: 768px) {

	/* SP改行消し */
	.br-pc {
		display: none;
	}
	/* SPコンテンツ消し */
	.pc_none {
		display: none;
	}
	/* spナビ消し */
	.sp_drawer{
		display: none;
	}
}



/* SP
----------------------------------------------- */
@media (max-width: 767px) {

	/* PC改行消し */
	.br-sp {
		display: none;
	}
	/* PCコンテンツ消し */
	.sp_none{
		display: none;
	}
	/* pcナビ消し */
	.navi-box{
		display: none;
	}
}




/* ================================================================================

	フロート回り込み解除 clearfix

================================================================================ */

.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	content: ".";
	overflow: hidden;
	float: none;
}
.clearfix {
	display: block; /* for IE8 */
}





/* ================================================================================

	エディター共通設定

================================================================================ */

p{
	margin-bottom:16px;
	font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important;
	font-weight: 400;
}
p:last-child{
	margin-bottom:0;
}

strong,b{
	font-weight:700;
}
big{
	font-size:larger;
}
small{
	font-size:smaller;
}

.marker_yellow_hoso {/* 蛍光ペン(黄色) */
background: linear-gradient(transparent 60%, #4f4500 60%);
}
.marker_red_hoso {/* 蛍光ペン(赤色) */
background: linear-gradient(transparent 60%, #691719 60%);
}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	.aligncenter {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	.alignleft {
		float: left;
	}

	.alignright {
		float: right;
	}

	img.alignright {
		display: inline-block;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 16px;
		margin-left: 24px;
	}

	img.alignleft {
		display: inline-block;
		margin-top: 0px;
		margin-right: 24px;
		margin-bottom: 16px;
		margin-left: 0px;
	}

}



/* SP */
@media (max-width: 767px) {
	/* youtube siteorigin */
	.youtube-player{
		width:100%;
		height:280px;
		margin-top:16px;
	}
}



/* ================================================================================

	PC表示左右入れ替え

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.pc_lr {
		display: block !important;
		overflow: auto;
	}
	.pc_lr > div:nth-of-type(1) {
		float: right;
	}
	.pc_lr > div:nth-of-type(2) {
		float: left;
	}
}





/* ================================================================================

	その他

================================================================================ */


/* SP */
@media (max-width: 767px) {
	body{
		font-size:14px;
		font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important;
	}
	img {
		max-width: 100%;
		margin: 0 auto;
		display: block;
	}
	h1, .h1 {
		font-size: 19px;
	}
	h2, .h2 {
		font-size: 18px;
	}
	h3, .h3 {
		font-size: 17px;
	}
	h4, .h4 {
		font-size: 16px;
	}
	h5, .h5 {
		font-size: 14px;
	}
	h6, .h6 {
		font-size: 11px;
	}
	p {
		font-size: 14px;
	}
}




/* ================================================================================

	PCヘッダー

================================================================================ */
@media (min-width: 768px) {

/* PC設定
----------------------------------------------- */

	header{
		position:relative;
		max-width:1920px;
		width:100%;
	}


/* H1
----------------------------------------------- */
	.sp_h1 {
		display:none;
	}
	.pc_h1 {
		font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important;	position:absolute;
		z-index: 2;
		color:#fff;
		width: 347px;
		left: 50%;
		margin-left: -343px;
		top: 7px;
		letter-spacing: -0.7px;
		-moz-text-shadow: 0px 0px 9px rgba(0, 0, 0, 1);
		-webkit-text-shadow: 0px 0px 9px rgba(0, 0, 0, 1);
		-ms-text-shadow: 0px 0px 9px rgba(0, 0, 0, 1);
		text-shadow: 0px 0px 9px rgba(0, 0, 0, 1);
	}
	.pc_h1 h1 {
		font-size: 12px;
	}

/* ヘッダーの電話番号 */

	.head-tel{
		z-index: 5;
		width: 319px;
		height: 162px;
		position: absolute;
		left:50%;
		transform: translate(269px,689px);
		-webkit-transform:translate(269px,689px);
		-ms-transform:translate(269px,689px);
	}
/* グローバルナビゲーション
----------------------------------------------- */
	
	
	.navi-box{
		position:absolute;
		width:286px;
		height:754px;
		left:50%;
		margin-left: -681px;
	}
	.pc_nav_wrap{/* ナビ背景 */
		position:relative;
		background: url(../img/nabi-bg.png) no-repeat; 
		width:286px;
		height:754px;
		z-index: 2;
	}
	
	.top-logo img.leef-top{/* 葉っぱ */
		position:absolute;
		z-index: 4;
		width:300px;
		height:92px;
		left:50%;
		margin-left: -130px;
		pointer-events: none;
	}
	.top-logo img.head-logo{/* ロゴ */
		position:absolute;
		z-index: 3;
		width:286px;
		height:286px;
		left:50%;
		margin-left: -117px;
		margin-top: 17px;
	}
	.top-logo a:hover img.head-logo{/* ロゴ */
		opacity: 0.8;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}
	.pc_nav{
		position: absolute;
		left: 50%;
		width: 161px;
		height: 258px;
		margin-left: -55px;
		margin-top: 326px;
	}
	/* プラン・料金 */
	.pc_nav ul.clearfix li.p-plan a{
		background: url(../img/navi-off01.png) no-repeat; 
		text-indent: -9999px;
		width:161px;
		height:50px;
		display: block;
	}
	.pc_nav ul.clearfix li.p-plan a:hover{
		background: url(../img/navi-on01.png) no-repeat; 
	}

	/* メニュー */
	.pc_nav ul.clearfix li.p-menu a{
		background: url(../img/navi-off02.png) no-repeat; 
		text-indent: -9999px;
		width:161px;
		height:53px;
		display: block;
	}
	.pc_nav ul.clearfix li.p-menu a:hover{
		background: url(../img/navi-on02.png) no-repeat; 
	}
	
	/* イベント */
	.pc_nav ul.clearfix li.p-event a{
		background: url(../img/navi-off03.png) no-repeat; 
		text-indent: -9999px;
		width:161px;
		height:51px;
		display: block;
	}
	.pc_nav ul.clearfix li.p-event a:hover{
		background: url(../img/navi-on03.png) no-repeat; 
	}
	
	/* アクセス */
	.pc_nav ul.clearfix li.p-access a{
		background: url(../img/navi-off04.png) no-repeat; 
		text-indent: -9999px;
		width:161px;
		height:53px;
		display: block;
	}
	.pc_nav ul.clearfix li.p-access a:hover{
		background: url(../img/navi-on04.png) no-repeat; 
	}

	/* ブログ */
	.pc_nav ul.clearfix li.p-blog a{
		background: url(../img/navi-off05.png) no-repeat; 
		text-indent: -9999px;
		width:161px;
		height:51px;
		display: block;
	}
	.pc_nav ul.clearfix li.p-blog a:hover{
		background: url(../img/navi-on05.png) no-repeat; 
	}

	/* ご予約 */
	.pc_nav ul.clearfix li.p-yoyaku a{
		background: url(../img/navi-off06.png) no-repeat; 
		text-indent: -9999px;
		width:161px;
		height:51px;
		display: block;
	}
	.pc_nav ul.clearfix li.p-yoyaku a:hover{
		background: url(../img/navi-on06.png) no-repeat; 
	}

}




/* ================================================================================

	SPヘッダー

================================================================================ */
@media (max-width: 767px) {

	header{
		position:relative;
	}


/* H1
----------------------------------------------- */
	.pc_h1 {
		display:none;
	}
	.sp_h1 {
		padding:11px 5px 16px 20px;
		background: url(../img/sp-wood-bg.jpg) no-repeat; 
	}
	.sp_h1 h1 {
		font-size: 12px;
		width: 270px;
	}




/* グローバルナビゲーション navbar
------------------------------------------- */
	#global-nav,
	.ac-bl{
		display:none;
	}
/* SPハンバーガーメニュー
----------------------------------------------- */
.sp_drawer{
		position: relative;
		z-index: 9999;
}
.drawer-hamburger{
	padding:10px!important;
	background-color: rgba(255,255,255,0.5) !important;
}
.drawer-hamburger span.drawer-hamburger-p{
	display: block;
	font-size:12px;
	padding-top:12px;
}
	
	
	
.drawer-nav	.wakuri-n{
	background-color:#f5c670 !important;
}
.drawer-nav	.wakuri-tel{
	background-color:#d7a750 !important;
}
.drawer-nav .kuri-n{
	background-color:#533d15 !important;
}
.drawer-nav .kuri-tel{
	background-color:#68522b !important;
}
.drawer-nav{
	background: url(../img/sp-bg02.jpg) repeat !important;
}
	
	
	
.drawer-nav > ul{
}
.drawer-nav > ul > li{
	line-height:2.5;
	background-color: rgba(255,255,255,0.2);
}
.drawer-nav a{
	font-size:18px;
	color:#fff;
	display:block;
	padding:0 16px;
}	
.drawer-nav .wakuri-n a{
	font-size:18px;
	color:#352416;
	display:block;
	padding:0 16px;
}
.drawer-nav .kuri-n a{
	font-size:18px;
	color:#fff;
	display:block;
	padding:0 16px;
}
	
	
	
.drawer-nav .wakuri-n a:hover{
	background-color:#d7a750;
	text-decoration:none;
}
.drawer-nav .wakuri-tel a:hover{
	background-color:#f5c670;
	text-decoration:none;
	
}
.drawer-nav .kuri-n a:hover{
	background-color:#68522b;
	text-decoration:none;
}
.drawer-nav .kuri-tel a{
	color: #fff !important;
}
.drawer-nav .kuri-tel a:hover{
	background-color:#533d15;
	text-decoration:none;
	color:#fff;
}
.drawer-nav a:hover{
	background-color:transparent;
	text-decoration:none;
}
	
	
	
.drawer-nav a span{
	font-size:11px;
	color:#f2ede7;
	margin-left:8px;
}


.nav_tel a{
	background-color:#555555;
	font-size:18px;
	color:#ffffff;
	display:block;
	padding:0 16px;
}
.nav_tel a:hover{
	background-color:#777777;
	text-decoration:none;
}


.nav_web a{
	background-color:#e3cfb5;
	font-size:18px;
	color:#222222;
	display:block;
	padding:0 16px;
}
.nav_web a:hover{
	background-color:#edd2ae;
	text-decoration:none;
}





}

/* ================================================================================

	フッター

================================================================================ */

/* PC */
@media (min-width: 768px) {
	
	.f_navi_sp{/* スマホリンク非表示 */
		display:none;
	}
	/* シェアボタン */
	footer .addtoany_shortcode > div{
		display:none;
	}
	
	
	/* フッターロゴ */
	.footer-logo{
		width:198px;
		height:200px;
		margin:0 auto;
		padding: 51px 0 0 0;
	}
	/* 【固定ページ】フッター：基本情報 */
	.f_kotei{
		text-align:center;
		padding: 85px 0 0 0;
	}
	.f_kotei .panel-grid{
		display:block !important;
	}
	
	p.footer-info01{
		font-size: 17px;
		font-weight: 600;
		font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important;	letter-spacing: 1.4px;
	}
	p.footer-info02{
		font-size: 17px;
		font-weight: 600;
		font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important;
		margin: -6px 0 0 0;
		letter-spacing: 1.4px;
	}
	
	.f_kotei p a img{
		padding: 13px 22px 7px 0px;
		pointer-events:none; 
	}
	
	/* フッターリンク */
	.f_navi_pc{
		text-align:center;
		color:#90800e;
		font-size:18px;
		font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important;
		padding: 29px 0 0 0;
		font-weight: 600;
	}
	.f_navi_pc a{
		color:#90800e !important;
	}
	
	/* コピーライト */
	.f_copy{
	}
	.f_copy p{
		font-size: 12px;
		text-align: center;
		padding: 85px 0 18px 0;
		letter-spacing: 1.4px;
		font-family: "Times New Roman",Kokoro,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "MS P明朝", "MS PMincho","Sawarabi Mincho","メイリオ",Meiryo,serif !important;
	}
}

/* SP */
@media (max-width: 767px) {
	footer {
		background:url(../img/footer-bg01.png) center top no-repeat;
			margin-top:50px;
			padding:0 16px;
	}
	
	.footer-logo{
		padding:40px 0 40px 0 ;
	}

	/* 【固定ページ】フッター：基本情報 */
	.f_kotei{
		text-align: center;
		width: 350px;
		margin: 0 auto;
	}

	.f_kotei p img{/* 電話番号 */
		width:80%;
		margin:0 auto;
	}
	
	
	
	.f_navi_pc{/* PCリンク非表示 */
		display:none;
	}
	
	.f_navi_sp{
		width:350px;
		margin:0 auto;
		text-align: center;
		font-size: 16px;
		color:#90800e;
		margin-bottom: 20px;
		font-weight: bold;
	}
	.f_navi_sp a{
		color:#90800e;
	}
	/* SP用フッターリンク type01 ※ボーダー下線のタイプ
	------------------------------------------- */
	
	/*.f_navi_sp ul{
		margin:0 auto;
		overflow:auto;
		padding:20px 0;
	}
	.f_navi_sp ul li{
		float:left;
		width:48%;
		padding:6px 8px;
		border-bottom:1px solid #000000;
	}
	.f_navi_sp ul li:nth-of-type(2n-1){
		margin-right:2%;
	}
	.f_navi_sp ul li:nth-of-type(2n){
		margin-left:2%;
	}
	.f_navi_sp ul li a{
		display:block;
		font-size:14px;
		text-decoration:none;
	}*/

	/* SP用フッターリンク type02 ※ボタンタイプ
	------------------------------------------- */
	/*
	.f_navi_sp ul{
		margin:0 auto;
		overflow:auto;
		padding:0 0 14px;
		padding-top:20px;
	}
	.f_navi_sp ul li{
		float:left;
		width:50%;
	}
	.f_navi_sp ul li:nth-of-type(2n-1){
		width:50%;
		padding-right: 1px;
	}
	.f_navi_sp ul li a{
		background-color: #000000;
		color: #ffffff ;
		display: block;
		font-size: 14px;
		font-weight:700;
		text-decoration: none;
		padding: 12px 0;
		margin-bottom: 1px;
		text-align:center;
	}
	.f_navi_sp ul li a:hover{
		background-color: #222222;
	}
	*/
	/* ボタンが奇数の場合
	.f_navi_sp ul li:first-child{
		width:100%;
	}
	.f_navi_sp ul li:nth-of-type(2n){
		width:50%;
		padding-right: 1px;
	}
	*/

	
	
	
	
	

	/* シェアボタン */
	footer .addtoany_shortcode > div{
		text-align:center;
		display:block;
		padding:8px 0;
	}


	/* コピーライト */
	.f_copy{
		padding:8px 0;
	}
	.f_copy p{
		font-size:11px;
		text-align:center;
	}
}





/* ================================================================================

	ページトップボタン

================================================================================ */

/* PC */
@media (min-width: 768px) {
	#page-top {
		position: fixed;
		z-index: 9999;
		right: 10px;
	}
	#page-top a {
		background-image: url(../img/pagetop_off.png);
		background-size:contain;
		width: 163px;
		height: 147px;
		display: block;
		text-indent: -9999px;
	}
	#page-top a:hover {
		background-image: url(../img/pagetop_off.png);
	}
}

/* SP */
@media (max-width: 767px) {
	#page-top {
		position: fixed;
		z-index: 99;
		bottom: 0px;
		right: 8px;
	}
	#page-top a {
		background-image: url(../img/pagetop_off.png);
		background-size:contain;
		width: 100px;
		height: 90px;
		display: block;
		text-indent: -9999px;
	}
	#page-top a:hover {
		background-image: url(../img/pagetop_off.png);
	}
}





/* ================================================================================

	パンくずリスト

================================================================================ */
	#breadcrumb{
		padding:16px 0;
		background-color:transparent;
	}
	#breadcrumb > ul > li {
		font-size: 14px;
		display:inline-block;
		color:#f7d196;
	}
	#breadcrumb > ul > li + li:before {
		padding: 0 5px;
		color:#f7d196;
		content: '>';
	}
	#breadcrumb > ul > li > a {
		color: #fff;
	}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#breadcrumb {
		position:relative;
		max-width:1920px;
		width:100%;
		background:url(../img/) left top repeat;
		padding-top: 12px;
	}

	#breadcrumb > ul{
		position:relative;
		max-width:1000px;
		width:100%;
		margin:0 auto;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#breadcrumb {
		position:relative;
		background:url(../img/) left top repeat;
		background-size: ;
	}

	#breadcrumb > ul{
		position:relative;
		width:100%;
		padding:0 16px;
	}
}





/* ================================================================================

	ページネーション

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.wp-pagenavi{
		text-align:center;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.wp-pagenavi{
		float:none !important;
		font-size:12px !important;
	}
	.wp-pagenavi span,
	.wp-pagenavi a{
		display:block;
		float:left;
		margin-bottom:4px;
	}
}