/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	outline:0;
	font-size:100%;
	margin:0;
	padding:0
}
img, img li {
	vertical-align: text-bottom;
	vertical-align:bottom;
}
ol, li, ul {
	list-style:none;
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
}

body {
	font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, 'Meiryo UI', 'メイリオ', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	letter-spacing:3px;
	font-size:1em;
	background-color: #22ac38;
	background-image:url(../images/lbac.png), url(../images/rbac.png);
	background-repeat: repeat-y, repeat-y;
	background-position:left, right;
}
.mincho {
	font-family:'IPAMincho', '游明朝', 'Yu Mincho', YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif, "HG明朝E", serif;
}


em{
            font-family: 'Times New Roman','ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'ＭＳ Ｐゴシック', serif;
            font-style: italic;
}


/* 画像リンク装飾  */
a img.ov {
	background: none;
}

a:hover img.ov {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: none;
}

/*ローディング設定*/

#loading {
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:45%;
	width:50px;
	height:50px;
	z-index:-1010;
	color:#22ac38
}
#loader-bg {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(255,255,255,10);
	z-index:1000;
	padding-bottom: 20px;
}
/*-----*/




#language {
	position: absolute;
	right: 10%;/*10%*/
	top: 13%;/*13%*/
	z-index:100;
}

#language2 {
	float:right;
	text-align:right;
	top: 80px;
	z-index:100;
}

#language li, #language2 li {
	float: left;
	width: 75px;
	margin-right:1px;
	letter-spacing:1px;	/*1px*/
}

#language li a, #language2 li a {
	color:#FFF;
}

h1 {font-size:150%;}
h2 {font-size:110%;}
h3 {font-size:100%;}
h4 {font-size:90%;}
.h2map {
	float: left;
	width:220px;
	float:left;
	margin-top: -8px;
}

.indextitle {
	text-align:center;
	color:#FFF;
}
.titlesizel {
	font-size:200%;
	margin-top:20px;
}
.titlesizem {
	font-size:130%;
	margin-bottom: 30px;
}
.titlesizeml {
	font-size:130%;
	margin-bottom: 60px;
}
.titlesizemll {
	font-size:130%;
	margin-bottom: 90px;
}

#menu {
	padding:5px;
	position:absolute;
	right:4%;
	z-index:999;
}


#slidbaseimg {
	display:none
}
#sectionbox {
	margin: 80px 0 150px 0;
	height:400px;
}
#sabslidbase {
	width:670px;
	height:auto;
	float: left;
}

.flex-caption {
	display:block;
	width:176px;
	height:300px;
	background-image:url(../images/comentbac.jpg);
	position: absolute;
	color:#000000;
	top:0;
	padding-left:10px;
	margin-left:400px;
	overflow:hidden;
	line-height: 1.5;
}

.flex-caption .title {
	font-size:110%;
	clear:both;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #390;
	padding-left:10px;
	margin:10px 0 10px 0;
}
.mak {
	display:inline-block;
	line-height:30px;
	height:30px;
	position:absolute;
	margin:5px 5px 0 0;
}
#tripadvisor {
	width:470px;
	margin:0 auto 40px auto;
}
#navibaselogo {
	margin-left:-60px;
	position:absolute;
	z-index:110;
}
#navibaselogo li {
	float:left;
}
#navibase {
	margin:0 0 0 0;
	overflow:hidden;
	clear:both;
	z-index: 999;
	position: relative;
	background-image: url(../images/menubac.jpg);
	width:100%;
	background-repeat:repeat-x;
	height:80px;
}

#navi {
	float: right;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	width:auto;
}
#navi li a {color:#FFFFFF;}
.boff {border-color:#000;}
/* Underline Reveal*/

#navi li a {
	display:block
}
#navi li {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
	height:50px;
	padding: 0 7px 0 7px;
	margin-left:-9px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	font-size: 0.75em;
	line-height:50px;
	text-align:center;
}
#navi li:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	height: 4px;
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

#navi li:hover:before, #navi li:focus:before, #navi li:active:before {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

#navibox {
	width:1024px;
	margin:auto;
	overflow: hidden;
}

.content, .topcontent,.content-m {
	width: 1024px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

.vogelpark_info h2,
.lang_en h2,
.lang_ko h2,
.lang_ch h2,
.privac h2,
.company h2,
.flower h2,
.company h2,
.flower h2,
.birds h2,
.park_map h2,
.food h2,
.guide h2,
.events h2,
.passport h2{
	font-size:230%;
	margin: 0 0 10px 0;
}

.vogelpark_info,/*フォーゲルパークとは*/
.guide, /*利用ガイド*/ 
.food,  /*食事みやげ*/
.events, /*イベント*/ 
.passport, /*年間パスポート*/ 
.park_map, /*園内マップ*/
.flower, /*花々*/ 
.birds, /*鳥たち*/
.company, /*会社概要*/
.privac, /*プライバシーポリシー*/
.lang_ch, /*中国語*/ 
.lang_ko, /*韓国語*/ 
.lang_en /*英語*/ {
	color:#FFF;
	margin: 30px auto 100px auto;
}

.hedessage {
	margin: 0 0 10px 0;
	display: inline-block;
	font-size: 110%;
	width:100%;
}
/*英語ページ*/

.lang_en h3 {
	margin:10px 0 20px 0;
}
.lang_en p {
	margin:0 0 20px 0;
}
/*韓国語ページ*/

.lang_ko h3 {
	margin:10px 0 20px 0;
}
.lang_ko p {
	margin:0 0 20px 0;
}
/*中国語ページ*/

.lang_ch h3 {
	margin:10px 0 20px 0;
}
.lang_ch p {
	margin:0 0 20px 0;
}
/*プライバシーポリシー*/
.privac h3 {
	margin:10px 0 20px 0;
}
.privac p {
	margin:0 0 20px 0;
}
.privac a {
	color:#00F;
}
/*フォーゲルパークとは*/

.park_info{overflow:hidden; margin: 10px 0 30px 0;}


.vogelpark_info p {
	margin:0 0 20px 0
}
.vogelpark_info h3 {
	margin:10px 0 20px 0;
	font-size:140%;
	border-bottom-width: 2px;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding:0 0 8px 10px
}
.vogelpark_info h4 {
	font-size:110%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin:0 0 20px 0;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left: 10px;
}


#trader {
	width:660px;
	margin:auto;
}

#login, #password {
	width:300px;
	height:200px;
	float:left;
	margin:10px;
	border: 1px solid #FFF;
	border-radius: 10px;
	text-align: center;
	background:rgba(255,255,255,10);
	color:#22ac38;
	padding: 10px 0 0 0;
}

#login span, #password span{
	text-align:left;
	width:265px;
	margin:auto;
	display:block;
	font-size:80%;
}


#login h5, #password h5 {
	margin:10px 0 10px 0;
}
.traderbox a {
	padding:5px;
	border: 1px solid #22ac38;
	border-radius:10px;
	font-size:90%;
	display:block;
	margin:10px auto 10px auto;
	width:80%;
	position: relative;
	text-align:center;
	color: #22ac38;
}

.traderbox a:hover {
	background-color:rgba(34, 172, 56, 10);
	color:#FFF
}
.infoimg img {
	width:100%;
	margin: 20px 0 10px 0;
}
.vogelpark_info_table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #F0F0F0;
	width:100%;
}
.vogelpark_info_table th {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	width:150px;
	padding:10px
}
.vogelpark_info_table td {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding:10px;
}
.park_info li {
	float:left;
	width:325px;
	margin:0 24px 0 0;
}

.park_info li img {
	margin-bottom:10px;
}

.info_fbox {
	margin:0 0 0 0;
	width:102%;
	overflow:hidden;
}

.info_fbox li {
	width:240px;
	margin:0 21px 0 0;
	float:left;
}
.info_fbox li img {
	width:100%;
	height: auto;
	margin-bottom:10px;
}
.info_fbox li p {
	text-align: left;
}

.park_infolnk{
	overflow:hidden;
}
.park_infolnk a {
	display: block;
	font-size:140%;
	border: 1px solid #fff;
    	text-align: center;
    	padding: 10px 5px 10px 10px;
    	margin: 20px auto 20px auto;
    	border-radius: 10px;
    	width: 630px;
	background-color:#FFF;
	color:#22ac38;
	letter-spacing:2px;
}
.park_infolnk a:hover {
	background-color:#22ac38;
	color:#FFF;
}

.parkinfo dt{ float:left; width:145px; text-align:right; margin-right:5px;}
.parkinfo dd{ float:left; width:340px;}


/*年間パスポート*/

.passport h3 {
	margin:10px 0 20px 0
}
.passport p {
	margin:0 0 20px 0
}
.passport h4 {
	font-size:140%;
}

/*会社概要*/

.company h3 {
	margin:10px 0 20px 0;
	font-size:140%;
	border-bottom-width: 2px;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding:0 0 8px 10px
}
.company h4 {
	font-size:110%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin:0 0 20px 0;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left: 10px;
}

.company p {
	margin:0 0 20px 0
}
/*--------*/
.company_table_a {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #F0F0F0;
	width:50%;
	border-collapse:collapse;
}
.company_table_a th {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	width:150px;
	padding:10px;
}
.company_table_a td {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding:10px;
}
/*----------*/

.company_table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #F0F0F0;
	width:100%;
	border-collapse:collapse;
}
.company_table th {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	width:150px;
	padding:10px
}
.company_table td {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding:10px;
}
/*-----*/

/*園内の鳥たち*/


.birds h3 {
	margin:10px 0 20px 0;
	font-size:140%;
	border-bottom-width: 2px;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding:0 0 8px 10px;
	clear:both;
	margin-bottom:30px
}
.birds h4 {
	font-size:110%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin:0 0 20px 10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left: 10px;
	clear:both;
	width:50%;
	margin-bottom:30px;
}


