@charset "utf-8";

@import url(./reset.css);
@import url(./basic.css);
@import url(./size.css);
@import url(../css/all.css);

html{font-size:100%;}

body{font-family:'Noto Serif JP', serif !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;word-wrap:break-word;}
body img{border-radius:30px;}

.wbasic{width:1200px;margin:0 auto;}
.wbasic_side{padding:140px 40px 0 0px;}
.wbasic1200{width:1200px;margin:0 auto;}
.wbasic1000{width:1000px;margin:0 auto;padding:100px 0;}
.wbasic1000_02{width:1000px;margin:0 auto;padding:40px 0;}
.wbasic1000_04{width:1000px;margin:0 auto;padding:80px 0 60px 0;}
.wbasic1000_05{width:1000px;margin:0 auto;padding:0px 0 60px 0;}
.wbasic1000_06{width:1000px;margin:0 auto;padding:80px 0 20px 0;}
.wbasic1000_07{width:1000px;margin:0 auto;padding:0px 0 20px 0;}
.wbasic720{width:720px;margin:0 auto;padding:10px 0;}
.wbasic720_02{width:720px;margin:0 auto;padding:0 0 40px 0;}
.wbasic300{width:300px;margin:0 auto;}
.wbasic800{width:800px;margin:0 auto;padding:140px 0 0 40px;}
.wbasic320{width:320px;margin:0 auto;}

