@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


#header-container{
	display:none;
}

.date-tags{
	display:none;
}
.new-entry-card .new-entry-card-content .display-none{
	display: block!important;
}
.no-post-date .post-date{
	display:block;
}


/* 見出し */

.entry-title,.archive-title{
background:#7bba54;
	color:#fff;
	padding:20px;
	text-align:center;
	
	position: absolute;
	top: -100px;
	left: 0;
	margin: 0 calc(50% - 50vw);
	width: 120vw;
}
.content {
	margin-top: 100px;
}

.article h2 {
	position: relative;
	padding: 0.5em 0.5em 0.5em 1.5em;
	line-height: 1.4;
	color: #2d9620;
	border-bottom: dotted 2px #6b574f;
	/*   border-top: dotted 1px gray;
	border-bottom: dotted 1px gray; */
	background: #fff;
}
.article h2:before {
	content:'';
	background-image:url('https://green-busters.com/wp-content/uploads/2023/08/icons8-草-96.png');
	display:inline-block;
	width:30px;
	height:30px;
	margin-right:10px;
	margin-bottom:5px;
	background-size: contain;
	vertical-align: middle;

	/*   font-family: "Font Awesome 5 Free";
  content: "\f138";
  font-weight: 900;
  position: absolute;
  font-size: 1em;
  left: 0.25em;
  top: 0.5em;
  color: #2d9620; */
}

/* ヘッダー-------------------------- */
.header-item{
/* 	border-bottom:#62c227 2px solid; */
	padding:10px;
}
.header-inr{
	display:flex;
	width:80%;
	margin:0 auto;
	align-items:center;
}
.header-item p{
	margin-bottom:0;
}
.header-l{
	width:30%;
}
.header-r{
	width:70%;
	margin-right:20px;
	text-align:right;
}
.header-r ul{
	list-style:none;
	display:flex;
	justify-content:right;
}
.header-r ul li{
	display:block;
	width:150px;
	text-align:center;
}
.header-r ul li a{
	display:block;
	padding:5px 15px;
	border:#333 solid 2px;
	background:#333;
	border-radius:50px;
	text-decoration:none;
	color:#fff;
}
.reseve{
	margin-left:20px;
}
.reseve a{
	display:block;
	padding:5px 15px;
	border:#62c227 solid 2px!important;
	border-radius:50px;
	text-decoration:none;

	background:#62c227!important;
	color:#fff!important;
}

.tel{
	font-size:1.2em;
}

/* サイドバー */
.sidebar{
	width:29%;
	background:#fff;
/* 	border-left:2px #000 solid; */
	z-index:3;
	border-radius:0;
}
.sidebar #menu-menu li{
	margin:10px;
}
.menu-sidemenu-container ul li{
	padding:0 10px;
	margin:10px;
	border-bottom: 1px #333 dotted;
	transition:0.3s;
}
.menu-sidemenu-container ul li .sub-menu li:last-child{
	border-bottom:none;
}

#navi .navi-in > ul > li > a{
	padding-bottom:10px;
}


/* コンテンツ */
.sct{
	position:relative;
	padding:60px 0 50px;
}

/* ｲﾝｽﾀ */
.inst{
	display:block;
	max-width:350px;
	background:#77c466;
	border-radius:50px;
	padding:15px;
	margin:0 auto;
	text-decoration:none;
	color:#333;
	box-shadow:0px 3px 10px rgba(0,0,0,0.3); 
}

/* お問い合わせ---------------------------- */
table tr:nth-of-type(2n+1) {
	background-color: initial;
}
.wpcf7 .wpcf7-submit:disabled{
	background:#fff;
	color:#707070;
	border:solid 1px #cfcfcf;
}
.wpcf7 .wpcf7-submit:disabled:hover{
	background:#fff;
	color:#707070;
	opacity:1;
	border:solid 1px #cfcfcf;
}
.wpcf7 .wpcf7-submit{
	margin:10px 0;
	background:#62c227;
	border:solid 2px #62c227;
	color:#fff;
	font-size:1.2rem;
	transition:0.3s;
	border-radius:5px;
	font-family: 'Mochiy Pop P One', sans-serif;
}
.wpcf7 .wpcf7-submit:hover{
/* 	border:solid 2px #e6832e;
	background:#fff;
	color:#e6832e; */
	opacity:0.5;
}
.required,.optional{
	font-size:14px;
	margin-left:10px;
	padding:0px 5px 2px;
}
.formitem .required{
/* 	border-bottom:#f06565 solid 1px; */
	color:#f06565;
}
.formitem .optional{
/* 	border-bottom:#5e94db solid 1px; */
	color:#5e94db;
}
#booking-form .required{
	background:none;
}
.wpcf7-form-control{
	margin-top:5px;
}
input[type="submit"], #bbp_reply_submit, .bp-login-widget-register-link a {
	padding: 16px;
}
.contact-btn{
	display:flex;
	align-items:center;
}
.contact-btn div{
	width:50%;
	padding:5px;
	margin-bottom:0;
}
.wpcf7-previous{
	background:#b0b0b0;
	border:solid 1px #b0b0b0;
	color:#222;
	font-size:1.2rem;
	transition:0.3s;
	border-radius:5px;
	cursor:pointer;
	display:block;
	width:100%;
	font-size:1.2rem;
	padding:16px;
	font-family: 'Noto Serif JP', serif;
	margin-bottom:30px;
	margin-top:0;
}
.wpcf7-previous:hover{
	opacity:0.7;
}
.formitem th,.formitem td{
	border:initial;
	border-top:dotted 1px #707070;
	border-bottom:dotted 1px #707070;
	background:initial;
}
.formitem th{
	text-align:left;
	width:35%;
/* 	border-right:solid 1px #707070; */
}

.formitem p{
	margin-bottom:0!important;
}


	.sp,.home .entry-title{
		display:none;
	}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	/*必要ならばここにコードを書く*/

	.header-item{
		display:none;
	}
	.entry-title {
		width: 100vw;
	}

	.menu-drawer li a{
		padding:10px;
		border-bottom:1px #333 dotted;
		display:block;
	}

	.menu-mobile a img{
		box-shadow:0 3px 6px #c2c2c2;
		transition:0.3s;
	}
	.menu-mobile a img:hover{
		opacity:0.6;
		box-shadow:0 3px 15px #c2c2c2;
	}

	#menu-footer-m .menu-caption{
		font-size:0.8em;
		padding:1px 0 5px;
		color:#222;
	}
	#nav_menu-2 li{
		border-bottom:1px #333 dotted;
	}
	.mobileitem{
		font-size:0.8em;
	}

	li.navi-menu-button.menu-button:nth-child(2){
		background: #6acc9f;
	}
	li.navi-menu-button.menu-button:last-child{
		background: #62c227;
}


}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/

	.pc{
		display:none!important;
	}
	.sp{
		display:block;
	}

	
	.content {
		margin-top: 150px;
	}

	.menu-footer {
		display:block;
	}
	.menu-footer li{
		width:100%!important;
		padding:5px;
		text-align:left!important;
		border-bottom:1px #333 dotted!important;
	}

}

@media screen and (max-width: 782px){
	.formitem th,.formitem td{
		display:block;
		width:100%;
		border:initial;
	}
	.formitem th{
		padding-top:30px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}