@charset "utf-8";
/* CSS Document */

body{
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  line-height: 1.5;/*android用*/
  -webkit-text-size-adjust: 100%;
  font-size:0.875rem;
  color: #cccccc;
  background-color: #191919;
  }

a{
  text-decoration: none;
  color: #FFFFFF;
}
/*--------------------共通--------------------*/
.lsb_wrapper{
  width: 750px;
  height: 100vh;
  margin: 0 auto;
  padding: 40px 0 32px;
}

.lsb_nav{
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  background-color: #000000;
}
.lsb_nav li {
  width: 20%;
  text-align: center;
}
.lsb_nav li a{display: block;}
.lsb_nav li a:hover{background: linear-gradient(to right, #191919 0%, #3A3A3A 20%, #3A3A3A 80%, #191919 100%);}
.lsb_nav li img{vertical-align: baseline;}


.lsb_footer{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0.75rem;
  color: #707070;
  padding: 3em 0;
}

/*----------top----------*/
.lsb_opening {
  position:relative;
  height: 500px;
}
.lsb_top{
  position: absolute;
  top:calc(50% - 216px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
.lsb_opening ul{
  position: relative;
  overflow: hidden;
  width: 720px;
  height: 520px;
  margin: auto;
}
.lsb_opening ul li{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.lsb_opening ul li img{width: 100%;}

/*1秒かけて表示、5秒表示されて後、1秒かけて消える*/
/*1枚7秒　5枚で35秒　1秒＝2.85%*/
.sis_slide1{
  -ms-animation: Slide01 35s linear infinite;
  -webkit-animation: Slide01 35s linear infinite;
  animation: Slide01 35s linear infinite;
  transform: translateY(-220px);
}
@keyframes Slide01 {
  0%{opacity: 0; }
  2.8%{opacity: 1;}/*1秒かけて表示*/
  17.1%{opacity: 1;}/*5秒表示*/
  19.95%{opacity: 0; transform: translateY(0);}/*1秒かけて消える*/
  100%{opacity: 0; transform: translateY(0);}
}
.sis_slide2{
  -ms-animation: Slide02 35s linear infinite;
  -webkit-animation: Slide02 35s linear infinite;
  animation: Slide02 35s linear infinite;
}
@keyframes Slide02 {
  0%{opacity: 0;}
  19.95%{opacity: 0; transform: translateY(0);}
  22.8%{opacity: 1;}/*1秒かけて表示*/
  37.05%{opacity: 1;}/*5秒表示*/
  39.9%{opacity: 0; transform: translateY(-200px);}/*1秒かけて消える*/
  100%{opacity: 0;}
}
.sis_slide3{
  -ms-animation: Slide03 35s linear infinite;
  -webkit-animation: Slide03 35s linear infinite;
  animation: Slide03 35s linear infinite;
  transform: translateY(-40px);
}
@keyframes Slide03 {
  0%{opacity: 0;}
  39.9%{opacity: 0; transform: translateY(-40px);}
  42.75%{opacity: 1;}/*1秒かけて表示*/
  57%{opacity: 1;}/*4秒表示*/
  59.85%{opacity: 0; transform: translateY(0);}/*1秒かけて消える*/
  100%{opacity: 0;}
}
.sis_slide4{
  -ms-animation: Slide04 35s linear infinite;
  -webkit-animation: Slide04 35s linear infinite;
  animation: Slide04 35s linear infinite;
}
@keyframes Slide04 {
  0%{opacity: 0;}
  59.85%{opacity: 0; transform: translateY(0);}
  62.7%{opacity: 1;}/*1秒かけて表示*/
  76.95%{opacity: 1;}/*4秒表示*/
  79.8%{opacity: 0; transform: translateY(-40px);}/*1秒かけて消える*/
  100%{opacity: 0;}
}
.sis_slide5{
  -ms-animation: Slide05 35s linear infinite;
  -webkit-animation: Slide05 35s linear infinite;
  animation: Slide05 35s linear infinite;
  transform: translateY(-410px);
}
@keyframes Slide05 {
  0%{opacity: 0;}
  79.8%{opacity: 0; transform: translateY(-410px);}
  82.65%{opacity: 1;}/*1秒かけて表示*/
  96.9%{opacity: 1;}/*4秒表示*/
  100%{opacity: 0; transform: translateY(0);}/*1秒かけて消える*/
}




/*----------lower----------*/
h1{
  margin-bottom: 1em;
  font-size: 1.25rem;
}
.lsb_container{
  display: flex;
  justify-content: space-between;
  margin-top: 45px;
  line-height: 1.6 ;
}
.lsb_container > div {width: 46%;}
.lsb_container > div:first-of-type{text-align: right;}
.lsb_p01{margin-bottom: 1em;}
.lsb_txt01{font-size: 0.75rem;}



/*店舗情報*/
.lsb_shopdata dd{margin-bottom: 1em;}
.lsb_shopinfo{
  list-style-type: circle;
  padding-left: 1.5em;
}
.lsb_shopinfo li{margin-bottom: 0.75rem;}



/*メニュー*/
.lsb_menu{
  list-style-type: square;
  margin-bottom: 2.5em;
  padding-left: 1.5em;
}
.lsb_menu li{margin-bottom: 0.75rem;}

.lsb_btn{
  display: inline-block;
  padding: 0.25em 2.5em;
  color: #CCCCCC;
  background: #666666;
}
.lsb_btn:hover{color: #FFFFFF;}



/*フロアマップ*/
.lsb_largephoto{margin-bottom: 4px;}
.lsb_largephoto li:nth-of-type(n+2){display: none;}
.lsb_thumbphoto{
  display: flex;
  justify-content: space-between;
  width: 328px;
  margin: 0 0 16px auto;
}
.lsb_thumbphoto li{
  width: 24%;
  text-align: center;
}
.lsb_thumbphoto li img{width: 100%;}

.lsb_room{padding-left: 1em;}
.lsb_room dl{margin: 1em 0;}
.lsb_room dt,
.lsb_room dd{
  display: inline-block;
  vertical-align: top;
}
.lsb_room dt{width: 12%;}
.lsb_room dd{width: 82%;}



/*アクセス*/
.lsb_root{margin-bottom: 1.5em;}
.lsb_root li{margin-bottom: 0.75rem;}
.lsb_p02{margin-bottom: 3em;}