@charset "utf-8";

/* =================================================================== 以下 基本格子 レイアウト */
@media (max-width: 599px) {
   /* (E)スマートフォン以下専用スタイル */
   	header {
		height: 120px;
		position: absolute;
		z-index: 999;
	}
   .head {

	}

	.main,
	.sub {
		font-size: 10px;
	}

	.head{}

	.main{
		position: fixed;
		bottom: 0;
		z-index: 1000000;
		width: 100%;
	}
	.sub {
		display: none;
	}

	.main ul{
		height: 80px;
		/*background: #EEE;*/
		background: rgba(255,255,255,0.9);
		/*border-radius: 0px 5px 5px 0;*/
		display:-webkit-box;
	    display:-ms-flexbox;
	    display: -webkit-flex;
	    display:flex;
	    -ms-flex-wrap:nowrap;
	    -webkit-flex-wrap:nowrap;
	    flex-wrap:nowrap;

	    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	    -ms-flex-pack:justify;/*--- IE10 ---*/
	    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	    justify-content:space-between;

	    
	}
	.main ul li{
		width: 50%!important;
	}
	
	.main ul li a,
	.main ul li button,
	.sub ul li a
	{
		/*width: 80px;*/
		width: 100%;
		height: 80px;
		/*background: #FFF;*/
		display: block;
		text-align: center;
		padding: 10px;
		box-sizing:border-box;
		margin-bottom: 1px;
		border:none;
	}
	
	.main ul li:first-child a {
		color: #FFF;
		border:1px solid #F4F4F4;
		border-left:none;
	}

	.main ul li button{
		border-radius: 0px 5px 0 0;
	}
	.main ul li:last-child a {
		/*border-radius: 0 0 5px 0;*/
	}

	.main ul li ul li{
		/*display: none;*/
	}

	.sub {
		right: 0px;
		margin-top: -240px;
		z-index: 1001;
	}

	.sub ul{
		width: 100%;

	}
	.sub ul li {
		float: left;
		width:25%;
	}
	.sub ul li a{
		background: #54ad54;
		color: #FFF;
		width: 100%;
		border:1px solid #FFF;
		border-right:none;
		border-bottom:none;
		box-sizing:border-box;
	}

	#header_menu {

	}

}


@media (min-width: 600px) and (max-width: 979px) {
   /* (F)タブレット専用スタイル */
    header {
		height: 80px;
		position: absolute;
		z-index: 999;
	}
	.head {

	}

	.main,
	.sub {
		font-size: 10px;
	}

	.head{}
	.main{
		position: fixed;
		bottom: 0;
	}
	.sub {
		display: none;
	}

	.head{}

	.main {
		margin-top: -120px;
		z-index: 1000;
	}

	.main ul{
		width:60px;

		background: #EEE;
	}

	.main ul li a,
	.main ul li button,
	.sub ul li a
	{
		width: 60px;
		height: 60px;
		background: #FFF;
		display: block;
		text-align: center;
		padding: 10px 0;
		box-sizing:border-box;
		margin-bottom: 1px;
		border:none;
	}
	
	.main ul li:first-child a {
		color: #FFF;
		width: 65px;
		height: 65px;
		border-radius:0 5px 5px 0;
		border:1px solid #F4F4F4;
		border-left:none;
	}

	.main ul li ul li{
		/*display: none;*/
	}

	.sub {
		right: 0px;
		margin-top: -240px;
		z-index: 1001;
	}

	.sub ul{
		width: 100%;

	}
	.sub ul li {
		float: left;
		width:12.5%;
	}
	.sub ul li a{
		background: #54ad54;
		color: #FFF;
		width: 100%;
		border:1px solid #FFF;
		border-right:none;
		border-bottom:none;
		box-sizing:border-box;
	}
}


@media (min-width: 980px) and (max-width: 1280px) {
   /* (G)狭いPC専用(＆横置きタブレット)スタイル */
	header {
		height: 120px;
	/* 以下メニュー固定テスト */
		position:fixed; 
		/*一時的に停止 160108
		position: absolute;*/
		top:0px;
		left:0px;
		transition: .3s;
	}
	.head {

	}

	.main,
	.sub {
		position: fixed;
		top: 160px;
		font-size: 10px;
	}

	.head{}
	.main{}
	.sub {}

	.head{}

	.main {
		/*margin-top: -120px;*/
		z-index: 1000;
		margin-top: -9px;
	}

	.main ul{
		width:75px;
		background: #EEE;
	}

	.main ul li a,
	.main ul li button,
	.sub ul li a
	{
		width: 75px;
		height: 75px;
		background: #FFF;
		display: block;
		text-align: center;
		padding: 10px 5px;
		box-sizing:border-box;
		margin-bottom: 1px;
		border:none;
	}
	.main ul li:first-child a {
		color: #FFF;
		width: 85px;
		height: 85px;
		border-radius:0 5px 5px 0;
		border:1px solid #F4F4F4;
		border-left:none;
	}
	.main ul li ul li{
		/*display: none;*/
	}

	.sub {
		right: 0px;
		/*margin-top: -240px;*/
		z-index: 1001;
		margin-top: 1px;
		padding: 1px 0 0 1px;
		background: #FFF;
	}

	.sub ul{
		width:75px;

	}

	.sub ul li a{
		background: #54ad54;
		color: #FFF;
	}

	.txt_smaller {
		font-size: 7px!important;
		white-space: nowrap;
	}
}

@media (min-width: 1281px) {
	/* (H)広いPC以上専用スタイル */
	header {
		height: 120px;
/* 以下メニュー固定テスト */
		position:fixed; 
		/*一時的に停止 160108*/
		/*position: absolute;*/
		top:0px;
		left:0px;
		transition: .3s;
	}
	.head {

	}

	#header_menu {
		padding:0 80px;
		box-sizing:border-box;
	}

	.main,
	.sub {
		position: fixed;
		/*position: absolute;*/
		font-size: 10px;
		top: 161px;
	}

	.head{}
	.main{
		z-index: 1000;
		margin-top: -10px;
	}
	.sub {
		padding: 1px 0 0 1px;
		background: #FFF;
	}

	.head{}

	.main {
		z-index: 1000;
	}

	.main ul{
		width:80px;
	}

	.main ul li a,
	.main ul li button,
	.sub ul li a
	{
		width: 80px;
		height: 80px;
		background: #FFF;
		display: block;
		text-align: center;
		padding: 10px 0;
		box-sizing:border-box;
		margin-bottom: 1px;
		border:none;
	}
	
	.main ul {
		border:none;
	}
	.main ul li:first-child a {
		color: #FFF;
		width: 85px;
		height: 85px;
		border-radius:0 5px 5px 0;
		border:1px solid #F4F4F4;
		border-left:none;
	}

	.main ul li ul li{
		/*display: none;*/
	}

	.sub {
		right: 0px;
		z-index: 1001;
	}

	.sub ul{
		width:80px;

	}

	.sub ul li a{
		background: #54ad54;
		color: #FFF;
		margin-bottom: 1px;
	}

	.txt_smaller {
		font-size: 8px!important;
	}
}


/* ======================================================================= 共通要素 */

html {
	background: #FFF;
	height: 100%;
}

body {
	margin:0;
	padding:0;
	-webkit-text-size-adjust: none;
	/*position: relative;*/
	position: relative;
	height: 100%;
}

header {
	z-index: 99999;
	width: 100%;
	background: #FFF;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

#wrapper {
	position: relative;
}

aside {
	position: absolute;
	top: 0px;
	right: 0px;
}

@media (max-width: 979px) {
	aside {
		position: relative;
	}
}

a.pdf_btn {

}
a.pdf_btn:after {
	font-family: icomoon;
    /*content: "\e811";*/
    content: "\e91a";

    font-size: 18px;
    padding-left: 5px;
    color: #ff0000;
}

a.pdf_btn:hover {

}
a.pdf_btn:focus {

}
/* ======================================================================= ヘッダーナビゲーションまわり */

nav.head {
	width: 100%;
	/*background: #b1245a;*/
	margin: 0;
	padding: 0;
	display: inline-block;
	height: 40px;
	position: relative;
}

