@charset "UTF-8";
/* CSS Document */
.openbtn {
  display: none;
}
#page-top {
  display: none;
}
#kitsune {
  top: 0;
  margin: 0 auto;
}
#toppage .split-left__inner img {
  width: 47%;
  height: auto;
  object-fit: cover;
}
.top::before {
  background-image: url("../images/top/top-sp.png");
  background-repeat: no-repeat;
  /*  background-position:center;*/
  background-size: contain;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
}
.wrap {
  position: relative;
  margin-top: 100vh;
  background: #000;
}
.top-ipad-photo {
  display: none;
}
@media only screen and (min-width:600px) {
  .openbtn {
    right: 6%;
  }
  .top-ipad-photo, .footer-nav-menu {
    display: none;
  }
  .top::before {
    background-image: url(../images/top/OK_0143.jpg);
    background-repeat: no-repeat;
    /*  background-position:center;*/
    background-size: cover;
    background-color: black;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
  }
}
@media only screen and (min-width:1024px) {
  .top-ipad-photo {
    display: block !important;
  }
  .ipad-br {
    display: none;
  }
}
h1 {
  width: 90%;
  margin: 0 auto;
  padding-top: 30px;
}
.top-lead {
  text-align: center;
}
.top-jp {
  font-family: "Noto Serif JP";
  line-height: 1.563em;
  padding: 50px 30px 40px 30px;
}
.top-en {
  font-family: "Arial";
  font-size: 1.4rem;
  font-style: italic;
  color: #CDD6DD;
  line-height: 1.286em;
  padding: 0 30px 80px 30px;
}
/*---ボタン---*/
.btn-story, .btn-menu, .btn-contact, .btn-access {
  height: 65px;
  width: 85%;
  background: #9F0600;
  text-align: center;
  margin: 7% auto 31%;
  line-height: 1.2em;
  padding-top: 10.5px;
  /*---矢印---*/
  background-image: url("../images/icon/arrow-right.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.btn-menu, .btn-contact, .news-open {
  margin-bottom: 31%;
}
.btn-takeaway {
  margin-bottom: 25%;
}
.btn-access {
  margin-bottom: 50px;
}
.btn2, .menu, .news, .contact, .map {
  text-align: center
}
/*---ホームにもどる,お問い合わせ、英語ボタン---*/
.btn-takeaway span, .btn-back_to_home-en, .btn-contact-en {
  font-family: "Arial";
  font-weight: normal;
  font-size: 1.4rem;
}
/*---ホームにもどるボタン---*/
.back_to_home {
  text-align: center;
}
.news-insta {
  margin-bottom: 31%
}
@media only screen and (min-width:600px) {
  #instagram-embed-0 {
    margin: 0 auto !important;
    max-width: none !important;
  }
}
/*----お問い合わせリクエスト----*/
.contact1 {
  text-align: left;
}
.contact-jp {
  line-height: 1.563em;
  margin-bottom: 20px;
  padding: 0 30px;
}
.contact-en {
  font-size: 1.4rem;
  font-family: "Arial";
  line-height: 1.429em;
  color: #CDD6DD;
  padding: 0 30px;
}
.btn-contact-jp {
  font-weight: bold;
  font-size: 1.45rem;
  line-height: 1.25em;
  padding: 14px 0;
}
.btn-contact-en {
  font-family: "Arial";
  font-weight: normal;
  font-size: 1.4rem;
}
.btn-contact, .news-open, .news-1st {
  margin-bottom: 31%;
}
/*-----店舗案内-----*/
.address {
  padding: 0 30px;
  line-height: 1.563em;
}
.access {
  padding: 0 30px;
}
.information-jp {
  font-weight: bold;
  line-height: 1.563em;
  margin: 35px 0 20px 0;
}
.information-en {
  font-size: 1.4rem;
  font-family: "Arial";
  line-height: 1.429em;
  color: #CDD6DD;
  margin-bottom: 50px;
}
.creditcard {
  width: 70%;
}
/*---住所*/
.address-jp, .access-jp {
  margin-bottom: 40px;
}
.address-en, .access-en {
  margin-bottom: 150px;
  color: #CDD6DD;
}
/*---電話*/
/*
.inquiry-phone {
  cursor: pointer;
  color: #070304;
  height: 205px;
  width: 85%;
  background: #FFFFFF;
  margin-bottom: 20px;
  margin: 0 auto;
  text-align: center;
  transition: .4s;
}
*/
/*グラデーション*/
/*
.inquiry-phone:hover{
	background-color: gray;
*/
/*	background: linear-gradient(110.85deg, #7080F7 0%, #4BA2D2 100.19%);*/
/*}*/
/*
.inquiry-phone:hover {
  box-shadow: 0px 0px 14px rgba(0, 0, 0, .3);
  transform: translateY(10px);
}
*/
/*
.inquiry-phone:hover {
  background-color: pink;
}
*/
@media only screen and (min-width:1024px) {
  .top, .split-photo {
    display: none;
  }
  .top-ipad-photo {
    display: block !important;
  }
  #toppage .split-left__inner img {
    width: 47%;
    height: auto;
    object-fit: cover;
  }
  .top::before {
    background-image: none;
    background-image: no-repeat;
    background-image: 0;
    background-size: none;
    content: none;
    position: none;
    top: 0;
    left: 0;
    z-index: -1;
    width: 0;
    height: 0;
  }
  .wrap {
    position: 0;
    margin-top: 0;
    background: none;
  }
  h1 {
    width: 85%;
    padding: 40% 0 5% 0;
  }
  .swiper{
    /*  width: 40vw;*/
    width: 400px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
  }
}
/* パララックス用 */
/********** 追記0623 **********/
/*@media screen and (max-width:1024px) {*/
/*
#kitsune{
    top: 0;
}
#toppage .split-left__inner img{
  width: 47%;
     height: auto; 
    object-fit: cover;
}
.top::before{
  background-image: url("../images/top/top-sp.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size: contain;
  content: "";
  position:fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
}
  .wrap{
    position: relative;
    margin-top: 100vh;
    background: #000;
  }
}
*/