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

/* メガメニュー */

.mega-dropdown {
  position: static !important;
  /* width: 100%; */
}
.mega-dropdown-menu {
  padding: 4rem 0;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
  color: #FFF;
  font-size: 14px;
}

.dropdown-menu.visit{
	background-color: #0b8e37;
}
.dropdown-menu.paid{
	background-color: #0661ad;
}
.mega-dropdown-menu a:link,
.mega-dropdown-menu a,
.mega-dropdown-menu a:hover{
  color: #FFF;
}
.mega-dropdown-menu a:hover{
  text-decoration: underline;
}
.mega-dropdown-menu .menu_tit{
	font-weight: 600;
}
.navbar-nav .dropdown li{
  margin-bottom: 1rem;
}
.navbar-nav > li > .dropdown-menu{
  border: none;
}
@media (max-width: 767px){
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    width: 100%;
    z-index: 10000;
    /* top: 0; */
    overflow: hidden;
  }
  .navbar-nav .open .dropdown-menu.visit{
  	background-color: #0b8e37;
  }
  .navbar-nav .open .dropdown-menu.paid{
  	background-color: #0661ad;
  }
}
/* //メガメニュー */

@media (min-width: 992px){

  .sp_nav_inner{
    display: none;
  }
}



.navbar-default .navbar-collapse,.navbar-default{
  border:none;
}
.navbar-default{
	background-color: #FFF;
}
.navbar{
  margin-bottom: 0;
}
.navbar-brand{
  height: auto;
	padding: 0;
}
.navbar-default .navbar-nav > li > a{
  color: #181818;
}
.nav.nav_list > li > a{
	padding: 0;
}
.nav.nav_list > li{
	padding: 0 10px;
	font-weight: 600;
}
.nav_list li a{
  position: relative;
  display: inline-block;
  transition: .3s;
	line-height: 2em;
}
.nav_list li a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #0b8e37;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.nav_list li a:hover::after {
  width: 100%;
}

@media (min-width: 768px){
	.navbar {
    border-radius: 0;
	}
	.navbar-nav > li > a {
	    padding-top: 0;
	    padding-bottom: 0;
	}
	/* .navbar-nav{
		margin: 52px 0 0;
	} */
	.navbar-nav.nav_list{
		margin: 50px 0 0;
	}

	.navbar-nav .menu_inner li{
		margin-right: 0!important;
	}
	/* .navbar-nav li:not(:last-child){
		margin-right: 5px;
	} */
  .navbar-nav .dropdown li{
    margin-right: 0;
  }
	.navbar-nav > li {
    float: left;
	}
}
@media (min-width: 992px){
  .navbar-nav.nav_btn li:not(:last-child){
    margin-right: 5px;
  }
  .navbar-nav.nav_btn{
    margin: 30px 15px 0 0;
  }
  .mega-dropdown-menu .menu_tit{
    font-size: 16px;
  }
}

