/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 22 2026 | 02:47:42 */
/* ==========================================================================
   Loading Animation (Simple & Slow Fade-in)
   ========================================================================== */
.p-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  
  /* ?ページをゆっくりフェードインさせるため、白背景が消える時間を1.5秒に設定 */
  transition: opacity 1.5s cubic-bezier(0.25, 1, 0.5, 1), visibility 1.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* トップページ以外では非表示 */
body:not(.home):not(.front-page) .p-loader {
  display: none !important;
}

.p-loader.is-loaded {
  opacity: 0;
  visibility: hidden;
}

.p-loader__logo {
  padding: 0 4%; /* スマホで画面端にピッタリくっつかないようにするための余白 */
}

.p-loader__logo img {
  width: 100%;
  /* ?前回の倍のサイズ（560px）を最大にしつつ、スマホでは画面幅に合わせて縮むようclamp化 */
  max-width: clamp(280px, 50vw, 560px);
  height: auto;
}