@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.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
:root {
  --main-color: #28a864;   /* メインの緑色 */
  --bg-color: #ffffff;     /* 背景色 */
}
body {
	background-color:#fff;
}
a{text-decoration:none;}
.post-update{display:none;}
/*LAYOUT*/
.wrap{margin:0;width:100%;}
.content-in{width:100%;}
.main{
	position:relative;
	right:0;
	top:0;
	margin:0 0 0 240px;
	width:100%;
	padding:0;
	border:none;
}
.sidebar{
	width:250px;
	border:none;
	border-right:1px solid #ddd;
	height:100vh;
	position:fixed;
	left:0;
	top:0;
	padding:0;
	margin:0;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
}
.sidebar-scroll{
	padding-top:0 !important;
}
.footer-contact-area{
	padding:3rem 20px;
	margin-bottom:0;
	margin:0 0 0 250px;
	background-color:var(--main-color,#28a864) !important;
	text-align:center;
	display:flex;
	justify-content:center;
}
a.footer-contact-btn{
	padding:1rem 3rem 1rem 2rem !important;
	font-size:18px;
	border-width: 1px;
    border-style: solid;
	border-color: #fff;
	background-color: var(--main-color,#28a864);
	color:#fff;
}
a.footer-contact-btn:hover{
	opacity:1.0;
	background-color:#fff;
	color: var(--main-color,#28a864);
}

.footer{
	padding-top:0;
	margin:0 0 0 250px;
}
.footer-container{
	margin:0 0 0 250px;
	border:1px solid rgba(255,255,255,0.1);;
}



/*header*/
.header-container{border-bottom:1px solid #ddd;display:none;}
.logo{text-align:left;}
.logo-text{padding:10px 0 20px;}
.site-name-text{font-size:20px;}
.menu-close-button {
 padding-top: 15px;
 padding-left: 25px;
 padding-bottom: 30px;
text-align: left;
font-size: 1.3em;
}


/*
 * 
 * 
 * Sidebar Styles
 * 
 * 
 * 
 */
.sidebar{
	border-radius:0;
}
.sidebar{
	border-right:1px solid #ddd;
}

aside h1{
	font-size:24px;
	font-weight:700;
}
aside h3{
	display:none;
}

aside#nav_menu-2.widget_nav_menu,
aside.widget_nav_menu{
	margin-bottom:0 !important;
}
aside#nav_menu-2.widget_nav_menu ul li a,
aside.widget_nav_menu ul li a{
	padding-left:1rem;
	padding-top:5px;
	padding-bottom:5px;
	font-size:20px;
	font-weight:700;
}
aside#nav_menu-2.widget_nav_menu ul li ul,
aside.widget_nav_menu ul li ul,
.widget_custom_html ul.children{
    padding-left: 0;
    margin: 0;
	border-top:1px solid #ededed;
}
aside#nav_menu-2.widget_nav_menu ul li,
aside#nav_menu-2.widget_nav_menu ul li ul li,
aside.widget_nav_menu ul li,
aside.widget_nav_menu ul li ul li,
.widget_custom_html ul.children li,
li.page-item-12{
	border-bottom:1px solid #ededed;
}
aside#nav_menu-2.widget_nav_menu ul li ul li a,
aside.widget_nav_menu ul li ul li a{
	font-size:14px;
	font-weight:400;
	padding-right:1rem;
	padding-left:2rem;
}
aside#nav_menu-2.widget_nav_menu ul li ul li:last-child,
aside.widget_nav_menu ul li ul li:last-child{
	border-bottom:none;
}

aside.widget{
	margin-bottom:0 !important;
}
.widget_pages ul li a{
	padding-left:1rem;
	font-size:20px;
	font-weight:700;
}

.widget_pages ul li ul,
.widget_custom_html ul.children{
    padding-left: 0;
    margin: 0;
	border-top:1px solid #ededed;
}
.widget_pages ul li,
.widget_pages ul li ul li,
.widget_custom_html ul.children li,
li.page-item-12{
	border-bottom:1px solid #ededed;
}
.widget_pages ul li ul li a{
	font-size:14px;
	font-weight:400;
	padding-right:1rem;
	padding-left:2rem;
}
.widget_pages ul li ul li:last-child{
	border-bottom:none;
}
.widget_custom_html ul.children{
	list-style:none;
	border-top:none;
}
.widget_custom_html ul.children li{
	list-style:none;
}
.widget_custom_html ul.children li a{
	color: var(--cocoon-text-color);
    text-decoration: none;
    padding: 10px 0;
    display: block;
	font-size:14px;
	font-weight:400;
	padding-right:1rem;
	padding-left:2rem;
}

.widget_custom_html ul.children{
	list-style:none;
	border-top:none;
}
.widget_custom_html ul.children li{
	list-style:none;
}
.widget_custom_html ul.children li a{
	color: var(--cocoon-text-color);
    text-decoration: none;
    padding: 10px 0;
    display: block;
	font-size:14px;
	font-weight:400;
	padding-right:1rem;
	padding-left:2rem;
}
.custom-html-widget ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.custom-html-widget ul li, .custom-html-widget ul li ul li, .custom-html-widget ul.children li, li.page-item-12 {
    border-bottom: 1px solid #ededed;
}

.custom-html-widget ul li a {
    padding-left: 1rem;
    font-size: 20px;
    font-weight: 700;
	color: var(--cocoon-text-color);
    text-decoration: none;
    padding: 10px 0;
    display: block;
    padding-right: 4px;
	padding-left: 1rem;
}
.custom-html-widget ul li ul, .custom-html-widget ul.children {
    padding-left: 0;
    margin: 0;
    border-top: 1px solid #ededed;
}
.custom-html-widget ul li ul li:last-child{
	border-bottom:none;
}
/*Widget > Archive*/
.widget_archive-h{
	font-size:14px;
	font-weight:700;
	padding:1rem 1rem 0 1rem;
}
#custom_html-6{padding:1rem 0.5rem 0.5rem 2rem;}
#custom_html-4{padding:0 0.5rem 1rem 2rem; border-bottom:1px solid #ddd;}
#custom_html-7{padding:1rem 0.5rem 0.5rem 2rem;}
#custom_html-8{padding:0 0.5rem 1rem 2rem; border-bottom:1px solid #ddd;}
.widget_archive select,
.widget_custom_html select{
	font-size:14px;
	color:#999;
	cursor:pointer;
	padding:6px 11px;
}

/*Drawer-menu*/
ul.menu-drawer{
	border-top:1px solid #ededed;
}
ul.menu-drawer li{
	border-bottom:1px solid #ededed;
	padding-top:10px;
	padding-bottom:10px;
}
ul.menu-drawer li ul{
	border-top:1px solid #ededed;
	margin-top:10px;
}
ul.menu-drawer li ul li{
	font-size:14px;
}
ul.menu-drawer li ul li:last-child{
	border-bottom:none;
}

/*Main Stlyes*/
body.wp-singular.page .date-tags{
	display:none;
}

.content{
	margin:0;
}
.main{
	border-radius:0;
}
#main .contentWrapper{
	padding:0 5rem;
	margin-bottom:5rem;
}
#main article{
	padding:0;
}
/*Archive*/
body.archive #main{
	padding:4rem;
}
body.wp-singular #breadcrumb.breadcrumb{
	width:100%;
	box-sizing:border-box;
	padding-left:320px;
}
#breadcrumb-clone.breadcrumb{
	padding: 0.6em 0;
}
#breadcrumb{
	padding:0 0 0 280px;
	margin-bottom:2rem;
}
.page-mv-width{
	width:100%;
	height:500px;
	margin:0;
	padding:0;
	border:0;
	overflow:hidden;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	border-bottom:1px solid #efefef;
}
.page-mv-home,
.page-mv{
	width:100%;
	height:auto;
	min-height:0px;
	margin:0;
	padding:0;
	border:none;
	overflow:hidden;
		background-image:url("/wp-content/themes/cocoon-child-master/images/mv-bg.jpg");
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	border-bottom:1px solid #efefef;
	text-align:center;
	position:relative;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
}
.page-mv{
	max-height:600px;
}
.page-mv img{
	width:100%;
	height:auto;
	margin:0 auto;
}
.page-mv-home img{
	width:100%;
	height:auto;
	margin:0;
}
.page-mv-3rd{
	width:100%;
	height:50px;
	margin:0;
	padding:0;
	border:0;
	overflow:hidden;
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#31465d;
	border-bottom:1px solid #efefef;
}
.entry-title{color:var(--main-color,#28a864);}

.article h1{
	padding:3rem 0;
}
h3.wp-block-heading{
	background:none;
	padding:1rem 0;
	margin:0 0 1rem 0;
	font-size:26px;
	border:none;
}
.article h2.block-title,
.article h2.wp-block-heading,
.article h4.block-title,
.article h4.wp-block-heading{
	padding:2rem 0 0 0;
	margin:0 0 1rem;
	border-top:none;
	border-bottom:none;
	font-size:24px;
	display:inline-block;
	border-top:10px solid  var(--main-color,#28a864);
	background-color:unset !important;
}
.date-tags{
	text-align:left;
	background-color:#eee;
	padding:5px;
}
.natural-regeneration-forum figure img{
	border:1px solid #ddd;
}

/*Entry card*/
.widget-entry-cards{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding:0;
}
.widget-entry-cards .a-wrap{
	display:flex;
	justify-content: space-between;
	box-sizing:border-box;
	width:48%;
	padding:1rem 0;
	border-bottom:1px solid #ededed;
}
.widget-entry-cards .a-wrap:nth-child(odd){
	margin-right:1rem;
}
.card-arrow .card-content{margin-right:30px;}
.card-arrow .a-wrap::after {display:none !important;}
.widget-entry-card-content{margin-left:160px;}
.widget-entry-cards figure {width:150px;margin-bottom:10%;}
.new-entry-card{border:none; padding:1rem 0;}
.new-entry-card-thumb img{border-radius:4px;}
.new-entry-card-title{font-size:18px;margin-bottom:1rem;}
.new-entry-card-snippet{font-size:14px;}
.cat-label {
	position: static !important;
    font-size: 10px;
	color:#383838;
	background-color:rgb(255 255 255 / 0.03);
    border-radius:0;
	border:1px solid #aaa;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	display:inline-block;
	padding: 3px;
	margin:0;
}
.ect-vertical-card-3 .cat-label {border:none;}
.new-entry-card-date{text-align:right;}
.related-entry-card-thumb img{
	margin-bottom:0.5rem;
}
.rect-vertical-card .related-entry-card-wrap {
    padding: 20px;
}
/*OldBlog*/
.oldblog-item-wrapper{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	justify-content: space-around;
	border-top:1px solid #ededed;
}

.oldblog-item{
	display:flex;
	justify-content: space-around;
	box-sizing:border-box;
	width:45%;
	padding:30px 0;
	margin: 0;
	border-bottom:1px solid #ededed;
}
.oldblog-item a{
	text-decoration:none;
	color:#383838 !important;
	width:100%;
	display:block;
}

.oldblog-item a span{display: none;}

.oldblog-item a .oldblog-item-summary{
	box-sizing:border-box;
	width:60%;
	padding:0;
	margin:0 0 0 20px;
}
.oldblog-item-title{
	font-weight:900;
	margin-bottom:0.5rem !important;
}
.oldblog-item-cont{
	font-size:14px;
}
.oldblog-item-cont a span{display: inline-block !important;}

.oldblog-item a .oldblog-item-thumb{
	width:90%;
	overflow:hidden;
	border-radius:5px;
	display: flex;
	justify-content: center;
	align-items: center;
	height:120px;
}
.oldblog-item a .oldblog-item-thumb img{
	width:100%;
	height:auto;
	border-radius:5px;
}

/*EntryCard*/
.ect-3-columns .entry-card-wrap{
	padding:20px;
}
.card-thumb img {
	margin-bottom:0.5rem;
}
.wp-block-media-text>.wp-block-media-text__content{
	padding:0 8% 0 0;
}

/* .btn-l{
	padding:14px 20px 14px 10px;
	font-size:14px;
} */
.button-block a.btn{
	padding:14px 20px 14px 10px;
	font-size:14px;
	border-width: 1px;
    border-style: solid;
	border-color: #28a864 !important;
	background-color:#fff !important;
	color:#28a864 !important;
}

.wp-block-media-text__media img{
	border-radius:5px;
}

/*カテゴリーリンク*/
.cat-link{
    color:var(--cocoon-text-color);
    background-color: var(--cocoon-white-color);
}
.cat-link:hover{
	color:var(--cocoon-white-color) ;
    background-color:var(--cocoon-text-color);
}

/* single content */
.entry-categories {
    padding: 1rem 0;
    margin: 1rem 0;
    border-top:0 !important;
    border-bottom:0 !important;
}
.tag-link{
    border: 0;
    border-radius: var(--cocoon-badge-border-radius);

}

/*外部リンクボタンのアイコン*/
.btn-external-link a span.external-icon::before {
  content: none !important;
}
.btn-external-link a::after {
  font-family: 'FontAwesome';
  content: '\f08e';
  margin-left: 5px;
	font-size:12ppx;
}

.block-border-top{
	border-top:1px solid #ddd;
}
.non-border-top{
	border-top:none!important;
}

/*Entry Footer周り*/
.pager-post-navi{
	padding-top:1rem;
	border-top:1px dotted #eee;
}
.pager-post-navi a figure {
	display:none;
}
.entry-categories{
	padding:1rem 0;
	margin:1rem 0;
	border-top:1px dotted #eee;
	border-bottom:1px dotted #eee;
}
.pagination-next-link,
.page-numbers {
	font-size:16px;
	border:none;
}

/*ContactForm*/
.wpcf7 input,
.wpcf7 select{
	padding:20px;
	border-radius:10px;
	margin:1rem 0;
	font-weight:400;
}
.wpcf7 input{
	width:50%;
}
.wpcf7 .wpcf7-checkbox input{
	width:30px;
}
.wpcf7-list-item {
	margin:0;
}

/*404*/
.error404 .content{
	height:70vh;
}
.error404 .article h1 {
	font-size:18px;
	padding: 3rem 0 0 0;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1235px以下*/
@media screen and (max-width: 1235px) {
    .sidebar, .sidebar-left .main, .sidebar-left .sidebar {
        margin: 0;
    }
	#main .contentWrapper{padding:0 2.5rem;}
	body.wp-singular #breadcrumb.breadcrumb{padding-left:280px;}
	h4.block-title{font-size:20px;}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
	main.main{
		position:relative;
		margin:0;
		width:100%;
		padding:0;
	}
	h2 span, h3 span, h4 span {
  scroll-margin-top: 70px;
}
	body.wp-singular #breadcrumb.breadcrumb{padding-left:1rem;}
	body.archive #breadcrumb{padding:0 0 0 20px;}
	.page-mv{background-size:100% auto;}
	.footer-contact-area{margin:0;}
	.footer{margin:0;}
	/*mobile*/
	ul.mobile-header-menu-buttons{
		align-items: center;
		background-color:  var(--main-color,#28a864) !important;
	}
	ul.mobile-header-menu-buttons li.logo-menu-button img{
		margin-right:60px;
		max-height: 60px;
	}
	.mobile-menu-buttons .menu-icon,
	.mobile-menu-buttons .menu-caption{
		color:#fff;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){

	.page-mv-home img {height:60vh;object-fit: cover;object-position: bottom;}
	#main .contentWrapper{padding:0 1rem 3rem 1rem;}
	body.archive #main{padding:1rem;}
	.oldblog-item-thumb{width:40%;}
	.oldblog-item-summary{width:60%;}
}


/*600px以下*/
@media screen and (max-width: 600px){
	body.home h2{font-size:16px;}
/* 	.page-mv,.page-mv-width{height:300px;background-size:100% auto;} */
	.wpcf7 input{width:100%;}
	.wp-block-cocoon-blocks-button-1 .has-custom-width{width:100%;}
	.page-mv{width:100%; height:auto; padding:0; background-size:100% auto;}
	.page-mv img{width:100%; height:auto;margin:0 auto;}
h4.block-title,
h4.wp-block-heading{font-size:20px;}
	.widget-entry-cards{display:block; padding:0; margin:0 1rem;}
	.widget-entry-cards .a-wrap{display:block; width:100%;}
	.widget-entry-cards .a-wrap:nth-child(odd){margin-right:0;}
	.card-arrow .card-content{margin-right:0;}
	.widget-entry-card-content{margin-left:0;}
	.widget-entry-cards figure {width:100%;margin-bottom:1rem;}
	.new-entry-card-date{text-align:right;}
	.widget-entry-card-thumb{float:none;}
	.news-item{width:100%;display:block;}
	.news-item:nth-child(odd){margin-right:0;}
	.news-item-summary{width:100%;}
	.news-item-thumb{width:100%;height:300px;}
	.oldblog-item{width:100%;display:block;}
	.oldblog-item:nth-child(odd){margin-right:0;}
	.oldblog-item-summary{width:100%;margin:0;}
	.oldblog-item-thumb{width:100%;height:300px;}
	.wp-block-media-text__media img{margin-bottom:1.5rem !important;}
}

/* Zoom */
/* .zoomContainer{
	transform: translateZ(0px); 
	position: absolute; 
	left: 320px;
	top: 279.492px; 
	height: 572.938px; 
	width: 409px; 
	z-index: 112400;
	
	}
.zoomWindowContainer{width: 400px;} */
.zoomLens{border-radius: 300px !important;}
.zoomWindow{
/* 	overflow: hidden; 
	background-position: 0px 0px; 
	text-align: center; 
	background-color: rgb(255, 255, 255); 
	width: 400px !important; 
	height: 400px !important; 
	float: left; */
	top:-100px !important;
}
.zoomContainer:nth-of-type(2) .zoomWindow{
	border:10px solid #ff0 !important;
}
@media screen and (max-width: 600px){
	.zoomContainer{display:none !important;}
}


/*

pass form

*/
input[type=password],
input[type=submit]{
	padding:20px;
	border-radius:10px;
	margin:1rem 0;
	font-weight:400;
  	width: 300px;
	margin:1em !important;
}
input[type=submit]{width:200px;}

/* GALLERY */
.wp-block-gallery figure{
	border:1px solid #ddd;
	padding:3px;
}
.wp-block-gallery figure a img{
	opacity:1.0;
}
.wp-block-gallery figure a:hover img{
	opacity:0.9;
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
    flex-grow: 0;
}
#baguetteBox-overlay{
	background-color:rgba(0,0,0,1.0) !important;
}
#baguetteBox-overlay .full-image img {
    max-height: 90%;
    max-width: 90%;
}



/* 

アーカイブリストページのスタイル 

*/
.archive-list-wrappper{
	margin:0 auto 5rem auto;
}
.archive-list-wrappper h3{
	font-size: 24px;
	font-weight: 600;
	padding:0;
	background-color:none;
	margin-bottom:2rem;
	border-left: 0;
    border-right:0;
    border-top:0;
    border-bottom:0;
}
.year-block{
	display: grid;
	grid-template-columns: 100px 1fr;
	border-bottom: 1px dotted #aaa;
	padding: 0 0 0.5rem 0;
	margin: 0 0 0.5rem 0;
	align-items: center;
}
.archive-list-wrappper h4.archive-list-year{
	cursor: pointer;
	border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    font-size: 	18px;
	line-height: 1em;
    padding: 0;
	margin-bottom: 0 !important;
	transition: all 1s;
	background-color: #fff;

}
/* .archive-list-wrappper h4.archive-list-year:hover,
.archive-list-wrappper h4.archive-list-year.open{
	background-color: #424d4f;
	color: #fff;
} */
/* .archive-list-wrappper h4 i{
	transition: transform 0.5s ease;
	display: inline-block;
}
.archive-list-wrappper h4.open i{
	transform: rotate(180deg);
} */


.archive-list-wrappper ul.month-list{
	list-style: none;
	/* display: grid;
	grid-template-columns: repeat(6, 1fr); */
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	background:#fff;
	margin-bottom: 0 !important;
	padding-left: 0 !important;
}
.archive-list-wrappper ul.month-list li{
	background: none;
	text-align: center !important;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	font-weight: 200;
	font-size: 14px;
	margin: 10px -1px 10px 0;
	padding: 0 20px;
	line-height: 1em;
	width: 110px;
	box-sizing: border-box;
}
.archive-list-wrappper ul.month-list li a{
	display: block;
	width: 100%;
}
@media screen and (max-width: 600px){
	.year-block{
		display: grid;
		grid-template-columns:1fr;
		border-bottom: 1px dotted #aaa;
		padding: 0 0 0.5rem 0;
		margin: 0 0 0.5rem 0;
		align-items: center;
	}
	.archive-list-wrappper h4.archive-list-year{
		font-size: 	16px;
		line-height: 1em;
		padding: 0;
		margin: 1rem 0 !important;
		transition: all 1s;
		background-color: #fff;

	}
}

/* アーカイブプルダウン */
select.archiveSelect{
	border:1px solid #28a864;
	color:#28a864;
	max-width:300px;
	font-size:14px;
}

/* reCAPCHA 非表示 */
.grecaptcha-badge{
	display:none;
/* 	width: 280px !important; */
}
.grecaptcha-badge iframe{
/* 	width:300px !important */
}

.page-id-50 .grecaptcha-badge{
	display:block;
}



/* Plivacy Policy & iframe */
.privacy-policy .contentWrapper{
	padding:0 1em;
	font-size:16px;
}
.privacy-policy .article h1 {
    padding: 1rem 0;
	text-align:left;
}
.privacy-policy .entry-title, 
.privacy-policy .archive-title {
    font-size: 18px;
    padding: 1em 0;
    line-height: 1.3;
	border-bottom:1px solid #ddd;
	margin-bottom:2em;
	color:#515151;
}
.privacy-policy .article h2 {
    font-size: 16px;
    padding: 1em;
	border-top:none;
	display:block;
    background-color: var(--cocoon-xx-thin-color) !important;
    border-radius: var(--cocoon-badge-border-radius);
}
iframe.contact-policy{
	border:1px solid #ddd;
	width:100%;
	height:300px;
	padding:0 0 0.3em 0;
	margin:0 auto;
}
@media screen and (max-width: 1023px) {
    .privacy-policy{
        margin-top: 0 !important;
    }
}


@media (pointer: none) or (hover: none) {
    .zoomContainer{
        display: none !important;
    }
}
.contact-image-wrappper{
	flex-grow: unset;
}
.mb-0{
	margin-bottom:0 !important;
}
@media (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.contact-image-wrappper{
        flex-basis: unset !important;
    }
}
.contact-zoomImage-false-txt{
	display:none;
}
@media screen and (max-width: 1000px) {
    .zoomContainer{
        display: none !important;
    }
	.contact-zoomImage-false-txt{
		display:block;
	}
}
@media screen and (max-width: 1023px) {
    body:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) {
        margin-top: 60px;
    }
}