@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* Preloader base */
#preloader{
  position: fixed; inset: 0;
  background: #f9f9f9;
  display: grid; place-items: center;
  z-index: 9999;
  opacity: 0;
  visibility: visible;
  transition: opacity .36s ease, visibility .36s ease;
}
#preloader.is-active{
  opacity: 1;
}
#preloader.is-hidden{
  opacity: 0;
  visibility: hidden;
}
#loader-video{
  width:160px; height:160px; display:block;
  background:#f9f9f9;
  opacity: 0;
  transform: scale(.985);
  transition: opacity .36s ease, transform .36s ease;
}
#preloader.is-active #loader-video{
  opacity: 1;
  transform: scale(1);
}
@media (prefers-reduced-motion: reduce){
  #preloader, #loader-video{
    transition: none !important;
  }
  #preloader{ opacity:1; }
  #loader-video{ opacity:1; transform:none; }
}
.pre-inner{
  transition: opacity .24s ease, visibility .24s ease !important;
}
.pre-inner #loader-video{
  transition: opacity .24s ease, transform .24s ease !important;
}
.pre-inner.is-active #loader-video{
  transform: scale(1.005);
}