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


/****** all ******/

body,
#content,
#main {
	margin : 0 auto;
	padding : 0;
}
#main {
	background-color : #f5fffb;
}
div.entry-content.cf {
	margin-top : -17px;
}

/* 全ページタイトル非表示 */
h1.entry-title {
	display : none!important;
}

.e-con.e-flex>.e-con-inner {
	margin : 0;
	padding : 0;
}

/***** buttom *****/
.wp-block-button__link {
	background-color : #2d558485;
	color : #FFF;
	width : 20rem;
	font-size : 15px;
	border-radius : 3px;
	border : 1px rgb(0 0 0 / 10%) ;
	font-weight : bold;
	white-space : nowrap;
	padding : 10px 3rem 10px 3rem;
	margin-bottom : 30px;
}
a:hover {
	color : #F3F47F;
}
	
/* 見出し */
h4.wp-block-heading {
	font-size : 15px ;
	text-align : center ;
	margin :0 1.4rem;
	color : #FFF;
	font-weight :bold;
	background-color: rgb(0 0 0 / 10%);
}
.title1 ,
.otherpage_area1_title {
	font-size : 22px;
	font-weight : bold;
	text-align : center;
	color : #FFF;
}

/***** toppage *****/

.toppage_title1 {
	font-size : 22px;
	font-weight : bold;
	text-align : center;
	color : #202020;
	z-index : 20;
}
p.toppage_title1 {
	margin-bottom : -1.1rem;
	padding-top : 10px;
}
div.wp-block-column.toppage_area1_black_column {
	max-width : 70%;
	height : 60%;
	background-color : rgb(255 255 255 / 0.8);
	margin : -80vh auto -1rem auto;
	padding : 60px;
	z-index : 10;
	color : #202020;
}
hr.toppage_area1_3block_line {
	width : 80%;
	margin : -2rem auto;
}
figure.toppage_area1_tokkuri >img {
	min-width : 30px;
	margin-left : auto;
}
.toppage_area1_3block_text {
	font-size : 14px;
	padding-left : 3rem;
	margin-top : -20px;
}
div.toppage_area1_3block_icon {
	padding-left : 1.5rem;
}

