@charset "UTF-8";

.page-id-50 #page-main {
/*	background: url("/wp/wp-content/themes/woodcraft/img/bg-grass.png");*/
/*	background-size: auto;*/
}

#n2-ss-4-align {
	box-shadow: 0 2px 10px #AAA;
}

h1 {
	font-family: "GenJyuuGothic", "Roboto", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo" , "メイリオ", "sans-serif";
}

.page .outer-box {
	position: relative;
	margin: 20px 0 30px;
	padding: 50px;
	z-index: 10;
	background: url("/wp/wp-content/themes/woodcraft/img/bg-logwall.png");
	background-size: 100% 100%;
}

.page .box {
	box-shadow: 0 0 10px #AAA;
	border: none;
	border-radius: 5px;
	font-family: "GenJyuuGothic", "Roboto", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo" , "メイリオ", "sans-serif";
	font-size: 17px;
}

.box h2 {
	margin: 0 0 20px;
	color: #FF5722;
	font-size: 32px;
	font-weight: bold;
}

/* サブメニュー */
#sub-menu {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	list-style: none;
}

#sub-menu li {
	width: 330px;
	margin: 0 10px 10px 0;
}

#sub-menu li a {
	display: block;
	padding: 10px;
	background-color: #57AF55;
	box-shadow: 0 0 5px #888888;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

#sub-menu li a:hover {
	opacity: 0.8;
	text-decoration: none;
}

/* こどもログハウスとは */
#overview {
	position: relative;
	padding-top: 70px;
}

#overview::before {
	position: absolute;
	top: -1px;
	right: 50px;
	width: 140px;
	height: 100px;
	content: "";
	background: url("/wp/wp-content/themes/woodcraft/img/img-kamome.svg");
	background-size: contain;
	background-repeat: no-repeat;
	
}

#overview .box {
	padding: 40px 20px;
	background: #1A4D4D;
	color: #F2F2F2;
}

#overview h2 {
	margin-bottom: 30px;
	color: #FFF;
	font-size: 38px;
}

#overview h2 .underline {
	border-bottom: dotted 5px #FF7BAC;
}

#overview p {
	text-align: center;
	font-size: 29px;
	font-weight: bold;
	line-height: 1.9em;
}

#overview p .style-1 {
	color: #FFCCBC;
}

#overview p .style-2 {
	color: #C8E6C9;
}

#overview p .style-3 {
	color: #F8BBD0;
}

#overview p .style-4 {
	color: #FFCDD2;
}

/* アクセス・ご利用時間・ご利用案内 */
#access-use .outer-box {
	background-size: 100% 50%;
}

#access-use h3 {
	color: #8C6239;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

/* アクセス */
#access .access-flex {
	display: flex;
}

#access .access-text {
	margin-right: 20px;
}

#access .parking {
	color: #FF0000;
}

#access ul {
	padding-left: 1.5em;
}

/* ご利用時間 */
#time .time-box {
	padding: 10px;
	background-color: #FFF6EB;
	border-radius: 5px;
}

#time table {
	border: none;
}

#time table tbody th {
	background: none;
	border: none;
	text-align: left;
	vertical-align: top;
}

#time table tbody td {
	border: none;
	color: #754C24;
	text-align: left;
	vertical-align: top;
}

#time .red {
	color: #FF0000;
}

/* ご利用案内 */
#use table {
	width: 100%;
}

#use table tbody th {
	background: #5ABA5A;
	color: #FFFFFF;
	vertical-align: text-top;
}

#use table tbody td {
	padding: 5px;
}

#use .red {
	color: #F00;
}

/* お知らせ */
#news-1 .box {
	min-height: 300px;
}

#news-1 .news-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#news-1 .news-list li {
	padding: 8px 0 5px;
	border-bottom: solid 1px #CCCCCC;
}

#news-1 .news-list li .row {
	display: flex;
	font-size: 18px;
}

#news-1 .news-list li .post-date {
	width: 9em;
}

#news-1 .news-list li .post-title {

}

#news-1 .loghouse-news-button-area {
	text-align: center;
}

#news-1 .loghouse-news-button {
	display: inline-block;
	margin: 20px 0;
	padding: 10px 30px;
	background-color: #43A047;
	border-radius: 5px;
	color: #FFFFFF;
}

#news-1 .loghouse-news-button:hover {
	text-decoration: none;
	box-shadow: 0 1px 10px #888888;
	opacity: 0.9;
}

#news-1 .loghouse-news-button:active {
	box-shadow: none;
}

/* なかよしカモメだより */
#news-2 .box {
	min-height: 400px;
}

#news-2 .news-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#news-2 .news-list li {
	padding: 8px 0 5px;
	border-bottom: solid 1px #CCCCCC;
}

#news-2 .news-list li .row {
	display: flex;
	font-size: 18px;
}

#news-2 .news-list li .post-date {
	width: 9em;
}

#news-2 .news-list li .post-title {

}

#news-2 .loghouse-news-button-area {
	text-align: center;
}

#news-2 .loghouse-news-button {
	display: inline-block;
	margin: 20px 0;
	padding: 10px 30px;
	background-color: #43A047;
	border-radius: 5px;
	color: #FFFFFF;
}

#news-2 .loghouse-news-button:hover {
	text-decoration: none;
	box-shadow: 0 1px 10px #888888;
	opacity: 0.9;
}

#news-2 .loghouse-news-button:active {
	box-shadow: none;
}

/* おやくそく */
#promise p {
	color: #43A047;
	font-size: 22px;
	text-align: center;
}

