@charset "UTF-8";
/*
Theme Name: Emanon Pro child
Theme URI: https://wp-emanon.jp
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Pro の子テーマです。
Template: emanon-pro
Version: 1.2.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options

Emanon Pro 子テーマ用のスタイルを以下に記述 
カスタマイズ機能のCSS圧縮をオンにしている場合、オフに切り替えてからスタイルを追加し、その後、再度CSS圧縮を
オンにしてください。
*/

/* 768px以下 -----*/
@media screen and ( min-width: 768px ) {
/* 768px以上 -----*/
}
@media screen and ( min-width: 992px ) {
/* 992px以上 -----*/
}
@media screen and ( min-width: 1200px ) {
/* 1200px以上 -----*/
}


/* PC SP 表示切り替え */
.for-pc { display:block; }
.for-sp { display:none; }

@media only screen and (max-width : 767px){
  .for-pc { display:none; }
  .for-sp { display:block; }
}


/* g nav */
#menu {
	font-weight: bold;
}

/* ----- トップページ for SP ------------------------------ */
.sp-bn {
	margin-bottom: 20px;
}
.sp-bn-box {
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 15px 2%;
}
.sp-bn-item {
	width: 49%;
}
.sp-bn-col3 {
	width: 32%;
}

/* ----- トップページ ------------------------------ */
section.top_contents {
	margin-bottom: 50px;
}
/* 8ブロック */
.top_bn {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px 1%;
}

.top_bn01,
.top_bn02,
.top_bn03,
.top_bn04 {
	width: 49.5%;
	display:flex;
	justify-content: space-between;
	gap: 10px 1%;
}
@media screen and ( max-width: 768px ) {
	.top_bn01,
	.top_bn02,
	.top_bn03,
	.top_bn04 {
		width: 100%;
		display:flex;
		justify-content: center;
	}
}
.top_bn01 img { width: 100%; }

/* 新着情報 */
.news {
	overflow-y: scroll;
	height: 200px;
}
.news_tbl td {
	vertical-align: top;
	border: none;
	padding: 8px;
	line-height: 1.0;
	font-size: 115%;
}
.news_tbl td:nth-child(2) {
line-height: 1.2;
font-weight: bold;
}
.news_tbl td a {
color : #5276ad;
}
.news_tbl td a:after {
content: '\f061';
font-family: fontAwesome;
margin-left: 0.2em;
font-size: 120%;
color: #c37a90;
font-weight: normal;
}
.news_tbl td:nth-child(1) {
	width: 8%;
	text-align: right;
}