.birds p {
	margin:0 0 20px 0;
}
.birds ul {
	margin:auto;
	width:1000px;
	clear:both;
}
.birds li {
	float:left;
	margin: 0 20px 50px 20px;
    	overflow: hidden;
    	width: 210px;
    	height: 260px;
}		

.birds li span{
	border-radius:100px 100px 100px 100px;
	width:210px; 
	height:210px; 
	display:block;overflow: hidden;
	position:relative;
	z-index:10;
}	
	
.birds li img {
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
	vertical-align:bottom;
	width:230px;
}
.birds li img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	width:230px;
}


.birds li p {
	text-align:center;
	display:block;
	position: relative;
	z-index:888;
	width:200px;
	margin-top:20px;
}


/*園内の花々*/
.flower h3 {
	margin:10px 0 20px 0;
	font-size:140%;
	border-bottom-width: 2px;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding:0 0 8px 10px;
	clear:both;
	margin-bottom:30px;
}

.flower h4 {
	font-size:110%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin:0 0 20px 0;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left: 10px;
	clear:both;
	margin-bottom:30px;
}

.flower p {
	margin:0 0 20px 0;
}
.flower ul {
	margin:auto;
	width:1000px;
}
.flower li {
	float:left;
	margin: 0 20px 20px 20px;
	overflow: hidden;
	width:210px;
	text-align:center;
}
.flower li img {
	vertical-align:bottom;
	width:172px;
	height:126px;
}

.flower li img:hover {}
	
	

.flower li p {
	text-align:center;
	display:block;
	position: absolute;
	z-index:999;
	width:220px;
}

.flower_lnk{
	overflow:hidden;
	clear:both;
	margin: 0 auto 20px auto;
	width: 140px;
}
.flower_lnk a {
	display:block;
	border: 1px solid #FFF;
	text-align:center;
	padding: 10px 5px 10px 10px;
	margin:20px 0  20px 0;
	border-radius:10px;
	color: #22ac38;
	background-color:#FFF;
}

.flower_lnk a:hover {
	background-color:#22ac38;
	color:#FFF;
}
;

/*園内マップ*/

.modal-content a{ color: #fff;}
.modal-content, #mapicon .modal-content, #mapgad .modal-content {
	width:900px;
	margin:5% auto 0 auto;
	overflow:hidden;
	clear:both;
	height:auto
}


.modal_park_map ul, #mapicon .modal_park_map ul, #mapgad .modal_park_map ul {
	width:800px;
	margin:5% auto 0 auto;
	overflow:hidden;
	clear:both;
	height:auto;
}
.modal_park_map li, #mapicon .modal_park_map li, #mapgad .modal_park_map li {
	float:left;
	width:380px;
	margin:10px;
	height:320px;
}
.modal_park_map li img, #mapicon .modal_park_map li img, #mapgad .modal_park_map li img {
	width:380px;
}

.modal_park_map li p, #mapicon .modal_park_map li p, #mapgad .modal_park_map li p ,
.modal_park_map p, #mapicon .modal_park_map  p, #mapgad .modal_park_map  p
{ width:100%;}


#mapgad {
	overflow:hidden;
	width: 1024px;
}
#mapgad a, #mapicon a {
	color:#FFFFFF;
}
#mapgad ul {
	margin:auto;
	width:1075px;
}
#mapgad li {
	float:left;
	width: 215px;
	margin: 0 53px 0 0;
}

#mapgad li h3 {
	margin: 10px auto 10px auto;
}
#mapgad li p {
	font-size:80%;
	width:200px;
	margin:auto;
}
.fons {
	line-height:2;
	font-size:70%;
	text-align: center;
	width: 100%;
	display:block;
}
#mapicon {
	overflow:hidden;
	margin-bottom:30px;
}
#mapicon ul {
	float: left;
	width: 1075px;
}
#mapicon li {
	float:left;
	width: 205px;
	margin: 0 60px 0 0;
	height: 340px;
}
#mapicon li h3 {
	margin: 20px auto 20px auto;
	line-height:1;
	text-align: center;
}
#mapicon li p {
	font-size:80%;
}
#enmus {
	position:absolute;
	margin-left:-30px
}
#pmap {
	background-image: url(../images/park_map/map.png);
	background-repeat: no-repeat;
	height: 500px;
	margin: 50px 0 50px 0;
}
#map01 a, #map02 a, #map03 a, #map04 a, #map05 a, #map06 a, #map07 a, #map08 a, #map09 a, #map10 a, #map01a a, #map01b a {
	display: block;
}
#map01 a {
	width:70px;
	height:70px;
	position:absolute;
	margin:330px 0 0 200px;
}
#map02 a {
	width: 70px;
	height: 70px;
	position: absolute;
	margin: 320px 0 0 410px;
}
#map03 a {
	width:70px;
	height:70px;
	position:absolute;
	margin:310px 0 0 480px;
}
#map04 a {
	width:80px;
	height:80px;
	position:absolute;
	margin:195px 0 0 700px;
}
#map06 a {
	width:70px;
	height:70px;
	position:absolute;
	margin:50px 0 0 540px;
}
#map05 a {
	width:80px;
	height:80px;
	position:absolute;
	margin:90px 0 0 900px;
}
#map07 a {
	width:80px;
	height:50px;
	position:absolute;
	margin:130px 0 0 550px;
}
#map08 a {
	width:80px;
	height:80px;
	position:absolute;
	margin:100px 0 0 330px;
}
#map09 a {
	width: 70px;
	height: 70px;
	position: absolute;
	margin: 230px 0 0 510px;
}
#map01a a {
	width:60px;
	height:60px;
	position:absolute;
	margin:200px 0 0 390px;
}
#map01b a {
	width:60px;
	height:60px;
	position:absolute;
	margin:240px 0 0 340px;
}
#map10 a {
	width:50px;
	height:50px;
	position:absolute;
	margin:220px 0 0 290px;
}
#map001a a {
	background-image:url(../images/park_map/ma01.png);
}
#map01aa a {
	background-image:url(../images/park_map/m01a.png);
}
#map01ab a {
	background-image:url(../images/park_map/m01b.png);
}
#map02a a {
	background-image:url(../images/park_map/ma02.png);
}
#map03a a {
	background-image:url(../images/park_map/ma03.png);
}
#map04a a {
	background-image:url(../images/park_map/ma04.png);
}
#map05a a {
	background-image:url(../images/park_map/ma05.png);
}
#map06a a {
	background-image:url(../images/park_map/ma06.png);
}
#map07a a {
	background-image:url(../images/park_map/ma07.png);
}
#map08a a {
	background-image:url(../images/park_map/ma08.png);
}
#map09a a {
	background-image:url(../images/park_map/ma09a.png);
}
#map10a a {
	background-image:url(../images/park_map/ma10.png);
}
#map001a a, #map01aa a, #map01ab a, #map02a a, #map03a a, #map04a a, #map05a a, #map06a a, #map07a a, #map08a a, #map09a a, #map10a a {
	position:absolute;
	width:200px;
	height:200px;
	display:block;
}
#map001a .box, #map01aa .box, #map01ab .box, #map02a .box, #map03a .box, #map04a .box, #map05a .box, #map06a .box, #map07a .box, #map08a .box, #map09a .box, #map10a .box {
	margin:220px 0 0 0;
	display:block;
}

#contentmap001a,
#contentmap002a,
#contentmap003a,
#contentmap004a,
#contentmap01a,
#contentmap02a,
#contentmap03a,
#contentmap05a a,
#contentmap06a a,
#contentmap07a a,
#contentmap08a a,
#contentmap09a a {
	width:900px;
	margin:0 auto;
	height:30px;
	display:block;
	background-image:none;
	position:absolute;
	left:0;
	right:0;
}

#map001a .boxlink a,
#map01aa .boxlink a,
#map01ab .boxlink a,
#map02a .boxlink a,
#map03a .boxlink a,
#map04a .boxlink a,
#map05a .boxlink a,
#map06a .boxlink a,
#map07a .boxlink a,
#map08a .boxlink a,
#map09a .boxlink a,
#map10a .boxlink a,
#penguin .boxlink a,
#owl.boxlink a,
#birdshow .boxlink a,
#friendship .boxlink a
{ width:900px; height:30px; margin:auto; position:relative; background-image:none; color: #22ac38;
}


#map001a .boxlink a:hover,
#map01aa .boxlink a:hover,
#map01ab .boxlink a:hover,
#map02a .boxlink a:hover,
#map03a .boxlink a:hover,
#map04a .boxlink a:hover,
#map05a .boxlink a:hover,
#map06a .boxlink a:hover,
#map07a .boxlink a:hover,
#map08a .boxlink a:hover,
#map09a .boxlink a:hover,
#map10a .boxlink a:hover,
#penguin .boxlink a:hover,
#owl.boxlink a:hover,
#birdshow .boxlink a:hover,
#friendship .boxlink a:hover
{
color: #fff;
}


#map05b,#map001b,#map09b{ padding-top:20px;}

/*モーダルウィンドID　20150828　園内マップイベントエリア*/
#birdshow a,
#owl a,
#penguin a,
#friendship a{
	position:absolute;
	width:215px;
	display:block;
}

/*食事みやげ*/

.food .miyageabox {
	width:444px;
	border: 1px solid #fff;
	float: left;
	padding: 24px;
	margin: 0 36px 40px 0;
	display:block;
	overflow:hidden;
	color:#FFF;
	height: 380px;
	font-size:90%;
}