/* ================================= ヘッダーナビゲーションまわり */
nav.head ul {
	float: right;
}
@media (max-width: 599px) {

}
@media (min-width: 600px) and (max-width: 979px) {
	nav.head ul {
		float: left;
	}
}

@media (min-width: 980px) and (max-width: 1280px) {
	nav.head {
		z-index: 99999;
	}
}

@media (min-width: 1281px) {
	nav.head {
		z-index: 99999;
	}
}
/* ================================= ヘッダーナビゲーションまわり */

nav.head ul li {
	float: left;
	/*width: 16.666%;*/
	min-width: 10em;
	padding: 5px 0 0 0;
}

nav.head ul li:last-child {
	/*width:16.67%;*/
}

nav.head ul li a{
	height: 35px;
	box-sizing:border-box;
}

nav.head ul li a{
	text-align: center;
	display: block;
	color:#FFF;
	padding:10px 10px 0px 10px;

	-webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}

nav.head ul li a:hover,
nav.head ul li a.active
{
	background: #FFF;
	color:#54ad54;
	border-radius: 5px 5px 0 0;
}
nav.head ul li a.active {
	color:#000;
}

nav.head ul li.kyokai a span,
nav.head ul li.kyokai a:hover
 {color:#54ad54!important;}
nav.head ul li.hama-zoo a span,
nav.head ul li.hama-zoo a:hover
 {color:#FFCE00!important;}
nav.head ul li.park a span,
nav.head ul li.park a:hover
 {color:#0080E0!important;}
nav.head ul li.seiyoukan a span,
nav.head ul li.seiyoukan a:hover
 {color:#B1245A!important;}
nav.head ul li.kodomo a span,
nav.head ul li.kodomo a:hover
 {color:#519768!important;}
nav.head ul li.kamigou a span,
nav.head ul li.kamigou a:hover
 {color:#ACA700!important;}

.hama-zoo ul li a{
	background: #ffca00!important;
}

/* ============================================== ヘッダメニュー グローバル */

ul#nav_head{
    position:relative;
    font-size: 11px;
    }

@media screen and (max-width: 599px) {
	#nav_head {
		display:none;
	}
}

@media (min-width: 600px) and (max-width: 979px) {
	#nav_head {
		display:none;
	}
}

/*ul.menu li{
    float:left;
    position:relative;
    }
ul.menu li a{
    cursor:pointer;
    display:block;
    padding:20px 15px 20px 15px;
    box-sizing:border-box;
    }*/
/*サブメニュー*/

ul#nav_head ul{
    position:absolute;
    /*background:#202020;*/
    z-index:99999;
    zoom:100%;
    top:40px;
    /*width: 16.66%;
    width: 30%;*/
    width: 210px;
    margin-left: -4.17%;
    }

ul#nav_head ul>li{
    /*color:#fff;*/
    line-height:1.5;
    float:none;
    text-align:center !important;
    width: 100%;
    border-top: 1px solid #FFF;
    }

ul#nav_head ul>li a{
    color:#fff;
    border:none !important;
    display:block;
    padding:10px 20px;
    width: 100%;
    height:auto !important;
    box-sizing:border-box;
    }

ul#nav_head{
    zoom: 100%;
    }

ul#nav_head:after{
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
    }

#nav_head ul.sub_menu_zoo, 
#nav_head ul.sub_menu_park, 
#nav_head ul.sub_menu_seiyoukan,
#nav_head ul.sub_menu_kyokai 
{
	border-bottom:1px solid #EEE;
	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
	border-radius:0 0 6px 6px;
}

#nav_head ul.sub_menu_zoo li,
#nav_head ul.sub_menu_park li,
#nav_head ul.sub_menu_seiyoukan li,
#nav_head ul.sub_menu_kyokai li
{
    position:relative;
    padding-top: 0px!important;
}

#nav_head ul.sub_menu_zoo li ul.sub_menu_zoo,
#nav_head ul.sub_menu_park li ul.sub_menu_park,
#nav_head ul.sub_menu_seiyoukan li ul.sub_menu_seiyoukan,
#nav_head ul.sub_menu_kyokai li ul.sub_menu_kyokai
{
    position:absolute;
    /*background:#202020;*/
    z-index:9999;
    zoom:100%;
    left:200px;
    top:0;
}

#nav_head ul.sub_menu_zoo  ul>li,
#nav_head ul.sub_menu_park  ul>li,
#nav_head ul.sub_menu_seiyoukan  ul>li,
#nav_head ul.sub_menu_kyokai  ul>li
{
    color:#fff;
    line-height:1.5;
    float:none;
    text-align:center !important;
    padding: 0px!important;
}

#nav_head ul.sub_menu_zoo  ul>li a,
#nav_head ul.sub_menu_park  ul>li a,
#nav_head ul.sub_menu_seiyoukan  ul>li a,
#nav_head ul.sub_menu_kyokai  ul>li a
{
    border:none !important;
    display:block;
    padding:10px 40px 10px 40px!important;
    height:auto !important;
}

#nav_head ul.sub_menu_zoo a:hover,
#nav_head ul.sub_menu_park a:hover,
#nav_head ul.sub_menu_seiyoukan a:hover,
#nav_head ul.sub_menu_kyokai a:hover
{
	border-radius: 0px;
}

/* ============================================== ヘッダメニュー SNS */

#nav_sns {
	float: right;
	margin-left: 20px
}
@media (max-width: 599px) {
	#nav_sns {
		float: right;
		margin-left: 20px;
		margin-right: 40px
	}
}
@media (min-width: 600px) and (max-width: 979px) {
	#nav_sns {
		float: right;
		margin-left: 20px;
		margin-right: 80px
	}
}

@media (min-width: 980px) and (max-width: 1280px) {

}

@media (min-width: 1281px) {

}

ul#nav_sns li{
	min-width: 40px!important;
	padding: 0px;
}
#nav_sns li a{
	width: 40px;
	height: 40px;
	color:#FFF;
	box-sizing:border-box;
}
#nav_sns li a:hover{
	text-decoration: none;
	border-radius: 0px;
}
#nav_sns li a span{
	display: block;
	font-size: 18px;
}
#nav_sns li a span.sns_b_txt {
	display: none;
}
a.btn_fb { background: #3B579B;}
a.btn_tw { background: #00ADED;}
a.btn_yt { background: #E0431F;}

a:hover.btn_fb { color: #3B579B!important;}
a:hover.btn_tw { color: #00ADED!important;}
a:hover.btn_yt { color: #E0431F!important;}

/* ============================================== ヘッダメニュー */

.mobile-nav{
    display:none;
    }
#default-menu{
    display:none;
    }
.default{
    display:none;
    }

/* ======================================================================= nav.main 左メインナビゲーション	 */

body nav.main ul{
	border:none;
	border-right:1px solid #DDD;
	/*border-top:1px solid #DDD;*/
	background: #DDD;
	border-left:none;
}
@media (max-width: 599px) {
	body nav.main ul{
		background: rgba(255,255,255,0.9);
	}
}
.zoorasia .main ul {
	border-top:none;
}

body nav.main ul li a {
	text-decoration: none;
	cursor: pointer;
	padding-top: 15px;
}
body nav.main ul li a:hover {
	text-decoration: none;
	border-bottom: none;
}
/* ============================= */
body nav.main ul li span {
	font-size:30px;
	display: block;
	padding-bottom: 10px;
}

@media (min-width: 600px) and (max-width: 979px) {
	body nav.main ul li span {
	font-size:21px;
	padding-bottom: 5px;
	}
	body nav.main ul li span.icon-calendar_2 {
		margin-top: -7px;
	}
}
@media (min-width: 980px) and (max-width: 1280px) {
	body nav.main ul li span {
	font-size:28px;
	padding-bottom: 7px;
	}
}
/* ============================= */

body nav.sub ul li a {
}

body nav.sub ul li a:hover {
	text-decoration: none;
	border-bottom: none;
}

body nav.sub ul li span.icon-food_1 {
	font-size: 40px;
}

body nav.sub ul li span {
	font-size:30px;
	display: block;
	padding-bottom: 10px;
}
body nav.sub ul li span.icon-logo_zoorasia {font-size: 36px;}
body nav.sub ul li span.icon-logo_nogeyama {font-size: 38px;}
body nav.sub ul li span.icon-logo_kanazawa {font-size: 38px;}
body nav.sub ul li span.icon-clock_01 {margin-top: -5px;}
@media (min-width: 980px) and (max-width: 1280px) {
	body nav.sub ul li span {
	font-size:28px;
	padding-bottom: 8px;
	}
}
/**/
.sidr ul li a {
	position: relative;
}
.sidr ul li a, .sidr ul li span {
	font-size:12px!important;
	line-height: 1.5em;
	padding: 10px 10px 10px 1em!important;

}

.sidr ul li ul li a:after {
	font-family: icomoon;
	content: "\e961";
	font-size: 10px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
	transition: linear 0.2s;
}
.sidr ul li ul li a:hover:after {
	right: 5px;
	transition: linear 0.2s;
}
/**/

/* ======================================================================= スライドメニュー */
#slide_menu{
	position: fixed;
	top: 0;
	left: -280px;
	width: 280px;
	height: 100%;
    background: #54ad54;
    z-index:1001;

/*	-webkit-box-shadow: 0 0 10px #2f7f2f inset;
	   -moz-box-shadow: 0 0 10px #2f7f2f inset;
	        box-shadow: 0 0 10px #2f7f2f inset;*/
}
/* 以下装飾など */
#slide_menu ul{
    padding: 0;
    margin: 0;
}
#slide_menu li + li{
    border-top: solid 1px #63ce63;
}
#slide_menu li{
	border-bottom: solid 1px #489648;
	list-style: none;
}
#slide_menu li a{
    display: block;
    padding: 20px 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    color: #FFF;
}