/* エリアナビ */
.area_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.area_nav li a:hover {
	opacity: 0.7;
}
.area_nav li {
	margin: 0 0 20px;
	padding: 0;
	width: 32%;
}
.area_nav li img {
	width: 100%;
}
@media screen and ( min-width: 992px ) {
	.area_nav li {
		width: 15%;
	}
}
/* エリアナビ（エリアページ） */
.area_nav2 {
	margin: 0;
	padding: 0 !important;
	list-style: none;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.area_nav2 li a:hover {
	opacity: 0.7;
}
.area_nav2 li {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	width: 32%;
}
.area_nav2 li img {
	width: 100%;
}
@media screen and ( min-width: 992px ) {
	.area_nav2 li {
		width: 15%;
	}
}

/* 条件別 */
.condition_tag li {
	display: inline;
}
.condition_tag a {
	background-color: #ddd;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	margin: 5px;
}
.condition_tag a:hover {
	border-radius: 25px;
}
/* 条件別ページ */
ul.condition_page {
	display: flex;
	flex-wrap: wrap;
	padding: 0 !important;
}
.condition_page li {
	width: calc(33.3% - 10px);
	margin: 0 5px 20px;
	list-style: none;
}
.condition_page li p {
	line-height: 1.2 !important;
	background-color: #839951;;
	border-radius: 5px;
	text-align: center;
	margin: 0 0 5px;
	padding: 10px 0;
}
.condition_page li p span {
	display: inline-block;
}
.condition_page li a {
	text-decoration: none !important;
	color: #fff;
}
.condition_page li a:hover {
	opacity: 0.7;
}
@media (max-width: 768px) {
  main div.animal {
    width: calc(50% - 10px);
    margin: 5px;
  }
}

/* 募集中の山小屋 */ 
ul.yama_new li {
	display: inline-block;
	width: 14.3%;
	margin-left: 2.8%;
}
ul.yama_new li {
	display: inline-block;
	width: 14.3%;
	margin: 20px 1.4%;
}
ul.yama_new li img {
	width: 100%;
	height: auto;
}
.yama_new_title {
	font-size: 85%;
	margin: 2px 0;
	line-height: 1.0;
	
}
.yama_new_cate {
	display:inline-block;
	font-size: 80%;
	background-color: #ddd;
	color: #fff;
	padding: 3px;
	border-radius: 3px;
	line-height: 1.0;
	margin-right: 5px;
}
/* 一覧 */
.explanatory {
	text-align: right;
	font-size: 90%;
}
/* 虎の巻 */
ul.tora {
	margin: 0;
	padding: 0 !important;
}
ul.tora li {
	list-style: none;
	background-color: #839951;;
	width: 100%;
	margin: 0.2em 0;
	padding: 0.2em 0.5em;
}
ul.tora li a {
	color: #fff;
	text-decoration: none !important;
	display: block;
}
ul.tora li a:hover {
	opacity: 0.7;
}
@media screen and ( min-width: 768px ) {
	ul.tora li {
		display: inline-block;
		list-style: none;
		background-color: #839951;;
		width: 48%;
		margin: 0.2em 1%;
		padding: 0.5em;
		font-size: 1.3rem;
		line-height: 1.2 !important;
	}
}

/* マップ new */
.map_wrap {
	display: flex;
	justify-content: space-between;
}	
.map_a {
	width: 25%;
}
.map_area_bn {
	width: 100%;
}
.map_b {
	width: 73%;
}
#maps {
	height: 800px;
}

@media screen and ( max-width: 992px ) {
	.map_wrap {
		flex-direction: column;
	}
	.map_a {
		width: 100%;
	}
	.map_b {
		width: 100%;
		margin-bottom: 20px;
	}
	#maps {
		height: 500px;
	}	
}

.map_area_bn {
	margin-bottom: 15px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}
.map_area_bn p {
	font-feature-settings: "palt";
}
.map_area_bn a {
	padding: 0.5em;
	color: #fff;
	display: block;
	border-radius: 10px;
}
.map_area_bn a:hover {
	color: #fff;
	opacity: 0.8;
}
.sub_area {
	font-size: 80%;
}

#maps {
	font-size: 75%;
}


/* エリアマップ */
@media screen and ( max-width: 767px ) {
	/* 768px以下 -----*/
	.map_1120,
	.map_960,
	.map_752 {
		display: none;
	}
	.map_sp ul {
		display: flex;
		flex-wrap: wrap;
		gap: 20px 2%;
	}
	.map_sp ul li {
		width: 23.5%;
	}
}
@media screen and ( min-width: 768px ) and ( max-width: 992px ) {
	/* 768px以上 -----*/
	.map_1120,
	.map_960,
	.map_sp {
		display: none;
	}
}
@media screen and ( min-width: 992px ) and ( max-width: 1200px ) {
	/* 992px以上 -----*/
	.map_1120,
	.map_752,
	.map_sp {
		display: none;
	}
}
@media screen and ( min-width: 1200px ) {
	/* 1200px以上 -----*/
	.map_960,
	.map_752,
	.map_sp {
		display: none;
	}
}

