/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 27 2026 | 12:44:15 */
/* --- フローティングインスタボタン --- */
.ats-floating-insta {
  position: fixed;
  z-index: 9999;
  display: block;
  
  /* ▼ PCでの設定 */
  width: 150px;
  bottom: 20px;
  right: 30px;
  
  /* ふわふわアニメーション（3秒周期） */
  animation: ats-float 3s ease-in-out infinite;
  /* カーソルを指マークに */
  cursor: pointer;
}

/* 画像のスタイル */
.ats-floating-insta img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* ドロップシャドウでくっきりさせる */
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.3));
  transition: transform 0.3s ease, filter 0.3s ease;
}

/* ホバー時の動き */
.ats-floating-insta:hover img {
  filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.4));
  transform: scale(1.05); /* さらに少し大きく */
}

/* ▼ ふわふわアニメーション定義 */
@keyframes ats-float {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-15px); } /* 15px浮く */
  100% { transform: translateY(0px); }
}

/* ▼ スマホでの調整（いい感じに少し小さく） */
@media (max-width: 768px) {
  .ats-floating-insta {
	width: 100px;
    bottom: 0px;
    right: 0px;
  }
}