.open {
	/*position: relative;*/
}
/* ======================================================================= スライドメニュー ここまで */

/* ======================================================================= fontresizer（フォントサイズ変更機能） ここから  */

#font_size {
	font-weight: bold;
	float: right;
	margin: -30px 220px 0 0;
	height: 30px;
	width: 145px;
	position: relative;
}
@media (max-width: 599px) {
	#font_size {
		margin: 0;
		position: absolute;
		top:88px;
		right: 10px;
	}
}
@media (min-width: 600px) and (max-width: 979px) {
	#font_size {
		margin: 0;
		position: absolute;
		top:11px;
		right: 210px;
	}
}

@media (min-width: 980px) and (max-width: 1280px) {
	#font_size {
		font-weight: bold;
		float: right;
		margin: -30px 160px 0 0;
		height: 30px;

		width: 145px;
		position: relative;
	}
}

@media (min-width: 1281px) {

}

/* ================================== */

.font_size li {
	padding: 0 0 0 5px;
	float: left;
}

.font_size li a {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	display: block;
	color: #ffffff;
	background: #333333;
}

.font_size li a:hover {
	text-decoration: none;
	color: #333333;
	background: #999999;
}

.font_size li a.textresizer-active {
	text-decoration: none;
	color: #333333;
	background: #999999;
}

/* ================================== */

#font_size span{
	padding: 10px 10px 0 0;
	display: inline-block;
	float: left;
	font-size: 12px;
}

#font_size a {
	position: absolute;
}

.font_size_small {
	font-size: 10px;
	background: #F4F4F4;
	border:1px solid #E9E9E9;
	padding: 5px 5px;
	border-radius: 3px;
	margin: -2px 0px 0 0;

	left:65px;
	bottom:6px;
}

.font_size_medium {
	font-size: 14px;
	background: #F4F4F4;
	border:1px solid #E9E9E9;
	padding: 5px 5px;
	border-radius: 3px;
	margin: -2px 0px 0 0;

	left:90px;
	bottom:6px;
}

.font_size_large {
	font-size: 18px;
	background: #F4F4F4;
	border:1px solid #E9E9E9;
	padding: 5px 5px;
	border-radius: 3px;
	margin: -2px 0px 0 0;

	left: 120px;
	bottom:6px;
}

.textresizer-active {
	background: #54AD54;
	border:1px solid #5FC15F;
	color: #FFF;
}

/* ======================================================================= fontresizer ここまで  */

/* ======================================================================= g_search ここから  */
/* ================================== */
.g_search {
	width: 210px;
	height: 30px;
	margin: -55px 0 0 100px;
}
@media (max-width: 599px) {
	.g_search {
		width: 180px;
		height: 30px;
		margin: 0;
		position: absolute;
		top: 82px;
		left: 5px;
	}
}
@media (min-width: 600px) and (max-width: 979px) {
	.g_search {
		width: 220px;
		height: 30px;
		margin: 0;
		position: absolute;
		top: 45px;
		right: 10px;
	}
}

@media (min-width: 980px) and (max-width: 1280px) {
	.g_search {
		margin: -50px 0 0 20px;
	}
}

@media (min-width: 1281px) {

}

/* ================================== */
.gsc-control-cse.gsc-control-cse-ja{
	padding: 0;
	margin: 0;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-input-box {
	border:none!important;
	background: none!important;
	box-shadow: none!important;
}

.gsc-control-wrapper-cse,
.gsc-control-searchbox-only 
 {
	background: #ECECEC!important;
	border-radius:15px!important;
}


.gsc-adBlock {
	height: 1px!important;
	padding: 0px!important;
	overflow: hidden;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
	border:none!important;
	background: none!important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	padding: 6px 12px!important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right: 0px!important;
	border-radius:15px;
}

input.gsc-input {
	padding-left: 10px!important;
}
input.gsc-input:focus {
	/*background: #FFF!important;*/
	box-shadow: 3px 3px 3px inset rgba(0,0,0,0.3);
}

.gsib_a {
	padding:4px 4px 4px 4px!important;
	font-size: 12px;
}

.result_area {
	padding: 30px;
}
.result_area .gsc-control-wrapper-cse {
	background: #FFF!important;
}

/* ======================================================================= translate （Google翻訳）ここから */

/* ================================== */
#g_translate {
	float: right;
	margin: -32px 80px 0 0;
	height: 30px;
}
@media (max-width: 599px) {
	#g_translate {
		position: absolute;
		top:7px;
		right: 167px;
		height: 30px;
		margin: 0;
	}
}
@media (min-width: 600px) and (max-width: 979px) {
	#g_translate {
		position: absolute;
		top:7px;
		left: 90px;
		height: 30px;
		margin: 0;
	}
}

@media (min-width: 980px) and (max-width: 1280px) {
	#g_translate {
		float: right;
		margin: -32px 20px 0 0;
		height: 30px;
	}
}

@media (min-width: 1281px) {

}
/* ================================== */

.goog-te-gadget-simple {
	border:1px solid #E9E9E9!important;
	border-radius:3px!important;
	padding: 2px 0 3px 0!important;
}

/* ======================================================================= section */

h1 a{
	display: block;
	text-indent: -9999px;
	background: url(../images/logo.svg) no-repeat;
}

.midori.machi h1 a{
	background: url(../images/midori/logo.svg) no-repeat;
}

.midori.zoo h1 a{
	background: url(../images/zoo/logo.svg) no-repeat;
}

.zoorasia h1 a{
	background: url(../images/zoorasia/logo.svg) no-repeat;
}

.nogeyama h1 a{
	background: url(../images/nogeyama/logo.svg) no-repeat;
}

.nogeyama.makigahara h1 a{
	background: url(../images/makigahara/logo.svg) no-repeat;
	background-size: 100% auto;
	margin-top: 4px;
}

.kanazawa h1 a{
	background: url(../images/kanazawa/logo.svg) no-repeat;
}

.seiyoukan h1 a{
	background: url(../images/seiyoukan/logo.svg) no-repeat;
}
.seiyoukan.yamate111 h1 a{
	background: url(../images/seiyoukan/logo_111.svg) no-repeat;
}
.seiyoukan.igirisukan h1 a{
	background: url(../images/seiyoukan/logo_igirisu.svg) no-repeat;
}
.seiyoukan.yamate234 h1 a{
	background: url(../images/seiyoukan/logo_234.svg) no-repeat;
}
.seiyoukan.ehrisman h1 a{
	background: url(../images/seiyoukan/logo_ehrisman.svg) no-repeat;
}
.seiyoukan.berrick h1 a{
	background: url(../images/seiyoukan/logo_berrick.svg) no-repeat;
}
.seiyoukan.gaikoukan h1 a{
	background: url(../images/seiyoukan/logo_gaikoukan.svg) no-repeat;
}
.seiyoukan.bluff h1 a{
	background: url(../images/seiyoukan/logo_bluff.svg) no-repeat;
}

