@charset "UTF-8";

/*!
Theme Name: Cocoon Child 終活の杜
Template:   cocoon-master
Version:    1.0.8
*/

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

/*---
index　page　投稿等の共通要素
---*/

.map {
  text-align:center;
}

.ect-vertical-card.ect-tile-card .a-wrap {
	margin: 0;
}
@media screen and (max-width: 834px){
	.ect-vertical-card.ect-tile-card .a-wrap {
		margin: 0 0 80px;
	}
}
.a-wrap {
	transition: all 0s ease;
}
.e-card-info {
	justify-content: flex-start;
}
.front-top-page main{
	/* padding-top:90px; */
	padding-top:2px;
}
.header-img img{
	width:100%;
}
.top_btn-l{
	font-size: 40px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin:0;
}
.top_btn-l::after{
	font-size: 60px;
}
@media screen and (max-width: 834px){
	.top_btn-l{
		font-size: 25px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin:0;
		margin-bottom: 25px;
	}
	.top_btn-l::after{
		font-size: 40px;
	}
}
#custom_html-5 .widget-index-top-title,
#custom_html-6 .widget-index-top-title{
	color:#016332;
	font-size:40px;
	font-weight: bold;
	margin-bottom:10px;
	text-align:center;
}
@media screen and (max-width: 834px){
	#custom_html-5 .widget-index-top-title,
	#custom_html-6 .widget-index-top-title{
		font-size:30px;
	}
}
.top_telBnr{
	max-width:585px;
	width:100%;
}
#custom_html-5,
#custom_html-9
{
	margin-bottom:125px;
}
#custom_html-11{
	padding-top:50px;
	margin-bottom:50px;
}
#custom_html-8{
	margin-bottom:60px;
}
#custom_html-10 .widget-index-top-title,
#custom_html-12 .widget-index-top-title{
	background-color:#eaf4e9;
	border-left:5px solid #03642F;
	color:#03642F;
	font-size:30px;
	margin-bottom:50px;
	padding:15px 30px;
}
@media screen and (max-width: 834px){
	#custom_html-10 .widget-index-top-title,
	#custom_html-12 .widget-index-top-title{
		font-size:23px;
		padding:10px 20px;
	}
}

.top_conBtn img{
	max-width:578px;
}
.topTable_midashi{
	background-color:#eaf4e9;
	padding-top:30px;
	padding-bottom:30px;
}
.topTable_pack60{
	background-color:#5da8ba;
	color:#fff;
	padding-top:30px;
	padding-bottom:30px;
	width:27%;
}
.topTd_pack60{
	background-color:#fff;
	color:#5da8ba;
	font-weight:bold;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
}
.topTable_pack90{
	background-color:#477eda;
	color:#fff;
	padding-top:30px;
	padding-bottom:30px;
	width:27%;
}
.topTd_pack90{
	background-color:#fff;
	color:#477eda;
	font-weight:bold;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
}
.topTable_pack130{
	background-color:#8b66b2;
	color:#fff;
	padding-top:30px;
	padding-bottom:30px;
	width:27%;
}
.topTd_pack130{
	background-color:#fff;
	color:#477eda;
	font-weight:bold;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
}
.top_spTable table{
	table-layout: fixed;
}
.top_spTable table th,
.top_spTable table td{
	max-width: 180px;
	width: 180px;
}
.header {
	height: 165px;
	background-size: cover;
}
#content,
.header-img{
	background-color: #eaf4e9;
}
.content{
	margin-top: 0;
	padding-top: 24px;
	padding-bottom:34px;
}
.footer{
	margin-top: 0;
	padding-top: 10px;
}
@media screen and (max-width: 1030px){
	.footer{
		background-color: #016332;
	}
}

/*---
サイドバー
---*/
.sidebar h3{
	background-color: #fff;
	color: #03642F;
	margin-top: 0;
	margin-bottom: 0;
}
.sidebar li.page_item{
	border-bottom:1px solid #ddd;
}
.sidebar li.page_item a{
	padding-left: 15px;
}
.sidebar li.page_item:before{
	content: "\f105";
	font-family: FontAwesome;
	font-size: 20px;
	margin-right: 18px;
	padding-top: 7px;
	position: absolute;
}


