@charset "UTF-8";
/* CSS Document */

h1,
.inner
{ width: 92%; margin:0 auto;}

h1 img {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
		max-width: 150px;
}

#assist,
#header_zone .head_link
{ display:none; }

#header_zone {
    min-height: auto;
		background: #fff url(/img/top/top_fig01.png)repeat-x center top;
		position: relative;
}

#header_zone .inner {
    background: url(/img/top/top_fig.png)no-repeat -100px 40px;
    height: 100px;
    background-size: 50%;
    width: 100%;
}

#toppage #header_zone .logo { float: none; position: relative; left: auto; top: auto; margin-left: 10px; }
#toppage #header_zone .logo img { max-width: 104px; height: auto; }

/*________________________________*/

#header_zone #main_vis {
    background: url(/park/top/P006_2.jpg)no-repeat left top;
    min-height: auto;
    padding-top: 0;
    position: relative;
    background-size: 100% auto;
    width: 100%;
    margin-top: 0;
}

#main_vis_img {
    position: static;
    width: 100%;
    height: auto;
}

#header_zone #main_vis .inner {
    background: #d5db39 url(/img/top/top_fig_s.png)no-repeat right 0;
    height: auto;
		padding-bottom: 10px;
		background-size: 20%;
}

#header_zone #main_vis .text_outer {
    width: 92%;
    height: auto;
		margin: 0 auto;
		background-color: transparent;
}

#header_zone #main_vis .text_area {
    width: 100%;
		position: relative;
    top: 0;
}

#header_zone #main_vis .text_area .catch {
  border: none;
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 100%;
}

/*________________________________*/
#key_zone { padding: 0; }

#glonavi ul {
  display: flex;
  flex-wrap: wrap;
}

#key_zone .inner { width: 100%; }

#glonavi li {
    float: none;
    width: 50%;
    border-bottom: 2px solid #cebd74;
    line-height: 1.4;
}

#glonavi li:nth-child(odd) {
		border-right: 2px solid #cebd74;
}

#glonavi .navi01 { background: url(/img/top/navi01.png) no-repeat center 5px; width: 50%; }
#glonavi .navi02 { background: url(/img/top/navi02.png) no-repeat center 5px; width: 50%; }
#glonavi .navi03 { background: url(/img/top/navi03.png) no-repeat center 5px; width: 50%; }
#glonavi .navi04 { background: url(/img/top/navi04.png) no-repeat center 5px; width: 50%; }

#glonavi li a {
    border-right: none;
    width: 100%;
    display: block;
    min-height: 74px;
    position: absolute;
    bottom: 0;
    padding: 48px 0 0 0;
    font-size: 100%;
    font-weight: bold;
}

#glonavi li:first-child a {
    border-left: none;
}

/*________________________________*/

.mod-bxslider { margin-top: 20px; }
.bx-wrapper .bx-next { right: 10px; }
.bx-wrapper .bx-prev { left: 10px; }

.bx-wrapper .bx-pager {
    top: auto;
}


/*________________________________*/

#event_zone { margin-top: -40px; padding-bottom: 30px;}
#event_zone .inner { width: 100%; }

#event_zone .top_area p,
#event_zone .calender_area { display: none; }

#event_zone .title_area {
    float: none;
    width: 100%;
    background: url(/img/top/event_zone_bg.jpg) no-repeat right 0;
    min-height: auto;
    margin-bottom: 0;
    background-size: 40%;
}

#event_zone h2.main {
    float: none;
    font-size: 160%;
    background: url(/img/top/h2_event_bg.png)repeat-x 0 bottom;
    padding: 0 4% 15px 4%;
    margin-right: 0;
}

#event_zone .event_box_area { float: none; width: 92%; margin: 0 auto;}

#event_zone .event_box {
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
}

#event_zone .event_box:nth-child(5) {
    margin-bottom: 20px;
}

#event_zone .twitter_area {
    width: 92%;
    float: none;
    margin: 20px auto 0 auto;
		border: none;
}

#event_zone .golist {
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  width: 92%;
  margin: 10px auto;
}

/*________________________________*/
#search_zone { padding: 30px 0; }
#search_zone .inner { width: 100%; }
#search_zone .title_area p { display: none; }

