@charset "UTF-8";
/*============================
general
============================*/

html {
  font-family: "Noto Serif SC", "Noto Serif CJK SC", "Noto Serif", serif;
}
/*============================
#site_header
============================*/


/*============================
#site_common
============================*/
 
/*============================
#site_footer
============================*/


/*============================
Liquid
============================*/

@media (max-width:1250px)  {

/*============================
#site_header
============================*/
#site_header .sec_inner  .header_nav a{
  font-size: min(calc(10/1200*100vw),10px);
  letter-spacing: -0.1em;
}
/*============================
#site_common
============================*/

/*============================
#site_footer
============================*/
}
/*============================
Smartphone
============================*/

@media (max-width:769px){


/*============================
#site_header
============================*/
#site_header .sec_inner  .header_nav a{
  color: #FFF;
  display: inline-block;
  text-decoration: none;
  font-size: min(calc(40/750*100vw),40px);
  white-space: nowrap;
  font-weight: 200;
  padding-bottom: 0.8em;
}
/*============================
#site_common
============================*/

  #fixed_area .inner .reservation_block .reservation_timeBlock  .reservation_tel li {
    font-size: min(calc(24/750*100vw),24px);
    letter-spacing: min(calc(8/750*100vw),8px);
  }
  #fixed_area .inner .reservation_block .reservation_timeBlock  .reservation_tel li:nth-of-type(1) {
    letter-spacing: 0;
  }

  #fixed_area .inner .reservation_block .reservation_timeBlock  .reservation_tel li span {
    letter-spacing: min(calc(8/750*100vw),8px);
  }
  #fixed_area .reservation_linkBlock li a p {
  letter-spacing: 0;
}
  #fixed_area .reservation_linkBlock li p:after {
    top:50%;
    right:8%;
  }
  #fixed_area .reservation_linkBlock li p:hover:after {
    top:50%;
    right:10%;
  }
  #fixed_area .reservation_linkBlock li p span {
    font-size: min(calc(24/750*100vw),24px);
    font-weight: 200;
    letter-spacing: 0;
  }
  
/*============================
#site_footer
============================*/
#site_footer {
  padding: 15px 0;
}
#site_footer .footer_inner {
  width: 100%;
  margin: 0 auto;
  padding:0;
  display: flex;
  justify-content: space-between;
}
#site_footer .footer_main {
}

#site_footer .footer_sns {
  margin: 0 0 15px;
  padding-left: calc(40/750*100%);
}
#site_footer .footer_sns ul li {
  width: 30px;
}
#site_footer .copy_wrap {
  padding: 15px calc(40/750*100%) 0;
}
#site_footer .copy {
  font-size:  min(calc(22/786*100vw),22px);
  text-align: left;
  line-height: 166%;
  margin-top: min(calc(100/786*100vw),100px);
}


}