@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template: cocoon-master
Version: 1.1.1
*/

/* --- スプラッシュ画面：背景透過とサイズ調整の最終版 --- */
html body #splash {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  /* 背景を白の40%透明にします（後ろが透けます） */
  background-color: rgba(255, 255, 255, 0.4) !important; 
  z-index: 9999999 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  visibility: visible;
  opacity: 1;
}

/* ロゴ画像を強制的に大きくし、Cocoonの枠線を消す */
html body #splash #splash-logo img {
  width: 750px !important; /* ★ここで大きさを調整（750px） */
  max-width: 90% !important;
  height: auto !important;
  /* 画像の周りの白い四角を完全に消す */
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 読み込み完了後に消える動作 */
body.loaded #splash {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 1.5s ease;
}

/************************************
** レスポンシブデザイン（基本設定）
************************************/
@media screen and (max-width: 1023px){ }
@media screen and (max-width: 834px){ }
@media screen and (max-width: 480px){ }