#search_zone .title_area {
background: url(/img/top/search_zone_bg.png) no-repeat right top;
background-size: 26%;
margin-bottom: 20px;
}

#search_zone h2 {
    float: none;
    font-size: 160%;
    background: url(/img/top/h2_search_bg.png) repeat-x 0 bottom;
    padding: 20px 4% 15px;
    margin-right: 0;
}

#search_zone .part { padding: 20px; width: 92%; margin: 0 auto 2px auto;}
#search_zone .main_part { width: 100%; float: none; }

#search_zone h3 {
    float: none;
}

#search_zone .aiueo li {
    margin-right: 2%;
		margin-bottom: 2%;
    float: left;
    width: 18%;
}

#search_zone .aiueo li a { font-size: 120%; text-align: center; padding: 12px 0;}


#search_zone input.text_box {
    border-top: 4px solid #d6d6d6;
    border-radius: 2px 0 0 2px;
    width: 70%;
    padding: 0 20px;
    font-size: 100%;
}

.fr_left {
    float: none;
    margin-left: 0;
		margin-bottom: 10px;
}

#search_zone select.text_box { width: 70%; font-size: 100%; }

#search_zone input.button {
    border-top: 2px solid #d6d6d6;
}

#search_zone input.button2 {
    border-top: none;
    border-bottom: 3px solid #d6d6d6;
}

/*________________________________*/

#news_zone { padding: 20px 0; }
#news_zone h2 { margin-bottom: 24px; font-size: 160%;}
#news_zone .tile {
  width: 100%;
  float: none;
  margin: 0;
  border-bottom: 1px solid #c9c2a4;
	border-radius: 0;
	box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}

#news_zone .tile:first-child { border-radius: 4px 4px 0 0; }
#news_zone .tile:last-child { border-radius: 0 0 4px 4px; }

#news_zone .tile .img { width: 30%; height: auto; }
#news_zone .tile .text_area { width: 65%; }

/*________________________________*/

#bnr_zone li, #footer_zone .link_box li,
#bnr_zone li:nth-child(5n+1) {
    margin: 0 0 20px 4%;
    width: 48%;
}


#bnr_zone li:nth-child(odd), #footer_zone .link_box li:nth-child(odd){
    margin-left: 0;
}

/*________________________________*/
#footer_zone {
padding-top: 38px;
  padding-bottom: 0;
}
#footer_zone .inner { width: 100%; }
#footer_zone .link_box { width: 92%; margin: 0 auto; }

#footer_zone .logo {
    float: none;
    width: 92%;
   margin: 0 auto;
}
#footer_zone .logo p { font-size: 88%; margin: 10px 0;}


#footer_zone .footer_link {
    float:  none;
    width: 100%;
}

#footer_zone .copyright {
    background: url(/img/top/footer_bg_sp.png)no-repeat 0 top;
		padding: 30px 0 0 0;
		background-size: cover;
}
/*________________________________*/


/*--------------------------------------  
　   accordion  
---------------------------------------*/
#header_zone .navioff .spmenu {
  display: none;
}
#spmenu_area p {display: block;}
#spmenu_area p a { 
  display: block; 
	font-size: x-small;
	text-align: center;
  background: url(/img/top/icon_sp_menu.png)no-repeat 50% 0; 
	background-size: 50px auto; 
  width: 64px; 
  height: 64px; 
  border-radius: 4px; 
  padding: 50px 8px 8px;  
  position: absolute;
	top: 8px;
	right: 10px;
	z-index: 10; }

.navi p img { opacity: 0; }
.navi p a {background: #fff url(/img/top/icon_sp_close.png)  no-repeat 50% 0 !important; background-size: 48px auto !important; }

#spmenu_area .spmenu{
width: 100%;
clear: both;
background: #fff;
position: absolute;
top: 80px;
padding: 10px 10px 60px;
z-index: 200;
border: 1px solid #124709;
}

#spmenu_area .spmenu .inner { background-image: none; height: auto; }

#spmenu_area .head_sublink ul {
    float: none;
    width: 100%;
}

#spmenu_area .head_sublink li { float: none; }
#spmenu_area .head_sublink li a { display: block; padding: 10px 0; }
#spmenu_area .search_box {
    float: none;
    height: auto;
		margin: 0 auto;
}