@charset "UTF-8";

.slicknav_menu {
    width:100%;
    background-image: linear-gradient(20deg, #00A98E, #84ffe7);
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin-bottom: 30px;
}
.nav_style{
    margin-bottom:60px;
    z-index: 10;
}
.nav_style ul{
    width:100%;
    background-color: #52d1b8;
    text-align: center;
}
.nav_style li a {
    padding: 1em 1.5em;
    color: #FFF;
    text-decoration: none;
}

.nav_style li a.hover {
    background-color: #84ffe7;
    text-align: center;    
    padding: .5em 2em;
    color: #222;
    text-decoration: none;
}

.nav_style li{
    color: #FFF;
    display: inline-block;
    position: relative;
    
}

.slicknav_nav a,
.slicknav_nav .slicknav_row,
.slicknav_nav ul{
    margin: 0;
    text-decoration: none;
}


.sub_menu{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    width: 100%;
    background: #fff;
    text-align: left;
    border: 1px solid #bbb;}
.sub_menu li {
    width: 100%;
}
.sub_menu li a{
    color: #980410;
}
.sub_menu li a:hover{
    background: #84ffe7;
}
.sub_menu li a{
    padding: 10px;
    display: block;
}
.slicknav_nav .slicknav_arrow {
    font-size: 1.2em;
    margin: 0 0 0 0.4em;
    color: #FFF;
}
.slicknav_brand{
    color: #000;
}


/*ハンバーガーメニューのエフェクト*/
.slicknav_icon,
.slicknav_icon span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.slicknav_icon {
    position: relative;
    width: 50px;
    height: 44px;
}
.slicknav_menu .slicknav_icon-bar{
    position: absolute;
    left: 0;
}
.slicknav_icon span:nth-of-type(1) {
    top: 0;
}
.slicknav_icon span:nth-of-type(2) {
    top: 3px;
}
.slicknav_icon span:nth-of-type(3) {
    bottom: 0;
}
.active .slicknav_icon-bar:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
}
.active .slicknav_icon-bar:nth-of-type(2) {
    opacity: 0;
}
.active .slicknav_icon-bar:nth-of-type(3) {
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
}

/*ボタン非表示*/
.slicknav_menu {
    display:none;

}
@media screen and (max-width: 700px) {
    /*見た目*/

    .nav_style li{
        display: block;
    }
    .nav_style li a{
        width: 100%;
    }
    /*共通*/
    section ul{
        display:none;
    }
    .slicknav_menu {
        display:block;
    }
    .sub_menu{
        position: inherit;
    }
}



/*footer
-----------------------------*/

.menu-container_f {
  margin: 10px;
  z-index: 10;
}

.menu-container_f .menu_f {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
      justify-content: center;
  width:95%;
  margin: 0;
  padding: 0;
  opacity: 1;
}

.menu-container_f .menu_f .menu-item_f {
  width: 130px;
}

.menu-container_f .menu_f .menu-item_f a {
  color: #FFF;
  display: block;
  padding: 1em 0.4em;
  text-align: center;
  text-decoration: none;
}

.menu-container_f .menu_f .menu-item_f a:hover {
  background: #84ffe7;
  color: #000;
}

.menu-container_f .menu_f .menu-item_f:last-child a {
  border-right: none;
}


@media screen and (max-width: 700px) {
  .menu-container_f .menu_f .menu-item_f{
      flex-direction: column;

  }
  .menu-container_f .menu_f .menu-item_f a {
    border-right: none;
  }
  .menu-container_f .menu_f .menu-item_f:last-child a {
    border-bottom: none;
    
  }
}