@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : rooms__seseragi.css
 author     : Ability Consultant
 style info : 趣の客室　-　せせらぎの間
=================================================================== */
@font-face {
  font-family: 'Playlist-Script';
  src: url(../css/fonts/Playlist-Script.woff) format("woff"), url(../css/fonts/Playlist-Script.ttf) format("opentype");
}
/* font-awesome */
/* -----------------------------------------------------------
	スライド
----------------------------------------------------------- */
/* -----------------------------------------------------------
	keyframes(anim1)
----------------------------------------------------------- */
/* -----------------------------------------------------------
	keyframes(anim1)
----------------------------------------------------------- */
@-moz-keyframes anim1 {
  0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    bottom: 5%;
  }
  100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    bottom: 4%;
  }
}
@-webkit-keyframes anim1 {
  0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    bottom: 5%;
  }
  100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    bottom: 4%;
  }
}
@keyframes anim1 {
  0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    bottom: 5%;
  }
  100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    bottom: 4%;
  }
}
@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/* -----------------------------------------------------------
	active状態
----------------------------------------------------------- */
#pnav_rooms .box_pnav li:nth-child(2) a {
  background: #fff !important;
  color: #262626 !important;
}

#roo_link .box_link li:nth-child(2) {
  background: #000 !important;
}