.food .miyageabox .miyage_p {
	margin: 10px 0 0 0;
}
.food .miyageabox img {
	width:100%;
}
.food .miyage a {
	color:#FFFFFF;
}
.food h3 {
	margin:10px 0 20px 0;
	font-size:130%;
}
.food h4 {
	font-size:130%;
	margin:10px 0 20px 0;
}
.food p {
	margin:0 0 20px 0;
	
}
.food .meinvisual img {
	width:100%;
	margin-bottom: 40px;
}
.food .miyage {
	width:444px;
	border: 1px solid #fff;
	float: left;
	padding: 24px;
	margin: 0 36px 40px 0;
}
.food .miyage img {
	width:100%;
	margin: 0 0 10px 0;
}
.foodbase {
	width:1080px;
	clear: both;
	overflow: hidden;
}
.caution dt {
	float:left;
	width:20px;
}
/*レストラン*/
.food .flora {
	width:488px;
	float: left;
	margin: 0 48px 30px 0;
}
.boxlink a {
	display: block;
	border: 1px solid #fff;
	text-align: center;
	padding: 10px;
	margin: 20px auto 20px auto;
	border-radius: 10px;
	width: 70%;
    	background-color: #FFF;
    	color: #22ac38;
    	letter-spacing: 2px;
}
.boxlink a:hover {
	background-color:#22ac38;
	color:#FFF;
}
.food .flora img {
	width:100%;
}
.food .flora p {
	margin:20px 0 0 0;
}

#table_flora {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	width: 100%;
	margin-bottom: 30px;
	border-collapse:collapse;
}
#table_flora th {
	font-weight:normal;
	width:15%;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding: 10px;
}
#table_flora td {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	width:85%;
	padding: 10px;
}
#floraosusume {
	padding: 20px;
	border: 1px solid #FFF;
	overflow: hidden;
	clear:both;
	margin-bottom:30px;
}
#floraosusume2 {
	padding: 20px;
	border: 1px solid #FFF;
	overflow: hidden;
	clear:both;
	width:450px
}
.osusume {
	float: left;
	margin: 0 80px 0 0;
	width:450px;
}
.osimg {
	margin-bottom:10px;
}
.osusume span {
	font-size:90%;
	display:inline-block;
}
.osusume p {
	font-size:130%;
}
.osusume img {
	width:100%;
}
.osusumebox {
	width:110%;
	clear: both;
	overflow: hidden;
}

.osusumebox h5{margin-bottom:10px;}

.granmenu li {
	float:left;
	width:286px;
	float:left;
	margin:0 20px 20px 0;
	padding:20px;
	border: 1px solid #FFF;
	letter-spacing:1px
}
.granmenu li p {
	margin-bottom:0;
}
.granmenu img {
	width:100%;
	margin-bottom:10px;
}


/*不昧庵*/

.fumaian img {
	width:100%;
	margin-bottom:10px;
}
.fumaianbox {
	margin:0 0 30px 0;
	width:105%;
}
.fumaianboxa {
	overflow:hidden;
	margin: 0 auto 30px auto;
	width: 100%;
}
.fumaianbox li {
	float:left;
	margin:0 40px 30px 0;
	width:490px;
	overflow:hidden;
}
.fumaianbox li img {
	width:100%;
	margin-bottom:10px;
}
.fumaianboxb {
	width:100%;
	overflow:hidden;
}
.fumaianboxb li {
	width:240px;
	margin:8px;
}
.fumaianboxb li img {
	width:240px;
}
.fumaianboxb li p {
	font-size:80%;
}


/*かもの家*/

.kamonoie{ overflow:hidden; margin-bottom:20px;}
.kamonoieimg{ margin-bottom:20px;}
.kamonoiebox{
	width:100%;
	overflow:hidden;
}
	
.kamonoiebox ul{
	overflow:hidden;
	width:940px;
	margin:auto;	
}	
	
.kamonoiebox li{
	float:left;
	margin:10px;
	width:450px;
	overflow:hidden;
}


/*施設利用*/

.available {
	margin:20px 0 0 0;
	overflow:hidden;
}

.available ul{width:104%;}


.available li {
	float:left;
	margin:0 40px 30px 0;
	width:490px;
	overflow:hidden;
}
.available li img {
	width:100%;
	margin-bottom:10px;
}


/*利用ガイド*/
.guide h3 {
	margin:10px 0 20px 0;
	font-size:140%;
	border-bottom-width: 2px;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding:0 0 8px 10px;
}
.guide h4 {
	font-size:105%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin:0 0 20px 0;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left: 10px;
}

.guide h5 {
	font-size:110%;
	margin:0 0 10px 0;
}


.guide p {
	margin:0 0 20px 0
}
.guidebox {
	margin:20px 0 0 0;
	overflow:hidden;
}
.guidol dt {
	float:left;
	width:2.5%;
}
.guidol dd {
	width:97%;
	overflow: hidden;
}
/*--------*/
.guide_table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #F0F0F0;
	width:100%;
	font-size:90%;
	border-collapse:collapse;
	line-height:1.5;
}
.guide_table th {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	width:180px;
	padding:10px;
}
.guide_table td {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding:10px;
	text-align: center;
}


.tdcenter{ text-align: center;}

/*イベント*/

.events img{ margin-bottom:10px;}
.eventimg  h3 {
	margin:10px 0 20px 0;
	font-size:140%;
	border-bottom-width: 2px;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding:0 0 8px 10px;
}

.events h3 {
	margin:10px 0 20px 0;
	font-size:140%;
	border-bottom-width: 2px;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding:0 0 8px 10px;
}

.eventimg h4{
	margin:10px 0 20px 0;
	font-size:110%;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding:0 0 0px 0px;
}


.eventimg h4 span{
	margin:0 0 20px 0;
	font-weight:normal;
	display:block;
	font-size:90%;
}

.events p {
	margin:0 0 20px 0;
}


.eventimg {
	overflow:hidden;
	width:103%;
}


.eventimg img {
	width:100%;
}
.eventimg li {
	float:left;
	width:48%;
	margin:10px 21px 0 0;
}
.eventbox li h5 {
	margin:0 0 10px 0;
}
.eventimg li h3 {
	height:50px;
}
.eventbox {
	overflow:hidden;
	margin:30px 0 0 0;
	letter-spacing: 1px;
	width:102%;
}
.eventbox li {
	width:240px;
	margin:18px 21px 0 0;
	float:left;
	display:block;
	overflow:hidden;
}
.eventbox li a {
	color:#FFFFFF;
}
.eventbox li img {
	width:240px;
	margin-bottom:10px;
}
.eventbox p {
	text-align: left;
	font-size: 90%;
}
.eventbox span {
	font-size: 75%;
	letter-spacing: 1px;
}
.event_ttl{
	margin:10px 0 20px 0;
	font-size:140%;
	border-bottom-width: 2px;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding:0 0 8px 10px;
}

.event_table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #F0F0F0;
	width:100%;
	border-collapse:collapse;
	line-height:1.2;
}
.event_table th {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	width:200px;
	height:70px;
	line-height:70px;
}
.event_table td {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding:0 10px 0 10px;
	
}
/**/


.boxsection2 {
	width:1024px;
	margin:auto;
	height: 540px;
	color:#FFFFFF;
	margin-bottom:80px;
}
.boxsection2 .boxs1 {
	width:1024px;
	height:270px;
	background-image:url(../images/birds.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
.boxsection2 .boxs2 {
	width:1024px;
	height:270px;
	background-image:url(../images/flower.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
/*ボタンアニメ*/

.botan {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background-image:url(../images/mbtbac2.jpg);
	background-repeat:no-repeat;
	width:260px;
	height:66px;
	line-height:66px;
	padding-left:20px;
}
.botan a {
	color:#FFFFFF;
}
.botan:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ccc;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	width:280px;
}
.botan:hover, .botan:focus, .botan:active {
	color:#000;
}
.botan:hover:before, .botan:focus:before, .botan:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.boxsection2 .com_r {
	float:right;
	width:330px;
	overflow: hidden;
	margin-right:30px
}
.boxsection2 .com_l {
	float: left;
	width:330px;
	overflow: hidden;
	margin-left:50px;
}
.boxsection2 .com_r, .boxsection2 .com_l {
	margin-top:50px;
}
.boxsection2 .com_r p, .boxsection2 .com_l p {
	margin: -5px 0 50px 0;
}
.boxsection2 .title {
	font-size:260%;
	color: #fff;
}
#infobase {
	width:1020px;
	margin:50px auto 40px auto;
	overflow:hidden;
}
#guidebase {
	width: 1100px;
	margin: 30px auto 40px auto;
	overflow: hidden;
}
#guidebase a {
	color:#FFFFFF;
}
#guidebase ul {
	margin-left: 80px;
}
#guidebase li {
	width:240px;
	height:350px;
	float:left;
	overflow:hidden;
	margin: 20px 40px 20px 40px;
}


#guidebase li span{
	border-radius:130px 130px 130px 130px;
	width:240px; 
	height:240px; 
	display:block;overflow: hidden;
	position:relative;
	z-index:10;
}	


#guidebase li p {
	text-align:center;
	display:block;
	position: absolute;
	width:285px;
	font-size: 90%;
	letter-spacing:1px;
	margin: 30px 0 0 -20px;
}


#guidebase li a {
	color:#FFFFFF;
}
#guidebase li img {
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
	vertical-align:bottom;
	width:240px;
}
#guidebase li img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	width:240px;
}