.bg_ece5d3{background-color:#ece5d3;}
.bg_ece5d3H{background-color:#ece5d3;padding:6px 8px;}
.bg_fdf7ed{background-color:#fdf7ed;}
.link_btn{position: relative;background-color:#715035;border-radius:40px;padding:8px 30px;transition-property: opacity;transition-duration: 0.5s;}
.link_btn a{color:#fff !important;font-size:1.2rem;text-decoration:none;font-family:'Noto Sans JP', sans-serif;font-weight:normal;}
.link_btn:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f061";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size:2.0rem;/*サイズ*/
right: 1em;/*アイコンの位置*/
top: -0.2em;/*アイコンの位置*/
color: #fff; /*アイコン色*/}
.link_btn a:hover{opacity: 0.7;}

.link_btn_fs{position: relative;background-color:#715035;border-radius:40px;padding:10px 30px;transition-property: opacity;transition-duration: 0.5s;}
.link_btn_fs a{color:#fff !important;font-size:1.0rem;text-decoration:none;font-family:'Noto Sans JP', sans-serif;font-weight:normal;}
.link_btn_fs:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f061";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size:2.0rem;/*サイズ*/
right: 1em;/*アイコンの位置*/
top: -0.2em;/*アイコンの位置*/
color: #fff; /*アイコン色*/}
.link_btn_fs a:hover{opacity: 0.7;}

.link_btn_s{position: relative;background-color:#715035;border-radius:40px;padding:8px 30px;transition-property: opacity;transition-duration: 0.5s;}
.link_btn_s a{color:#fff !important;font-size:1.0rem;text-decoration:none;font-family:'Noto Sans JP', sans-serif;font-weight:normal;}
.link_btn_s:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f061";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size:1.6rem;/*サイズ*/
right: 1em;/*アイコンの位置*/
top: -0.1em;/*アイコンの位置*/
color: #fff; /*アイコン色*/}
.link_btn_s a:hover{opacity: 0.7;}

.link_btn_footer{position: relative;padding:8px 30px;transition-property: opacity;transition-duration: 0.5s;}
.link_btn_footer a{color:#fff !important;font-size:1.0rem;text-decoration:none;font-family:'Noto Sans JP', sans-serif;font-weight:normal;}
.link_btn_footer:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f061";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size:1.6rem;/*サイズ*/
right: 1em;/*アイコンの位置*/
top: 0.4em;/*アイコンの位置*/
color: #fff; /*アイコン色*/}
.link_btn_footer a:hover{opacity: 0.7;}

.link_btn_20th{position: relative;background-color:#f7d08f;border:2px solid #715035;border-radius:16px;padding:8px 30px;z-index:100;transition-property: opacity;transition-duration: 0.5s;text-align:center;}
.link_btn_20th a{color:#715035 !important;font-size:1.6rem;font-family:'Noto Sans JP', sans-serif;font-weight:500;}
.link_btn_20th a:hover{opacity: 0.7;}

.sitemap_btn{position: relative;padding:10px 30px;}
.sitemap_btn a{font-size:1.0rem;text-decoration:none;font-family:'Noto Sans JP', sans-serif;font-weight:normal;}
.sitemap_btn a:hover{opacity:0.6;
filter: alpha(opacity=80);
ms-filter: "alpha( opacity=80 )";}
.sitemap_btn:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f061";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size:1.6rem;/*サイズ*/
left:0em;/*アイコンの位置*/
top:0em;/*アイコンの位置*/
color:#715035;}

#content {max-width: 1200px;margin:0 auto;padding:0;font-size:100%;background-color:#fdf7ed;}}

/* 日付消す */
.post-8 .date-tags {display: none;}
.page .entry-title,.tg-social-menu-navigation,.byline {display: none;}

#slider {
    width: 100%;
    height: 80vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
/* img scrool */
.sliderimg img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.sliderimg .slick-slide {
    margin:0 10px;/*スライド左右の余白調整*/}

/* header nav */
#header{
	position: absolute;
	z-index:2;
	height: 80px;/*高さ指定*/
	width:1160px;/*横幅指定*/
	border-radius:10px;
	/*以下はレイアウトのためのCSS*/
	display: flex;
	justify-content: space-between;
	align-items: center;
	background:#fff;	
	text-align: center;
	/*padding: 20px;*/
top: 120px;
left: 50%;
transform: translate(-50%, -50%);
/*font-size:1.0rem;*/
font-family:'Noto Sans JP', sans-serif;
font-weight:normal;
}

/*JSを使いfixedクラスが付与された際の設定*/
#header.fixed{
	position:fixed;/*fixedを設定して固定*/
  z-index: 999;/*最前面へ*/
  top: 10%;/*位置指定*/
  left:50%;/*位置指定*/
transform: translate(-50%, -50%);}
nav ul{
list-style: none;
display: flex;
justify-content: center;
}
nav ul li{}

nav ul li a{
display: block;
text-decoration: none;
color:#333;
padding:22px 20px;
margin-top:26px;	
}
nav ul li a:hover{background-color:#ece5d3;color:#333;}
.logo{padding:2px 0 0 8px;}

.page_nav{display:flex;justify-content:center;}
.page_nav li{padding:0.2em 2.4em;border-left: 1px solid #715035;border-right: 1px solid #715035;text-align:center;}
.page_nav li+ li {
  border-left: 0;
  border-right: 1px solid #715035;}

@media screen and (min-width:768px){
.pcNone{display:none;}
.sp_br{display:none;}}
@media (min-width: 992px) {.sp_header{display:none;}}

@media (max-width:1200px) {
.wbasic720,.wbasic1200{width:100%;padding-left:16px;padding-right:16px;}
.wbasic720_02{width:100%;padding:0 16px 0 16px;}
.wbasic1000{width:100%;padding:40px 16px 80px 16px;}
.wbasic1000_02,.wbasic1000_04{width:100%;padding:40px 16px 40px 16px;}
.wbasic1000_05,.wbasic1000_07{width:100%;padding:0px 16px 40px 16px;}
.wbasic800{width:100%;margin:0 auto;padding:40px 16px 40px 16px;}
.wbasic_side{width:100%;padding:40px 20px 40px 20px;}
}
@media (max-width: 992px) {#header{display:none;}
.pc_header{display:none;}
.logo{padding:8px;}
/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn{
display : block;
position: fixed;/*ボタン内側の基点となるためrelativeを指定*/
cursor: pointer;
right: 16px;
top   : 10px;
width: 42px;
height:42px;
z-index : 999;
text-align: center;}

/*ボタン内側*/
.openbtn span{
display: inline-block;
transition: all .4s;/*アニメーションの設定*/
position: absolute;
left: 6px;
height: 4px;
border-radius: 5px;
background: #715035;
width:36px;
}
.openbtn span:nth-of-type(1) {top:10px;}
.openbtn span:nth-of-type(2) {top:20px;}
.openbtn span:nth-of-type(3) {top:30px;}
.openbtn span:nth-of-type(3)::after {
content:"Menu";/*3つ目の要素のafterにMenu表示を指定*/
position: absolute;
top:4px;
left:2px;
color:#715035;
font-size:0.6rem;
text-transform: uppercase;
font-weight:700;
}
/*activeクラスが付与されると線が回転して×になり、Menu⇒Closeに変更*/
.openbtn.active span:nth-of-type(1) {
top: 14px;
left: 18px;
transform: translateY(6px) rotate(-45deg);
width: 30%;}
.openbtn.active span:nth-of-type(2) {opacity: 0;}
.openbtn.active span:nth-of-type(3){
top: 26px;
left: 18px;
transform: translateY(-6px) rotate(45deg);
width: 30%;}
.openbtn.active span:nth-of-type(3)::after {
content:"Close";/*3つ目の要素のafterにClose表示を指定*/
transform: translateY(0) rotate(-45deg);
top:2px;
left:2px;}
	
#g-nav{
/*position:fixed;にし、z-indexの数値を大きくして前面へ*/
position:fixed;
z-index: 3;
/*ナビのスタート位置と形状*/
top:-120%;
left:0;
width:100%;
height: 100vh;/*ナビの高さ*/
background:#fdf7ed;
opacity: 0.9;
/*動き*/
transition: all 0.6s;}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{top: 0;}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
/*ナビの数が増えた場合縦スクロール*/
position: fixed;
z-index: 999; 
width: 100%;
height: 100vh;/*表示する高さ*/
overflow: auto;
-webkit-overflow-scrolling: touch;}

/*ナビゲーション*/
#g-nav ul {
/*ナビゲーション天地中央揃え*/
display: block;
position: absolute;
z-index:3;
top:40%;
left:48%;
transform: translate(-50%,-50%);}
/*リストのレイアウト設定*/
#g-nav li{
float: none;
list-style: none;
text-align:left;}
#g-nav li a{
color:#715035;
text-decoration: none;
padding:0px;
display: block;
text-transform: uppercase;
font-size:1.2rem;}
}

@media screen and (max-width:767px){
.wbasic,.wbasic300{width:100%;}
.wbasic720,.wbasic1200{width:100%;padding-left:16px;padding-right:16px;}
.wbasic1000{width:100%;padding:40px 16px 80px 16px;}
.wbasic1000_02,.wbasic1000_04{width:100%;padding:40px 16px 40px 16px;}
.wbasic720_02{width:100%;padding:0 16px 0 16px;}
.wbasic1000_05,.wbasic1000_07{width:100%;padding:0px 16px 40px 16px;}
.wbasic800{width:100%;margin:0 auto;padding:40px 16px 40px 16px;}
.wbasic_side{width:100%;padding:40px 20px 40px 20px;}
.post-navigation {margin-right:40px;}
.cenote-related-post .related-post-item .entry-thumbnail,.entry-meta,.entry-header{padding:0 16px;}
.cenote-related-post .related-post-title{padding:0 16px;}

#content{width:100%;}
.tg-container {width:100%;}
#slider{height:40vh;}
.bg_ece5d3H{background-color:#ece5d3;padding:8px 8px;}
.spNone{display:none;}
.pc_br{display:none;}
.link_btn,.link_btn_fs{padding:6px 30px 8px 30px;}
.link_btn a{}
.link_btn_fs a{font-size:1.2rem;}
.link_btn:before{}
.link_btn_fs:before{}
.link_btn_s{padding:8px 20px;}
.link_btn_s a{}
.link_btn_s:before{right:0.8em;}
.news_list img{width:100%;object-fit: cover;}
.page_nav{display:inline;}
.page_nav li{border-left:0px solid #715035;border-right:0px solid #715035;}
.page_nav li+ li {border-right:0px solid #715035;}
}

.pBas{font-size:1.0rem;margin-bottom:40px;}
.pBasC{font-size:1.0rem;margin-bottom:40px;text-align:center;}
.pBas_b0{font-size:1.0rem;margin-bottom:0px;}
.pBas_b10{font-size:1.0rem;margin-bottom:10px;}
.pBas_b20{font-size:1.0rem;margin-bottom:20px;}
.h1,.entry-title{font-size:2.4rem;margin-bottom:10px;color:#715035;font-family:'Noto Serif JP', serif !important;}
.wp-block-search__label{color:#715035;}
.wp-element-button{background-color:#715035;}
.h2 {position:relative;font-size:2.4rem;text-align:center;line-height:3.2rem;margin-bottom: 60px;font-family:'Noto Serif JP', serif !important;}
.h2 span{font-size:1.6rem;}
.h2:before {
content: '';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color:#715035;}
.h2news{font-size:2.4rem;line-height:2.8rem;margin-bottom:20px;padding-left:10px;font-family:'Noto Serif JP', serif !important;}
.h2news span{font-size:1.2rem;}
.h3 {position: relative;
	padding-bottom: 10px;
	font-size:1.6rem;
	text-align: center;
margin-bottom: 10px;
font-family:'Noto Serif JP', serif !important;}
.h3::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #715035 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);}
.h3page,.wp-block-heading{color:#715035;font-size:1.4rem;margin-bottom:10px;font-family:'Noto Serif JP', serif !important;}
.h4{font-size:1.2rem;border-bottom:1px solid #715035;padding:0 8px;margin-bottom:10px;font-family:'Noto Serif JP', serif !important;}
.t_name{font-size:1.2rem;text-align:right;margin-bottom:20px;}
.t_nameA{font-size:1.2rem;text-align:right;margin-bottom:40px;}
.f_tel_bg{background-color:#ece5d3;padding:30px 40px 10px 40px;}
.f_tel{font-size:3.0rem;margin-bottom:20px;line-height:2.2rem;}
.f_tel02{font-size:1.0rem;margin-bottom:20px;}
.f_logo{font-size:1.8rem;margin-bottom:10px;}
.f_addressL{font-size:1.0rem;line-height:1.8rem;margin-bottom:20px;}
.f_addressR{font-size:1.0rem;line-height:1.8rem;text-align:right;margin-bottom:10px;}
.article-footer{display:none;}
.f_cright{margin-top:10px;text-align:center;}
@media screen and (max-width:767px){
.pBasC{text-align:left;}
.h2 {font-size:2.0rem;}
.h3 {font-size:1.4rem;}
.t_nameA{margin-bottom:20px;}
.f_tel{font-size:2.0rem;}
}

/* crear */
.clearfix{overflow:hidden;zoom: 1;}
.clearfix:after {content: ".";display:block;height:0px;clear:both;visibility:hidden;}