@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 640px) {

#contents { width: inherit; }
h3 { padding: 0 0 40px 0; }

/*============================
#topLinkArea
============================*/
#topLinkArea {}
#topLinkArea ul { padding-bottom: 30px; }
#topLinkArea ul li { float: left; width: 48%; margin-right: 4%; margin-top: 15px; }
#topLinkArea ul li:nth-child(2n) { margin-right: 0; }
#topLinkArea ul li a {}
#topLinkArea ul li a .image { height: inherit; }
#topLinkArea ul li a .image img {}
#topLinkArea ul li a .title { padding: 30px 0; font-size: 1.255em; }
#topLinkArea ul li a .title span {}
#topLinkArea ul li a .title br.sp { display: inline; }
#topLinkArea ul li a .sub { font-size: 0.875em; bottom: 20px; padding-left: 10px; }
#topLinkArea ul li:nth-child(1) a .title { padding: 25px 0 15px; height: 90px; }
#topLinkArea ul li:nth-child(2) a .title { padding: 25px 0 15px; height: 90px; }
#topLinkArea ul li:nth-child(3) a .title {}
#topLinkArea ul li:nth-child(4) a .title {}
#topLinkArea .arrow {}
	
/*============================
#newsArea
============================*/	
#newsArea { margin-top: 30px; padding: 30px 0 40px; }
#newsArea .title .newsTitle { font-size: 1.75em; }
#newsArea .title .newsTitle::after {}
#newsArea .title .newsEn { margin-top: 5px; font-size: 0.875em; }
#newsArea ul {}
#newsArea ul li { float: inherit; position: inherit; width: inherit; margin-top: 20px; margin-right: 0; }
#newsArea ul li:nth-child(3n) { margin-right: 0px; }
#newsArea ul li a { position: relative; border-radius: 5px; background: #fff; }
#newsArea ul li a:hover {}
#newsArea ul li a .newsPhoto { float: left; width: 46%; height: inherit; }
#newsArea ul li a .newsPhoto img { width: 100%; height: 100px; vertical-align: top; object-fit: cover; }
#newsArea ul li a .tag { position: absolute; top: 0; left: 0; font-size: 10px; padding: 3px 6px; }
#newsArea ul li a .text { float: right; width: 54%; padding: 10px 12px; height: inherit; border: none; }
#newsArea ul li a .text .date { font-size: 10px; }
#newsArea ul li a .text .thumbTitle { font-size: 12px; line-height: 1.25; }
#newsArea ul li a .text .thumbTitle.color01 {}
#newsArea ul li a .text .thumbTitle.color02 {}
#newsArea ul li a .text .thumbTitle.color03 {}
#newsArea ul li a .text .thumbTitle.color04 {}
#newsArea ul li a .text .thumbTitle.color05 {}
#newsArea ul li a .text .thumbTitle.color06 {}
#newsArea ul li a .text .thumbTitle.color07 {}
#newsArea ul li a .text .thumbTitle.color08 {}
#newsArea ul li a .text .thumbTitle.color09 {}
#newsArea ul li a .text .thumbTitle.color10 {}
#newsArea ul li a .text .thumbTitle.color11 {}
#newsArea ul li a .text .thumbTitle.color12 {}
#newsArea ul li a .text .thumbTitle.color13 {}
#newsArea ul li a .text .thumbTitle.color14 {}
#newsArea ul li a .text .thumbTitle.color15 {}
#newsArea ul li a .text .thumbTitle.color16 {}
#newsArea ul li a .text .thumbTitle.color17 {}
#newsArea ul li a .text .thumbTitle.color18 {}
#newsArea ul li a .text .thumbTitle.color19 {}
#newsArea ul li a .text .thumbTitle.color20 {}
#newsArea ul li a .text .detail { font-size: 12px; line-height: 1.25; display: none; }
#newsArea .moreReadButton { margin-top: 30px; }
#newsArea .moreReadButton a { display: block; padding: 12px 0; font-size: 1.125em; }
#newsArea .moreReadButton a::after {}
#newsArea .moreReadButton a:hover {}
	
.listBtn {
	float:right;
}

#index {
	float: left;
	width: 715px;
	padding:20px 0 0 0;
	min-height: 720px;
}

#index dl {
	padding:0 0 15px 0;
	border-bottom:1px dotted #E3A962;
	margin:0 0 70px 0;
	width:334px;
}
#index dd {
	padding:15px 15px 0 15px;
}
#index dd span.ttl a {
	font-size:15px;
	font-weight:bold;
	color:#196600;
}
#index dd span.date {
	font-weight:bold;
}

#index dl.left {
	float:left;
}
#index dl.right {
	float:right;
}

#salon { float: right; width: 220px; margin-top: 20px; }
#voice { float: right; width: 220px; margin-top: 20px; }
#tayori { float: right; width: 220px; margin-top: 20px; }
#morinohanashi { float: right; width: 220px; margin-top: 0; }

#forest { }

#bannerArea { padding-top: 25px; }
#bannerArea ul {}
#bannerArea ul li { float: left; width: 48%; margin-right: 4%; margin-top: 15px; }
#bannerArea ul li:nth-child(3n) { margin-right: 4%; }
#bannerArea ul li:nth-child(2n) { margin-right: 0; }
#bannerArea ul li a img { width: 100%; height: auto; }

#snsArea { margin-top: 40px; }
#snsArea li { float: inherit; width: inherit; margin-left: 0; margin-top: 30px; }
#snsArea li:first-child { margin-left: inherit; }

#image-block { margin-top: 10px; }
#image-block .bx-viewport { overflow: visible!important; width: 1900px!important; }
#image-block #slider { list-style: none; margin: 0; padding: 0; }
#image-block #slider li { position: relative; width: 600px; margin: 0; padding: 0; }
#image-block #slider li .name img { position: absolute; bottom: -15px; right: 0;}

}