@charset "utf-8";

/*.sp_h_logo {
    min-width: 200px;
    border-bottom: 2px solid #fff;
    padding-bottom: 1.5em;
    margin-bottom: 2em;
}*/

/*　ハンバーガーボタン　*/
.hamburger {
  display: block;
  /*position: fixed;*/
  z-index: 100;
  right: 0;
  top: 0;
  width: 80px;
  height: 72px;
  cursor: pointer;
  text-align: center;
  background-color: #00ad45;
}
.hamburger:hover {
  opacity: .7;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 34px;
  height  : 2px ;
  left    : 182px;
  background : #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 16px;
}
.hamburger span:nth-child(2) {
  top: 26px;
}
.hamburger span:nth-child(3) {
  top: 36px;
}
#ham_txt {
  display: block;
  /*position: fixed;*/
  top: 44px;
  font-size: 12px;
  background: none;
  color: #fff;
}
/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 26px;
  /*left: 9px;*/
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 26px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
/*.hamburger.active #ham_txt {
  display: none;
}
.hamburger.active:hover {
  opacity: 1;
}*/

nav.globalMenuSp {
  position: fixed;
  z-index: 100;
  top: 72px;
  right: -120%;
  background: #dff5e0/*rgba(223,245,224,0.8)*/;
  text-align: center;
  font-size: 100%;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: .6s ease-in-out/*fade opacity .6s ease, visibility .6s ease*/;
  visibility: hidden;
  overflow-y: scroll;
  transform: translateX(60%);
}

nav.globalMenuSp
nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp .sp_hm_nav {
  /*padding-top: 100px;*/
  text-align: left;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  /*width: 100%;*/
  transition: .4s all;
  border-bottom: 1px solid #ccc;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
    opacity: .8;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #333;
  padding: 1.2em 2em;
  text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  right: 0;
  opacity: 100;
  visibility: visible;
}

.sp_hm_nav {
  margin-bottom: 2.5em;
}
/*.sp_hm_nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sp_hm_nav ul li {
  margin-right: 2em;
}*/
.sp_hm_nav ul li:last-of-type {
  margin-right: 0;
}
.sp_hm_nav ul li a:hover {
  background-color: #00ad45;
  color: #fff;
  opacity: 10;
}