@charset "UTF-8";

/*------------------------------------------------------------*/
/* スライド　レイアウト 共通　*/
/*------------------------------------------------------------*/

#topBannerArea{
	width:100%;
	position:relative;
	margin-bottom:25px;
}

#topBannerArea figure{
	margin:0;
	padding:0;
}

#topBannerArea > ul li figure{
	display:block;
}

#topBannerArea figure img{
	width:100%;
	margin:0;
	padding:0;
}

#topBannerArea li figure img{
	display:block;
}


#topBannerArea > ul{
	width:100%;
	position:relative;
	z-index:0;
	margin:0;
	padding:0;
	display:block;
}

#topBannerArea > ul li{
	transition: opacity 1s ease-in-out 0s;
	width:100%;
	z-index:0;
}

@media screen and (min-width: 981px) {
/* min 981 (PC)
-------------------------------------------------------*/


#topBannerArea > ul{
	display:flex;
	flex-wrap: wrap;
	width:100%;
	justify-content: start;
}

#topBannerArea > ul li{
	margin:0 8px 8px 0;
	padding:0;
	background:#ffffff;
	width:321px;
}

#topBannerArea > ul li:nth-of-type(3n){
	margin-right:0;
}

.leftNavi,.rightNavi{
	display:none;	
}

	/*追記　22.02.07*/
#topBannerArea figure img{
	width:320px;
	height: 90px;
}
	/*end 22.02.07*/


/* END min 981 (PC)
-------------------------------------------------------*/
}



@media screen and (max-width: 980px) {
/* max 980
-------------------------------------------------------*/
#topBannerArea{
}



#topBannerArea > ul{
	margin:0 auto;
	width:98%;
	display:block;
	position:relative;
}

#topBannerArea > ul li{
	width:90%;
	margin:0 auto 3vw;
	background:#ffffff;
}


/* END max 980
-------------------------------------------------------*/
}