@charset "utf-8";

/* mv */
.slick-prev, .slick-next{ display:none !important; }

/* scroll */
.wrap-scroll{ display: block; position:absolute; z-index: 1; bottom:-3em; left:67%; width:80px; height: 80px;
  text-decoration: none;
  background-color:rgba(55, 32, 20, 0.7); border-radius:50%; }
.scrolldown{ position:absolute; bottom:0; left:50%; transform:translate(-50%, -50%); }
.scrolldown span{ position: absolute; left:5px; bottom:10px; color: #d1d1d1;
 letter-spacing: 0.08em;
  -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; }
.scrolldown:before { content: ""; position: absolute; bottom:0; left:-4px;
  width:10px; height:10px; border-radius: 50%; background:#d1d1d1;
  animation:
    circlemove 1.6s ease-in-out infinite,
    cirlemovehide 1.6s ease-out infinite; }

/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove{
      0%{bottom:45px;}
     100%{bottom:-5px;}
 }

/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide{
      0%{opacity:0}
     50%{opacity:1;}
    80%{opacity:0.9;}
  100%{opacity:0;}
 }

.scrolldown:after{ content:""; position: absolute; bottom:0; left:0;
  width:2px; height: 50px; background:#d1d1d1; }

/* information */
#information{ height:180px; overflow-y:auto; }
#information .con{ padding:2em 2em 1em 2.5em; }
#information .ttl{ margin-bottom:0.5em; font-size:1.7em; line-height:1; color:#994126; }
#information strong{ display:inline-block; margin:0 0.5em; font-size: 1.05em; font-weight: 500; }
#information p{ padding-bottom:0.5em; font-size:0.95em; border-bottom:1px dashed #806a63; }

#information::-webkit-scrollbar{ width:6px; }
#information::-webkit-scrollbar-thumb{ border-radius: 5px; background: #806a63; }

/* about */
#about{ padding:3em 0 2em; }
#about .ttl-logo .small{ padding-right:0.4em; font-size:0.8em; }
#about .sub{ margin-bottom:2em; }
#about .btn-bottom{ margin-top:2.5em; }

/* lunch-dinner */
#lunch-dinner{ padding:3em 0 2em; }
#lunch-dinner .time-box{ margin-bottom:2em; }

/* drink-wine */
#drink-wine{ padding:3em 0 7em; }
#drink-wine .sub{ margin-bottom:2em; }
#drink-wine .btn-bottom{ margin-top:2.5em; }

/* course */
#course{ padding:3em 0 2em; }
#course .sub{ margin-bottom:2em; }
#course .btn-bottom{ margin-top:3em; }

/* Special bnr */
.bnr_special{ display: block; position:absolute; z-index: 1; bottom:9em; left:55%; width:150px; }


/* ================================================================
  レスポンシブ
=================================================================== */

/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {

  /* lunch-dinner */
  #lunch-dinner .time-box{ width:70%; margin:2em auto; }

  /* Special bnr */
  .bnr_special{ bottom:8em; left:70%; width:200px; }

}

/* 960px以上(PC) */
@media screen and (min-width: 960px) {

  /* header */
  .header-box{ max-height:790px; overflow: hidden; }

  /* information */
  #information{ position:absolute; width:50%; left:3em; bottom:3em; 
    background-color:rgba(224, 224, 224, 0.74); filter:drop-shadow(0 0 8px rgba(0, 0, 0, 0.09)); }

  /* about */
  #about{ padding:7em 0 5em; }
  #about .btn-bottom{ margin-top:3.5em; }
  #about .txt p:not(:last-child){ margin-bottom:1.5em; }

  /* drink-wine */
  #drink-wine{ padding:7em 0 10em; }
  #drink-wine .btn-bottom{ margin-top:3.5em; }

  /* course */
  #course{ padding:7em 0; }

  /* Christmas Menu */
  .bnr_christmas.bnr_special{ bottom:-4em; left:60%; width:290px; }

  /* Special bnr */
  #anni.bnr_special{ left:60%; bottom:-4em; width:290px; }

}

@media screen and (min-width: 1280px) {

  .pic_about1{ left:6%; top:20%; }
  .pic_about2{ left:74%; top:15%; }
  .pic_about3{ left:74%; top:62%; }

  .lunch_dinner1{ left:1%; top:2%; }
  .lunch_dinner2{ left:8%; top:68%; }
  .lunch_dinner3{ left:75%; top:5%; }
  .lunch_dinner4{ left:75%; top:62%; }

  .drink1{ left:1%; top:15%; }
  .drink2{ left:75%; top:10%; }
  .drink3{ left:75%; top:58%; }

  .course1{ left:13%; top:15%; }
  .course2{ left:72%; top:25%; }

}

@media screen and (min-width: 1400px) {
  .pic_about1{ left:10%; }
  .lunch_dinner1{ left:3%; }
  .lunch_dinner2{ left:10%; }
  .drink1{ left:5%; }
}

@media screen and (max-width: 1279px) {

  /* about */
  .pic_about2{ margin-top:200px; margin-left:5%; margin-bottom:2em; }

  /* lunch dinner */
  .lunch_dinner2{ margin-top:120px; margin-left:5%; margin-bottom:2em; }
  .lunch_dinner3{ margin-top:80px; margin-left:-5%; }
  .lunch_dinner4{ margin-top:30px; margin-left:5%; }

  /* drink-wine */
  .drink2{ margin-top:200px; margin-left:5%; margin-bottom:2em; }

}

/* ================================================================
  タブレット
=================================================================== */
/* 1024以下 (タブレット横以下) */
@media screen and (max-width: 1024px) {

}

/* 959以下 (タブレット以下) */
@media screen and (max-width: 959px) {

  /* information */
  #information{ margin-bottom:1em; background:#e0e0e0; }


}

/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){

  .wrap-scroll{ display:none; }

  /* information */
  #information .con{ padding: 2em 1.4em 1em; }

  /* about */
  .pic_about2{ margin-top: 80px; }

  /* lunch dinner */
  .lunch_dinner3{ margin-top:-20px; }

  /* drink-wine */
  .drink2{ margin-top:120px; margin-left:5%; margin-bottom:2em; }

}