@charset "UTF-8";
/* ==================================================================================================================
　自然
==================================================================================================================
/* =========================================================
　メインビジュアル
========================================================= */
/*.page_title{
	background-image:url(images/cat_mainvisual_bg.gif);
}*/

/* =========================================================
　ナビゲーション
========================================================= */
@media screen and (min-width:736px){
	/*自然*/
	/*.header_nav_box .item_nature a{background-image: url(../common/images/header_nav_nature_o.gif);}*/
}

/* =========================================================
　共通（色変更必要）
========================================================= */
/* 文字色設定（パンくずリスト、汎用文字色クラス、各タイトルなど）
-------------------------------------------------- */
.pankuzu_wrap *,.catcolor,.cat_maincopy:first-letter,.cat_title:first-letter,
.cms_title,.cms_title span:first-letter,.side_nav_title,.article_wrap a:hover{
	color: #8dc73f;
}
/*文字色リセット*/
.cms_title span.cate:first-letter,.cat_btn_box a:hover{
	color: #fff;
}
/*背景色*/
.cms_title span.cate,.cat_btn_box a:hover,.side_nav li a:hover{
	background-color: #8dc73f;
}
/* 文字色設定（パンくずリスト、汎用文字色クラス、各タイトルなど）（スマホ）
-------------------------------------------------- */
@media screen and (max-width:736px){
	.cms_title span.cate:first-letter,.cms_main .dl dt{
		color: #8dc73f;
	}
}


/* =========================================================
　一覧ページ
========================================================= */
/*.cat_mainvisual（一覧ページの導入）
-------------------------------------------------- */
/*導入*/
.cat_mainvisual{
	min-height: 400px;/*調整必要な場合は　初期値400px*/
}
@media screen and (max-width:736px){
	/*.cat_mainvisual（一覧ページの導入）
	-------------------------------------------------- */
	/*導入*/
	.main_wrap{
		background-image: url(../common/images/w_bg.png),url(images/cat_mainvisual.png);
	}
	.cat_mainvisual{
		min-height: auto;
		padding-bottom: 30px;
	}
}
/*cms_index（一覧ページ）
-------------------------------------------------- */
/*施設名*/
.thumb_title,.map_box_title{
	background-image: url(images/arrow_cat.png);
}


/* =========================================================
　記事ページ
========================================================= */
.article_wrap{
	background: none;
}
/*-- ボタン--------------------------*/
.cat_btn_box a::before{
	background-image: url(images/arrow_cat.png);
}


/* =========================================================
　サイドナビ
========================================================= */
/*サイドナビ
-------------------------------------------------- */
.side_nav li a{
	background-image: url(images/arrow_cat.png);
}




/* =========================================================
　リニューアル　追加分
========================================================= */
.page_title{
	width: 100%;
	background: none;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(230, 218, 221, 1) 10%, rgba(217, 195, 201, 1)), linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(228, 235, 223, 1));
}
.page_title img {
	width: 100%;
}
.page_title img.mv_sp,.page_title .mv_p_sp {
	display: none;
}
.pt_wrap {
	padding-top: 1em;
	height: auto;
	min-height: auto;
}
.main_wrap {
	background: none;
}
@media screen and (max-width:600px){
.page_title img.mv_pc {
	display: none;
}
.page_title img.mv_sp,.page_title .mv_p_sp {
	display: block;
}
.page_title .mv_p_sp {
	background: #fff;
	margin: 0;
	padding: 1em 20px;
	line-height: 1.8em;
	letter-spacing: .1em;
	font-size: 1.2em;
}
}

/*記事ページ*/
.page_title.ver_article {
	background: #EDE2E5;
}
.page_title.ver_article .pt_wrap {
	height: 200px;
	padding-top: 0;
}
.pt_text img {
    height: 180px;
    width: auto;
}
@media screen and (max-width:736px){
.page_title.ver_article {
	background: none;
}
.page_title.ver_article .pt_wrap {
	height: 100px;
    min-height: 100px;
}
.pt_text img {
    height: 100px;
}
}