.imghover p {
	text-align:center;
	margin-top:250px;
}
.finbox {
	margin-top:50px;
}
#infobox {
	width:380px;
	float: left;
	overflow:hidden;
	color:#FFFFFF;
}
#infobox .tabsp {
	padding-left:63px;
	clear:both;
	display:block;
}
#infobox .tabsp2 {
	padding-left:80px;
}
#infobox .tel {
	background-image:url(../images/tel.png);
	background-position: left 18px;
	padding-left:28px;
	background-repeat:no-repeat;
	margin-bottom:20px;
	height:33px;
}
#infobox .logop {
	line-height:50px;
}
.sp {
	padding-top:9px;
	display:inline-block;
	line-height: 1.2;
	font-size: 140%;
}
.sp a {
	color:#FFFFFF;
}
#base_a {
	width:800px;
	margin:0 auto 50px auto;
	overflow:hidden;
}
.acces {
	background-image: url(../images/acsses.png);
	background-repeat: no-repeat;
 	height: 300px;
	width: 420px;
	float: left;
}
#map {
	width:1020px;
	margin:auto;
}
#map iframe {
	width:100%;
	height:400px;
}
#footer {
	width:100%;
	overflow:hidden;
	height:350px;
	background-image:url(../images/footbac.png);
	background-repeat:repeat-x;
	background-position: bottom;
	color:#FFF;
	font-size:14px;
}
#footer_in {
	width:1040px;
	margin:0 auto 50px auto;
}
#footer a {
	color:#FFF;
	letter-spacing:3px;
}
#footer p {
	text-align:left;
	margin-left:40px;
	padding-bottom:30px;
	letter-spacing:1px;
}
#finfo .tel {
	background-image:url(../images/tel.png);
	background-position:left 20px;
	padding-left:25px;
	background-repeat:no-repeat;
	white-space: nowrap;
	height:35px;
	line-height: 1.2;
}
#finfo .logop {
	padding-top:15px;
}
#finfo ul {
	float:left;
	letter-spacing:2px;
/*	margin-right:24px;
*/	width: 340px;
}
#finfo .finfo2 {
	margin-right:10px;
}
#finfo {
	clear: both;
	overflow: hidden;
	height: 200px;
}
.finfob .tel .sp {
	line-height:1.8;
}
 .finfoa, .finfob, .finfoc{
	float:left;
	width:290px;
	padding-left: 38px;
}

.finfod {
	width:340px;
	margin: 20px 0 0 0;
	letter-spacing:1px;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 38px;
}

.finfod span{
	width:160px;
	display:block;
	float: left;
}

.finfoe{
	clear:both;
	float:none;
	overflow: hidden;
}

.finfof{ width:300px; display:block;}

/* -------関連リンク--------*/ 
#container {
	width: 100%;
	text-align: center;
}
#carousel {
	margin: 0 auto 0 auto;/* 上・右・下・左の余白 */
	width: 950px;
	height: 100px;
	text-align: left;
	position: relative;
}
#carousel_prev, #carousel_next {
	top: 33px;
	width: 20px;
	height: 50px;
	background: #000;
	cursor: pointer;
	position: absolute;
}
#carousel_prev {
	left: -28px;
	background:transparent url(../images/button-previous.png) no-repeat top left;
	margin: 0 0 0 2px;/* 上・右・下・左の余白 */
}
#carousel_next {
	right: -32px;
	background:transparent url(../images/button-next.png) no-repeat top left;
}
#carousel ul li {
	width: 323px;
	float: left;
	display: inline;
}
.clearout {
	height:20px;
	clear:both;
}
.js .relation .relation_mask {
	opacity:0
}
.relation .relation_link:hover .relation_mask {
	opacity:1
}
.relation .relation_link:hover .relation_heading {
	bottom:100px;
	opacity:1
}
.relation .relation_link:hover .relation_border {
	width:85%;
}
.relation .relation_link:hover .relation_text {
	top:69px;
	opacity:1;
}
.relation .relation_text {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 170px;
	margin-top: -27px;
	-webkit-transition: width 0.35s ease 0.1s;
	transition: width 0.35s ease 0.1s;
	opacity: 0;
	-webkit-transition: top 0.35s ease 0.1s, opacity 0.35s ease 0.1s;
	transition: top 0.35s ease 0.1s, opacity 0.35s ease 0.1s;
}
.relation .relation_border {
	display: inline-block;
	width: 0px;
	border-top: 1px solid #fff;
	margin-top: 100px;
	-webkit-transition: width 0.35s ease 0.1s;
	transition: width 0.35s ease 0.1s;
}
.relation .relation_mask {
	width: 93%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	color: #FFF;
	text-align: center;
	position: absolute;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
.relation .relation_heading {
	display: block;
	width: 85%;
	font-size: 16px;
	line-height: 1.6;
	text-shadow: 0.5px 0.866px 0px rgba(8,1,3,0.392);
	text-align: center;
	opacity: 0;
	position: absolute;
	bottom: 170px;
	-webkit-transition: bottom 0.35s ease 0.1s, opacity 0.35s ease 0.1s;
	transition: bottom 0.35s ease 0.1s, opacity 0.35s ease 0.1s;
	padding: 0 20px;
}
.relation .relation_link {
	display: block;
	position: relative;
}
.relation {
	width: 300px;
}
#cmtbox {
	position:relative;
	float:right;
	width:32%;
	height:400px;
	background:#fff;
	border:1px solid #e5e5e5;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:0px 0px 0px 0px;
}

#cmtbox iframe{
	width:100%;
	 height:350px;
	 border:0;
	 overflow:hidden;
	 

}

#tab li {
	position:relative;
	float:left;
	width:33.33%;
	text-align:center;
	border-left:1px solid #dcdcdc;
	margin-left:-1px;
	padding:10px 0px;
	cursor:pointer;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
	font-size:80%;
	letter-spacing:1px;
}
#tab li.select {
	background:#dcdbdb;
	background-image:url(../images/actb.png);
	background-position: bottom center;
	background-repeat:no-repeat;
	font-size:80%;
	letter-spacing:1px;
}
.disnon {
	display: none;
}
.content_wrap {
	clear: left;
	width: 100%;
	height: 80%;
	font-size: 20px;
	text-align: center;
	line-height: 100px;
	background: #fff;
	color: #000;
}
.logo2 {
	margin:6px 8px 10px 10px;
	overflow:hidden;
}

/*横並びボックス*/
.basebox{
	width:494px;
	float:left;
	margin-bottom: 20px;
	}
	

	

/*マージン制御*/
.box_mg{ margin-right:36px;}

#topsliderbox{
	width:660px;
}

#snsbox{
	position: absolute;
	width:1020px;
	margin-top:-490px;
	overflow:hidden;
}
	

#snsboxtitle{ width:300px; position: absolute; margin-top:-545px; text-align:center; margin-left:700px;font-size: 130%; color:#FFF;}


#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 998;
}


/*スマホ表示制御*/
 @media screen and (min-width: 0px) and (max-width: 767px) {
body {
	width:100%;
	font-size:90%;
	background-image:url(../images/mlbac.png), url(../images/mrbac.png);
	background-repeat: repeat-y, repeat-y;
	background-position:left, right;
	position: relative;
	z-index:1;
	margin:auto;
}


.logo2{width:230px;}


#menubox{ background-color:#4d4d4d; overflow:hidden; margin-bottom:0px; z-index: 1000;position: fixed; width: 100%; top:0;}


#language {
	width: 155px;
	position: absolute;
	top: 50px;
	right: 10px;
	z-index: 999;
	font-size: 80%;
}
#language li {
	float: left;
	width: 50px;
	letter-spacing: 1px;
	font-size: 80%;
	text-align: right;
}

#language2 {
	float:right;
	text-align:right;
	margin-top: 80px;
	z-index:100;
}

#slidbaseimg {
	position:absolute;
	z-index:99;
	width:100%;
}
#toptitle {
	position:absolute;
	z-index:999;
	top:5px;
	left:10px;
}

#mbsbac {
	position:absolute;
	z-index:99;
	width:100%;
}

#topslider {
	width: 100%;
}
.topcontent {
	margin: 0 auto 0 auto;
	overflow: hidden;
	width: 320px;
}

.content-m {
	margin: 20px auto 10px auto;
	overflow: hidden;
	width: 320px;
}

.content {
	margin: 50px auto 50px auto;
	overflow: hidden;
	width: 320px;
}


.flex-caption {
	display:block;
	width:100px;
	height:198px;
	background-image:url(../images/comentbac.jpg);
	position: absolute;
	color:#000000;
	top:0;
	padding-left:10px;
	right: 0;
	overflow:hidden;
	font-size: 70%;
	line-height: 1.2;
}
.flex-caption .title {
	font-size:1.5em;
	clear:both;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #390;
	padding-left:10px;
	margin-bottom:10px;
}
#mbnavi {
	display: block;
}
/*ボタンアニメ--スマホ*/

.botan {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background-image:url(../images/mbtbac.jpg);
	background-repeat:no-repeat;
	width:270px;
	height:33px;
	line-height:33px;
	font-size:0.625em;
	padding-left:20px;
}
.botan a {
	color:#FFFFFF;
}
.botan:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ccc;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	width:280px;
}
.botan:hover, .botan:focus, .botan:active {
	color:#000;
}
.botan:hover:before, .botan:focus:before, .botan:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.boxsection2 {
	width:320px;
	margin:auto;
	height:auto;
}
.boxsection2 .com_r {
	width:270px;
	overflow: hidden;
	letter-spacing:1px;
	margin: 0 auto 0 auto;
	float: none;
}
.boxsection2 .com_l {
	float: none;
	width:270px;
	overflow: hidden;
	letter-spacing:1px;
	margin: 0 auto 0 auto;
}
.boxsection2 .com_r, .boxsection2 .com_l {
	margin-top:0px;
	padding-top: 160px;
}
.boxsection2 .com_r p, .boxsection2 .com_l p {
	margin: -3px 0 20px 0;
}
.boxsection2 .boxs1 {
	width:100%;
	margin: 0;
	background-image:url(../images/msbirds.jpg);
	padding-top:3px;
	background-size:cover;
	height:310px;
}
.boxsection2 .boxs2 {
	width:100%;
	margin: 0;
	background-image:url(../images/msflower.jpg);
	background-size:cover;
	height:316px;
}
.boxsection2 .title {
	font-size:300%;
}
#sectionbox {
	width:320px;
	margin: 13px auto 18px auto;
	overflow:hidden;
	height:auto;
}
#sabslidbase {
	width:100%;
	float:none;
	margin: -9px 0 2px 0;
}
#sabslidbase img {
	width:100%;
}
/**/

