/*固定ページのタイトルを非表示にする*/
h1.trail-title {
    display: none;
} 

/*トップページのタイトルの余白を消す
.h1 header { 
.flash-breadcrumbs */ 
.breadcrumb-trail.breadcrumbs {
  margin : -6px;
}

/*フッター背景色　*/
#top-footer {
	background-color: #657024;
}
#bottom-footer {
	background-color: #CCD6C5;
}

#bottom-footer .copyright-text {
	color: #000;
	font-size: 12px;
}
#bottom-footer .copyright-text a {
	color: #657024;
	font-size: 12px;
}

/*フッターテキストリンク色　*/
#top-footer .widget a {
	color: #ffffff;
}

/*Copyrighit非表示 */
.copyright-text {
	/*display: none;*/
	/*font-size: 0;*/
	/*visibility: hidden;*/
}
.copyright-text:before {
	display: block;
	/*visibility: visible;*/
  content:'Copyright 2022 古民家体験施設 結（YUI） 

	font-size: 11px;
  display: block;
} 

/*Googleカレンダーレスポンシブ*/
/*スマホ表示*/
.google-cal iframe {
max-width:1024px;
height:500px;
}
/*PC表示*/
@media (min-width: 960px) {
.google-cal iframe {
height:600px;
}

}

/*問い合わせフォーム幅調整*/
.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 35%;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
	width: 50%;
}
.wpcf7 input[name="tel-774"] { /* 電話番号入力欄 */
	width: 50%;
}
.wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
	width: 50%;
}
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
	width: 50%;
}
.wpcf7 textarea[name="textarea-134"] { /* 本文入力欄 */
	width: 50%;
}

#intro-block .wp-block-column {
	/*border: solid 2px #ffffff;*/
	padding: 3rem;
	margin-bottom: 1.5rem;
	border-radius: 6px;
}

#intro-block .wp-block-buttons {
	margin-top: auto;
}

#price-block .wp-block-column {
	/*border: solid 2px #ffffff;*/
	padding: 2rem;
	margin-bottom: 1.5rem;
	border-radius: 8px;
}

/* 画像テキストホバーアニメ */
.imghover {
	width:			320px;
	height:			240px;
	overflow:		hidden;
/*	margin:			10px 8px 10px 16px;*/
	margin:			5px 5px 5px 5px;
	position:		relative;
}
.imghover .caption {
	font-size:		130%;
	color:			#fff;
	padding-top:		30px;
	padding-left:		15px;
}
.imghover .mask {
	width:			94%;
	height:			82%;
	position:		absolute;
	top:			10px;
	left:			10px;
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
	-webkit-transform:	scale(0);	/* 大きさを０にして表示しない */
	transform:		scale(0);
}
.imghover:hover .mask {
	-webkit-transform:	scale(1);	/* 大きさを１にして表示する */
	transform:		scale(1);
}

.kaisho{
	font-family:serif;
}

.vtitle1{
	writing-mode: vertical-rl;
	overflow: auto;
	margin: 0 auto;
	font-family:'Noto Serif JP', serif;
	line-height:50px;
	color: white;
}

.vtitle2{
	margin: 0 auto;
	font-family: sans-serif;
	line-height:50px;
	font-weight:bold;
	color: white;
}

/* .wrap{
	text-align: left;
	overflow: auto;
	direction: rtl;
} */

.vtitle3{
	writing-mode: vertical-rl;
	/* margin: 0 auto; */
	display: flex;
  align-items: center;
	font-family:'Noto Serif JP';
	line-height:30px;
	color: black;
	width: 100vw;
}

.vtitle3_l{
	writing-mode: vertical-rl;
	/* margin: 0 auto; */
	display: flex;
  align-items: center;
	font-family:'Noto Serif JP';
	line-height:30px;
	color: black;
	/* width: 100vw; */
}

.box_left{
	text-align: left;
	display: inline-block;
	padding: 24px;
}

.img-box{
  position: relative;
}


.box-logo {
  position: absolute;
  top: 150px;
  left: 10px;
}

.box-right {
  position: absolute;
  top: 150px;
  right: 200px;
}


.box-right2 {
  position: absolute;
  top: 650px;
  right: 170px;
}

/* 見出しアイコン設定 */
h2.umebana{
/*  -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  font-family: 'Noto Serif JP', serif !important; */
  font-weight: bold;
	padding: 0px 0px;
	margin-bottom: 30px;
  /* padding: 0px 0px; */
  margin: 0px;
  /*border-bottom: 3px solid #657024; */
}

h2.umebana:before{
  content:' ';
  display:inline-block;
  width:40px;
  height:40px;
  background-image: radial-gradient(circle, transparent 50%, #e6c619 50%, #e6c619 calc(50% + 2px), transparent calc(50% + 2px)),
    radial-gradient(circle, transparent 50%, #e6c619 50%, #e6c619 calc(50% + 2px), transparent calc(50% + 2px)),
    radial-gradient(circle, transparent 50%, #e6c619 50%, #e6c619 calc(50% + 2px), transparent calc(50% + 2px)),
    radial-gradient(circle, transparent 50%, #e6c619 50%, #e6c619 calc(50% + 2px), transparent calc(50% + 2px)),
    radial-gradient(circle, transparent 50%, #e6c619 50%, #e6c619 calc(50% + 2px), transparent calc(50% + 2px));
  background-position: 50% 0, 5% 40%, 95% 40%, 23% 95%, 78% 95%;
  background-size: 20px 20px;
  background-repeat:no-repeat;
  margin-bottom:-5px;
}

/*
.underbar{
  width: 50%;
  border-bottom: 1px solid #657024;
}
*/

/*ボタンアニメーション*/
.lift-on-hover1 .wp-block-button__link {
    box-shadow: 0 2px 2px rgb(0,0,0,.15);
}

.lift-on-hover1 .wp-block-button__link:hover {
    box-shadow: 5px 5px 20px rgb(0,0,0,.35);
    transform: translateY(-1px);
/*	background-color: lightgray !important;*/
	background-color: #CCD6C5 !important;
	color: #657024 !important;;
}

.sns-button-width{
	width: 40%;
}

.grecaptcha-badge { visibility: hidden; }