.park h1 a{
	background: url(../images/park/logo.svg) no-repeat;
}

.matano h1 a {
	background: url(../images/park/matano/logo.svg) no-repeat;
}
/* 各公園*/
.uminokoen h1 a {	background: url(../images/park/uminokoen/logo.svg) no-repeat;}
.kanazawa_shizen h1 a {	background: url(../images/park/kanazawa_shizen/logo.svg) no-repeat;}
.kishine h1 a {	background: url(../images/park/kishine/logo.svg) no-repeat;}
.shimizugaoka h1 a {	background: url(../images/park/shimizugaoka/logo.svg) no-repeat;}
.tomioka h1 a {	background: url(../images/park/tomioka/logo.svg) no-repeat;}
.nagahama h1 a {	background: url(../images/park/nagahama/logo.svg) no-repeat;}
/*.nogeyama h1 a {	background: url(../images/park/nogeyama/logo.svg) no-repeat;}*/
.nojima h1 a {	background: url(../images/park/nojima/logo.svg) no-repeat;}
.babakaboku h1 a {	background: url(../images/park/babakaboku/logo.svg) no-repeat;}
.honmoku h1 a {	background: url(../images/park/honmoku/logo.svg) no-repeat;}
.matano h1 a {	background: url(../images/park/matano/logo.svg) no-repeat;}
.matano_villa h1 a {	background: url(../images/park/matano_villa/logo.svg) no-repeat;}
.motomachi h1 a {	background: url(../images/park/motomachi/logo.svg) no-repeat;}
.yamate_italian h1 a {	background: url(../images/park/yamate_italian/logo.svg) no-repeat;}
.yamate h1 a {	background: url(../images/park/yamate/logo.svg) no-repeat;}
.izumi_acacia h1 a {	background: url(../images/park/izumi_acacia/logo.svg) no-repeat;}
.cross_patio h1 a {	background: url(../images/park/cross_patio/logo.svg) no-repeat;}
.kodomo_shizen h1 a {	background: url(../images/park/kodomo_shizen/logo.svg) no-repeat;}
.amusement_park h1 a {	background: url(../images/park/amusement_park/logo.svg) no-repeat;}
.mitsuzawa h1 a {	background: url(../images/park/mitsuzawa/logo.svg) no-repeat;}




/**/

.kodomo-park h1 a {
	background: url(../images/kodomo-park/logo.svg) no-repeat;
}

.kamigou h1 a {
	background: url(../images/kamigou/logo.svg) no-repeat;
}



@media (max-width: 599px) {
	h1 a{
		margin: 5px auto 0 auto;
		padding:0;
		width: 285px;
		height: 30px;
		background-size: 100% auto;
		background-position: center center;
	}

	.midori.machi h1 a
	{
		width: 165px;
		background-position: 0px;

	}
	.midori.zoo h1 a
	{
		width: 250px;
		background-position: 0px;
	}

	.zoorasia h1 a{
		margin: 5px auto 0 auto;
		padding:0;
		width: 112px;
		background-size: 100% auto;
	}

	.nogeyama h1 a{
		margin: 5px auto 0 auto;
		padding:0;
		width: 226px;
		background-size: 100% auto;
	}

	.kanazawa h1 a{
		margin: 5px auto 0 auto;
		padding:0;
		width: 125px;
		background-size: auto 100%;
	}

	.seiyoukan h1 a{
		margin: 5px auto 0 auto;
		padding:0;
		width: 100%;
		background-size: auto 100%;
		background-position: center!important;
	}

	.seiyoukan.igirisukan h1 a{
		margin: 5px auto 0 auto;
		padding:0;
		width: 100%;
		background-size: auto 100%;
	}

	.park h1 a{
		margin: 5px auto 0 auto;
		padding:0;
		width: 300px;
		background-size: auto 100%;
		background-position: center;
	}

	.matano h1 a{
		margin: 5px auto 0 auto;
		padding:0;
		width: 92px;
		background-size: auto 100%;
	}

	.kodomo_shizen h1 a {
		    width: 96%;
	}

	.kodomo-park h1 a{
		margin: 5px auto 0 auto;
		padding:0;
		width: 115px;
		background-size: auto 100%;
	}

	.kamigou h1 a{
		margin: 5px auto 0 auto;
		padding:0;
		width: 200px;
		background-size: auto 100%;
	}

}
@media (min-width: 600px) and (max-width: 979px) {
	h1 a{
		margin: 3px 0 0 20px;
		padding:0;
		width: 285px;
		height: 30px;
		background-size:auto 100%;
	}
}

@media (min-width: 980px) and (max-width: 1280px) {
	h1 a{
		margin: 0 auto;
		padding:0;
		width: 330px;
		height: 75px;
		background-position: 0px 20px;
		background-size: 100% auto;
	}

	.midori.machi h1 a{
		width: 220px;
		background-position: 0px 15px;
	}

	.midori.zoo h1 a{
		width: 390px;
		background-position: 0px 20px;
	}

	.zoorasia h1 a{
		padding:0;
		width: 200px;
		background-position: 0px 10px;
	}

	.nogeyama h1 a{
		padding:0;
		width: 263px;
		background-position: 0px 20px;
	}

	.nogeyama.makigahara h1 a{
		width: 335px;
		background-position: 0px 20px;
		background-size:100% auto;
	}

	.kanazawa h1 a{
		padding:0;
		width: 240px;
		background-position: 0px 10px;
	}
	.seiyoukan h1 a{
		width: 190px;
		background-position: 0px 5px;
	}

	.seiyoukan.yamate111 h1 a, 
	.seiyoukan.igirisukan h1 a, 
	.seiyoukan.yamate234 h1 a, 
	.seiyoukan.ehrisman h1 a, 
	.seiyoukan.berrick h1 a, 
	.seiyoukan.gaikoukan h1 a, 
	.seiyoukan.bluff h1 a{
		margin: 0 auto;
		padding:0;
		width: 305px;
		background-position: 0px 12px;
	}

	.park h1 a{
		width: 300px;
		background-position: 0px center;
		background-size: 100% auto;
	}

	.izumi_acacia h1 a{
		width: 330px;
		background-position: 0px 15px;
	}

	.matano h1 a{
		width: 130px;
		background-position: 0px 15px;
	}

	.uminokoen h1 a{
		width: 205px;
	}

	.kishine h1 a,
	.motomachi h1 a
	{
		width: 150px;
	}

	.shimizugaoka h1 a{
		width: 210px;
	}

	.tomioka h1 a{
		width: 220px;
	}

	.nagahama h1 a{
		width: 150px;
	}

	.nojima h1 a {
		width: 420px;
	}

	.babakaboku h1 a {
		width: 180px;
	}

	.matano_villa h1 a {
		width: 220px;
	}

	.motomachi h1 a {
		width: 150px;
	}
	
	.yamate h1 a {
		width: 140px;
	}

	.yamate h1 a {
		width: 140px;
	}

	.cross_patio h1 a {
		width: 250px;
	}

	.mitsuzawa h1 a {
		width: 160px;
	}

	.kodomo_shizen h1 a{ 
		width:380px;
	}

	.kodomo-park h1 a{
		width: 195px;
		background-position: 0px 15px;
	}

	.kamigou h1 a{
		width: 300px;
		background-position: 0px 15px;
	}
}