.content_wrap {
	clear: left;
	width: 320px;
	height: 80%;
	font-size: 20px;
	text-align: center;
	line-height: 100px;
	background: #fff;
	color: #000;
	overflow:hidden;
}


#cmtbox {
	width: 320px;
	height: 320px;
	margin: 0 0 0 0;
	overflow:hidden;
}


#cmtbox iframe{width: 300px !important;height:270px;}


#guidebase {
	width: 320px;
	margin: 20px auto 0 auto;
	overflow: hidden;
}
#guidebase ul {
	overflow:hidden;
	margin:0 auto 0 auto;
	display:block;
}
#guidebase li {
	float: left;
	width: 140px;
	height: 140px;
	margin: 0 10px 100px 10px;
	font-size: 90%;
}

#guidebase li span{
	width:130px; 
	height:130px; 
	display:block;overflow: hidden;
	position:relative;
	z-index:10;
}


#guidebase li p {
	width: 150px;
    	margin: 10px 0 0 0;
    	text-align: left;
}
#guidebase li img {
	width:130px;
}
#guidebase li img:hover {
	width:130px;
}
.titlesizel {
	font-size:130%;
	margin-top: 20px;
	letter-spacing:1px;
}
.titlesizem {
	font-size:130%;
	margin-bottom: 10px;
	margin-top: 10px;
}
.titlesizeml {
	font-size:110%;
	margin-bottom: 10px;
	margin-top: 20px;
}
.titlesizemll {
	font-size:200%;
	margin-bottom: 10px;
	margin-top: 20px;
}

.imghover p {
	margin-top:120px;
	overflow:hidden;
	display:block;
	font-size:80%;
}
.acces {
	background-repeat: no-repeat;
	height: 230px;
	width: 320px;
	background-position: center center;
	background-image: url(../images/acsses2.png);
}
#infobox {
	width: 260px;
	margin: 0 0 0 30px;
	float: left;
	letter-spacing: 1px;
}
#footer {
	width:100%;
	background-image:url(../images/footbaca.png);
	background-repeat:repeat-x;
	background-position: bottom;
}
#footer_in {
	width: 300px;
	margin:auto;
}
#finfo {
	height:300px;
	width: 300px;
	margin:auto;
}
#finfo ul {
	float:none;
	letter-spacing:2px;
	margin-bottom:10px;
}
#finfo .finfo2 {
	float:left;
}
#finfo .tel {
	background-image:url(../images/tel.png);
	background-position:left bottom;
	padding-left:28px;
	background-repeat:no-repeat;
	font-size:20px;
	white-space: nowrap;
	height:32px;
}
.finfob .tel .sp {
	line-height:1.2;
}
.finbox {
	margin:0;
}
#imgmail img {
	width:300px;
	display:block;
}
#infobase {
	width:320px;
	margin: 0 auto 20px auto;
	overflow: hidden;
}
#base_a {
	width:320px;
}
#infobox .tabsp {
	padding-left:0;
	float:left;
	margin-left:140px;
	margin-top:-21px;
	letter-spacing: 1px;
}
#infobox .tabsp2 {
	padding-left:5%;
}
#map {
	width:100%;
	margin:auto;
}
#map iframe {
	width:100%;
	height:200px;
	margin:auto;
}
/*園内の鳥たち--スマホ*/

.birds h3 {font-size:90%;}

.birds h4 {width:100%;}


.birds {
	margin:50px auto 50px auto;
}
.birds ul {
	margin:auto;
	width:320px;
}
.birds li {
	float:left;
	margin:0 25px 40px 25px;
	width:110px;
	height:150px;
}

.birds li span{
	width:110px; 
	height:110px; 
	display:block;
	overflow: hidden;
	position:relative;
	z-index:10;
}	

.birds li img {
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
	vertical-align:bottom;
	width:120px;
}
.birds li img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	width:120px;
}
.birds li p {
	text-align:center;
	width:110px;
	margin-top:20px;
	position:relative;
	z-index:888;
}
/*園内の花々--スマホ*/

.flower {
	margin:50px auto 50px auto;
}
.flower ul {
	margin:auto;
	width:320px;
}
.flower li {
	float:left;
	margin:0 25px 25px 25px;
	width:110px;
}
.flower li img {
	vertical-align:bottom;
	width:110px;
	height:auto;
}
.flower li img:hover {
	width:110px;
}
.flower li p {
	text-align:center;
	width:110px;
}

/*園内マップ--スマホ*/


.modal-content, #mapicon .modal-content, #mapgad .modal-content {
	width:90%;
}
.modal_park_map ul, #mapicon .modal_park_map ul, #mapgad .modal_park_map ul {
	width:100%;
}
.modal_park_map li, #mapicon .modal_park_map li, #mapgad .modal_park_map li {
	width:320px;
	height:250px;
}
.modal_park_map li img, #mapicon .modal_park_map li img, #mapgad .modal_park_map li img {
	width:320px;
}
.park_map {
	width:320px;
	color:#FFF;
}
.park_map h3 {
	margin:10px 0 20px 0;
}
.park_map p {
	margin:0 0 20px 0;
}
#mapgad {
	overflow:hidden;
	margin-bottom:30px;
	margin: auto;
	width: 320px;
}
#mapgad ul {
	margin:auto;
	width:320px;
}
#mapgad li {
	float:left;
	width: 150px;
	margin:5px;
	overflow: hidden;
	display: block;
}
#mapgad li img {
	width: 150px;
}
#mapgad li h3 {
	padding-top: 5px;
	line-height:1;
	margin-left: 0px;
	letter-spacing:1px;
}
#mapgad li p {
	font-size:80%;
	margin-left: 0px;
	width: 150px;
}
#mapicon {
	overflow:hidden;
	margin-bottom:30px;
	margin: auto;
}
#mapicon ul {
	margin: auto;
	float: none;
	width:320px;
}
#mapicon li {
	float:left;
	width:150px;
	height:330px;
	margin: 5px;
}
#mapicon li img {
	width:150px;
}
#mapicon li h3 {
	line-height:1;
	letter-spacing:1px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#mapicon li p {
	font-size:80%;
	margin:auto;
}
#enmus {
	position:absolute;
	margin-left:-40px;
}
#pmap {
	background-image:url(../images/park_map/smmap.png);
	background-repeat: no-repeat;
	background-size:100% auto;
	height:250px;
}
#map01 a, #map02 a, #map03 a, #map04 a, #map05 a, #map06 a, #map07 a, #map08 a, #map09 a, #map10 a, #map01a a, #map01b a {
	display: block;
}
#map01 a {
	width:30px;
	height:30px;
	position:absolute;
	margin:100px 0 0 50px;
}
#map02 a {
	width: 25px;
	height: 25px;
	position: absolute;
	margin: 100px 0 0 125px;
}
#map03 a {
	width:25px;
	height:25px;
	position:absolute;
	margin:100px 0 0 152px;
}
#map04 a {
	width:30px;
	height:30px;
	position:absolute;
	margin:60px 0 0 220px;
}
#map06 a {
	width:30px;
	height:30px;
	position:absolute;
	margin:10px 0 0 180px;
}
#map05 a {
	width:30px;
	height:30px;
	position:absolute;
	margin:20px 0 0 280px;
}
#map07 a {
	width:25px;
	height:25px;
	position:absolute;
	margin:30px 0 0 160px;
}
#map08 a {
	width:25px;
	height:25px;
	position:absolute;
	margin:30px 0 0 120px;
}
#map09 a {
	width: 25px;
	height: 25px;
	position: absolute;
	margin: 65px 0 0 160px;
}
#map01a a {
	width:25px;
	height:25px;
	position:absolute;
	margin:55px 0 0 120px;
}
#map01b a {
	width:25px;
	height:25px;
	position:absolute;
	margin:80px 0 0 98px;
}
#map10 a {
	width:25px;
	height:25px;
	position:absolute;
	margin:60px 0 0 90px;
}
#map001a a, #map01aa a, #map01ab a, #map02a a, #map03a a, #map04a a, #map05a a, #map06a a, #map07a a, #map08a a, #map09ab a, #map09a a, #map10a a, #map11a a {
	position:absolute;
	width:150px;
	height:150px;
	display:block;
	background-position:center center;
	background-size:cover;
}
#map001a .box, #map01aa .box, #map01ab .box, #map02a .box, #map03a .box, #map04a .box, #map05a .box, #map06a .box, #map07a .box, #map08a .box, #map09ab .box, #map09a .box, #map10a .box, #map11a .box {
	margin:170px 0 0 0;
	display:block;
}
#contentmap001a,
#contentmap002a,
#contentmap003a,
#contentmap004a,
#contentmap01a,
#contentmap02a,
#contentmap03a,
#contentmap05a a,
#contentmap06a a,
#contentmap07a a,
#contentmap08a a,
#contentmap09a a {
	width:300px;
	float:left;
	margin: 0 auto;
	height:65px;
	background-image:none;
	position:absolute;
	left:0;
	right:0;
}

#map001a .boxlink a,
#map01aa .boxlink a,
#map01ab .boxlink a,
#map02a .boxlink a,
#map03a .boxlink a,
#map04a .boxlink a,
#map05a .boxlink a,
#map06a .boxlink a,
#map07a .boxlink a,
#map08a .boxlink a,
#map09a .boxlink a,
#penguin .boxlink a,
#owl.boxlink a,
#birdshow .boxlink a,
#friendship .boxlink a{ 
	width:320px; 
	height:40px; 
	margin:auto; 
	position:relative; 
	background-image:none;
}

#map05b,#map001b,#map09b{ padding-top:40px;}

