@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 : #373c38;
}
div.entry-content.cf {
	margin-top : -15px;
}

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

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

/***** buttom *****/
.wp-block-button__link {
	background-color : #858954;
	color : #202020;
	width : 20rem;
	font-size : 15px;
	border-radius : 3px;
	border : 1px rgb(0 0 0 / 10%) ;
	font-weight : bold;
	white-space : nowrap;
	padding-left : 50px;
	padding-right : 50px;
}
a:hover {
	color : #F3F47F;
}
	
/***** font *****/
/* 見出し */
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;
}
p.title1 {
	margin-bottom : -1.1rem;
	padding-top : 10px;
}
p.toppage_area5_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 #858954;	
} 
p.otherpage_area1_title {
	padding-top : 7rem;
	margin-bottom : -1.3rem;
}
.otherpage_center_text {
	padding : 30px 15vw;
}

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

div.wp-block-column.toppage_area1_black_column {
	max-width : 70%;
	height : 60%;
	background-color : rgb(51 54 49 / 0.97);
	margin : -73vh auto -1rem auto;
	padding : 70px;
	z-index : 20;
	color : #FFF;
}
.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;
}
div.toppage_area2_column {
	background-color : #373c38;
	background-image: url(https://lilu-koubou.com/sample.d-copy/wp-content/uploads/2025/12/sampled_topp_area2_img.png);
	margin-top : -60px;
	padding : 50px 0 50px 0;
	object-fit : cover;
	background-size : 100% auto;
	background-repeat: no-repeat;
}
p.toppage_area2_text {
	padding-left : 47vw;
	color : #FFF;
}
div.toppage_area3_column {
	color : #FFF;
	background-size : 100% auto;
	background-image: url(https://lilu-koubou.com/sample.d-copy/wp-content/uploads/2025/12/sampled_img10.png);
    background-repeat: no-repeat;
	background-attachment: fixed;
	padding : 90px 30px;
	margin: -20px 0;
}
div.toppage_area3_text_column {
	width : 50vw;
	padding : 100px;
	z-index : 20;
	color : #FFF;
}
div.toppage_area4_column {
	background-color : #373c38;
	padding-top : 50px;
}
div.toppage_area4_text_column {
	background-color : rgb(179 128 0 / 0.2);
	max-width : 50vw;
	height : 35rem;
	margin : -700px 0 0 50px;
	padding : 70px;
	z-index : 20;
	border-radius : 5px;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
	font-size : 15px;
	font-weight : bold;
	padding : 30px 30px 0 100px;
}
.wp-block-latest-posts__post-excerpt ,
a.wp-block-latest-posts__read-more ,
.toppage_area4_next {
	font-size : 12px;
	color : #928C36;
	padding-left : 15px;
}
.toppage_area5_column {
	background-color : #373c38;
	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;
	width : 100vw;
}
.toppage_area5_3block_column {
	padding : 70px;
}
.toppage_area5_left_column{
	min-width : 27vw;
	margin : 40px 20px 40px 40px;
}
.toppage_area5_center_column{
	margin : 40px 20px 40px 20px;
	min-width : 27vw;
}
.toppage_area5_right_column{
	margin : 40px 40px 40px 20px;
	min-width : 27vw;
}
.toppage_area5_3block_text_column {
	width : 27vw;
	background-color: rgb(0 0 0 / 60%);
	padding : 30px;
	height : 300px;
}
div.toppage_area5_3block_text_column {
	margin-top : -30px;
}

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

div.wp-block-columns.otherpage_area1_column {
	margin-bottom : 0;
}
div.otherpage_area1_left_column {
	background-color : #373c38;
	color : #FFF;
}
.otherpage_center_text {
	padding : 20px 25vw;
}
.kodawaripage_area2_text ,
.itemspage_area2_text {
	padding : 30px;
}
.otherpage_area2_column {
	background-color : #373c38;
	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;
	}
	div.toppage_area4_text_column {
		height : 60%;
		margin : -60vh 0 0 50px;
		padding : 30px;
	}
	.wp-block-latest-posts.wp-block-latest-posts__list li {
		padding : 30px;
	}
	.toppage_area5_3block_column {
		padding : 30px;
	}
	.toppage_area5_3block_text_column {
		height : 400px;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  
	div.toppage_area1_3block_column {
		display : none;
	}
	div.wp-block-column.toppage_area1_black_column {
		height : 50%;
		margin : -35vh auto -1rem auto;
	}
	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;
	}
	.toppage_area5_3block_column {
		padding : 10px;
	}
	div.wp-block-column.toppage_area1_black_column {
		display : none;
	}
	figure.toppage_area5_img >img {
		width : 100%;
		height : auto;
		object-fit: cover;
	}
	div.toppage_area5_3block_column {
		margin : 20px;
		width : 90vw;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	
	a.wp-block-button__link.wp-element-button {
		max-width : 80vw;
		margin : 10px auto !important;
	}
	.toppage_area2_kodawari_text {
		padding : 0;
	}
	.toppage_area2_title_bar {
		padding-left : 20px;
	}
	p.toppage_area2_text {
		padding-left : 30px;
	}
	div.toppage_area3_column {
		background-image: none;
		background-color : #373c38;
		color : #FFF;
		padding : 50px 30px;
		margin-top : -20px;
	}
	div.toppage_area3_text_column {
		width : 80vw;
		padding : 20px;
	}
	div.toppage_area4_text_column {
		max-width : 80vw;
		margin : 0 0 0 20px;
		padding : 20px;
	}
	p.otherpage_center_text {
		padding : 20px 10px;
	}
	p.otherpage_area1_title {
		padding-top : 50px;
		font-size : 18px;
		padding-bottom : 10px;
		z-index : 20;
	}
}