@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
**************/
html,
body,
#main,
.main,
#content,
.content cf {
	width : 100%;
	margin : 0;
	padding : 0;
}

/* タイトル非表示 */
.entry-title {
	display : none;
}

/* リンク下線消し */
a {
	text-decoration : none;
	color : #FFF;
}
a:hover {
	color : #735929 !important;
}
a:visited {
	color : #FFF;
}

/* 下ホームアイコン消し */
#breadcrumb {
	display : none;
} 

/* オレンジ飾り線 */
.yellow_line {
	z-index : 0;
	width : 50%;
	margin-top : -20px;
}

/* 帯タイトル */
.title_column {
	width : 100%;
	background-color : #ffa500;
	margin-top : -60px;
}
.title_img {
	width : 800px;
	background-repeat: no-repeat;
	padding : 20px 50px;
}

/* TopP以外　 */
/* 帯タイトル */
.otherpage_title_column {
	width : 100%;
	background-color : #ffa500;
	border-top: 2px solid rgba(227,210,187,.8);
}
/* 本文エリア */
.main_area_column {
	width : 45vw;
	margin : 0 auto;
	display:block;
}
.otherpage_main_column {
	margin : 0 auto ;
	max-width : 40vw;
}
/* ボタン */
.btn {
	font-size : 11px;
}

/*************
   backgroud
**************/