/*イベント--スマホ*/
.eventimg img {
	width:100%;
}
.eventimg li {
	width:100%;
}
.eventimg img {
	width:100%;
}
.eventbox {
	margin:30px 0 0 0;
}
.eventbox li {
	width:99%;
	margin:3px;
	float:none;
}
.eventbox li img {
	width:100%;
}
.eventbox p {
	text-align:left;
	font-size:100%;
}
.eventbox span {
	font-size:100%;
}

.guide_table {
	width:100%;
	font-size:85%;
	line-height: 1.5;
}
.event_table th {
	width:25%;
	line-height:1;
}


/*おみやげ　食事--スマホ*/

.food .miyageabox{
	width:270px;
	height:260px;
	border: 1px solid #fff;
	display:block;
	overflow:hidden;
}
.food .miyageabox .miyage_p {
	height:50px;
}
.food h4, .food h3 {
	font-size:108%;
	margin:10px 0 20px 0;
}
.food .miyage {
	width:276px;
	border: 1px solid #fff;
	float: left;
	padding: 20px;
	margin: 0 0 40px 0;
}

.food .miyage img{
	margin: 0 0 10px 0;
}

.foodbase {
	width:100%;
}
.caution dd {
	float:left;
	width:300px;
}
.food .flora {
	width:320px;
	float: left;
	margin: 0 0 30px 0;
}
#floraosusume2 {
	padding: 20px;
	border: 1px solid #FFF;
	overflow: hidden;
	clear:both;
	width:277px;
}
.osusume {
	float: left;
	margin: 0 0 0 0;
	width:300px;
}
.osusume p {
	width:90%;
}
.osusume span {
	width:94%;
}
.osusumebox {
	width:100%;
	clear: both;
	overflow: hidden;
}

.osusumebox h5{
	margin: 0 0 10px 0;
}

.granmenu img{
	margin: 0 0 10px 0;
}
	
.granmenu li {
	float:left;
	width:286px;
	float:left;
	margin:0 20px 20px 0;
	padding:15px;
	border: 1px solid #FFF;
}
#table_flora th {
	width:34%;
	font-size:90%;
	letter-spacing:1px;
}
#table_flora td {
	width:66%;
	font-size:90%;
}
/*不昧庵--スマホ*/

.fumaian {
	width:95%;
}

.fumaian img {
	width:100%;
}
.fumaianboxa li {
	width:95%;
	margin:0 0 20px 0;
}
.fumaianboxa li img {
	width:320px;
}
.fumaianboxb li {
	width:95%;
}
.fumaianboxb li img {
	width:320px;
}


/*かもの家--スマホ*/

.kamonoie{ overflow:hidden; margin-bottom:20px;}
.kamonoieimg img{ margin-bottom:20px; width:100%;}
.kamonoiebox{
	width:100%;
	overflow:hidden;
}
	
.kamonoiebox ul{
	overflow:hidden;
	width:105%;
	margin:auto;
}
	
.kamonoiebox li {
	float:none;
	margin:5px;
	width:320px;
	overflow:hidden;
	height:auto;
}

.kamonoiebox li img {
	width:100%;
}


/*会社情報--スマホ*/

.company_table_a {
	width:100%;
}
.company_table_a th {
	width:30%;
	font-size:85%
}
.company_table {
	width:100%;
}
.company_table th {
	width: 30%;
	font-size:85%;
}
.company_table td {
	font-size:90%;
}

/*施設利用--スマホ*/

.available li {
	width:95%;
	margin:0 0 20px 0;
}
.available li img {
	width:320px;
}

/*利用ガイド--スマホ*/
.guidol dt {
	float:left;
	width:6%;
}
.guidol dd {
	width:90%;
	overflow: hidden;
}
.guide_table {
	width:100%;
	font-size:90%;
	line-height: 1.5;
}
.guide_table th {
	width:80px;
}

.park_infolnk a {
	display: block;
    	border: 1px solid #fff;
    	text-align: center;
    	padding: 10px 5px 10px 10px;
    	margin: 20px auto 20px auto;
    	border-radius: 10px;
    	width: 300px;
	background-color:#FFF;
	color:#22ac38;
	letter-spacing:2px;
}
.park_infolnk a:hover {
	background-color:#22ac38;
	color:#FFF;
}


/*フォーゲルパークとは--スマホ*/

.vogelpark_info_table {
	width:100%;
	overflow:hidden;
}
.vogelpark_info_table th {
	width:100px;
	font-size:90%;
	overflow:hidden;
	word-break: break-all;
}
.vogelpark_info_table td {
	font-size:90%;
	overflow:hidden;
	word-break: break-all;
}

.parkinfo dt{ width:170px; text-align:left; font-size:115% ; }
.parkinfo dd{ width:300px; margin-bottom:10px;}
.parkinfo dt span { display:none;}

.info_fbox li {
	width:320px;
	margin:8px;
	float:none;
}
.info_fbox li img {
	width:100%;
}

#trader {
	width:100%;
}
#login, #password {
	width:300px;
	height:200px;
	margin:10px;
	border: 1px solid #FFF;
	border-radius: 10px;
}
/**/

#infobox .tel, #finfo .tel {
	background-image:url(../images/tel.png);
	background-position: left bottom;
	padding-left:28px;
	background-repeat:no-repeat;
	font-size:20px;
	margin-top:10px;
	margin-bottom:20px;
	height:28px;
}
#footer {
	width:100%;
	overflow:hidden;
	height:550px;
}
#footer_in {
	width: 320px;
	margin:auto;
	overflow:hidden;
}
#finfo {
	margin:auto;
	margin-bottom: 10px;
	overflow:hidden;
	height: 420px;
}
#finfo ul {
	letter-spacing:1px;
	margin-bottom:10px;
	width: 100%;
}
#finfo .finfo2 {
	width:105px;
	text-align:center;
}
#finfo .logop {
	font-size:120%;
}
#infobox .tel {
	background-image:url(../images/tel2.png);
}
#infobox .tel .sp {
	font-size:130%;
	line-height:0.5;
	padding-left:10px;
	letter-spacing: 1px;
}
.tel .sp {
	font-size:80%;
	line-height: 1;
}


.finfoa {
	float:left;
	width:320px;
	font-size:100%;
	margin-right:5px;
	padding: 0;
}

.finfob {
	float:left;
	width:320px;
	font-size:100%;
	margin-right:5px;
	padding: 0;
}
.finfoc {
	float:left;
	width:320px;
	font-size:100%;
	padding: 0;
}
.finfod {
	float: none;
	width:320px;
	clear:both;
	font-size:100%;
	padding: 0;
}

.finfoe{
	overflow: hidden;
	float:none;
	width:320px;
	padding: 0;
}
.mtop {
	position:absolute;
	top:10px;
	left:0;
	right:0;
	margin:auto;
	z-index:1000;
	width:200px;
}
.mtop img {
	width:180px;
}
.minfo img {
	width: 300px;
}
.minfoa {
	display: none;
}
#carousel {
	margin: 0 auto 0 auto;/* 上・右・下・左の余白 */
	width: 300px;
	height: 200px;
	text-align: left;
	position: relative;
}
#mail1 {
}
#mail1 img {
	width:320px;
	margin-bottom:20px;
}
#yubin {
	clear:both;
	display:block;
	margin-bottom:-30px;
}

.lang_en h2,
.lang_ko h2,
.lang_ch h2,
.privac h2,
.company h2,
.flower h2,
.company h2,
.flower h2,
.birds h2,
.park_map h2,
.food h2,
.guide h2,
.events h2,
.vogelpark_info h2,
.passport h2
{
	font-size:200%;
	margin: 0 0 10px 0;
}

#topnavibase {
	display: none;
}

#block1{
	display: none;
}

#topslider {
	display: block;
	margin-top: 50px;
}
#topslider .flexslider .slides img {
	margin:60px 0 0 0;
}

/* -------関連リンク---スマホ-------*/ 
#container {
	width:320px;
	text-align: center;
	margin:auto;
}
#carousel {
	margin: 0 auto 0 auto;/* 上・右・下・左の余白 */
	width: 280px;
	height: 100px;
	text-align: left;
	position: relative;
}
#carousel_prev {
	left: -15px;
	background:transparent url(../images/button-previous.png) no-repeat top left;
	margin: 0 0 0 2px;/* 上・右・下・左の余白 */
}
#carousel_next {
	right: -15px;
	background:transparent url(../images/button-next.png) no-repeat top left;
}
#carousel ul li {
	width: 310px;
	float: left;
	display: inline;
}
.relation .relation_mask {
	margin-left:14px;
	width:250px;
}
.linkimg img {
	width:250px;
	margin-left:14px;
}
#carousel_prev, #carousel_next {
	top: 25px;
}
.relation .relation_link:hover .relation_text {
	top:73px;
	opacity:1
}
.relation .relation_text {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 190px;
	margin-top: -40px;
	-webkit-transition: width 0.35s ease 0.1s;
	transition: width 0.35s ease 0.1s;
	opacity: 0;
	-webkit-transition: top 0.35s ease 0.1s, opacity 0.35s ease 0.1s;
	transition: top 0.35s ease 0.1s, opacity 0.35s ease 0.1s;
}
.relation .relation_border {
	display: inline-block;
	width: 0px;
	border-top: 1px solid #fff;
	margin-top: 85px;
	-webkit-transition: width 0.35s ease 0.1s;
	transition: width 0.35s ease 0.1s;
}
.relation .relation_heading {
	display: block;
	width: 85%;
	font-size: 16px;
	line-height: 1.6;
	text-shadow: 0.5px 0.866px 0px rgba(8,1,3,0.392);
	text-align: center;
	opacity: 0;
	position: absolute;
	bottom: 190px;
	-webkit-transition: bottom 0.35s ease 0.1s, opacity 0.35s ease 0.1s;
	transition: bottom 0.35s ease 0.1s, opacity 0.35s ease 0.1s;
	padding: 0 20px;
	margin-bottom: -9px;
}
.vogellogo {
	margin:0 0 0 0;
	float:left;
}

