@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 {
	padding : 0;
	margin : 0 auto;
	width : 100vw;
}
div.entry-content.cf {
	margin-top : -21px;
}
div#content.content.cf {
	margin : auto;
	width : 100vw;
}
div.area_column {
	margin : 0 10vw;
}
#header-container {
	padding : 10px;
}

/* 背景,文字色 */
#main {
	background-color : #FFF;
	color : #414747;
	overflow:hidden;
	padding : 0;
	margin : 0 auto;
}

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

/* リンク下線削除 */
a {
	text-decoration: none;
	color : #FFF;
}

/* toppage */
div.toppage_area1_slider_column {
	background-color : #FFF;
}
.area1_5block_column {
	padding : 0 10vw;
	z-index : 20;
}
div.area1_5block_column {
	background-color : #FFF;
	z-index : 20;
	position : relative ;
	top : -7vh;
	left : 0;
}
.toppage_area1_block_column {
	background-color : #414747;
	color : #c0c0c0;
	width : 14vw;
	padding : 10px;
	border-radius : 8px;
}
div.toppage_area1_block_column {
	margin : -10vh 5px 20px 5px;
}
.toppage_area1_leftblock_column {
	margin : 0 1vw 20px 11vw;
}
.toppage_area1_rightblock_column {
	margin : 0 11vw 20px 1vw;
}
.area1_block_icon {
	padding : 0;
	width : 30px;
}
figure.wp-block-image.area1_block_icon {
	margin-bottom : 0;
}
p.area1_block_text  {
	padding : 0;
	margin-bottom : -0.3rem;
	white-space : nowrap;
}
.area1_block_jptext {
	color : #FDE8D0;
	font-size : 12px;
	white-space : nowrap;
	text-align : center;
}
p.area1_block_jptext {
	margin-bottom : 0;
}
div.wp-block-cocoon-blocks-button-1.area1_block_btn {
	margin-bottom : 0;
	white-space : nowrap;
}
.area2_column {
	background-color : #FFF;
	width : 100vw;
	padding : 30px 10vw 50px 10vw;
	margin-top : -50px;
}
.left_text_column {
	color : #302833;
	padding : 20px 20px 20px 10vw;
}
.right_text_column {
	color : #302833;
	padding : 0 10vw 20px 0;
}
.center_text_column {
	color : #302833;
	margin : 0 auto;
	padding : 0 15vw;
}
.area3_column {
	background: linear-gradient(to bottom, #FFF, #FFf, #414747 );
	width : 100vw;
	padding : 80px 10vw 80px 10vw;
}
div.area3_column {
	margin-top : -30px;
}
.area3_block_column {
	padding : 20px;
}
hr.area3_block_dots {
	width : 70%;
	border-top : dotted 8px #eedca7;
	margin : auto;
}
div.wp-block-column.access_left_text{
	max-width : 8rem;
	text-align : right ;
	}
}
div.area4_column {
	min-height : 100vh;
	padding : 50px 0 150px 0;
	background-repeat : no-repeat;
	background-image : url(https://lilu-koubou.com/sample.b-reproduction/wp-content/uploads/2026/04/area5_back_img.png);
	margin : -30px 0 -50px 0;
	background-attachment : fixed;
	background-color :  #414747;
	border : 0;
}
/*   otherpage   */
.otherpage_header {
	width : 100%;
}
.access_column {
	white-space : nowrap;
	color : #FFF;
	font-weight : bold;
	margin-left : -15vw;
}

#footer {
	margin-top : -10px;
	padding-top : 23px;
	background-color  : #414747;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	
	#navi-in > ul.menu-top.menu-mobile {
		padding-top : 20px;
	}
	div.area1_5block_column {
		padding : 0 15px;
	}
	div.wp-block-column.access_left_text{
		max-width : 6rem;
		text-align : left ;
	}
	div.wp-block-column.right_text_column {
		padding : 0;
	}
	#footer {
		padding-bottom : 60px;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
	div.area1_5block_column {
	display : none;
	}
	.access_left_text {
		text-align : left;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	.area3_column ,
	div.area4_column {
		background : #eedca7;
	}
	.area4_img {
		width : 70%;
		margin : 10px auto;
	}
	.area2_column {
		margin-left : -10px;
}
}