@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,
div.entry-content.cf,
div#content.content.cf {
	padding : 0;
	margin : 0 auto;
	width : 100vw;
}
.header-container-in.hlt-top-menu {
	display : none;
}

/* 背景,文字色 */
#main {
	background-color : #331c13;
	color : #361B12;
	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 : #331c13;
}
div.wp-block-columns.area1_column {
	margin-bottom : -35px;
}
.area1_5block_column {
	padding : 0 10vw;
	z-index : 20;
	position : relative;
	top : -33px;
	padding-top : 20px;
}
div.area1_5block_column {
	background-color : #eedca7;
	margin-top : -10px;
	margin-bottom : -30px;
}
.toppage_area1_block_column {
	background-color : #361B12;
	color : #FFF;
	width : 14vw;
	padding : 10px;
	border-radius : 8px;
}
.toppage_area1_block_column {
	margin : -20px 1vw 20px 1vw;
}
.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: linear-gradient(to top, #331c13, #331c13, #eedca7 );
	width : 100vw;
	padding : 230px 10vw 50px 10vw;
	margin-top : -50px;
}
.left_text_column {
	color : #FFF;
	padding : 20px 20px 20px 10vw;
}
.area3_column {
	background: linear-gradient(to top, #fbecd2, #eedca7, #331c13,#331c13 );
	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.area4_column {
	background-size : 100vw;
	min-height : 100vh;
	padding : 50px 0 150px 0;
	object-fit : fixed;
	background-repeat : no-repeat;
	background-image : url(https://lilu-koubou.com/sample.b-reproduction/wp-content/uploads/2026/03/セミナー背景2.png);
	margin : -30px 0 -50px 0;
	background-attachment : fixed;
	background-color :  #331c13;
	border : 0;
}
/*   otherpage   */
.otherpage_header {
	width : 100%;
}
.access_column {
	white-space : nowrap;
	color : #FFF;
	font-weight : bold;
	margin-left : -15vw;
}

#footer {
	margin-top : -25px;
	padding-top : 30px;
	background-color  : #331c13;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  
}

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

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