@media (min-width: 1281px) {
	h1 a{
		margin: 5px auto 0 auto;
		padding:0;
		width: 330px;
		height: 75px;
		background-position: 0px 15px;
	}

	.midori.machi h1 a{
		width: 230px;
		background-position: 0px 10px;
	}

	.midori.zoo h1 a{
		width: 450px;
		background-position: 0px 10px;
	}

	.zoorasia h1 a{
		width: 210px;
		background-position: 0px 5px;
	}

	.nogeyama h1 a{
		width: 263px;
		background-position: 0px 15px;
	}

	.nogeyama.makigahara h1 a{
		width: 335px;
		background-position: 0px 15px;
		background-size:100% auto;
	}

	.kanazawa h1 a{
		width: 250px;
		background-position: 0px 5px;
	}

	.seiyoukan h1 a{
		width: 200px;
		background-position: 0px 0px;
	}

	.seiyoukan.yamate111 h1 a, 
	.seiyoukan.igirisukan h1 a, 
	.seiyoukan.yamate234 h1 a, 
	.seiyoukan.ehrisman h1 a, 
	.seiyoukan.berrick h1 a, 
	.seiyoukan.gaikoukan h1 a, 
	.seiyoukan.bluff h1 a{
		margin: 0 auto;
		padding:0;
		width: 305px;
		background-position: 0px 12px;
	}



	.park h1 a{
		width: 335px;
		background-position: 0px 5px;
		background-size:100% auto;
	}

	.izumi_acacia h1 a{
		width: 390px;
		background-position: 0 10px;
	}

	.matano h1 a{
		width: 130px;
		background-position: 0 10px;
	}

	.uminokoen h1 a{
		width: 205px;
	}

	.kishine h1 a,
	.nagahama h1 a,
	.motomachi h1 a
	{
		width: 155px;
	}

	.shimizugaoka h1 a{
		width: 215px;
	}

	.tomioka h1 a,
	.matano_villa h1 a
	{
		width: 225px;
	}

	.nojima h1 a{
		width: 445px;
	}

	.babakaboku h1 a{
		width: 180px;
	}

	.yamate h1 a {
		width: 140px;
	}

	.kodomo_shizen h1 a,
	.yamate_italian h1 a,
	.amusement_park h1 a
	 {
		width: 315px;
	}
	.kodomo_shizen h1 a{
		width: 515px;
	}
	.cross_patio h1 a{
		width: 255px;
	}
	
	.mitsuzawa h1 a {
		width: 160px;
	}

	.kodomo-park h1 a{
		width: 195px;
		background-position: 0 10px;
	}

	.kamigou h1 a{
		width: 403px;
		background-position: 0 5px;
	}

}

a.btn_more,
a.btn_more_nega
{
	width:330px;
	height: 30px;
	display: block;
	text-align: center;
	border: 1px solid #000;
	padding: 0.5em;
	border-radius:5px;
	box-sizing:border-box;
	margin: 30px auto;
}

a.btn_more_nega {
	color: #FFF;
	border:1px solid #FFF;
}

@media (max-width: 599px) {
	a.btn_more,
	a.btn_more_nega {
		width:80%;
		height: 30px;
		margin: 30px auto 0 auto;
	}
}

@media (min-width: 600px) and (max-width: 979px) {
	a.btn_more,
	a.btn_more_nega {
		width:330px;
		height: 30px;
		margin: 30px auto;
	}
}

@media (min-width: 980px) and (max-width: 1280px) {
	a.btn_more,
	a.btn_more_nega {
		width:330px;
		height: 30px;
		margin: 30px auto;
	}
}

@media (min-width: 1281px) {
	a.btn_more,
	a.btn_more_nega {
		width:330px;
		height: 30px;
		margin: 30px auto 0 auto;
	}
}

a.btn_more:hover {
	 background: #000;
	 color: #FFF;
}
a.btn_more_nega:hover {
	color: #000;
	background: #FFF;
	border:1px solid #FFF;
}

/* ======================================================================= ショートカットメニュー shortcut  */

.icon-menu_2 {
	display: block;
	font-size:26px;
}
.icon-menu_3 {
	display: block;
	font-size:26px;
}

.icon-food_1 {
	height: 35px;
	margin-top: -5px;
}
.icon-link_1 {
	margin-top: 5px;
}

a#btn_sub_menu:hover,
a#btn_header_menu:hover {
	text-decoration: none;
	color:#DDD;
}

a#btn_sub_menu:active,
a#btn_header_menu:active {
	text-decoration: none;
	color:#FFF;
	background: #144A14;
}

a#btn_header_menu {
	font-size: 8px;
	box-sizing:border-box;
	color: #FFF;
	text-align: center;
}

@media (max-width: 599px) {
	#btn_header_menu {
		display: block;
		position: absolute;
		width:40px;
		height: 40px;
		background: #54ad54;
		left: 0px;
		top: 0px;
		color:#FFF;
		z-index: 20000;
		padding: 5px 10px;
		box-sizing:border-box;
	}
	a#btn_sub_menu span:last-child,
	a#btn_header_menu span:last-child {
		display: none;
	}
}
@media (min-width: 600px) and (max-width: 979px) {
	#btn_header_menu {
		display: block;
		position: absolute;
		width:80px;
		height: 40px;
		background: #54ad54;
		left: 0px;
		top: 0px;
		/*padding: 10px ;*/
		z-index: 2;
	}
}

@media (min-width: 980px) and (max-width: 1280px) {
	#btn_header_menu {
		display: none;
	}
}

@media (min-width: 1281px) {
	#btn_header_menu {
		display: none;
	}
}

a#btn_sub_menu {
	font-size: 8px;
	box-sizing:border-box;
	color: #FFF;
	text-align: center;
}

@media (max-width: 599px) {
	#btn_sub_menu {
		display: block;
		position: absolute;
		background: #54ad54;
		right: 0px;
		top: 0px;
		color:#FFF;
		z-index: 20000;
		padding: 5px 10px;
		width:40px;
		height: 40px;
		box-sizing:border-box;
	}
}
@media (min-width: 600px) and (max-width: 979px) {
	#btn_sub_menu {
		display: block;
		position: absolute;
		width:80px;
		height: 40px;
		background: #54ad54;
		right: 0px;
		top: 0px;
		z-index: 2;
		/*padding: 10px ;*/
	}
}

@media (min-width: 980px) and (max-width: 1280px) {
	#btn_sub_menu {
		display: none;
	}
}

@media (min-width: 1281px) {
	#btn_sub_menu {
		display: none;
	}
}

/* ======================================================================= footer */

.footer_menu {
	margin: -50px auto 30px auto;
	width: 1000px;
	/*margin: -50px 15% 30px 15%;*/
	padding-top: 50px;
}

.footer_menu li{
	display: inline-block;
	/*width: 20%;*/
}
.footer_menu li a{
	float: ;
	padding: 0 1.5em;
	border-right:1px solid #FFF;
	color:#FFF;
	display: block;
}


.footer_menu li:last-child a {
	border-right: none;
}

@media (max-width: 599px) {
	footer {
		padding: 20px 20px 100px 20px!important;
	}
	.footer_menu {
		margin: -50px auto 30px auto;
		width: 100%;
		/*margin: -50px 15% 30px 15%;*/
		padding-top: 50px;
	}
	.footer_menu li {
		margin:0 0 0.5em 0;
		width: 50%;
		float: left;
	}
	.footer_menu li a{
		float: none;
		padding: 0!important;
		color:#FFF;
		border:none;
	}
	.footer_menu li a:before {
		font-family: icomoon;
	    /*content: "\e811";*/
	    content: "\e939";

	    font-size: 10px;
	    padding:0 10px 0 0;
	    color: #fff;
	}

}

@media (min-width: 600px) and (max-width: 979px) {
	.footer_menu {
		margin: -50px auto 30px auto;
		width: 100%;
		/*margin: -50px 15% 30px 15%;*/
		padding: 50px 60px 0 60px;
		box-sizing:border-box;
	}
	.footer_menu li a{
		float: left;
		padding: 0 1.5em;
		border-right:1px solid #FFF;
		color:#FFF;
		margin-bottom: 10px;
	}
}

@media (min-width: 980px) and (max-width: 1280px) {
	.footer_menu {
		margin: -50px auto 30px auto;
		/*margin: -50px 15% 30px 15%;*/
		padding-top: 50px;
		display: flex;
		-webkit-justify-content: center; /* Safari */
		justify-content:         center;
	}
}

@media (min-width: 1281px) {
	.footer_menu {
		margin: -50px auto 30px auto;
		/*margin: -50px 15% 30px 15%;*/
		padding-top: 50px;
		display: flex;
		-webkit-justify-content: center; /* Safari */
		justify-content:         center;
	}
}

.org_name {
	text-align: right;
	font-size: 18px;
	font-weight: bolder;
	padding-right: 100px;
	margin-top: 10px;
}

.footer_adress {
	text-align: right;
	font-size: 14px;
	font-weight: bolder;
	padding-right: 100px;
	margin: 10px 0 0 0;
}