/*---
色　アイコン　ボックス
--*/
.color_pk{ color:#EB3E5A !important;}
.color_gr{ color:#03642F !important;}
.color_pack60{color:#5da8ba !important;}
.color_pack90{color:#477eda !important;}
.color_pack130{color:#8b66b2 !important;}
.back_wh{background-color: #fff !important;}
.back_usuGr{background-color: #edf4ec !important;}
.backEa{background-color: #eaeaea !important;}
.color_pack60{color:#5da8ba !important;}

.span_iconPk{
	background-color:#EB3E5A;
	color:#fff;
	padding: 5px;
}

.greenBox{
	background-color: #eaf4e9;
	padding: 20px;
}

.greenBox h6{
	border-bottom: 0;
	color: #03642F;
	margin-top: 0;
	margin-bottom: 5px;
	padding-left: 0;
}


/*---
遺品整理
---*/
.ect-3-columns .entry-card-wrap {
	width: 25%;
	padding: 7px;
}
.ihin_table th{
	background-color: #eaf4e9;
	width: 45%;
	padding: 15px;
}
.ihin_table td{
	background-color: #fff;
	width: 55%;
	padding: 15px 35px;
}
.wp-block-gallery .blocks-gallery-item{
	flex-grow:0 !important;
}


/*---
ページ　共通
---*/
.page_btn-l{
	font-size: 40px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin:0;
}
.page_btn-l::after{
	font-size: 60px;
}
@media screen and (max-width: 834px){
	.page_btn-l{
		font-size: 25px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin:0;
		margin-bottom: 25px;
	}
	.page_btn-l::after{
		font-size: 40px;
	}
}
.entry-title,
.related-entry-card-title{
	color:#016332;
}
.related-entry-heading{
	border-bottom: 1px solid #ddd;
	color:#016332;
}
.card_title{
	color:#0f44a3;
	font-weight: bold;
}
.card_title span{
	border: 1px solid #0f44a3;
	padding: 3px;
	margin-right: 15px;
}
.card_title_pk{
	color:#EE4D71;
}
.card_title_pk span{
	border: 1px solid #EE4D71;
	padding: 3px;
	margin-right: 15px;
}
.entry-card-title {
	color:#016332;
	padding-top: 5px;
	padding-bottom: 5px;
}
@media screen and (max-width: 834px){
	.entry-card-title {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
.scroll-table {
	overflow: auto;
	white-space: nowrap;
}
.navi-in > ul li {
	width: 11.111%;
}
.page_header{
	width: 100%;
	max-width: 1256px;
	margin:0 auto;
	padding-top: 10vw;
	padding-bottom: 10vw;
}
@media screen and (max-width: 1030px){
	.page_header{
		padding-top: 15vw;
		padding-bottom: 15vw;
	}
}
.page_header h2{
	color:#fff;
	padding-left: 15px;
}
.page_headerBack{
	background-size: cover;
}
.page .main h3{
	background-color:#eaf4e9;
	border-left:5px solid #03642F;
	border-top:0;
	border-right:0;
	border-bottom:0;
	color:#03642F;
	font-size:30px;
	margin-bottom:50px;
	padding:15px 30px;
}
.page .main h4{
	border-top: none;
	color:#03642F;
	padding: 10px 0 ;
	border-bottom:1px dashed #ccc;
	font-size: 23px;
	margin-top: 30px;
	margin-bottom: 10px;
}


/*---
墓じまい hkj
---*/
.div_h4_midashi{
	border-bottom: 2px solid #ccc;
	border-top: none;
	color: #03642F;
	padding: 10px 0;
}
.hakajimai_nagareBox{
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
@media screen and (max-width: 834px){
	.hakajimai_nagareBox{
		display: block;
		width: 100%;
	}
}

.hakajimai_nagareBox .hkj_left{
	-ms-flex-order:2;
	order:2;
	text-align: right;
	width: 42%;
}
@media screen and (max-width: 834px){
	.hakajimai_nagareBox .hkj_left{
		text-align: center;
		width: 100%;
	}
}
.hakajimai_nagareBox .hkj_right{
	-ms-flex-order:1;
	order:1;
	text-align: center;
	width: 58%;
}
@media screen and (max-width: 834px){
	.hakajimai_nagareBox .hkj_right{
		text-align: center;
		width: 100%;
	}
}
.hakajimai_nagareBox_df{
	display: table;
	width: 100%;
}
@media screen and (max-width: 834px){
.hakajimai_nagareBox_df{
	display: block;
	width: 100%;
}
}
.hakajimai_nagareBox_df .hkj_left_df{
	display: table-cell;
	text-align: left;
	padding-right: 25px;
	vertical-align: top;
	width: 60%;
}
@media screen and (max-width: 834px){
	.hakajimai_nagareBox_df .hkj_left_df{
		display: block;
		text-align: left;
		width: 100%;
	}
}
.hakajimai_nagareBox_df .hkj_right_df{
	display: table-cell;
	text-align: right;
	width: 40%;
}
@media screen and (max-width: 834px){
	.hakajimai_nagareBox_df .hkj_right_df{
		display: block;
		text-align: center;
		width: 100%;
	}
}
.hkj_infoBox{
	border: 1px solid #ddd;
}
.hkj_card .caption-box-label{
	background-color: #03642F;
	color: #fff;
	-ms-flex-pack: center;
	justify-content: center;
}
.hkj_table{
	width: 100%;
}
.hkj_table .hkj_midashi{
	width: 19%;
}
.hkj_table .hkj_naiyou,
.hkj_table .hkj_syoki,
.hkj_table .hkj_cost{
	width: 27%;
}
.hkj_card .caption-box-content{
	padding-top: 25px;
}
.hkj_card figure figcaption{
	text-align: right;
}
.wp-block-cocoon-blocks-column-left,
.wp-block-cocoon-blocks-column-center,
.wp-block-cocoon-blocks-column-right{
	display: -ms-flexbox;
	display: flex;
}


/* 葬儀 */
.sougiCard .caption-box-label{
	background-color: #03642F;
	color:#fff;
	-ms-flex-pack: center;
	justify-content: center;
}
.plan_border{
	border: 1px solid #949495;
}




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

/*1030px以下*/
@media screen and (max-width: 1030px){
	/*モバイル固有*/
	.navi-footer-in > .menu-footer li.menu-item {
		width: 45%;
		border:1px solid #fff;
		margin:10px;
	}
	.navi-footer-in > .menu-footer li.menu-item a {
		color: #fff;
		font-size:20px;
		padding: 10px;
	}
	.copyright {
		color: #fff;
	}
	.mobile-menu-buttons{
		background-color: #016332;
		border-top:1px solid;
		color:#fff;
	}
	.mobile-menu-buttons .menu-button > a {
		color: #fff;
	}
	.navi-footer-in > .menu-footer li.menu-item a:hover {
		color:#016332;
	}
	.mobile-menu-buttons .menu-button > a:hover {
		color: #333;
	}
}
/*834px以下*/
@media screen and (max-width: 834px){
	.header div.header-in {
		min-height: 165px;
	}
	.navi{
		background-color: #016332;
	}
	.navi a{
		color:#fff;
	}
}

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

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



/* -----------------20190828編集------------------------ */
/* お客様の声 */
.top_cVoiceCard{
	display:flex
}
@media screen and (max-width: 1030px){
	.top_cVoiceCard{
		flex-wrap: wrap;
		width: 100%;
    	margin: 5px;
	}
}
.top_cVoiceCard_inner{
	width:98%;
	margin: 10px;
}
.top_cVoiceCard_inner small{
	font-size: 16px;
}
.top_cVoiceCard h3{
	color:#03642F;
	font-size:26px;
}
@media screen and (max-width: 834px){
	.top_cVoiceCard h3{
		font-size:18px;
	}
}


/* 日本全国対応 */
.area-top-japan {
	display:flex;
	flex-wrap: wrap;
}

.six {
	width: 22%;
	background-color: #cce198;
	font-size: 18px;
	height: auto;
	margin: 10px 10px;
	text-align: center;
}

@media only screen and (max-width: 1200px) {
	.area-top-japan .six {
		font-size: 16px;
		margin: 0;
		margin-bottom: 6px;
		margin-left: 4%;
		width: 20%;
	}
}