@media (max-width: 991px){
  .navToggle {
    display: block;
    position: absolute;   /* bodyに対しての絶対位置指定 */
    right: 0;
    top: 0;
    /* right: 15px;
    top: 34px; */
    /* width: 42px;
    height: 42px; */
    width: 62px;
    height: 62px;
    cursor: pointer;
    z-index: 3;
    background: #34bbde;
    text-align: center;
  }

  .navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    /* left: 6px; */
    left: 16px;
  }

  .navToggle span:nth-child(1) {
    /* top: 9px; */
    top: 18px;
  }

  .navToggle span:nth-child(2) {
    /* top: 18px; */
    top: 27px;
  }

  .navToggle span:nth-child(3) {
    /* top: 27px; */
      top: 36px;
  }

  .navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
  }

  /* 最初のspanをマイナス45度に */
  .navToggle.active span:nth-child(1) {
    /* top: 18px; */
    top: 27px;
    /* left: 6px; */
    left: 16px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  /* 2番目と3番目のspanを45度に */
  .navToggle.active span:nth-child(2),
  .navToggle.active span:nth-child(3) {
    /* top: 18px; */
        top: 27px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}



@media (max-width: 991px) {
	.navbar-header {
	    float: none;
	}
	.navbar-toggle {
	    display: block;
	}
	.navbar-collapse {
	    border-top: 1px solid transparent;
	    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
	    display: none!important;
	}
	.navbar-nav {
	    float: none!important;
	    /* margin: 7.5px -15px; */
      margin: 1.5rem 15px;
	}
.navbar-default .navbar-collapse .navbar-nav{
    margin: 1.5rem 0;

  }
	.navbar-nav>li {
	    float: none;
	}
	.navbar-nav>li>a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	.navbar-text {
	    float: none;
	    margin: 15px 0;
	}
	.navbar-collapse.collapse.in {
	    display: block!important;
	}
	.collapsing {
	    overflow: hidden!important;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		background-color: #34bbde;
		color: #FFFFFF;
	}
	.navbar-default .navbar-nav > li > a{
    color: #FFF;
    font-size: 12px;
	}
}
@media screen and (max-width: 350px) {
  .navbar-default .navbar-nav > li > a{
    font-size: 10px;
  }
}

@media screen and (max-width: 991px) {
  .navbar-default .navbar-nav > li.paid_area,.navbar-default .navbar-nav > li.visit_area{
    /* display: inline-block; */
    width: 49%;
    float: left;
  }
  .navbar-default .navbar-nav > li.paid_area{
    float: right;
  }
}


/*button*/
/*予約*/
a.reservation_btn,
.navbar-default .navbar-nav > li> a.reservation_btn{
	background-color: #306F7B;
	border: 2px solid #306F7B;
	color: #FFFFFF;
}
a.reservation_btn:hover,
.navbar-default .navbar-nav > li > a.reservation_btn:hover,
.navbar-default .navbar-nav > li > a.reservation_btn:focus{
  background-color: #257e8f;
	color: #FFFFFF;
}
@media screen and (max-width: 991px) {
  a.reservation_btn,
  .navbar-default .navbar-nav > li> a.reservation_btn{
  	background-color: #FFFFFF;
  	color: #306F7B;
    border: none;
    /* margin-bottom: 15px; */
  }
}
/*予約*/

/* #gnav .button, */
.navbar .button,
.navbar-nav .button {
	height: 50px;
	line-height: 48px;
	padding: 0 8px;
	border-radius: 6px;
  font-size: 16px;
}
.navbar-nav.button:hover{
	text-decoration: none;
}
.paid_btn,.visit_btn{
	min-width: 136px;
	width: 100%;
}

/*ご来館の方*/
a.visit_btn,
.navbar-default .navbar-nav > li > a.visit_btn{
	background-color: #FFFFFF;
	border: 2px solid #0b8e37;
	color:#0b8e37;
}
a.visit_btn:hover,
a.visit_btn:focus,
.navbar-default .navbar-nav > li > a.visit_btn:hover,
.navbar-default .navbar-nav > li > a.visit_btn:focus{
	background-color: #0b8e37;
	color:#FFFFFF;
}
@media screen and (max-width: 991px) {
  /* .navbar-default .navbar-nav > li > a.visit_btn{
    border: none;
  } */
}
/*ご来館の方*/

/*有料施設*/
a.paid_btn,
.navbar-default .navbar-nav > li > a.paid_btn{
	background-color: #FFFFFF;
	border: 2px solid #0661ad;
	color:#0661ad;
}
a.paid_btn:hover,
a.paid_btn:focus,
.navbar-default .navbar-nav > li > a.paid_btn:hover,
.navbar-default .navbar-nav > li > a.paid_btn:focus{
	background-color: #0661ad;
	color:#FFFFFF;
}
@media screen and (max-width: 991px) {
  /* .navbar-default .navbar-nav > li > a.paid_btn{
    border: none;
  } */
}
/* //有料施設*/

.navbar-nav .button {
  height: 50px;
  line-height: 48px;
  padding: 0 8px;
  border-radius: 6px;
}

/* //button*/

/*arrow*/
.arrow_list_l li::before{
	content: "";
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	margin-right: .5em;
	color: #eaff00;
}
.arrow_list_l.arrow_g li::before{
  color: #0b8e37;
}
.arrow_list_l li ul {
	margin-top: 1em;
}
.arrow_list_l li ul li{
	padding-left: 2em;
}
.arrow_list_l li ul li::before{
	content: "";
}
/* //arrow*/
@media (max-width: 1199px) {
  .nav_list{
		display: none!important;
	}
}

@media (max-width: 991px) {
	.reservation{
		display: none!important;
	}
}
@media (max-width: 1034px) and (min-width: 992px) {
  /* .nav_list{
    display: none;
  } */
}