/*============
ナビ
#navArea
=============*/
#navArea{ position:relative; z-index:11;}
nav {
  display: block;
  position: fixed;
  top:0px;/*上からの距離*/
  right:0px;/*左から出すか右から出すか*/
  bottom: 0;
  width:100%;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .5s cubic-bezier(.64,.04,.35,1);
  opacity:0;

  pointer-events: none;
}
.open nav {
  right: 0;  /*左から出すか右から出すか*/
  opacity: 1;
  pointer-events: auto;
}

nav .inner{ padding:100px 30px 0; text-align:center; position: relative;}
nav .left { padding:10px 0 0 10px; display:block; position:absolute;}
nav .left a{ text-decoration:none; display:inline-block;}
nav .left img{ vertical-align:middle; margin-left:8px; height:36px;}
nav .left p{ font-size:22px; font-weight:bold; color:#204227; letter-spacing: normal; display: inline-block; vertical-align: middle;}

nav .inner ul{ margin-bottom:40px;}
nav .inner ul li{ text-align:center; margin-bottom:15px;}
nav .inner ul li a{ font-size:16px; font-weight:bold; color:#5e5d5d; display:inline-block; text-decoration:none;}

nav .inner .area-01{ width:300px; margin:auto; text-align:center;}
nav .inner .area-01 .p-tel{ font-size:32px; font-weight:bold; padding-bottom:0px; line-height:1.2em; border-bottom:1px solid #ccc; margin-bottom:7px;}
nav .inner .area-01 .p-tel a{ color:#333; display:inline-block; text-decoration:none; font-family: "Ropa Sans", sans-serif;}
nav .inner .area-01 .p-tel a span{ font-size:18px; display: inline-block; margin-right:5px; vertical-align:middle;}
nav .inner .area-01 .p-01{ font-size:12px; letter-spacing:normal;}


nav .inner .insta{ display: inline-block; margin-top:30px;}


/*▼▼▼スクロールでふわっと表示▼▼▼*/

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.up {
  transition-timing-function: cubic-bezier(.64,.04,.35,1);
  transition: 0.6s ease-in-out;
  transform: translateY(60px);
  opacity: 0;
  transition-delay:0.6s; /* 閉じるときは遅延 */
}
.up.on2 {
  transform: translateY(0);
  opacity: 1.0;transition-delay: 0s; /* 開いたときは遅延なし */
}

.up.ntime.on2{ transition-delay:0.2s;}
.up.ntime2{ transition-delay:0.4s;}
.up.ntime3{ transition-delay:0.48s;}
.up.ntime4{ transition-delay:0.56s;}
.up.ntime5{ transition-delay:0.64s;}
.up.ntime6{ transition-delay:0.72s;}
.up.ntime7{ transition-delay:0.80s;}
.up.ntime8{ transition-delay:0.88s;}
.up.ntime9{ transition-delay:0.96s;}
.up.ntime10{ transition-delay:1.04s;}
.up.ntime11{ transition-delay:1.12s;}
.up.ntime12{ transition-delay:1.20s;}
.up.ntime13{ transition-delay:1.28s;}



/*============
メニュー（3本線）
.toggle_btn
=============*/
.toggle_btn {
background:#6ab23b;
  display: block;
  position: fixed;
  top:0px;
  right:0px;
  width:60px;
  height:60px;
  transition: all .5s;
  cursor: pointer;
  z-index:99;
}
.toggle_btn.on2{ transition:1s; opacity:.7;} 
.toggle_btn span {
  display: block;
  position: absolute;
  left:16px;
  width:30px;
  height:1px;
  background:#fff;
  border-radius: 0px;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {
  top:25px;
}
.toggle_btn span:nth-child(2) {
  top:35px;
}

.open .toggle_btn span {
}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(5px) rotate(45deg);
  transform: translateY(5px) rotate(45deg);
}
.open .toggle_btn span:nth-child(2) {
  -webkit-transform: translateY(-5px) rotate(-45deg);
  transform: translateY(-5px) rotate(-45deg);}