@charset "utf-8";
/* CSS Document */


@import "common.css?260617";


/*　/////2026お祭り月間/////　*/
/*グレーアウト　オフ*/
.off{filter: grayscale(40);pointer-events: none;color: #666;}
.off span{color: #999;font-size: 0.875em;background-color: #eee;display: inline-block;padding: 0.25em 0.5em;border-radius: 0.5em;}

#wrapper img{height: auto;}
/* 外枠：はみ出た画像を隠す */
.slider {
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	position: absolute;
	z-index: 90;
	top:clamp(100px,20vw, 200px);
}
/* 内枠：画像を横一列に並べ、アニメーションを設定する */
.slider-track {
	display: flex;
	gap:20px;
	width: max-content; /*入れると画像切替がスムーズになる*/
	animation: slide 30s linear infinite;
}
/* 画像サイズを固定する */
.slider-track img {
	width: 300px;
	height: auto;
	border-radius: 0.5rem;
	
}

/* アニメーションの動き：開始位置から半分（1セット分）だけ左に移動する */
@keyframes slide {
0% {transform: translateX(0);}
100% {transform: translateX(-50%);}
}
	
/* scrollin_anime.js
---------------------------------*/
.scrollin { opacity: 0; transition: all .4s ease; }
.scrollin.show { opacity: 1; transform: none; }
.scr_lr { transform: translate(-1rem, 0); }
.scr_rl { transform: translate(1rem, 0); }
.scr_fadein { transform: translate(0, 0px); }
.scr_up1 { transform: translate(0, 1rem); transition: 0.8s 0s ease; }
.scr_up2 { transform: translate(0, 1rem); transition: 0.8s 0.2s ease; }
.scr_up3 { transform: translate(0, 1rem); transition: 0.8s 0.4s ease; }
.scr_up4 { transform: translate(0, 1rem); transition: 0.8s 0.6s ease; }
.scr_up5 { transform: translate(0, 1rem); transition: 0.8s 0.8s ease; }
.scr_up6 { transform: translate(0, 1rem); transition: 0.8s 1.0s ease; }
.scr_down { transform: translate(0, -1rem); }
.scr_scaleUp { transform: scale(.5); }
.scr_scaleDown { transform: scale(1.5); }
.scr_rotateL { transform: rotate(1rem); }
.scr_rotateR { transform: rotate(1rem); }


.logo_matsuri2026 {margin:-70px auto 0;max-width: 1000px;aspect-ratio: 1170/819;position: relative;}
.logo_matsuri2026 img {width: 100%;/*height: auto;*/position: absolute;right: 0; left: 0; margin: 0 auto; bottom:-70px; z-index: 100;animation: fadeIn 1s ease 0s 1 normal;}
	
.cc { width: 96%; /*max-width: 592px;*/max-width: 680px; margin: 0 auto; padding: 0 2%; color: #444; }
.cc img { width: 100%; margin: 0 0 1em; }
.bg_cc {width: 100%;margin: 0; padding: 3rem 0; background: #fffb0f; z-index: 99; /*animation: fadeIn 3s ease 0s 1 normal; -webkit-animation: fadeIn 3s ease 0s 1 normal; */}
	ul.chochin{width: 100%;display: flex;justify-content: space-between;position: absolute;top:0;z-index: 110;}
	ul.chochin li{width:clamp(100px,30vw,300px);}
	ul.chochin li img{width:100%;}
@media screen and (max-width: 768px) {
.logo_matsuri2026 {margin: 20px auto 0;}
.logo_matsuri2026 img {bottom:-20px;}

.cc { width: 96%; max-width: none; margin: 0 auto; text-align: center;}
.cc img {width: 70%;}
.bg_cc { width: 100%; margin: 0; padding: 10px 0; background: #fffb0f; z-index: 99; }
	
/* 画像サイズを固定する */
.slider-track img {
	width: 150px;
	height: auto;
	box-shadow: 0 6px 10px #03549B;
}

	}