/* ------------------------------
　予約ボタン編集用
------------------------------ */

@media screen and (max-width: 600px) {  
    p.yoyaku {
    position: fixed !important;
    right: 20%;
    top: 89%;
    width: 60%;
    writing-mode: unset;
    font-family: 'Sorts Mill Goudy', serif;
    background: #ce9b0e;
    line-height: 1;
    z-index: 9999;
    font-size: 16px;
    text-align: center;
    }
  
    p.yoyaku a {
    display: block;
    color: #fff;
    padding: 20px 0px;
    }
  
  footer {
    padding-bottom: 80px;
}
  
}

.active {
  opacity: 0.4;
}

@media screen and (min-width: 601px) {
  p.yoyaku {
    position: fixed !important;
    right: 0;
    top: 111px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: 'Sorts Mill Goudy', serif;
    background: #ce9b0e;
    line-height: 1;
    margin: 0;
    z-index: 9999;
    font-size: 16px;
} 
  
  p.yoyaku.top {
    position: fixed !important;
    right: 0;
    top: 55px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: 'Sorts Mill Goudy', serif;
    background: #ce9b0e;
    line-height: 1;
    margin: 0;
    z-index: 9999;
    font-size: 16px;
} 
    
  
  p.yoyaku a {
    display: block;
    color: #fff;
    padding: 30px 11px;
}
  
p.fade.delay2.yoyaku.fadeInUp {
    top: 60px;
}
  
}

/*------予約ボタン設定 end-------*/