@charset "UTF-8";

/* ====================================
	プラグイン・アニメーション設定
 ==================================== */

/* スライダーアニメ */
#slider1 .swiper-slide .slide-img img {
	display: block;
	position: relative;
}

#slider1 .swiper-slide .slide-img .anime {
	position: absolute;
	top: 0;
	left: 0;
	transition-duration: 1s;
}

/* #slider1.auto-playing .swiper-slide-active .anime {
	opacity: 0;
} */

#slider1 .swiper-slide-active .anime {
	opacity: 0;
}

#slider1 .anime1 {
	transition-delay: .75s;
}

#slider1 .anime2 {
	transition-delay: 1.5s;
}

#slider1 .anime3 {
	transition-delay: 2.25s;
}

/*  スライド１－３*/
#slider1 .sub01-3-anime .anime1 {
	transition-delay: .8s;

}

#slider1 .sub01-3-anime .anime2 {
	transition-delay: 1.6s;
}



/*  スライド１－４*/
#slider1 .sub01-4-anime .anime1 {
	transition-delay: .8s;
}

#slider1 .sub01-4-anime .anime2 {
	transition-delay: 1.6s;

}

#slider1 .sub01-4-anime .anime3 {
	transition-delay: 2.4s;


}



/*  スライド１－５*/
#slider1 .sub01-5-anime .anime1 {
	transition-delay: .8s;

}

#slider1 .sub01-5-anime .anime2 {
	transition-delay: 1.6s;
}


/*  スライド１－６*/
#slider1 .sub01-6-anime .anime1 {
	transition-delay: .8s;

}

#slider1 .sub01-6-anime .anime2 {
	transition-delay: 1.6s;
}



#slider1 .swiper-container-thumbs .swiper-slide {
	background: #D9D9D9;
	color: #fff;
	border-right: solid 1px #fff;
	text-align: center;
}

#slider1 .swiper-container-thumbs .swiper-slide-thumb-active {
	background: #000;
}

#slider1 .swiper-container-thumbs .swiper-slide {
	cursor: pointer;
}

#slider1 .swiper-container-thumbs .swiper-slide span {
	font-size: .7em;
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {

	/* スライダーアニメ */
	#slider1 .swiper-container-thumbs {
		width: 300px;
		margin-top: 2rem;
		font-size: 1.5rem;
		line-height: 1.2;
	}

	#slider1 .swiper-container-thumbs .swiper-wrapper {
		display: flex;
		justify-content: center;
	}

	#slider1 .swiper-container-thumbs .swiper-slide {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		height: 4rem;
	}

}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 768px) {

	/* スライダーアニメ */
	#slider1 .swiper-container-thumbs {
		width: 640px;
		margin-top: 4rem;
		font-size: 1.8rem;
	}

	#slider1 .swiper-container-thumbs .swiper-wrapper {
		display: flex;
		justify-content: center;
	}

	#slider1 .swiper-container-thumbs .swiper-slide {
		padding: 0.2em;
	}

}

/* ====================================
	タブレット専用スタイル
===================================== */
@media screen and (min-width:768px) and (max-width:1079px) {}

/* ====================================
	PC専用スタイル
===================================== */
@media only screen and (min-width: 1080px) {}

/* ====================================
	印刷専用スタイル
===================================== */
@media print {}