div.toppage_area2_column {
	background-color : #f5fffb;
	background-image: url(https://lilu-koubou.com/sample.d-reproduction/wp-content/uploads/2026/01/sample_d_doctor-3.png);
	margin-top : -60px;
	padding : 50px 0 120px 0;
	object-fit : cover;
	background-size : cover;
	background-repeat: no-repeat;
	margin : -110px auto -10px auto;
}
p.toppage_area2_text {
	padding : 0 3rem ;
	margin-top : -30px;
}

div.toppage_area3_column {
	color : #FFF;
	background-size : 100% auto;
	background-image: url(https://lilu-koubou.com/sample.d-reproduction/wp-content/uploads/2026/01/名称未設定-1500-x-800-px-1.png);
    background-repeat: no-repeat;
	background-attachment: fixed;
	padding : 90px 30px;
	margin: -20px 0;
}
div.toppage_area3_text_column {
	max-width : 50vw;
	padding : 0 0 30px 70px;
	font-size : 16px;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
	padding-top : 30px;
}
.wp-block-latest-posts__post-title {
	color : #1C5B40;
}

.toppage_area4_column {
	background-color : #f5fffb;
	background-image: url(https://lilu-koubou.com/sample.d-reproduction/wp-content/uploads/2026/01/toppage_area4_img.png);
    background-repeat: no-repeat;
	background-attachment: fixed;
	color : #FFF;
}
div.toppage_area4_column {
	margin-bottom : -52px!important;
	margin-top : -12px;
}
.toppage_area4_3block_column {
	padding : 20px 70px;
}
.toppage_area4_left_column{
	min-width : 27vw;
	margin : 40px 20px 40px 40px;
}
.toppage_area4_center_column{
	margin : 40px 20px 40px 20px;
	min-width : 27vw;
}
.toppage_area4_right_column{
	margin : 40px 40px 40px 20px;
	min-width : 27vw;
}
.toppage_area4_3block_text_column {
	width : 27vw;
	background-color: rgb(0 0 0 / 60%);
}
div.toppage_area4_3block_text_column {
	margin-top : -30px;
	min-height : 20rem;
	height : 350px;
}
p.toppage_area4_midasi {
	white-space : nowrap;
	font-size : 15px ;
	text-align : center ;
	color : #FFF;
	font-weight :bold;
	background-color: rgb(0 0 0 / 50%);
	padding : 10px;
	margin-bottom : 0;
	border-top : 2px solid #428da0;	
} 
.toppage_area4_img >img {
	width : 100%;
}
.toppage_area4_text_column {
	padding-top : 30px;
	min-height : 10rem;
}

/***** otherpage *****/

div.wp-block-columns.otherpage_area1_column {
	margin-bottom : 0;
}
div.otherpage_area1_left_column {
	background-color : #f5fffb;
	color : #FFF;
}
.otherpage_area1_title {
	color : #202020;
}
p.otherpage_area1_title {
	padding-top : 7rem;
	margin-bottom : -1.3rem;
}
.otherpage_center_text {
	padding : 30px 15vw;
}
.otherpage_center_text {
	padding : 20px 25vw;
}
.kodawaripage_area2_text ,
.itemspage_area2_text {
	padding : 30px;
}
.otherpage_area2_column {
	background-color : #f5fffb;
	color : #FFF;
	background-image: url(https://lilu-koubou.com/sample.d-copy/wp-content/uploads/2026/01/sampled_img12.png);
    background-repeat: no-repeat;
	background-attachment: fixed;
	padding : 100px 30px;
	margin-bottom : -30px;
}
div.wp-block-columns.otherpage_area2_column {
	margin-bottom : -30px
}

/***** footer *****/
#footer,
#footer.footer-container.nwa {
	margin : 0 auto;
	color : #FFF;
}
#menu-footer {
	padding-bottom : 30px;
}

/***** responsive *****/
/*1023px以下*/
@media screen and (max-width: 1023px){
	
	div.wp-block-column.toppage_area1_black_column {
		max-width : 70%;
		height : 40vh;
		margin : -55vh auto -1rem auto;
		padding : 10px 30px;
	}
	.toppage_area1_3block_text {
		display : none;
	}
	.wp-block-latest-posts.wp-block-latest-posts__list li {
		padding : 30px;
	}
	.toppage_area4_3block_text_column {
		min-height : 30rem; 
	}
	div.toppage_area4_text_column {
		min-height : 15rem;
	}
}

/*780px以下*/
@media screen and (max-width: 834px){
	  
	div.wp-block-column.toppage_area1_black_column {
		height : 30vh;
		margin : -45vh auto -1rem auto;
	}
	div.toppage_area1_3block_column {
		display : none;
	}
	div.toppage_area2_spacer {
		display : none;
	}
	div.toppage_area3_text_column {
	width : 50vw;
	padding : 20px;
	}
	.wp-block-latest-posts.wp-block-latest-posts__list li {
		padding : 10px;
	}
	div.toppage_area4_3block_text_column {
		min-height : 15rem; 
	}
	div.toppage_area4_text_column {
		min-height : 8rem;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	
	a.wp-block-button__link.wp-element-button {
		max-width : 18rem;
		margin : 10px auto !important;
	}
	div.wp-block-column.toppage_area1_black_column {
		display : none;
	}
	.toppage_area2_title_bar {
		padding-left : 20px;
	}
	p.toppage_area2_text {
		padding-left : 30px;
	}
	div.toppage_area3_column {
		padding : 50px 0;
		margin-top : -20px;
		background-image : none;
	}
	div.toppage_area3_text_column {
		padding : 10px;
		margin : 0 auto;
		min-width : 90vw;
	}
	div.toppage_area4_3block_column {
		padding : 10px;
	}
	p.otherpage_center_text {
		padding : 20px 10px;
	}
	p.otherpage_area1_title {
		padding-top : 50px;
		font-size : 18px;
		padding-bottom : 10px;
		z-index : 20;
	}
}