@charset "shift_jis";

/*-------------------------------------------
　 Effect 【hover・jQuery等の指定】
---------------------------------------------*/

/*　slider
---------------------------------------------*/
.sm-slider li div h3 {
 font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
 font-size: 160px;
 padding: 0 30px;
 line-height: 120px;
 color: rgba(255, 255, 255, 0.8);
 margin: 0;
 margin-bottom: 0.3em;
}

/*　animation
---------------------------------------------*/
.fuwatAnime {
 -webkit-animation-fill-mode: both;
 -ms-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-duration: 1.5s;
 -ms-animation-duration: 1.5s;
 animation-duration: 1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}

@-webkit-keyframes fuwatAnime {
 0% {
  opacity: 0;
  -webkit-transform: translateY(-20px);
 }

 100% {
  opacity: 1;
  -webkit-transform: translateY(0);
 }
}

@keyframes fuwatAnime {
 0% {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
 }

 100% {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
 }
}

/* ------------------------------
   loopSlider
------------------------------ */
.loopSliderWrap {
 top: 0;
 left: 0;
 width: 340px;
 overflow: hidden;
 position: absolute;
}

.loopSlider {
 margin: 0px auto 0px;
 width: 340px;
 height: 548px;
 text-align: left;
 position: relative;
 overflow: hidden;
}

.loopSlider ul {
 width: 340px;
 overflow: hidden;
}

.loopSlider ul li {
 width: 340px;
 height: 240px;
 overflow: hidden;
 padding: 15px 0;
 box-sizing: border-box;
}

.loopSlider ul li img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 overflow: hidden;
 border-radius: 10px;
}