#promise p .underline {
	border-bottom: dotted 3px #43A047;
}

#promise ul {
	max-width: 32em;
	margin: 20px auto 10px;
	color: #3F51B5;
	font-size: 20px;
	line-height: 1.8em;
}

/* 施設紹介 */
#introduce .outer-box {
	background-size: 100% 33.4%;
}

#introduce p {
	font-size: 17px;
	line-height: 1.8em;
	text-align: center;
}

#introduce h3 {
	color: #E91E63;
	font-size: 26px;
	text-align: center;
}

#introduce h3 .underline {
	border-bottom: dotted 4px #E91E63;
}

#introduce .img-area {
	display: flex;
	flex-wrap: wrap;
}

#introduce .img-box {
	margin: 0 10px 10px 0;
}

#introduce .img-box .img-title {
	margin-bottom: 5px;
	color: #1B5E20;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}

#introduce .img-box img {
	width: 260px;
	height: auto;
}

/* 季節のイベント */
#event .img-area {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
}

#event .img-box {
	margin: 0 10px 10px 0;
}

#event .img-box .img-title {
	margin-bottom: 5px;
	color: #1B5E20;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}

#event .img-box img {
	width: 260px;
	height: auto;
}

/* タブレット版 */
@media screen and (min-width:768px) and (max-width:1049px) {
	.page .box {
		padding: 10px;
		font-size: 15px;
	}
	
	.page .outer-box {
		padding: 40px 30px;
	}
	
	#overview p {
		font-size: 23px;
	}
	
	#introduce p {
		font-size: 15px;
	}
	
	#news .news-list li .row {
		font-size: 15px;
	}
	
	#introduce .img-box,
	#event .img-box {
		margin: 0 5px 5px 0;
	}
	
	#introduce .img-box img,
	#event .img-box img {
		width: 212px;
	}
}

/* スマホ版 */
@media screen and (max-width:767px) {
	.page .outer-box {
		padding: 20px 15px;
	}

	.page .box {
		padding: 15px 8px;
	}

	.box h2 {
		font-size: 20px;
	}

	/* こどもログハウスとは */
	#overview .outer-box {
		background-size: 100% 50%;
	}

	#overview .box {
		padding: 20px 8px;
	}

	#overview h2 {
		margin-bottom: 20px;
		font-size: 1.1em;
	}

	#overview p {
		font-size: 1em;
		text-align: left;
	}

	/* アクセス・ご利用時間・ご利用案内 */
	#access-use .outer-box {
		background-size: 100% 10%;
	}

	#access-use h3 {
		font-size: 19px;
	}

	/* アクセス */
	#access .box {
		font-size: 0.95em;
	}

	#access .access-flex {
		flex-direction: column-reverse;
	}

	#access .access-text {
		margin: 0;
	}

	/* ご利用時間 */
	#time table tbody th {
		width: 5em;
	}

	/* ご利用案内 */
	#use .outer-box {
		background-size: 100% 20%;
	}

	#use table tbody th {
		display: block;
		width: 100%;
		box-sizing: border-box;
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}

	#use table tbody td {
		display: block;
		width: 100%;
		box-sizing: border-box;
		font-size: 0.95em;
	}

	/* 最新情報 */
	#news .news-list li .row {
		font-size: 0.95em;
		flex-direction: column;
	}

	#news .outer-box {
		background-size: 100% 50%;
	}

	/* おやくそく */
	#promise .outer-box {
		background-size: 100% 25%;
	}

	#promise p {
		font-size: 1em;
	}

	#promise ul {
		padding-left: 1.5em;
		font-size: 0.95em;
	}

	/* 施設紹介 */
	#introduce .outer-box {
		background-size: 100% 5%;
	}

	#introduce p {
		font-size: 0.95em;
		text-align: left;
	}

	#introduce h3 {
		font-size: 1em;
	}

	#introduce .img-area {
		flex-direction: column;
		align-items: center;
	}

	#introduce .img-box {
		margin: 0 0 5px;
	}

	/* 季節のイベント */
	#event .outer-box {
		background-size: 100% 10%;
	}

	#event p {
		font-size: 0.95em;
	}

	#event .img-area {
		flex-direction: column;
		align-items: center;
	}

	#event .img-box {
		margin: 0 0 5px;
	}

}

/*採用情報リンク（ログハウストップ) add 2023.2.28*/
#recruit-banner {
	display: none;
	/*text-align: center;*/
}

#recruit-banner a {
	display: inline-block;
	letter-spacing: 2px;
	padding: 10px 15px;
	/*background-color: #FF9800;*/
	background-image: url(/wp/wp-content/uploads/2023/02/recruit-banner-bg01.png);
	background-repeat: no-repeat;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

#recruit-banner a:hover {
	text-decoration: none;
	opacity: 0.8;
}

#recruit-banner a.mukou {
	pointer-events: none;
}

/* PC*/
@media print,
screen and (min-width: 768px) {
	#recruit-banner a {
		width: 40%;
	}
}

/* SP */
@media screen and (max-width:767px) {
	#recruit-banner a {
		padding: 15px 15px;
		margin-bottom: 30px;
	}
}

/* ログハウス トップメニュー 修正 SP add 2023.2.28 */
@media screen and (max-width:767px) {
	#sub-menu li {
		width: 100%;
		margin: 0 0 10px 0;
	}
}

/*  ログハウス トップメニュー 修正 Tablet  add 2023.2.28 */
@media only screen and (min-width: 767px) and (max-width:1024px) {
	#sub-menu {
		justify-content: center;
	}
}