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


/********************************************************/
/* サンプルB パン屋さん */
/********************************************************/

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

.body,
div.entry-content.cf,
#main,
div#content.content.cf {
	padding : 0;
	margin : 0 auto;
}

/* 背景,文字色 */
#main {
	background-color : #f2ddc9;
	color : #210000;
	overflow:hidden;
}

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

/* リンク下線削除 */
a {
	text-decoration: none;
	color : #FFF;
}
/*   font   */
.midasi1 {
	font-family: "Yomogi", cursive;
	font-weight: 400;
	font-style: normal;
	font-size : 26px;
	color : #855E42;
}
p.midasi1 {
	text-align : center;
	margin-bottom : 0;
}

/*   丸ボタン   */
.wp-block-buttons .wp-block-button__link {
	display: inline-block;
	text-decoration: none;
	background: rgba(56, 37, 22, 0.7);
	color: #FFF;
	width: 120px;
	height: 120px;
	line-height: 120px;
	border-radius: 50%;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
	box-shadow: 0px 3px 2px 0 grey;
	border-bottom: solid 1px grey;
	border-right : solid 3px grey;
	transition: .4s;
	padding-top : 0;
	font-size : 15px;
}
.wp-block-buttons .wp-block-button__link:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: 0 0 2px 0 grey;
	border-bottom: none;
}
.wp-block-buttons .wp-block-button__link:hover {
	transform: translateY(4px);
	box-shadow: none;
	background-color : #855E42;
}

/*   toppage   */
div.toppage_area1_parent_column {
	position : relative;
	margin-top : -18px;
}
.toppage_area1_video {
	width : auto;
	object-fit : cover;
}
div.wp-block-column.toppage_area1_text_column {
	position : absolute;
	top : 40vh;
	z-index : 20;
	width : 100%;
	background-color: rgba(56, 37, 22, 0.6);
	padding : 15px 0;
	color : #FFF;
	border-top : #B0CA71 1px solid;
	border-bottom : #B0CA71 1px solid;
	font-family: "Yomogi", cursive;
	font-weight: 400;
	font-style: normal;
	font-size : 26px;
}
div.toppage_area2_column {
	background-size : 100vw;
	min-height : 100vh;
	padding : 50px 0 50px 0;
	object-fit : fixed;
	background-repeat: no-repeat;
	background-image: url(https://lilu-koubou.com/sample.b/wp-content/uploads/2026/02/toppage_area2_back3.png);
	margin: -20px 0;
	background-attachment: fixed;
}
.toppage_area2_text {
	padding : 80px 28vw 50px 28vw;
	z-index : 20;
	margin : 0 auto;
	color : #210000;
}
.toppage_area3_block_column {
	width : 70%;
	border : 2px solid #B0CA71;
	background-color : rgba(113, 92, 35, 0.5);
	margin : 0 auto;
	padding : 30px;
	height : 300px;
	position : relative;
}
.toppage_area3_block_migasi {
	font-size : 13px;
	font-weight : bold;
	border-bottom : 1px solid #210000;
	width : 30%;
	margin : 0 auto;
}
.toppage_area3_text {
	padding : 10px;
	z-index : 20;
	margin : 0 auto;
	width : 50vw;
}
.toppage_area3_yajirusi_column {
	font-size : 15px;
	text-align : right;
	color : #FFF;
}
div.toppage_area3_yajirusi_column {
	position : absolute ;
	bottom : 0px;
	right : 15px;
}
.toppage_area3_yajirusi_text_column {
	white-space : nowrap;
	padding-top : 5px;
}
p.toppage_area3_yajirusi_text_column {
	margin-right : -1.5rem;
}
.toppage_area4_column {
	background-color : #f5fffb;
	background-image: url(https://lilu-koubou.com/sample.b/wp-content/uploads/2026/02/toppage_area4_back.png);
	min-height : 70vh;
}
.toppage_area4_text_column {
	width : 70%;
	min-height : 50vh;
	background-color: rgba(56, 37, 22, 0.7);
	color : #FFF;
	border-top : #B0CA71 1px solid;
	border-bottom : #B0CA71 1px solid;
	font-size : 16px;
	margin : 0 auto ;
	padding : 40px 10vw;
}
div.toppage_area4_text_column > div {
	display: flex;
	align-items: center
}
div.toppage_area4_text_column {
	padding-top : 60px;
}
ul.toppage_area4_news > li {
	padding-bottom : 20px;
}

/*   otherpage   */
div.entry-content.cf {
	margin-top : -17px;
}
.otherpage_area1_parent_column {
	position : relative;
}

div.map_column {
	text-align : center;
}
div.otherpage_area1_text_column {
	position : absolute ;
	top : 30px;
	z-index : 20;
	width : 100%;
	background-color: rgba(56, 37, 22, 0.6);
	padding : 10px 0;
	color : #FFF;
	border-top : #B0CA71 1px solid;
	border-bottom : #B0CA71 1px solid;
	font-family: "Yomogi", cursive;
	font-weight: 400;
	font-style: normal;
	font-size : 20px;
}
p.price {
	color : #4F4334;
	font-weight: 400;
	font-style: italic;
	font-size : 30px;
	margin-bottom : 15px;
}
.price_migasi {
	padding : 0 30px 0 30px;
	color : 4F4334;
	font-family: "Yomogi", cursive;
	font-weight: 400;
	font-style: normal;
	font-size : 15px;
	border-bottom : solid 1px rgba(56, 37, 22, 0.7);
}
p.price_migasi {
	margin-bottom : 6px;
}
.menu_block_column {
	width : 70%;
	border : 2px solid #B0CA71;
	background-color : rgba(224, 201, 166, 0.5);
	margin : 0 auto;
	padding : 30px;
	height : 250px;
	position : relative;
}
.newpage_center_column {
	width : 50%;
	padding : 20px 25vw;
}

/*   footer   */
#footer.footer ,
footer#footer.footer.footer-container.nwa {
	margin-top : 0px!important;
}

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

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

	.toppage_area3_block_column {
		height : 100vh;
	}
	.menu_block_column {
	height : 70vh;
	}
	.otherpage_text {
		padding : 20px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	
	div.wp-block-column.toppage_area1_text_column {
		top : 15vh;
		padding : 15px 0;
		font-size : 26px;
	}
	div.toppage_area2_column {
		background-image : none;
	}
	.toppage_area2_text {
		padding : 30px;
	}
	.toppage_area3_text {
		padding : 30px;
		width : 100%;
	}
	.toppage_area3_block_column {
		width : 90%;
	}
	.newpage_center_column {
	width : 90%;
	padding : 20px;
	}
}