/*横並びボックス*/
.basebox{width:320px;}

/*マージン制御*/
.box_mg{ margin-right:0;}

#topsliderbox{
	width:320px;
}

#snsbox{
	position:static;	
	width:320px;
	overflow:hidden;
	margin:50px 0 30px 0;
}

#snsboxtitle{ width:300px; position: absolute; margin-top:0px; text-align:center; margin-left:0px;font-size: 130%; color:#FFF;}


.flexslider {
	padding: 17% 0 0 0;
}
	
#tripadvisor {
	width:320px;
	margin:0 auto 40px auto;
	overflow:hidden;
}	
	

#page-top img{
	width: 55px;
}


}
/*タブレット用表示制御*/
 @media screen and (min-width: 768px) and (max-width: 1024px) {
	 
	 
body {
	width:100%;
	background-image:url(../images/lbac.png), url(../images/rbac.png);
	background-repeat: repeat-y, repeat-y;
	background-position:left, right;
	position: relative;
	z-index:1
}
.flex-caption {
	display:block;
	width:165px;
	height:292px;
	background-image:url(../images/comentbac.jpg);
	position: absolute;
	color:#000000;
	top:0;
	padding-left:10px;
	right: 0;
	overflow:hidden;
}


#menu {
	margin: 10px 0 0 0;
}

#menubox{ background-color:#4d4d4d; overflow:hidden; margin-bottom:0px;position: fixed; z-index: 1000; width: 100%; top:0}



#language {
	width: 250px;
	position: absolute;
	right: 0;
	top:70px;
	z-index:999;
	font-size:60%;
}
#language li {
	float: left;
	width: 80px;
	letter-spacing:1px;
	font-size: 180%;
}


#language2 {
	float:right;
	text-align:right;
	margin-top: 80px;
	z-index:100;
}


#toptitle {
	text-align:center;
	position:absolute;
	z-index:100;
	width:230px;
	margin:auto;
	left:0;
	right:0;
	top:3%;
}
#mbsbac {
	display:none;
}
#slidbaseimg {
	position:absolute;
	z-index:99;
	width:100%;
	display:block;
}

#topslider .flexslider .slides img {
	margin:15px 0 0 0;
}

.content, .topcontent,.content-m {
	margin: 20px auto 30px auto;
	overflow: hidden;
	width: 768px;
}
.boxsection2 {
	width:100%;
	margin:0 0 30px 0;
}
.boxsection2 .com_r {
	float:right;
	width:270px;
	overflow: hidden;
	margin-right:30px;
}
.boxsection2 .com_l {
	float: left;
	width:270px;
	overflow: hidden;
	margin-left:50px;
}
.boxsection2 .com_r, .boxsection2 .com_l {
	margin-top: 50px;
	width: 290px;
}
.boxsection2 .com_r p, .boxsection2 .com_l p {
	margin: -5px 0 30px 0;
}
.boxsection2 .title {
	font-size:250%;
}
.boxsection2 .boxs1 {
	width:720px;
	margin:auto;
	background-size: cover;
	background-position:center center;
	background-image:url(../images/mbirds.jpg);
	height: 270px;
}
.boxsection2 .boxs2 {
	width: 720px;
	margin: auto;
	background-size: cover;
	background-position: center center;
	background-image: url(../images/mflower.jpg);
	height: 270px;
}
.botan {
	background-image:url(../images/btbac.jpg);
	background-repeat:no-repeat;
	width:220px;
}
#sectionbox {
	width: 720px;
	margin: 30px auto 50px auto;
}
#infobase {
	width:720px;
	margin:30px auto 30px auto;
	overflow:hidden;
}
#sabslidbase {
	width:470px;
	float: left;
	margin-right:10px;
}
.slides img {
	width:470px;
}
#cmtbox {
	float: left;
	width:230px;
	margin-right:0;
	margin-top:0;
	height:312px;
}
.content_wrap {
	clear: left;
	width: 100%;
	height: 80%;
	font-size: 20px;
	text-align: center;
	line-height: 100px;
	background: #fff;
	color: #000;
}
#guidebase {
	width: 687px;
	margin: 30px auto 30px auto;
	overflow: hidden;
}
#guidebase ul {
	width: 680px;
	margin:0 auto 0 auto;
}
#guidebase li {
	width:170px;
	height:230px;
	float:left;
	overflow:hidden;
	margin: 0 28px 40px 28px;
}


#guidebase li span{
	width:170px; 
	height:170px; 
	display:block;overflow: hidden;
	position:relative;
	z-index:10;
}	

#guidebase li p {
	width:200px;
	margin:30px 0 0 0;
	font-size:90%;
	text-align: left;
}
#guidebase li img {
	width:170px;
}
#guidebase li img:hover {
	width:170px;
}

.imghover p {
	margin-top:180px;
	overflow:hidden;
	display:block;
}
#base_a {
	width:687px;
}
#map {
	width:100%;
	margin:auto;
}
#map iframe {
	width:100%;
	height:400px;
	margin:auto;
}
#mapgad {
	overflow:hidden;
	margin-bottom:30px;
	width:768px;
	margin: 0 auto 0 auto;
}
#mapgad ul {
	margin:auto;
	width:768px;
}
#mapgad li {
	float:left;
	width: 215px;
	margin: 0 20px 0 20px;
	height: 300px;
}
#mapgad li h3 {
	width:200px;
	margin: 10px auto 10px auto;
	line-height:1;
}
#mapgad li p {
	font-size:80%;
	width:200px;
	margin:auto;
}
#mapicon {
	overflow:hidden;
	margin-bottom:30px;
	width:768px;
	margin: 0 auto 50px auto;
}
#mapicon ul {
	float: left;
	width:768px;
}
#mapicon li {
	float:left;
	width:215px;
	margin: 0 20px 0 20px;
	height: 350px;
}
#mapicon li h3 {
	margin: 10px auto 10px auto;
	line-height:1;
	text-align: center;
}
#mapicon li p {
	font-size:80%;
}
#pmap {
	background-image: url(../images/park_map/map.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 500px;
}
/*園内マップ--タブレット*/


.modal-content, #mapicon .modal-content, #mapgad .modal-content {
	width:95%;
	margin:0 auto 0 auto;
}
.modal_park_map ul, #mapicon .modal_park_map ul, #mapgad .modal_park_map ul {
	width:100%;
	margin:0 auto 0 auto;
}
.modal_park_map li, #mapicon .modal_park_map li, #mapgad .modal_park_map li {
	float:left;
	width:360px;
	margin:5px;
	height:280px;
}
.modal_park_map li img, #mapicon .modal_park_map li img, #mapgad .modal_park_map li img {
	width:360px;
}
#map01 a, #map02 a, #map03 a, #map04 a, #map05 a, #map06 a, #map07 a, #map08 a, #map09 a, #map10 a, #map01a a, #map01b a {
	display: block;
}
#map01 a {
	width:70px;
	height:70px;
	position:absolute;
	margin:250px 0 0 150px;
}
#map02 a {
	width: 60px;
	height: 60px;
	position: absolute;
	margin: 240px 0 0 300px;
}
#map03 a {
	width:60px;
	height:60px;
	position:absolute;
	margin:240px 0 0 370px;
}
#map04 a {
	width:60px;
	height:60px;
	position:absolute;
	margin:150px 0 0 530px;
}
#map06 a {
	width:60px;
	height:60px;
	position:absolute;
	margin:30px 0 0 430px;
}
#map05 a {
	width:60px;
	height:60px;
	position:absolute;
	margin:60px 0 0 680px;
}
#map07 a {
	width:80px;
	height:50px;
	position:absolute;
	margin:105px 0 0 400px;
}
#map08 a {
	width:60px;
	height:60px;
	position:absolute;
	margin:80px 0 0 250px;
}
#map09 a {
	width: 60px;
	height: 60px;
	position: absolute;
	margin: 170px 0 0 380px;
}
#map01a a {
	width:40px;
	height:40px;
	position:absolute;
	margin:140px 0 0 280px;
}
#map01b a {
	width:40px;
	height:40px;
	position:absolute;
	margin:180px 0 0 250px;
}
#map10 a {
	width:50px;
	height:50px;
	position:absolute;
	margin:160px 0 0 210px;
}
#map001a a, #map01aa a, #map01ab a, #map02a a, #map03a a, #map04a a, #map05a a, #map06a a, #map07a a, #map08a a, #map09ab a, #map09a a, #map10a a, #map11a a {
	position:absolute;
	width:200px;
	height:200px;
	display:block;
}
#map001a .box #map01aa .box, #map01ab .box, #map02a .box, #map03a .box, #map04a .box, #map05a .box, #map06a .box, #map07a .box, #map08a .box, #map09ab .box, #map09a .box, #map10a .box, #map11a .box {
	margin:220px 0 0 0;
	display:block;
}

#contentmap001a,
#contentmap002a,
#contentmap003a,
#contentmap004a,
#contentmap01a,
#contentmap02a,
#contentmap03a,
#contentmap05a a,
#contentmap06a a,
#contentmap07a a,
#contentmap08a a,
#contentmap09a a {
	width:700px;
	float:left;
	margin:0 0 0 0;
	height:60px;
	background-image:none;
	position:absolute;
	left:0;
	right:0;
}

#map001a .boxlink a,
#map01aa .boxlink a,
#map01ab .boxlink a,
#map02a .boxlink a,
#map03a .boxlink a,
#map04a .boxlink a,
#map05a .boxlink a,
#map06a .boxlink a,
#map07a .boxlink a,
#map08a .boxlink a,
#map09a .boxlink a,
#penguin .boxlink a,
#owl.boxlink a,
#birdshow .boxlink a,
#friendship .boxlink a
{ 
	width:700px; 
	height:50px; 
	margin:auto; 
	position:relative; 
	background-image:none;
}

