@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,600');

/* ==================================================

	common

================================================== */
body {
  background: #fff;
  font-family: 'Noto Serif JP', serif;
}
p {
  line-height: 1.8;
}

/* 16pxが基準 */
.font12 { font-size: 0.750rem; }
.font13 { font-size: 0.8125rem; }
.font14 { font-size: 0.875rem; }
.font15 { font-size: 0.9375rem; }
.font18 { font-size: 1.125rem; }
.font20 { font-size: 1.25rem; }
.font24 { font-size: 1.5rem; }
.font28 { font-size: 1.75rem; }
.font35 { font-size: 2.1875rem }

/* ボタン
-------------------------------------------------- */
.btn-link {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 80px;
  border: 1px solid #000;
  color: #000;
  font-size: 1rem;
  line-height: 1;
}
.btn-link:hover, .btn-link:focus {
  color: #000;
  opacity: .5;
}
.btn-link, .btn-link:hover, .btn-link:focus {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.index-content .btn-link { margin: 0; }

/* ナビゲーション
-------------------------------------------------- */
.nav-list {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
}
.nav-list li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.nav-list a {
  display: block;
  padding: 9px 24px;
  color: #000;
}
.nav-list a:hover {
  opacity: .5;
}
.nav-list a, .nav-list a:hover {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
/* ご予約 */
.nav-list-reserve {
  margin: 0 0 0 20px;
}
.nav-list-reserve a {
  padding: 8px 25px;
  border: 1px solid #000;
}
/* instagram */
.nav-list-instagram {
  padding: 0 0 0 30px;
}
.nav-list .ico-instagram {
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 22px;
  padding: 0;
  background-image: url("../img/common/ico_instagram.svg");
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
}

/* SPナビゲーション非表示に */
.navsp{
  display: none;
}

/* footer
-------------------------------------------------- */
footer {
  padding: 100px 0 0 0;
  background: #fff;
  text-align: center;
}
.footer-nav {
  padding: 35px 0;
  border-top: 1px solid #d9d9d9;
}
/* info */
.footer-info {
  padding: 30px 0;
  background: #f1f1f1;
  font-family: sans-serif;
  font-size: 0.750rem;
}
.footer_info_logo {
  padding: 0 0 15px;
}
.footer_info_logo img { width: 130px; }
/* link */
.footer-link {
  padding: 30px 0;
  font-family: sans-serif;
  font-size: 0.750rem;
}
.footer-link-nav {
  padding: 0 0 5px 0;
}
.footer-link-nav a {
  color: #000;
}
.footer-link-copy {
  color: #bbb;
}