/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 10 2025 | 04:59:47 */
/* 複数画像切り替え---------------------------------------------- */
.slider-container {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.slideimg {
  position: absolute;
  inset: 0;/*親要素内にフルサイズで配置*/
  opacity: 0;
  background-size: cover;/* 画像をスライド全体にカバー */
  animation: slideAnime 15s infinite; /* 15秒で1サイクル */
}

@keyframes slideAnime {
  0%, 30%, 100% { opacity: 0; }/* スライドの非表示タイミング */
  10%, 20% { opacity: 1; }/* スライドの表示タイミング */
}

/* 各スライドのアニメーションタイミングを均等にずらす */
.slideimg:nth-of-type(1){
  background-image: url('https://m2studio.jp/wp/wp-content/uploads/2025/06/IMG_0131.jpg');

  animation-delay: 0s;
	background-position: 50% 30%;
}
.slideimg:nth-of-type(2) {
  background-image: url('https://m2studio.jp/wp/wp-content/uploads/2025/05/IMG_0049.jpg');
  animation-delay: 3s;
	background-position: 50% 0%;
}
.slideimg:nth-of-type(3) {
  background-image: url('https://m2studio.jp/wp/wp-content/uploads/2025/05/IMG_0077.jpg');

  animation-delay: 6s;
	background-position: 50% 0%;
}

.slideimg:nth-of-type(4) {
  background-image: url('https://m2studio.jp/wp/wp-content/uploads/2025/05/IMG_0091.jpg');
  animation-delay: 9s;
	background-position: 50% 20%;
}

.slideimg:nth-of-type(5) {
  background-image: url('https://m2studio.jp/wp/wp-content/uploads/2025/05/IMG_0118.jpg');
  animation-delay: 12s;
  object-position: 30% ;
	background-position: 50% 30%;
}