/*============
ナビ
#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:0px; display:block; position:absolute;}
nav .left a{ text-decoration:none; display:inline-block; margin:3px 0 0 10px;}
nav .left a img{ height:54px;}

nav .inner ul{ margin-bottom:30px;}
nav .inner ul li{ text-align:center; font-family: 'Zen Old Mincho', serif; border-bottom: 1px dashed #beaa6c;}
nav .inner ul li:last-child{ border: none;}
nav .inner ul li a{ font-size:17px; font-weight:bold; color:#5e5d5d; padding:20px 0; display:block; text-decoration:none;}

nav .inner .area-01{ width:300px; margin:auto; text-align:center; margin-bottom:30px;}
nav .inner .area-01 p{ font-family: 'Zen Old Mincho', serif; margin-bottom: 5px;}
nav .inner .area-01 a{ display: inline-block; vertical-align:middle; margin-right:10px; vertical-align:middle;}
nav .inner .area-01 a{ vertical-align:middle;}
nav .inner .area-01 a:last-child{ margin-right: 0;}


nav .inner .btn{ padding-top:30px;}
nav .inner .btn a{ background:url(../images/common/btn-bk.jpg); padding:17px 0px 17px 10px; position:relative; display:block; font-size:17px; font-weight: bold; color:#fff; text-decoration: none; overflow:inherit; text-align: left;}
nav .inner .btn a span{ font-size:12px; display: inline-block; background:#bf3a24; padding:3px 10px; margin-right:10px;}
nav .inner .btn a img { height:65px; position:absolute; top:-10px; right:-10px;}


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

/*----------------------------
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: linear-gradient(to right, #edcd51, #b4881b);
  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);}