/*フォーゲルパークとは--タブレット*/
.info_fbox li {
	width:240px;
	margin:8px;
	float:left;
	height: 230px;
}

.park_info li {
	float:left;
	width:370px;
	margin:0 24px 0 0;
}

.park_info li img{width:370px;}

.parkinfo dt{ width:150px; text-align:left; font-size:115%; }
.parkinfo dd{ width:400px; margin-bottom:10px;}
.parkinfo span { display:none;}


/*イベント--タブレット*/

.eventimg img {
	width:100%;
}
.eventimg li {
	float:left;
	width:46%;
	margin:12px;
}
.eventimg img {
	width:100%;
}
.eventbox {
	margin:30px 0 30px 0;
}
.eventbox li {
	width:240px;
	margin:8px;
	float:left;
	height:450px;
}
.eventbox li img {
	width:240px;
}
.eventbox p {
	text-align: left;
}
.guide_table {
	width:100%;
}
.event_table th {
	width:160px;
}
.event_table td {
}
/**/

#carousel {
	margin: 0 auto 0 auto;/* 上・右・下・左の余白 */
	width: 600px;
	height: 200px;
	text-align: left;
	position: relative;
}
.flower ul {
	margin:auto;
	width:768px;
}


.brugmansia ul,
.coleus ul,
.erect-temmed ul,
.fuchsia ul,
.geranium ul,
.rex ul,
.rhizomatous ul,
.streptocarpus ul,
.tuber ul,
.tuberous ul {
	margin:auto;
	width:768px;
}

.birds ul {
	margin:auto;
	width:768px;
}
.acces {
	height: 250px;
	width: 342px;
	background-image:url(../images/acsses2.png);
}
/*おみやげ　食事--タブレット*/

.food .miyageabox {
	width:315px;
	height:300px;
	border: 1px solid #fff;
	display:block;
	overflow:hidden;
}
.food h4, .food h3 {
	font-size:110%;
	margin:10px 0 20px 0;
}
.food .miyage {
	width:319px;
	border: 1px solid #fff;
	float: left;
	padding: 24px;
	margin: 0 28px 40px 0;
}
.food .miyageabox .miyage_p {
	height:60px;
}
.foodbase {
	width:810px;
}
#floraosusume2 {
	padding: 20px;
	border: 1px solid #FFF;
	overflow: hidden;
	clear:both;
	width:340px;
}
.osusume {
	float: left;
	margin: 0 40px 0 0;
	width:340px;
}
.osusumebox {
	clear: both;
	overflow: hidden;
	margin: 0 auto 0 auto;
	width:110%;
}
.granmenu li {
	float:left;
	width:330px;
	float:left;
	margin:0 20px 20px 0;
	padding:20px;
	border: 1px solid #FFF;
}
.food .flora {
	width:364px;
	float: left;
	margin: 0 40px 30px 0;
}
#floraosusume2 {
	padding: 20px;
	border: 1px solid #FFF;
	overflow: hidden;
	clear:both;
	width:339px;
}
.osusume {
	float: left;
	margin: 0 50px 0 0;
	width:340px;
}
.osusumebox {
	width:110%;
	clear: both;
	overflow: hidden;
}
.granmenu li {
	float:left;
	width:330px;
	float:left;
	margin:0 20px 20px 0;
	padding:20px;
	border: 1px solid #FFF;
	height: 300px;
}
#table_flora th {
	width:25%;
}
#table_flora td {
	width:75%;
}
/*不昧庵--タブレット*/

.fumaianbox {
	width:105%;
}
.fumaianbox li {
	float:left;
	margin:0 20px 30px 0;
	width:375px;
}
.fumaianbox li img {
	width:100%;
	margin-bottom:10px;
}
.fumaianboxb {
	width:100%;
	overflow:hidden;
}
.fumaianboxb li {
	width:180px;
	margin:8px;
}
.fumaianboxb li img {
	width:180px;
}
.fumaianboxb li p {
	text-align:left;
	font-size:80%;
}

/*かもの家--タブレット*/

.kamonoie{ overflow:hidden; margin-bottom:20px;}
.kamonoieimg img{ margin-bottom:20px; width:100%;}
.kamonoiebox{
	width:100%;
	overflow:hidden;
}
	
.kamonoiebox ul{
	overflow:hidden;
	width:105%;
	margin:auto;	
}	
	
.kamonoiebox li {
	float:left;
	margin:5px;
	width:370px;
	overflow:hidden;
	height:380px;
}

.kamonoiebox li img {
	width:100%;
}



/*会社情報--タブレット*/



/*施設利用--タブレット*/

.available {
	margin:20px 0 0 0;
	overflow:hidden;
}

.available ul{width:104%;}


.available li {
	float:left;
	margin:0 38px 30px 0;
	width:360px;
	overflow:hidden;
}
.available li img {
	width:100%;
	margin-bottom:10px;
}

/*利用ガイド--タブレット*/

.park_infolnk a {
	display: block;
    	border: 1px solid #fff;
    	text-align: center;
    	padding: 10px 5px 10px 10px;
    	margin: 20px auto 20px auto;
    	border-radius: 10px;
    	width: 330px;
	background-color:#FFF;
	color:#22ac38;
	letter-spacing:2px;
}
.park_infolnk a:hover {
	background-color:#22ac38;
	color:#FFF;
}

.guidol dt {
	float:left;
	width:3%;
}
.guidol dd {
	width:97%;
	overflow: hidden;
}
.guide_table {
	width:100%;
	font-size:90%;
}
.guide_table th {
	    width: 150px;
    letter-spacing: 1px;
}

#infobox {
	width: 342px;
	float: left;
	letter-spacing: 1px;
	margin: 0 0 0 0;
}
#footer {
	width:100%;
}
#footer_in {
	width: 640px;
	margin:auto;
}

#footer_in .finfoa ul{width:320px;}
#footer_in .finfob ul{width:320px;}
#footer_in .finfoc ul{
	width:300px;
}
#footer_in .finfod ul{width:320px;}
#footer_in .finfod {
	margin: 20px 0 0 0;
	float: left;
}

#finfo {
	height:200px;
	width: 700px;
	margin:auto;
}
#finfo ul {
	float: none;
	letter-spacing:2px;
	margin-bottom:10px;
}
#finfo .finfo2 {
	width:105px;
	text-align:center;
}

.finfoa,.finfob,.finfoc,.finfod{ width:350px; padding: 0; }

.finfoe{ clear:none; float:left;width:350px;padding-left: 0;}

#map {
	width:100%;
	margin:auto;
}
#map iframe {
	width:100%;
	height:300px;
	margin:auto;
}
#carousel {
	margin: 0 auto 0 auto;/* 上・右・下・左の余白 */
	width: 600px;
	height: 200px;
	text-align: left;
	position: relative;
}
.lang_en h2, .lang_ko h2, .lang_ch h2, .privac h2, .company h2, .flower h2, .company h2, .flower h2, .birds h2, .park_map h2, .food h2, .guide h2, .events h2 {
	font-size:200%;
	margin: 0 0 10px 0;
}
#topnavibase {
	display: none;
}
.mtop {
	position:absolute;
	top:30px;
	left:0;
	right:0;
	margin:auto;
	z-index:1000;
	width:200px;
}
.minfo {
	display: none;
}
#yubin {
	clear:both;
	display:block;
	margin-bottom:-20px;
}
#mail1 img {
	width:300px;
}
#block1 {
	display: none;
}
#topslider {
	display: block;
}
#mail2 {
}
/*ボタンアニメ--タブレット*/

.botan {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background-image:url(../images/mbtbac.jpg);
	background-repeat:no-repeat;
	width:270px;
	height:33px;
	line-height:33px;
	font-size:0.625em;
	padding-left:20px;
}
.botan a {
	color:#FFFFFF;
}
.botan:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ccc;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	width:280px;
}
.botan:hover, .botan:focus, .botan:active {
	color:#000;
}
.botan:hover:before, .botan:focus:before, .botan:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
/* -------関連リンク-----タブレット-----*/ 
#container {
	width:630px;
	text-align: center;
	margin:auto;
}
#carousel {
	margin: 0 auto 0 auto;/* 上・右・下・左の余白 */
	width: 630px;
	height: 200px;
	text-align: left;
	position: relative;
}
.vogellogo {
	margin:0 0 0 0;
	float:left;
}

#tab li {
	font-size:70%;
}
	


/*横並びボックス*/
.basebox{
	width:374px;
		}

/*マージン制御*/
.box_mg{ margin-right:20px;}


#topsliderbox{
	width:470px;
}

#snsbox{
	margin-left:510px;
	margin-top:-390px;
	width:255px;	
}

#snsboxtitle{ width:300px; position: absolute; margin-top:-450px; margin-left:460px;text-align:center; ;font-size: 130%; color:#FFF;}


#cmtbox iframe{height:280px;}


}
/* ここに1025px以上のCSSを記述最大画面表示設定*/
@media screen and (min-width : 1025px) {
	
#toptitle {
	text-align:center;
	position:absolute;
	z-index:100;
	width:350px;
	margin:auto;
	left:0;
	right:0;
	top:50px;
}
#menu {
	display: none;
}
.logo2 {
	display: none;
}
.flex-caption {
	display:block;
	width:176px;
	height:300px;
	background-image:url(../images/comentbac.jpg);
	position: absolute;
	color:#000000;
	top:0;
	padding-left:10px;
	margin-left:485px;
	overflow:hidden;
}
#mbst {
	margin:0px 0 0 0;
	overflow:hidden;
}
.mtop {
	position:absolute;
	top:7%;
	left:0;
	right:0;
	margin:auto;
	z-index:1000;
}
.minfo {
	display: none;
}
#mail2 {
	display: none;
}
#indexnavibase {
	width:100%;
	position:absolute;
	bottom:-30px;
}
#topslider {
	display: none;
}
.titlesizel {
	font-size: 200%;
	margin-top: 80px;
}	

}