/* 山小屋リスト */
.yama_wrap .yama_area {
	margin: 0.5em 0 ;
	padding: 0.4em 0 0.3em;
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
	line-height: 1.2;
	font-feature-settings: "palt";
	border-radius: 5px;
}
.yama_wrap .color01 { background: #839951; }
.yama_wrap .color02 { background: #c37a90; }
.yama_wrap .color03 { background: #f37b50; }
.yama_wrap .color04 { background: #8ab9cc; }
.yama_wrap .color05 { background: #8b65a6; }
.yama_wrap .color06 { background: #9b7a4b; }
.yama_wrap .color07 { background: #5276ad; }
.yama_wrap .color08 { background: #a55a52; }
.yama_wrap .color09 { background: #00a89c; }

.color01 { background: #839951; }
.color02 { background: #c37a90; }
.color03 { background: #f37b50; }
.color04 { background: #8ab9cc; }
.color05 { background: #8b65a6; }
.color06 { background: #9b7a4b; }
.color07 { background: #5276ad; }


.yama_wrap {
	margin: 1em 0 1.5em;
	display: flex;
	column-gap: 2%;
	flex-wrap: wrap;
}

/* 768px以下 -----*/
.yama_box { width: 49%; }
@media screen and ( min-width: 768px ) {
	/* 768px以上 -----*/
	}
@media screen and ( min-width: 992px ) {
	/* 992px以上 -----*/
	.yama_box { width: 23.5%; }
}
@media screen and ( min-width: 1200px ) {
	/* 1200px以上 -----*/
}
ul.yama_list {
	margin-bottom: 0.75em;
}
ul.yama_list li {
	font-size: 1.4rem;
	margin-bottom: 0.35em;
}
ul.yama_list li a {
	font-weight: bold;
	color: #5276ad;
}
/* カテゴリータイトル */
.yama_wrap ul.yama_list li.yama_category {
	background-color: #aaa;
	color: #fff;
	font-weight: bold;
	margin: 1em 0;
	padding: 0.2em 0.5em;
	text-align: center;
}

/* ブログ新着情報 */
.news-list-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 2%;
}
.news-list {
	width: 49%;
	display: flex;
	column-gap: 3%;
}
@media screen and ( max-width: 992px ) {
	.news-list {
		width: 100%;
		column-gap: 3%;
	}	
}
	
.news-list-thumbnail {
	width: 25%;
}
.news-list-thumbnail img {
	height: auto;
}
.news-list-txt { 
	width: 72%;
}
.news-list-title { }
.news-list-date {
	font-size: 80%;
}
.news-list-category {
	display: inline-block;
	font-size: 80%;
}
.news-list-category a {
	color: #fff;
	line-height: 1;
	padding: 0.15em 0.3em;
	margin-right: 0.5em;
}
.news-list-category a:hover {
	color: #fff;
	opacity: 0.7;
}
.information a { background: #c37a90; }
.nara-tsushin a { background: #8ab9cc; }
.recruit a { background: #00a89c; }

/* areaページ */
ul.area_bn {
margin: 0;
padding: 0;
font-size:0;
}
.area_bn li {
list-style: none;
display: inline-block;
width: 180px;
margin: 5px 10px;
padding: 0;
}

/* 山小屋詳細ページ */
.photo_main {
	text-align: center;
}
.photo_main img {
	width: 100%;
	margin: 0 auto;
}

img_dummy {
	text-align: center;
}

.photo3 {
	width: 80%;
	margin: 20px auto;
	text-align: center;
}
.photo3 img {
	margin-bottom: 20px;
}

@media screen and ( min-width: 992px ) {
	.photo3 {
		position: relative;
		width: 100%;
		margin: 20px auto;
	}
	.photo3:after {
		display: block;
		clear: both;
		content: "";
	}
}

.tbl_arbeit th,
.tbl_data th {
	width: 20%;
}
.tbl_arbeit th {
	background-color: #ccd5b9;
}


#map {
	width: 100%;
	height: 300px;
	border: 1px solid #ddd;
	margin: 20px auto 0;
}
.g_map {
	margin-top: 10px !important;
	text-align: right;
}
.g_map a {
	background-color: #ddd;
	color: #fff;
	padding: 0.3em 1em;
	border-radius: 10px;
}

/* 汎用 */
.color_red { color: #f00; }