@charset "utf-8";
@media print, screen and (min-width: 768px){
.smart {
	display:none;
}

/*------------------------------------------
html,body
------------------------------------------*/
html,body{
  margin:0;
  padding:0;
  width: 100%;

}
html {
	display: table;
}

body {
	height: 100%;
	color: #111;
	font-family:  Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.5em;
	background:#fff;
	-webkit-text-size-adjust: 100%;
	-webkit-print-color-adjust: exact;/*印刷対応*/
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    color: #0431B4;
}

a:hover {
    color: #0431B4;
}

ul{
    list-style-type: square;
}

/*------------------------------------------
header
------------------------------------------*/
header {
	font-family:'F+UD-ニューロダン B';
	font-weight:bold;
	background: #F7E8EB;
	color: #333;
	font-size:13px;
	line-height: 13px;
	margin: 0;
	padding: 0;
}

header ul {
	margin: 0;
	padding: 0;
	float: left;
}

header li {
	margin: 0;
	padding: 0;
	display: inline-block;
}

header a{
	text-decoration:none;
}

header a:hover{
	text-decoration:underline;
}


nav ul {
    list-style:none;
}

h1{
    display:none;
}

.inner_header {
	margin: 0 auto;
	padding: 0;
	width: 1100px;
}

/*------------------------------------------
#ヘッダー共通
------------------------------------------*/
body.translated-by-google{/*翻訳ツールバー削除*/
    top:0px !important;
}
.skiptranslate iframe{
    display:none !important;
}

li.park a{
	/*color: #E999A5;*/
	color: #E17989;
}
li.amuse a{
	color: #D33A52;
}
li.zoo a{
	color: #84A730;
}
li.plant a{
	color: #6b3c30;
}
li.museum a{
	color: #F27004;
}
li.etc a{
	color: #309FE4;
}
li.cource a{
	color: #A6693C;
}
li.shop a{
	color: #D90000;
}
li.guide a{
	color: #8500B2;
}

#navismall {
	top:0;
	padding: 0;
	width: 100%;
	height: 40px;
	background: #fff;
	position: fixed;
	z-index:100;
	border-bottom: #E07081 solid 5px;
    text-align: center;
}
#navismall #left img {
	padding: 2px 0 0 20px;
	width: 128px;
	height: 37px;
	float: left;
	display: inline-block;
}

#navismall ul.navi{
	/*margin-top:10px;*/
    height: 39px;
    padding: 0;
    margin: 0;
    display: table;
}

#navismall ul li:hover ul{
  display: block;
}

#navismall nav li {
	text-decoration: none;
	width: 90px;
	/*height: 85px;
	height: 25px;*/
	height: 39px;
	/*margin: 5px;
	margin:-2px 0 0 0;*/
	margin:0;
	text-align: center;
	/*top: 0;*/
	/*float: left;*/
    vertical-align: middle;
    display: table-cell;
    padding: 0;
}

#navismall nav li li{
	width: auto;
	margin:5px;
	float:left;
}

#navismall nav li {
}

#navismall li a:hover{
	text-decoration:none;
}

#navismall ul.navi ul{
  position: absolute;
  padding:10px;
  /*top: 31px;*/
  top: 37px;
  margin-left: -25px; 
  display: none;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-radius:0 0 10px 10px;
}

#navismall ul.control li {
    width: 27px;
    margin-top:5px;
}

#navismall ul.control img{
	vertical-align:middle;
	margin:5px 0 0 2px;
}

#navismall ul.control ul{
  position: absolute;
  top: 31px;
  display: none;
  background: #FFF;
  width:70px;
  margin-left:-20px;
}

#navismall ul.control ul li{
  margin: 0;
  display: block;
  line-height: 20px;
}
#navismall ul ul li.current {
    background: #90CAF9;
}
#navismall ul.control ul li a:hover {
  color: #FFF;
  background: #000;
  width:70px;
  height:20px;
  margin: 0;
  display: block;
  top:30px;
}

#navismall ul.control li:hover li{
  width:70px;
  height:20px;
  margin: 0;
}

#navismall ul li.park ul{
  width:370px;
  background:linear-gradient(#FFFFFF, #F9E3E7);
}

#navismall nav ul li.amuse ul{
  width:250px;
  background:linear-gradient(#FFFFFF, #FFDFDF);
}

#navismall nav ul li.zoo ul{
  width:250px;
  background:linear-gradient(#FFFFFF, #E2EEC4);
}

#navismall ul li.plant ul{
  width:250px;
  background:linear-gradient(#FFFFFF, #FEE4CF);
}