.copyright {
	text-align: right;
	font-size: 10px;
	margin-top: 1em;
	letter-spacing: 0.2em;
	padding-right: 100px;
	white-space: nowrap;
}

@media (max-width: 599px) {
	.org_name {
		text-align: right;
		font-size: 14px;
		font-weight: bolder;
		padding-right: 0px;
	}

	.footer_adress {
		text-align: right;
		font-size: 14px;
		font-weight: bolder;
		padding-right: 10px;
		margin: 10px 0 0 0;
	}

	.copyright {
		text-align: right;
		font-size: 10px;
		margin-top: 1em;
		letter-spacing: 0.2em;
		padding-right: 10px;
	}
}

@media (min-width: 600px) and (max-width: 979px) {
	.footer_menu {
		margin: -50px auto 30px auto;
		width: 100%;
		/*margin: -50px 15% 30px 15%;*/
		padding: 50px 60px 0 60px;
		box-sizing:border-box;
	}
	.footer_menu li a{
		float: left;
		padding: 0 1.5em;
		border-right:1px solid #FFF;
		color:#FFF;
		margin-bottom: 10px;
	}
	.org_name, .footer_adress {
		padding-right: 50px;
	}
}

@media (min-width: 980px) and (max-width: 1280px) {
	.footer_menu {
		margin: -50px auto 30px auto;
		/*margin: -50px 15% 30px 15%;*/
		padding-top: 50px;
	}
}

@media (min-width: 1281px) {
	.footer_menu {
		margin: -50px auto 30px auto;
		/*margin: -50px 15% 30px 15%;*/
		padding-top: 50px;
	}
}

/* =======================================================================  */
/*.select_list {
	width: 330px;
	margin: 0 auto;
	border: 1px solid #FFF;
	border-radius: 5px;
}
.select_list li{}
.select_list li a{}*/


.select_list{
	*zoom: 1;
	width: 330px;
	margin: 0 auto 40px auto;
	border: 1px solid #FFF;
	border-radius: 5px;
}

.select_list li{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;

	border:none!important;
}
.select_list li a{
	display: block;
	margin: 0;
	/*background: #8a9b0f;*/
	color: #fff;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	padding:0!important;
}
.select_list li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	border-radius: 0 0 5px 5px;
}
.select_list li ul li{
	width: 100%;
	border-top:1px solid #F4F4F4!important;
}
.select_list li ul li a{
	text-align: left;
	width: 100%;
	text-align: center;
	background: #FFF!important;
	color:#90C400!important;
}
.select_list li ul li:last-child a{
	border-radius: 0 0 5px 5px;
}
.select_list li ul li a:hover{
	background: #90C400!important;
	color:#FFF!important;
}

.select_list li:hover > a{

}

.select_list li a:hover{
	background: #616d0b;
	background: #FFF!important;
	color:#90C400!important;
}

/* ================================================================================= プルダウンサブメニュー動き */

.select_list > li{
  perspective: 400px;
}
.select_list li ul{
  visibility: hidden;
  transform: rotateX(-90deg);
  transform-origin: 50% 0;
  transition: .3s;
}
.select_list li:hover ul{
  visibility: visible;
  transform: rotateX(0);
}

/* ================================================================================= プルダウンサブメニュー動き */

/*.select_list{
	*zoom: 1;
	width: 330px;
	margin: 0 auto 40px auto;
	border: 1px solid #FFF;
	border-radius: 5px;
}*/

.select_list li{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;

	border:none!important;
}
.select_list li a{
	display: block;
	margin: 0;
	/*background: #8a9b0f;*/
	color: #fff;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	padding:0!important;
}
.select_list li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	border-radius: 0 0 5px 5px;
}

/*  */
li.hama-zoo ul li,
li.park ul li,
li.seiyoukan ul li,
li.kyokai ul li
{
	width: 100%;
	border-top:1px solid #F4F4F4!important;
}
li.hama-zoo ul li a,
li.park ul li a,
li.seiyoukan ul li a,
li.kyokai ul li a
{
	text-align: left!important;
	width: 100%;
	text-align: center;
	background: rgba(255,255,255,0.9)!important;
	color:#333!important;
}
li.hama-zoo ul li:last-child a,
li.park ul li:last-child a,
li.seiyoukan ul li:last-child a,
li.kyokai ul li:last-child a
{
	border-radius: 0 0 5px 5px;
}
li.hama-zoo ul li a:hover,
li.park ul li a:hover,
li.seiyoukan ul li a:hover,
li.kyokai ul li a:hover
{
	background: #EEE!important;
	color:#FFF!important;
	text-decoration: none!important;
}

li.hama-zoo:hover > a,
li.park:hover > a,
li.seiyoukan:hover > a,
li.kyokai:hover > a
{

}

li.hama-zoo a:hover,
li.park a:hover,
li.seiyoukan a:hover,
li.kyokai a:hover
{
	background: #616d0b;
	background: #FFF!important;
	color:#90C400!important;
}

/* ================================================================================= ヘッダーメニュー サブメニュー動き */

li.hama-zoo ul,
li.park ul,
li.seiyoukan ul,
li.kyokai ul
{
  /*visibility: hidden;*/
  /*opacity: 0;*/
}

li.hama-zoo,
li.park,
li.seiyoukan,
li.kyokai
{
  perspective: 700px;
}
li.hama-zoo ul,
li.park ul,
li.seiyoukan ul,
li.kyokai ul
{
  visibility: hidden;
  transform: rotateX(-90deg);
  transform-origin: 50% 0;
  transition: 0.3s;

  -webkit-transition: all 0.3;
      -moz-transition: all 0.3;
      -ms-transition: all 0.3;
      -o-transition: all 0.3;
      transition: all 0.3;
      opacity: 0;
}
/*li.hama-zoo:hover ul,
li.park:hover ul,
li.seiyoukan:hover ul,
li.kyokai:hover ul
{
  visibility: visible;
  transform: rotateX(0);
}*/
.sub_visible
{
  visibility: visible!important;
  transform: rotateX(0)!important;

  opacity: 1!important;

}
/* ================================================================================= ヘッダーメニュー サブメニュー動きここまで */






.zoorasia .textresizer-active {
	background: #90C400;
	border:1px solid #B3DB1F;
	color: #FFF;
}
.nogeyama .textresizer-active {
	background: #36C;
	border:1px solid #5CA1C4;
	color: #FFF;
}
.kanazawa .textresizer-active {
	background: #F39800;
	border:1px solid #FFC35F;
	color: #FFF;
}
.seiyoukan .textresizer-active {
	background: #B1245A;
	border:1px solid #C24676;
	color: #FFF;
}
.park .textresizer-active {
	background: #0080E0;
	border:1px solid #5CA1C4;
	color: #FFF;
}
.kamigou .textresizer-active {
	background: #ACA700;
	border:1px solid #E9E33B;
	color: #FFF;
}

@media (max-width: 599px) {

}

@media (min-width: 600px) and (max-width: 979px) {

}

@media (min-width: 980px) and (max-width: 1280px) {

}

@media (min-width: 1281px) {

}


/* ================================================================================= プルダウン クリック対応版 151104*/

.dropdown {
	display: inline-block;
	/**/
	*zoom: 1;
	margin: 0 auto 40px auto;
	border: 1px solid #FFF;
	border-radius: 5px;
	box-sizing:border-box;
	position: relative;
	z-index: 9997;
  }

#tg, #tg1, #tg2 {
	display: none;
  }

.dropLabel {
	position: relative;
	z-index: 9998;
}
.menu {
	/*position: relative;*/
	position: absolute;
	visibility: hidden;
	opacity: 0;
	/*top: -10px;*/
	top:20px;
	list-style: none;
  	width: 100%;
  	z-index: 9999;
  }

.dropInput:checked ~ .menu {
  visibility: visible;
  opacity: 1;
  top: 30px;
  	width: 100%;
  }

.dropLabel, .item {
	/*padding: 1em 1.5em;*/
	display: block;
	/*background-color: #fff;*/
	text-align: center;
	position: relative;
	color: #FFF;
	text-decoration: none;
	/**/
	height: 30px;
	line-height: 30px;
}
.item {
	background: #FFF;
	border-top: 1px solid #F4F4F4;
}

