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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*トップロゴ非表示*/
.site-name-text {
	display: none;
}

.header-in {
	display: none;
}
.content {
	margin: 0px;
	padding: 0px;
}
.content-bottom {
	margin: 0;
	padding: 0;
}

/*h1非表示*/
h1.entry-title{
	display:none;
}

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

/* モバイル スライドインメニュー */
.navi-menu-content {
	padding-top: 90px;
}

/*****ホームのトップ*****/
.top-image-area {
	background-image:url(https://morijiri.com/wp-content/uploads/2023/01/24252221_m.jpg);
	background-color: #fffacd;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
	height: 600px;
	position: relative;
}
.top-image-area-mobile {
	display: none;
}
	.top-image-box1 {
		width: 85%;
		height: 450px;
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
	}
	.top-access-flame {
		background-color: rgba(255,255,255,0.9);
		width: 85%;
		height: 80px;
		position: absolute;
		top: 500px;
		left: 50%;
		transform: translateX(-50%);
				-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
	}
		.top-access-flex {
			display: flex;
			justify-content: space-between;
		}
			.top-access-it1 {
				flex-basis: 50%;
				height: 80px;
				padding: 10px 30px 10px 50px;
			}
				.top-access-it1 img {
					object-fit: contain;
					width: 100%;
					height: 100%;
				}
			.top-access-it2 {
				flex-basis: 40%;
				padding: 10px;
			}
				.top-access-box {
					background: -moz-linear-gradient(top, #ffa500, #ff7f50);
					background: -webkit-linear-gradient(top, #ffa500, #ff7f50);
					background: linear-gradient(to bottom, #ffa500, #ff7f50);
					border-radius: 5px;
					width: 100%;
					height: 60px;
					transition: all 1.0s;
				}
					.top-access-box:hover {
						box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
						transform: translate(0, -5px);
					}
					.top-access-box-flex {
						display: flex;
						justify-content: center;
					}
						.top-access-box-it1 {
							height: 60px;
							padding: 5px 15px;
						}
							.top-access-box-it1 img {
								object-fit: contain;
								width: 100%;
								height: 100%;
							}
							

/*****トップ ロゴ＆メニュー*****/
.top-point {
	background-color: rgba(67,47,47,0.5);
	width: 100%;
	height: 80px;
	padding: 10px 60px 10px 20px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
	.top-flex {
		display: flex;
		flex-direction: row;
	}
		.top-rogo-area {
			flex-basis: 60px;
		}
			.top-rogo-box {
				width: 60px;
				height: 60px;
				background-color: #fff;
				border-radius: 50%;
				padding: 5px;
			}
		.top-title-area {
			flex-basis: 400px;
		}
			.top-title-box {
				padding: 10px 110px 10px 10px;
			}
		.top-menu1 {
			flex-basis: calc((100% - 460px) / 4);
		}
			.top-menu1-box {
				border-radius: 5px;
				padding: 5px;
				margin: 20px 3px 0;
				transition: all 1.0s;
			}
				.top-menu1-box:hover {
					background-color: #808080;
					box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
					transform: translate(0, -5px);
				}
					.top-menu1 {
						font-size: 18px;
						font-weight: 500;
						color: #fff;
						line-height: 1;
						text-align: center;
					}
					.top-menu2 {
						font-size: 8px;
						font-weight: 200;
						color: #fff;
						line-height: 1.5;
						text-align: center;
					}

/*****トップページ以外*****/
.top-area2 {
	width: 100%;
	height: 80px;
}
	.top-point2 {
		background-color: #37a34a;
		width: 100%;
		height: 80px;
		padding: 10px 60px 10px 20px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
	}
			.top-menu1-box2 {
				border-radius: 5px;
				padding: 5px;
				margin: 20px 3px 0;
				transition: all 1.0s;
			}
				.top-menu1-box2:hover {
					background-color: #009944;
					box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
					transform: translate(0, -5px);
				}

/* eyecatch画像の非表示 */
.eye-catch {
	display: none;
}
/* 投稿ページのカテゴリーページリンク非表示*/
.entry-footer {
	display: none;
}

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

/*****ホームのトップ*****/
.top-image-area {
	background-image:url(https://morijiri.com/wp-content/uploads/2023/01/24252221_m.jpg);
	background-color: #fffacd;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
	height: 450px;
	position: relative;
}
	.top-image-box1 {
		width: 85%;
		height: 350px;
		position: absolute;
		top: 100px;
		left: 50%;
		transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
	}
	.top-access-flame {
		background-color: rgba(255,255,255,0.9);
		width: 85%;
		height: 80px;
		position: absolute;
		top: 350px;
		left: 50%;
		transform: translateX(-50%);
				-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
	}

}

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

/*****ホームのトップ*****/
.top-image-area {
	background-image:url(https://morijiri.com/wp-content/uploads/2023/01/24252221_m.jpg);
	background-color: #fffacd;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
	height: 400px;
	position: relative;
}
	.top-access-flame {
		background-color: rgba(255,255,255,0.9);
		width: 85%;
		height: 80px;
		position: absolute;
		top: 300px;
		left: 50%;
		transform: translateX(-50%);
				-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
	}

/*****トップ ロゴ＆メニュー*****/
	.top-flex {
		display: flex;
		flex-direction: row;
	}
			.top-menu1 {
				display: none;
			}

}

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

/*****トップイメージ*****/
.top-image-area {
	display: none;
}
.top-image-area-mobile {
	display: block;
	background-image:url(https://morijiri.com/wp-content/uploads/2023/01/24252221_m.jpg);
	background-color: #fffacd;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 550px;
	position: relative;
}
	.top-image-box1 {
		display: none;
	}
	.top-text-box {
		width: 80%;  
		position: absolute;
		top: 110px;
		left: 50%;
		transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
	}
		.top-text1 {
			font-size: 25px;
			font-weight: 700;
			color: #fff;
			line-height:1;
			letter-spacing: 0.2em;
			text-shadow: 1px 2px 3px #808080;
			margin-bottom: 30px;
			text-align: center;
		}
			.top-text-liner {
				background: linear-gradient(transparent 60%, #ffa500 60%);
				padding: 0 10px;
			}
			.top-text-box-flex {
				display: flex;
				justify-content: center;
			}
				.top-text-flame {
					width: 60px;
					height: 60px;
					padding: 10px;
					margin-right: 5px;
					margin-left: 5px;
					margin-bottom: 15px;
					background-color: #ffff00;
					box-shadow: 3px 3px 4px #808080;
				}
					.top-text2 {
						font-size: 40px;
						font-weight: 900;
						line-height:1;
						color: #fff;
						text-shadow: 1px 1px 0 #ff8000, -1px -1px 0 #ff8000,
									-1px 1px 0 #ff8000, 1px -1px 0 #ff8000,
									0px 1px 0 #ff8000,  0-1px 0 #ff8000,
									-1px 0 0 #ff8000, 1px 0 0 #ff8000;
					}
	.top-access-flame {
		background-color: rgba(255,255,255,0.9);
		width: 90%;
		height: 165px;
		position: absolute;
		top: 350px;
		left: 50%;
		transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
	}
		.top-access-flex {
			display: flex;
			flex-direction: column;
		}
			.top-access-it1 {
				flex-basis: 100%;
				padding: 15px 20px 10px;
			}
				.top-estimate-text {
					display: none;
				}
				.top-estimate-text2 {
					display: block;
					font-size: 30px;
					font-weight: 700;
					color: #ff8000;
					line-height: 1.3em;
					letter-spacing: 0.2em;
					text-align: center;
					text-shadow: 1px 1px 0 #ffff00, -1px -1px 0 #ffff00,
								-1px 1px 0 #ffff00, 1px -1px 0 #ffff00,
								0px 1px 0 #ffff00,  0-1px 0 #ffff00,
								-1px 0 0 #ffff00, 1px 0 0 #ffff00;
				}
			.top-access-it2 {
				flex-basis: 100%;
				padding: 0 10px 10px;
			}
				.top-access-box {
					background: -moz-linear-gradient(top, #ffa500, #ff7f50);
					background: -webkit-linear-gradient(top, #ffa500, #ff7f50);
					background: linear-gradient(to bottom, #ffa500, #ff7f50);
					border-radius: 5px;
					width: 100%;
					height: 50px;
				}
					.top-access-box-flex {
						display: flex;
						justify-content: center;
					}
						.top-access-box-it1 {
							padding: 5px 5px;
						}


/*****トップ ロゴ＆メニュー*****/
.top-point {
	background-color: rgba(67,47,47,0.5);
	width: 100vw;
	height: 80px;
	padding: 10px 60px 10px 20px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
	.top-flex {
		display: flex;
		justify-content: center;
	}
		.top-rogo-area {
			flex-basis: 60px;
		}
			.top-rogo-box {
				width: 60px;
				height: 60px;
				background-color: #fff;
				border-radius: 50%;
				padding: 5px;
			}
				.top-title-area {
					flex-basis: 250px;
				}
					.top-title-box {
						padding: 10px;
					}
			.top-menu1 {
				display: none;
			}

}