#navismall ul li.museum ul{
  width:250px;
  background:linear-gradient(#FFFFFF, #FEE4CF);
}

#navismall ul li.etc ul{
  width:370px;
  background:linear-gradient(#FFFFFF, #DBEFFB);
}

#navismall ul li.cource ul{
  width:250px;
  background:linear-gradient(#FFFFFF, #E4D5AB);
}

#navismall ul li.shop ul{
  width:250px;
  background:linear-gradient(#FFFFFF, #FFDFDF);
  margin-left: -100px; 
}

#navismall ul li.guide ul{
  /*width:370px;*/
  width:490px;
  background:linear-gradient(#FFFFFF, #F8E1FF);
  /*margin-left: -300px;*/ 
  margin-left: -435px;
}

#navismall ul ul li{
  height: 115px;
/*  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;*/
}

#navismall ul.navi ul li a{
  width:80px;
  height:80px;
  padding:10px;
  /*margin:10px;*/
  margin:10px 5px;
  border:1px #ccc solid;
  display: block;
  position:relative;
  background:#fff;
}

#navismall a:hover img,
#navismall a:hover
{
	opacity: 0.6 ;
	filter: alpha(opacity=60) ;	
	text-decoration:none;
}

/*ときわ公園とは 背景*/
#navismall ul li.park ul li a{
  background-image:url("../common/icon_park.png");
  background-repeat: no-repeat;  
  background-position: 28px 30px;  
}
#navismall ul li.park ul li:nth-child(1) a{
  background-image:url("../common/about_green.png");
  background-position: 0px 0px;  
}

#navismall ul li.park ul li:nth-child(2) a{
  background-image:url("../common/about_sculp.png");
  background-position: 0px 0px;  
}

#navismall ul li.park ul li:nth-child(3) a{
  background-image:url("../common/about_zoo.png");
  background-position: 0px 0px;  
}

#navismall ul li.park ul li:nth-child(4) a{
  background-image:url("../common/about_amuse.png");
  background-position: 0px 0px;  
}

#navismall ul li.park ul li:nth-child(5) a{
  background-image:url("../common/about_history.png");
  background-position: 0px 0px;
}

#navismall ul li.park ul li:nth-child(6) a{
  background-image:url("../common/about_etc.png");
  background-position: 0px 0px;
}

/*遊園地 背景*/
#navismall ul li.amuse ul li a{
  background-image:url("../common/icon_amuse.png");
  background-repeat: no-repeat;  
  background-position: 28px 40px;  
}

#navismall ul li.amuse ul li:nth-child(1) a{
  background-image:url("../common/amuse_attraction.png");
  background-position: 0px 0px;  
}

#navismall ul li.amuse ul li:nth-child(2) a{
  background-image:url("../common/amuse_event.png");
  background-position: 0px 0px;  
}

#navismall ul li.zoo ul li a{
  background-image:url("../common/icon_zoo.png");
  background-repeat: no-repeat;  
  background-position: 28px 40px;  
}

/*動物園 背景*/
#navismall ul li.zoo ul li a{
  background-image:url("../common/icon_park.png");
  background-repeat: no-repeat;  
  background-position: 28px 30px;  
}
#navismall ul li.zoo ul li:nth-child(1) a{
  background-image:url("../common/zoo_animal.png");
  background-position: 0px 0px;  
}

#navismall ul li.zoo ul li:nth-child(2) a{
  background-image:url("../common/zoo_blog.png");
  background-position: 0px 0px;  
}

#navismall ul li.zoo ul li:nth-child(3) a{
  background-image:url("../common/zoo_info.png");
  background-position: 0px 0px;  
}

#navismall ul li.zoo ul li:nth-child(4) a{
  background-image:url("../common/zoo_event.png");
  background-position: 0px 0px;  
}

/*植物館 背景*/
#navismall ul li.plant ul li:nth-child(1) a{
  background-image:url("../common/plant_flour.png");
  background-position: 0px 0px;  
}

#navismall ul li.plant ul li:nth-child(2) a{
  background-image:url("../common/museum_plant.png");
  background-position: 0px 0px;  
}

/*ミュージアム 背景*/
#navismall ul li.museum ul li:nth-child(1) a{
  background-image:url("../common/museum_sculp.png");
  background-position: 0px 0px;  
}

#navismall ul li.museum ul li:nth-child(2) a{

  background-image:url("../common/museum_event.png");
  background-position: 0px 0px;  
}

#navismall ul li.museum ul li:nth-child(3) a{
  background-image:url("../common/museum_blog.png");
  background-position: 0px 0px;  
}