.item:hover {
	background-color: #90C400; /* ズーラシアのみ */
	color: #fff!important	;
  }

.menu li:last-child .item {
	border-radius: 0 0 5px 5px;
}
.dropLabel:hover, .dropInput:checked + label {
	background: #008B8B;

	color: #90C400; /* ズーラシアのみ */
	background: #FFF;
  }
 .dropInput:checked + label {
	color: #90C400; /* ズーラシアのみ */
	background: #FFF;
 }

.animation {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}


/* サイズ レスポンシブ */

@media (max-width: 599px) {
	#serchBox .dropdown {
		width: 100%;
		margin-bottom: 20px;
	}
	#serchBox .dropLabel, .item {
		width: 100%;
	}
	#serchBox.blog_search {
		padding: 20px 40px;
		margin-bottom: 20px;
	}
	#serchBox.blog_search .dropdown{
	 	display: block;
	    float: none;
	    margin: 0 auto;
	}

}

@media (min-width: 600px) and (max-width: 979px) {
	#serchBox .dropdown {
		width: 30%;
		float: left;
		margin: 3.2% 1.6%;
	}
	#serchBox .dropLabel, .item, .menu {
		width: 100%;
	}

	#sub_colmun #serchBox{
		padding-bottom: 20px;
		margin-bottom: 30px;
	}

	#sub_colmun #serchBox .dropdown{
    	width: 100%;
    	margin: 10px 0;
	 	display: block;
	}
	#serchBox.blog_search {
		padding: 30px 0;
		margin-bottom: 30px;
	}
	#serchBox.blog_search .dropdown{
	 	display: block;
	    float: none;
	    margin: 0 auto;
	}

}

@media (min-width: 980px) and (max-width: 1280px) {
	#section3 .dropdown {
		width: 330px;
		display: block;
		margin: 20px auto;
	}

	#serchBox .dropdown {
		width: 30%;
		float: left;
		margin:  1.6% 1.6% 3.2% 1.6%;
	    display: block;
	}
	#serchBox.blog_search {
		padding: 30px 0;
		margin-bottom: 30px;
	}
	#serchBox.blog_search .dropdown{
	    float: none;
	    margin: 0 auto;
	}
	#serchBox .dropLabel, .item, .menu {
		width: 100%;
	}

	#sub_colmun #serchBox{
		padding-bottom: 20px;
		margin-bottom: 30px;
	}

	#sub_colmun #serchBox .dropdown{
    	width: 100%;
    	margin: 10px 0;
	}

}

@media (min-width: 1281px) {
	#section3 .dropdown {
		width: 332px;
		margin: 0 auto 30px auto;
		display: block;
	}
	#section3 .dropLabel,
	#section3 .item {
		width: 330px;
	}
	#section3 .item {
		color:#90C400;/* ズーラシア */
	}

	#serchBox .dropdown {
		width: 295px;
		float: left;
		margin: 20px 10px;
	    display: block;
	}
	#serchBox .dropdown:last-child {
		margin-right: 0px;
	}
	#serchBox.blog_search {
		padding: 30px 0;
		margin-bottom: 30px;

	}

	#serchBox.blog_search .dropdown{
	    float: none;
	    margin: 0 auto;
	}

	#serchBox .dropLabel, .item {
		width: 295px;
	}

	#sub_colmun #serchBox{
		padding-bottom: 20px;
		margin-bottom: 30px;
	}

	#sub_colmun #serchBox .dropdown{
    	width: 190px;
    	margin: 10px 0;
	}
}


/* ================================================================================================= サイト毎のデザイン */
.midori footer {
	background-color: #54AD54;
	background-image: url(../images/share/bg_footer.png);
	background-size:200px ;
	padding: 20px;
	color: #FFF;
}
.midori.zoo footer {
	background-color: #FFCE00;
	background-image: url(../images/share/bg_footer.png);
	background-size:200px ;
	padding: 20px;
	color: #FFF;
}
.zoorasia footer {
	background-color: #90C400;
	background-image: url(../images/share/bg_footer.png);
	background-size:200px ;
	padding: 20px;
	color: #FFF;
}
.nogeyama footer {
	background-color: #36C;
	background-image: url(../images/share/bg_footer.png);
	background-size:200px ;
	padding: 20px;
	color: #FFF;
}
.kanazawa footer {
	background-color: #F39800;
	background-image: url(../images/share/bg_footer.png);
	background-size:200px ;
	padding: 20px;
	color: #FFF;
}
.seiyoukan footer {
	background-color: #6B0029;
	background-image: url(../images/share/bg_footer.png);
	background-size:200px ;
	padding: 20px;
	color: #FFF;
}
.park footer {
	background-color: #105E8D;
	background-image: url(../images/share/bg_footer.png);
	background-size:200px ;
	padding: 20px;
	color: #FFF;
}
.kodomo-park footer {
	background-color: #519768;
	background-image: url(../images/share/bg_footer.png);
	background-size:200px ;
	padding: 20px;
	color: #FFF;
}

.kamigou footer {
	background-color: #9E970A;
	background-image: url(../images/share/bg_footer.png);
	background-size:200px ;
	padding: 20px;
	color: #FFF;
}

/* =========================================== 協会本部 独自スタイル */

