/*
Theme Name: Lightning Child
Template: lightning
Author: Yusuke Hojo
*/

/* == スマホ時の改行 == */
@media screen and (min-width: 768px){
  .br-sp {display: none; }
  }
  
/* == トップスライダー == */
/* 文字の影 */
.ltg-slide-text-title,
.ltg-slide-text-caption {
  text-shadow: 1px 1px 2px #444 !important;
}
/* 予約ボタン */
.ltg-slide .btn-ghost {
  display: inline-block;
  position: relative;
  text-decoration: none;
  overflow: hidden;
}
.ltg-slide .btn-ghost:hover {
  text-decoration: none;
}
.ltg-slide .btn-ghost::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn1 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn1 {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* == CTA == */
/* 予約ボタン */
.reserve-btn2 {
  display: block;
  position: relative;
  box-shadow: 0 3px 0 0 rgba(85, 105, 41, 1);/*影の色(rgbaの値を変更)*/
  border-radius: 5px;
  text-decoration: none;
  overflow: hidden;
  transition: 0.2s;
}
.reserve-btn2:hover {
  text-decoration: none;
  opacity: 0.7;
  box-shadow: none;
  -webkit-transform: translateY(3px);
}
.reserve-btn2::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: reserve-btn2 3s ease-in-out infinite;
}
@-webkit-keyframes reserve-btn2 {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* == Photo Gallery == */
.slider-bg-color {
  background-color: #ECE6E3 !important;
}
.vk_slider_item .vk_slider_item-background-area, .vk_slider_item .has-background-dim::before {
  opacity: 0 !important;
}

/* == アクセス・お問い合わせ == */
/* 予約ボタン */
.reserve-btn1 {
  display: block;
  position: relative;
  box-shadow: 0 3px 0 0 rgba(85, 105, 41, 1);/*影の色(rgbaの値を変更)*/
  border-radius: 5px;
  text-decoration: none;
  overflow: hidden;
  transition: 0.2s;
}
.reserve-btn1:hover {
  text-decoration: none;
  opacity: 0.7;
  box-shadow: none;
  -webkit-transform: translateY(3px);
}
.reserve-btn1::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: reserve-btn1 3s ease-in-out infinite;
}
@-webkit-keyframes reserve-btn1 {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}