#navismall ul li.museum ul li:nth-child(4) a{
  background-image:url("../common/museum_event.png");
  background-position: 0px 0px;  
}

/*その他の施設 背景*/
#navismall ul li.etc ul li a{
  background-image:url("../common/icon_etc.png");
  background-repeat: no-repeat;  
  background-position: 28px 35px;  
}

#navismall ul li.etc ul li:nth-child(1) a{
  background-image:url("../common/etc_sekitan.png");
  background-position: 0px 0px;  
}

#navismall ul li.etc ul li:nth-child(2) a{
  background-image:url("../common/etc_lake.png");
  background-position: 0px 0px;  
}

#navismall ul li.etc ul li:nth-child(3) a{
  background-image:url("../common/etc_rest.png");
  background-position: 0px 0px;  
}

#navismall ul li.etc ul li:nth-child(4) a{
  background-image:url("../common/etc_camp.png");
  background-position: 0px 0px;  
}

#navismall ul li.etc ul li:nth-child(5) a{
  background-image:url("../common/etc_energy.png");
  background-position: 0px 0px;
}

#navismall ul li.etc ul li:nth-child(6) a{
  background-image:url("../common/etc_botan.png");
  background-position: 0px 0px;
}

/*学びと観光 背景*/
#navismall ul li.cource ul li a{
  background-image:url("../common/icon_cource.png");
  background-repeat: no-repeat;  
  background-position: 28px 30px;  
}

#navismall ul li.cource ul li:nth-child(1) a{
  background-image:url("../common/guide_map.png");
  background-position: 0px 0px;  
}

#navismall ul li.cource ul li:nth-child(2) a{
  background-image:url("../common/cource_study.png");
  background-position: 0px 0px;  
}
/*グルメショップ 背景*/
#navismall ul li.shop ul li a{
  background-image:url("../common/icon_g_s.png");
  background-repeat: no-repeat;  
  background-position: 28px 30px;  
}

#navismall ul li.shop ul li:nth-child(1) a{
  background-image:url("../common/gurume.png");
  background-position: 0px 0px;  
}

#navismall ul li.shop ul li:nth-child(2) a{
  background-image:url("../common/shop.png");
  background-position: 0px 0px;  
}

/*ご来園ガイド*/
#navismall ul li.guide ul li a{
  background-image:url("../common/icon_guide.png");
  background-repeat: no-repeat;  
  background-position: 28px 30px;  
}
#navismall ul li.guide ul li:nth-child(1) a{
  background-image:url("../common/guide_map.png");
  background-position: 0px 0px;  
}

#navismall ul li.guide ul li:nth-child(2) a{
  background-image:url("../common/guide_access.png");
  background-position: 0px 0px;  
}

#navismall ul li.guide ul li:nth-child(3) a{
  background-image:url("../common/guide_ryokin.png");
  background-position: 0px 0px;  
}

#navismall ul li.guide ul li:nth-child(4) a{
  background-image:url("../common/guide_service.png");
  background-position: 0px 0px;  
}

#navismall ul li.guide ul li:nth-child(5) a{
  background-image:url("../common/guide_qa.png");
  background-position: 0px 0px;
}

#navismall ul li.guide ul li:nth-child(6) a{
  background-image:url("../common/guide_calendar.png");
  background-position: 0px 0px;
}

#navismall ul li.guide ul li:nth-child(7) a{
  background-image:url("../common/guide_parking.png");
  background-position: 0px 0px;
}

#navismall ul li.guide ul li:nth-child(8) a{
  background-image:url("../common/guide_dantai.png");
  background-position: 0px 0px;
}

/* google翻訳 */
div#google_translate_element div.goog-te-gadget-simple {
  border: none !important;
}

div#google_translate_element div.goog-te-gadget-simple span span{
  /*border: none !important;*/
  display:none !important;
}

div#google_translate_element div.goog-te-gadget-simple span img{
  display:none !important;
}

iframe.goog-te-menu-frame,iframe.goog-te-menu-frame a{
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: none !important;
  color:#000 !important;
}

/*------------------------------------------
共通
------------------------------------------*/
/*--見出し--*/
h2,h3,h4 {
	font-family:'F+UD-ニューロダン B';
	font-weight:bold;
}
h2 {
	font-size: 200%;
}

/*--中央寄せ--*/
.inner {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

/*--パンくず--*/
#pankuzu{
	font-size:80%;
	margin:0 0 10px 0;
}

/* サイト全体のボックス　*/
#main-container
{
	width:100%;
	margin:0 auto;
	padding:0;
	position:relative;
}

/* サイト全体のボックス　*/
#main-container p
{
	margin-left:5px;
}