/* 固定背景 */
.haikei_blur {
	background-position: 0 0;
	width : 100%;
	background-image: url(https://lilu-koubou.com/wp-content/uploads/2025/07/haikei1-5.png);
    background-repeat: no-repeat;
	background-attachment: fixed;
	padding : 120px 0;
	margin : -30px 0 ;
}
/* トップP１エリア背景 */
.haikei1 {
	background-position: 0 0;
	width : 100%;
	background-image: url(https://lilu-koubou.com/wp-content/uploads/2025/07/heikei1-4.png);
    background-repeat: no-repeat;
}
/* トップP新着背景 */
.haikei_news {
	width : 100%;
	background-image: url(https://lilu-koubou.com/wp-content/uploads/2025/07/back2-2.png);
    background-repeat: no-repeat;
	background-attachment: fixed;
	margin-top : -30px;
	padding : 120px 0 ;
}

/*************
     font
**************/

.italic_biggest,
.italic_toppage_top_small,
.italic_blue {
  font-family: "Courgette", cursive;
  font-weight: 400;
  font-style: normal;
}
.italic_toppage_top_big ,
.menu_text {
  font-family: "Delius", cursive;
  font-weight: 400;
  font-style: normal;
}
.italic_toppage_top_big {
	font-size : 45px;
	color :#FFF;
	opacity : 0.6;
}
p.italic_toppage_top_big {
	margin-bottom : 5px;
}
.italic_toppage_top_small {
	font-size : 18px;
	color : #bfa589;
}
.italic_biggest {
	font-size : 70px;
	color : #bfa589;
}
p.italic_biggest {
	margin-bottom : 0;
	padding-bottom : 0;
	padding-top : 80px;
	margin-top : -30px;
}
.italic_blue {
	font-size : 30px;
	color : #2c5c6e;
	white-space : nowrap;
}
p.italic_blue {
	margin-top : -85px;
	z-index : 10;
}
/* info font */
.info_blue_font {
	font-size : 28px;
	font-weight : 300;
	color : #2c5c6e;
	white-space : nowrap;
	z-index : 10;
}
/* 大飾り文字 */
.ornament_font {
	font-family : "playball" ,cursive;
	font-size : 100px;
	color : rgba(255, 255, 255, 0.5);;
	z-index : 0;
}
.ornament_font2 {
	font-family : "playball" ,cursive;
	font-size : 100px;
	color : rgba(255, 235, 0, 0.4);;
	z-index : 0;
	white-space : nowrap;
}
p.ornament_font,
p.ornament_font2 {
	margin-bottom : -1rem;
}
/* 通常のフォント */
.font_normal ,
.otherpage_font_normal {
	max-width :40rem;
	margin-top : -8em;
	z-index : 20;
}
/* リストアイコン */
.is-style-icon-list-circle > li::before {
	padding-top : 30px;
}

/*************
     header
**************/

div.menu_parent_column {
	width : 100%;
}

/* ヘッダー文消し */
.header-container-in.hlt-top-menu {
	display : none;
}
/* ヘッダー上詰め */
div.wp-block-columns.menu_parent_column {
	margin-top : -20px;
	margin-bottom : 0;
}
/* リルロゴ */
.header_logo {
	padding : 0 0 10px 30px;
}
/* メニュー */
.menu_grid {
	text-align : center;
	padding-top : 10px;
	padding-bottom : 10px;
}
.menu_text {
	font-size : 22px;
	color : #FFF;
	white-space: nowrap;
}
.menu_child_text {
	font-size : 12px;
	color : #FFF;
	white-space: nowrap;
}
/* メニュー右ボタン */
div.menu_parent_column > div:nth-child(3) > div > a,
div.menu_parent_column > div:nth-child(4) > div > a {
	width : 95%;
	white-space : nowrap;
}

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

/* トップ画像エリア */
.toppage_top_area_column {
	background-image: url("https://lilu-koubou.com/wp-content/uploads/2025/11/toppage_header_img2.png");
	background-size: cover ;
	background-position: center;
	background-repeat: no-repeat;
	width : 100%;
	height : 600px;
}
div.wp-block-columns.toppage_top_area_column {
	margin-bottom : 0;
}
div.toppage_top_area_text_column {
	max-width : 45vw;
	padding-top : 90px;
	padding-left : 10vw;
}
/* 線 */
hr.toppage_top_line {
	border-bottom: 1px solid ;
	box-shadow: 0 1px 0 rgba(227,210,187,.3);
	width : 80%;
	border-image: linear-gradient(to left, #ffa500, #e1d3c6 ) 1;
}

/* エリア1 */
.toppage_area1_column {
	padding : 30px 0 100px 0;
	background-position: 0 0;
	width : 100%;
	background-image: url(https://lilu-koubou.com/wp-content/uploads/2025/07/heikei1-4.png);
    background-repeat: no-repeat;
}
.toppage_area1_left_column {
	padding-left : 15rem;
	max-width : 60vw;
	z-index : 20;
}
.toppage_img1-1 {
	width : 20vw;
	margin-left : 30px;
	transform: rotate(-3deg);
	opacity : 0.5;
	z-index : 0;
}
.toppage_img1-2 {
	margin-top : -150px;
	margin-left : 180px;
	width : 20vw;
	transform: rotate(10deg);
	opacity : 0.5;
}
.toppage_img1-3 {
	margin-top : -230px;
	margin-left : 0;
	width : 20vw;
	transform: rotate(-10deg);
	opacity : 0.5;
	z-index : 0;
	padding-bottom : 100px;
}

/* エリア2 */
.toppage_area2_column {
	padding : 30px 120px 120px 150px;
}
/* ビデオ余白,枠線消し　*/
.toppage_video {
	filter: drop-shadow(0px 0px #000);
	width : 80%;
	padding-top : 50px;
	text-align : right ;
}

/* エリア3 メニュー */
.toppage_menu_btn {
	white-space : nowrap;
	margin : -40px auto 0 auto;
	text-align :center;
}
.toppage_area3_menu1_column {
	justify-content:center;
}
.toppage_area3_menu2_column {
	justify-content:center;
	padding-bottom : 80px;
}
div.toppage_menu_list_column {
	max-width : 10rem ;
}
/* サンプルエリア */
div.toppage_sample_slider_column {
	display: flex;
	justify-content: center;
	padding : 30px 5vw 30px 5vw;
	max-height : 80vh;
}
.toppage_sample_btn {
	width : 40vw;
	white-space : nowrap;
	padding: 50px 0 80px 0;
	font-size  : 12px;
}
/* 新着エリア 強制改行*/
.info-list-item-date::after {
  content: "\A"; 
  white-space: pre;
}
/* 新着エリア */
#info-list {
	text-align :center;
}
div.toppage_news_column {
	margin : 0 auto;
}
/* 問合せエリア */
.toppage_contact_area_column {
	width : 50%;
	margin : 0 auto;
	display:block;
}


/*************
 contact page
**************/

.contactpage_address_list {
	width : 30vw;
	margin : 0 auto;
}
/* contact form */
/* 縦配置に */
span.wpcf7-list-item {
margin-top:5px;
display: block;
}
/* 送信ボタン*/
.wpcf7-form input[type="submit"] {
background-color: #bfa589;
color: white;
cursor: pointer;
transition: background-color 0.3s ease;
border: none;
}
.wpcf7-form input[type="submit"]:hover {
background-color: #ffa500;
}
#wpcf7-f6391-p4374-o1 {
	max-width : 40rem;
}

/*************
 FAQ page
**************/
.is-style-accordion > .faq > .faq-question {
	background-color : rgba( 227,210,187, 0.2);
}

.faq-question-label {
	color : #ffa700;
}

/*************
 Price page
**************/
figure.price_table {
	width : 100%;
}

/*************
 Sample page
**************/
.samplepage_square_text {
	padding : 30px;
}

/*************
 Sitemap page
**************/
.sitemap_text_column {
	padding : 20px 0 100px 15vw;
	color : #e1d3c6;
}
div.sitemap_text_column > ul > li > a {
	color : #2c5c6e;
}

/*************
    footer
**************/
#footer-in,
footer {
	width : 100%;
}

/* フッター余白 */
.footer-bottom {
	padding : 30px 0;
}
.entry-content {
	margin : 0 auto;
}
div#content.content.cf {
	margin-bottom : -30px;
}

/*************
  responsive
**************/
@media screen and (max-width: 900px) {
	
	/* 幅調整 */
	div.menu_parent_column {
		width : 100%;
	}
	div.main_area_column {
		width : 80%;
		padding : 0 20px;
	}
	/* font */
	.italic_biggest {
		font-size : 36px;
	}
	.italic_blue{
		font-size : 24px;
	}
	p.italic_blue {
		margin : -40px 0 0 0 ;
	}
	.italic_toppage_top_big {
	font-size : 30px;
	}
	/* 帯タイトル */
	.title_column {
		padding : 10px 0;
		margin-top : -30px;
		width : 100%;
	}
	.title_img {
		padding : 0;
		width : 100%;
	}
	
	/* header */
	.menu_about_btn ,
	.menu_sitemap_btn {
		width : 50%;
		margin : 0 auto;
	}
	/* メニュー右ボタン */
	div.menu_parent_column > div:nth-child(3) > div > a,
	div.menu_parent_column > div:nth-child(4) > div > a {
		width : 8rem;
		margin-left : -2rem;
	}	
	/* トップページ */		
	/* エリア1 */	
	div.toppage_area1_left_column {
		width : 90vw;
		padding : 0 3rem 40px 5rem;
		margin-top : -30px;
	}
	.toppage_area1_right_column {
		display : none;
	}
	.toppage_area1_left_column {
		padding : 20px;
		min-width : 100%;
	}
	/* エリア2ビデオ */
	.toppage_video {
		text-align : center ;
		width : 100%;
	}
	/* エリア3メニュー */
	div.toppage_menu_list_column {
		max-width : 200px;
		min-width : 30vw;
	}
	/* 問合せページ */	
	.contactpage_address_list {
		width : 60vw;
}
	/* サイトマップページ */
	.sitemap_text_column {
		padding : 20px 0 50px 5vw;
	}
}

@media screen and (max-width: 480px) {
	
	html {
		width : 100%;
	}
		div.main_area_column {
		width : 100%;
		margin : 0 ;
		padding : 0 20px;
	}
	/* header */
	div.menu_grid {
		width : 90vw;
		padding-bottom : 0;
	}
	.menu_text {
		font-size :  15px;
	}
	/* メニュー右ボタン */
	div.menu_parent_column > div:nth-child(3) > div > a,
	div.menu_parent_column > div:nth-child(4) > div > a {
		margin: 0 10px 0 -4rem ;
		width : 80vw;
	}
	.menu_parent_column {
		width : 100%;
	}	
	.menu_parent_column > div:nth-child(3) ,
	.menu_parent_column > div:nth-child(4) {
		text-align :center;
	}
	/* 光るボタン */
	.wp-block-cocoon-blocks-button-1.button-block > a {
		width : 70vw;
	}
	/* font */
	p.font_normal {
		margin-bottom : 0;
		min-width : 80vw;
	}
	p.otherpage_font_normal {
		max-width : 85vw;
		padding-right : 20px;
	}
	p.ornament_font2 {
		margin : -3rem 0 0 0;
	}
	/* 固定背景 */
	.haikei_blur {
		width : 100vw;
	}
	div.haikei_blur {
		width : 100%;
		margin-right : 0;
		margin-left : 0;
	}
	div.entry-content.cf {
		max-width : 100%;
	}
	/* toppage */
	/* ヘッダ画像 レスポンシブ化 */		
	div.toppage_top_area_column ,
	.toppage_top_area_text_column {
		display : none;
	}
	/* エリア1画像 */	
	div.toppage_area1_column {
		padding-top :0;
		margin-top : -50px;
	}
	.toppage_area1_right_column {
		display : none;
	}
	.toppage_area1_left_column {
		width : 90vw;
		margin : 0 auto;
	}
	div.toppage_area1_left_column {
		padding : 20px;
	}
	/* エリア2 */	
	.toppage_area2_column {
		padding : 0 2rem;
	}
	div.toppage_area2_column {
		padding-top : 60px;
	}
	.toppage_move1 {
		width : 100%;
		margin : 0 auto;
	}
	/* エリア3メニュー */
	div.toppage_menu1_list_column ,
	div.toppage_menu2_list_column {
		max-width : 50vw;
	}
	.toppage_menu_btn {
		margin-top : -40px;
	}
	/* スライダーエリア */
	.toppage_sample_btn {
		width : 70vw;
		white-space : nowrap;
		padding: 30px 10px 50px 10px;
	}
	div.toppage_sample_slider_column {
		padding-bottom : 0;
		max-height : 80vh;
	}
	div.toppage_slider_column {
		margin : 0;
		padding : 20px;
		width : 90vw;
	}
	/* 新着エリア */
	.haikei_news {
		width : 100%;
	}
	.toppage_news_spacer {
		display : none;
	}
	/* 問合せエリア */
	.toppage_contact_area_column {
		padding : 0 2rem;
		width : 100%;
	}
	/* otherページ */	
	/* コンタクトページ */	
	.contactpage_address_list {
		width : 90vw;
		margin : 0;
	}
	/* コンタクトページ */
	div.faq-wrap {
		width : 100%;
	}
}