.midori nav.head {background: #54ad54;}
.midori .sub ul li a{background: #54ad54;}
.midori .sub ul li a:hover{background: #68c868;}
.midori a.scroll_top {
	background: #54ad54;
	position: fixed;
	font-size: 10px;
	right: 0px;
	bottom: 0px;
	color: #FFF!important;
	width: 75px;
	text-align: center;
	box-sizing:border-box;
	border:1px solid #FFF;
	z-index: 9999;
	}
@media (max-width: 599px) {
	.midori a.scroll_top {
		bottom: 80px;
	}
}
.midori a.scroll_top:hover {
	text-decoration: none;
	background: #68c868;
	}
.midori a.scroll_top:before {
	font-family: icomoon;
    /*content: "\e811";*/
    content: "\e945";
    font-size: 21px;
    color: #FFF;
    display: block;
    margin: 5px auto;
    text-align: center;
}

.midori nav.main ul li a {color:#54AD54;}
.midori .main ul li:first-child a 
{background:#54AD54; color:#FFF;}
.midori nav.main ul li a:hover {color: #5C7D15;}

.midori nav.main ul li span {}

.midori nav.sub ul li a { color:#FFF;}
.midori nav.sub ul li a:hover {	color:#FFF;}

.midori #btn_sub_menu { background: #54ad54;}
/* =========================================== 3園共通 独自スタイル */
.midori.zoo #section1 a {			color: #DDB614!important;}
.midori.zoo #section1 a:hover {		color: #DDB614;}
.midori.zoo #section1 a:active {	color: #C4A112;}
.midori.zoo #section1 a:focus {	color: #C4A112;}

.midori.zoo nav.head {background: #DDB614;}
.midori.zoo .sub ul li a{background: #DDB614;}

.midori.zoo nav.main ul li a {color:#DDB614;}
.midori.zoo .main ul li:first-child a 
{background:#DDB614; color:#FFF;}
.midori.zoo nav.main ul li a:hover {color: #FFCE00;}

.midori.zoo nav.main ul li span {}

.midori.zoo nav.sub ul li a { color:#FFF;}
.midori.zoo nav.sub ul li a:hover {	color:#FFF;}

.midori.zoo #btn_sub_menu { background: #DDB614;}

.midori.zoo #btn_header_menu,
.midori.zoo #btn_sub_menu {
	background: #DDB614;
}

/* =========================================== ズーラシア 独自スタイル */
.zoorasia nav.head {background: #90C400;} 
.zoorasia .sub ul li a{background: #90C400;}

.zoorasia nav.main ul li a {color:#90C400;}
.zoorasia .main ul li:first-child a
 {background: #90C400; color: #FFF} 
 .zoorasia nav.main ul li a:hover {color: #75A000;}

.zoorasia nav.main ul li span {
}

/**/
.zoorasia nav.sub ul li a {
	color:#FFF;
	background: #90C400;
	white-space: nowrap;
}

.zoorasia nav.sub ul li a:hover {
	color:#FFF;
	background: #75A000;
}

.zoorasia nav.sub ul li span {
}

.zoorasia #btn_header_menu,
.zoorasia #btn_sub_menu {
	background: #90C400;
}

/* =========================================== 野毛山動物園 独自スタイル */
.nogeyama nav.head {background: #36C;}
.nogeyama .sub ul li a{background: #36C;}

.nogeyama nav.main ul li a {color:#36C;}
.nogeyama .main ul li:first-child a
 {background: #36C; color: #FFF} 
.nogeyama nav.main ul li a:hover {color: #2b91f1;}

.nogeyama nav.main ul li span {
}

/**/
.nogeyama nav.sub ul li a {
	color:#FFF;
	background: #36C;
	white-space: nowrap;
}

.nogeyama nav.sub ul li a:hover {
	color:#FFF;
	background: #2b91f1;
}

.nogeyama nav.sub ul li span {
}

.nogeyama #btn_header_menu,
.nogeyama #btn_sub_menu {
	background: #36C;
}

/* =========================================== 金沢動物園 独自スタイル */
.kanazawa nav.head {background: #F39800;}
.kanazawa .sub ul li a{background: #F39800;}

.kanazawa nav.main ul li a {color:#F39800;}
.kanazawa .main ul li:first-child a
 {background: #F39800; color: #FFF} 
.kanazawa nav.main ul li a:hover {color: #F6AD3C;}

.kanazawa nav.main ul li span {
}

/**/
.kanazawa nav.sub ul li a {
	color:#FFF;
	background: #F39800;
	white-space: nowrap;
}

.kanazawa nav.sub ul li a:hover {
	color:#FFF;
	background: #e68c18;
}

.kanazawa nav.sub ul li span {
}

.kanazawa #btn_header_menu,
.kanazawa #btn_sub_menu {
	background: #F39800;
}
/* =========================================== 山手西洋館 独自スタイル */
.seiyoukan nav.head {background: #B1245A;}
.seiyoukan .sub ul li a{background: #B1245A;}

.seiyoukan nav.main ul li a {color:#B1245A;}
.seiyoukan .main ul li:first-child a
 {background: #B1245A; color: #FFF} 
.seiyoukan nav.main ul li a:hover {color: #8D1242;}

.seiyoukan nav.main ul li span {
}

/**/
.seiyoukan nav.sub ul li a {
	color:#FFF;
	background: #B1245A;
	white-space: nowrap;
}

.seiyoukan nav.sub ul li a:hover {
	color:#FFF;
	background: #8D1242;
}

.seiyoukan nav.sub ul li span {
}

.seiyoukan #btn_header_menu,
.seiyoukan #btn_sub_menu {
	background: #B1245A;
}

/* =========================================== 公園独自スタイル */
.park nav.head {background: #0080E0;}
.park .sub ul li a{background: #0080E0;}
.park nav.main ul li a {color:#0080E0;}
.park nav.main ul li a:hover {color: #0066A5;}
.park .main ul li:first-child a
 {background: #0080E0; color: #FFF} 
.park .sub ul li a:hover {background:#0066A5;}
.park nav.main ul li span {

}
/**/
.park nav.sub ul li a {
	color:#FFF;
}
.park nav.sub ul li a:hover {
	color:#FFF;
}
.park nav.sub ul li span.icon-food_1 {
}
.park nav.sub ul li span {
}

.park #btn_header_menu,
.park #btn_sub_menu {
	background: #0080E0;
}

/* =========================================== こども植物園　独自スタイル */
.kodomo-park nav.head {background: #519768;}
.kodomo-park .sub ul li a{background: #519768;}
.kodomo-park nav.main ul li a {color:#519768;}
.kodomo-park .main ul li:first-child a
 {background: #519768; color: #FFF} 
.kodomo-park nav.main ul li a:hover {color: #307C4A;}
.kodomo-park nav.main ul li span {
}

/**/
.kodomo-park nav.sub ul li a {
	color:#FFF;
}
.kodomo-park nav.sub ul li a:hover {
	color:#FFF;
}
.kodomo-park nav.sub ul li span.icon-food_1 {
}
.kodomo-park nav.sub ul li span {
}
.kodomo-park #btn_header_menu,
.kodomo-park #btn_sub_menu {
	background: #519768;
}

/* =========================================== 上郷・森の家 独自スタイル */
.kamigou #base_cnt a {			color: #ACA700;}
.kamigou #base_cnt a:hover {		color: #ACA700;}
.kamigou #base_cnt a:active {	color: #849733;}
.kamigou #base_cnt a:focus {	color: #849733;}

.kamigou nav.head {background: #ACA700;}
.kamigou .sub ul li a{background: #ACA700;}
.kamigou nav.main ul li a {color:#ACA700;}
.kamigou .main ul li:first-child a
 {background: #ACA700; color: #FFF} 
.kamigou nav.main ul li a:hover {color: #D0CA10;}
.kamigou nav.main ul li span {

}

/* */

.kamigou nav.sub ul li a {
	color:#FFF;
}
.kamigou nav.sub ul li a:hover {
	color:#FFF;
}
.kamigou nav.sub ul li span.icon-food_1 {
}
.kamigou nav.sub ul li span {
}

.kamigou #btn_header_menu,
.kamigou #btn_sub_menu {
	background: #ACA700;
}



@media (max-width: 599px) {
/* =========================================== 協会本部独自スタイル */
	.midori .main ul li a {
		float: left;
		border:1px solid #DDD;
		box-sizing:border-box;
		border-left:none;
	}

	.midori .main ul li a:last-child {
		margin-right:0;
	}
/* =========================================== ズーラシア独自スタイル */
	.zoorasia .main ul li a {
		float: left;
		border:1px solid #DDD;
		box-sizing:border-box;
		border-left:none;
	}
	.zoorasia .main ul li a:last-child {
		/*margin-right:0;*/
	}
/* =========================================== 野毛山動物園独自スタイル */
	.nogeyama .main ul li a {
		float: left;
		border:1px solid #DDD;
		box-sizing:border-box;
		border-left:none;
	}
	.nogeyama .main ul li a:last-child {
		/*margin-right:0;*/
	}
/* =========================================== 金沢動物園独自スタイル */
	.kanazawa .main ul li a {
		float: left;
		border:1px solid #DDD;
		box-sizing:border-box;
		border-left:none;
	}
	.kanazawa .main ul li a:last-child {
		/*margin-right:0;*/
	}
/* =========================================== 西洋館独自スタイル */
	.seiyoukan .main ul li a {
		float: left;
		border:1px solid #DDD;
		box-sizing:border-box;
		border-left:none;
	}
	.seiyoukan .main ul li a:last-child {
		/*margin-right:0;*/
	}
/* =========================================== 公園独自スタイル */
	.park .main ul li a {
		float: left;
		border:1px solid #DDD;
		box-sizing:border-box;
		border-left:none;
	}
	.park .main ul li a:last-child {
		margin-right:0;
	}
/* =========================================== 子ども植物園独自スタイル */
	.kodomo-park .main ul li a {
		float: left;
		border:1px solid #DDD;
		box-sizing:border-box;
		border-left:none;
	}
	.kodomo-park .main ul li a:last-child {
		/*margin-right:0;*/
	}
/* =========================================== 上郷・森の家独自スタイル */
	.kamigou .main ul li a {
		float: left;
		border:1px solid #DDD;
		box-sizing:border-box;
		border-left:none;
	}
	.kamigou .main ul li a:last-child {
		/*margin-right:0;*/
	}
/* =========================================== 公園独自スタイル */
}

.staging {
	position: fixed;
	/*background: rgba(0,0,0,0.2);
	padding: 0.5em 0;
	width: 100%;
	bottom: 0px;*/
	font-size: 14px;
	width: 100%;
	background: rgba(255,255,255,0.6);
	padding: 1%;
	z-index:9999999;
	text-align: center;
	color: #FF0000;
	box-sizing:border-box;
	bottom: 0px;
	/*display: none;*/
}
@media (max-width: 599px) {
	.staging {
		bottom: 80px;
	}
}

#fixedBox {

}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.mb_0 {
	margin-bottom: 0px!important;
}

@media (max-width: 599px) {
/*-- メニューを開いたときにコンテンツを固定 --*/
body.sidr-open { position:fixed !important; }
/*-- 非表示コントロール --*/
.hide { display:none; }
.hide_important { display:none!important; }
}