main
{
	width:980px;
	margin:0 auto;
	padding:20px 10px;
	z-index:95;
	margin-top:50px;
	min-height:600px;
	display:block;
}

/*------------------------------------------
背景色設定
------------------------------------------*/
div.park,p.park,span.park {
	/*background: #E999A5;*/
	background: #E17989;
}

div.amuse,p.amuse,span.amuse {
	background: #D33A52;
}

div.zoo,p.zoo,span.zoo {
	background: #84A730;
}

div.etc,p.etc,span.etc {
	background: #309FE4;
}

div.sekitan,p.sekitan,span.sekitan {
	background: #309FE4;
}

div.cource,p.cource,span.cource {
	background: #A6693C;
}

div.museum,p.museum,span.museum {
	background: #F27004;
}

div.shop,p.shop,span.shop {
	background: #D90000;
}

span.pickupicon {
	background: #555;
	color:#FFF;
	padding:3px 5px 3px 5px;
	margin:0 0 0 5px;
	font-size: 80%;
	/*font-family:  Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;*/
}

/*------------------------------------------
footer
------------------------------------------*/
#footernavi {
	font-family:'F+UD-ニューロダン B';
	font-weight:bold;
	margin:0;
	padding:20px 0 0 0;
	width:100%;
	background:#ffffff;
	position: relative;
}

#footernavi ul{
	margin:0;
	padding:0;
	float:right;
}

#footernavi li{
	margin:0;
	padding: 0 10px 0px 10px;
	text-align: right;
	display: inline-block;
	border-right: #333 solid 1px;
	margin-bottom:10px;
}

#footernavi li:first-child {
	border-left: #333 solid 1px;
}


#footernavi a {
    color: #333;
	text-decoration:none;
}

#footernavi a:hover{
    color: #333;
	text-decoration:underline;
}

footer {
	font-family:'F+UD-ニューロダン B';
	font-weight: bold;
	margin:0;
	padding: 10px;
	background: #F7E8EB;
	border-top: #ccc solid 1px;
	color: #333;
	font-size: 80%;
    width:100%;
    position: relative;
    box-sizing: border-box;
}
footer p{
	margin:0;
	padding:0;
}
footer div.right{
	margin:20px 0 0 0;
	padding:0;
}


/*一時的に設定　ウェブフォントトライアル画像*/
img#fontplus-trial-banner{
display:none;
}


/*------------------------------------------
right,left
------------------------------------------*/
.right {
	float: right;
	margin:0;
	padding:0;
}

.left {
	float: left;
	margin:0;
	padding:0;
}

/*------------------------------------------
clear
------------------------------------------*/
.clear {
	clear: both;
}
.debug-panel{
	display:none;
}

/*------------------------------------------
page-top 設定 ※追加
 ------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 200%;
    z-index:500;
}
#page-top a {
    background: rgba(66,66,66,0.7);
    text-decoration: none;
    color: #fff;
    padding: 15px 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: rgba(66,66,66,0.3);
}

/*------------------------------------------
翻訳中の時、ロード中
 ------------------------------------------*/
body.load .loading_overlay {
	background-color:rgba(255,255,255,0.7);
	position:fixed;
	width:100%;
	height:100%;
	z-index:1000;
	left:0;
	top:0;
	text-align:center;
	display:flex;
	}
body.load .loading_overlay .loader {
	border: 16px solid #f3f3f3; 
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
	margin:auto;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#powered-by-google {
    position: fixed;
    bottom: 24px;
    right: 17px;
    z-index: 201;
    height: 0;
    width: 122px;
}

/*------------------------------------------
フォント変化
 ------------------------------------------*/
body.ko{
	font-family: YDGothic140,Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'MS Pゴシック', sans-serif;
}
body.zh-CN{
	font-family:'方正黑体_GBK',Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'MS Pゴシック', sans-serif;
}
body.zh-TW{
	font-family:'方正细圆繁体',Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'MS Pゴシック', sans-serif;
}
body.ko #footerbox{
	font-family:'FOTK-YDGothic 120';
}
body.zh-CN #footerbox{
	font-family:'方正细圆简体';
}
body.zh-TW #footerbox{
	font-family:'方正细圆简体';
}
body.ko #footerbox ul li.parent{
	font-family:'FOTK-YDGothic 140';
}
body.zh-CN #footerbox ul li.parent{
	font-family:'方正准圆简体';
}
body.zh-TW #footerbox ul li.parent{
	font-family:'方正准圆繁体';
}

}/*media*/

/*------------------------------------------
印刷用
 ------------------------------------------*/
@media print{
#navismall {
	position: relative;
}