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

nav .inner{ padding:50px 30px 60px; text-align:center;}
nav .inner .logo{ width:80%; display:inline-block; text-decoration:none; padding-bottom:5px; margin:40px 0 15px;}
nav .inner .logo img{ display:block; margin:0 auto 10px;}
nav .inner .logo p{ font-size:24px; font-weight:400; color:#295e84; line-height:1.2em; letter-spacing:normal; font-family:'Zen Old Mincho', serif;}

nav .inner ul{ margin-bottom:35px;}
nav .inner ul li{ text-align:center; margin-bottom:15px; font-family:'Zen Old Mincho', serif;}
nav .inner ul li a{ font-size:17px; font-weight:500; color:#333; display:inline-block; text-decoration:none;}

nav .inner .area-01{ margin:auto; text-align:center;}
nav .inner .area-01 .p-tel{ font-size:24px; font-weight:bold; padding-bottom:0px; border-bottom:1px solid #999; margin:0 20px 7px; font-family:'Zen Old Mincho', serif;}
nav .inner .area-01 .p-tel a{ color:#69b434; display:inline-block; text-decoration:none; padding-left:35px; background:url(../images/common/ico-tel.png)no-repeat left 6px/30px auto;}
nav .inner .area-01 .p-01{ font-size:13px; letter-spacing:normal;}

nav .inner .area-01 .p-fax{ font-size:24px; font-weight:bold; color:#69b434; padding-bottom:7px; border-bottom:1px solid #999; margin:0 20px 7px; font-family:'Zen Old Mincho', serif; margin-top:20px;}
nav .inner .area-01 .p-fax span{ padding-left:37px; background:url(../images/common/ico-fax.png)no-repeat left 5px/29px auto;}
nav .inner .area-01 .insta{ margin-top:15px;}
nav .inner .area-01 .insta img{ width:30px;}
nav .inner .area-01 .mb{ margin-bottom:20px;}


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

/*----------------------------
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.50s;}



/*============
メニュー（3本線）
.toggle_btn
=============*/
.toggle_btn {
background:#69b434;
border-radius:50%;
  display: block;
  position: fixed;
  top:13px;
  right:14px;
  width: 70px;
  height:70px;
  transition: all .5s;
  cursor: pointer;
  z-index:99;
}
.toggle_btn.on2{ transition:1s; opacity:.7;} 
.toggle_btn span {
  display: block;
  position: absolute;
  left:20px;
  width:30px;
  height:1px;
  background:#fff;
  border-radius: 0px;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {
  top:32px;
}
.toggle_btn span:nth-child(2) {
  top:42px;
}

.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);}