/* floatingbnr
-----------------------------------------*/
.floatingbnr{
	border: 2px solid #CCCCCC;
	overflow: hidden;
	width: 320px;
	margin: 0px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 15;
	animation: fadeIn 2.5s linear;
	animation-fill-mode: both;
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
ul.bannerUl {
	list-style: none;
	/*width: 960px; バナー320px×3つ分*/
	/*width: 1280px; バナー320px×4つ分*/
	width: 1600px; /*バナー320px×5つ分*/
	margin: 0px;
	padding: 0px;
}
ul.bannerUl > li{
	float: left;
	width: 320px;
	margin: 0px;
}
ul li img{
	vertical-align: bottom;
	/*width: 320px;
	height: 201px;*/
}
/*.floatingbnr_img_inner{
	width: 320px;
	height: 201px;
	padding: 10px;
	overflow: hidden;
	position: relative;
}*/
.floatingbnr a{
	display: block;
}
.floatingbnr p.close{
	position: absolute;
	right: 3px;
	top: -5px;
}
.floatingbnr p.close a{
	display: block;
	width: 20px;
	height: 25px;
	text-align: center;
}
.floatingbnr p.close a span{
	display: block;
	overflow: inherit;
	font-size: 18px;/*ボタンの大きさ*/
    font-weight: bold;
    color: #555;
	
}
.floatingbnr p.close a i{
	font-size: 20px;
	z-index: 20;
	color: #222;
}

/****************************** tablet表示 *******************************/
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.floatingbnr{
		bottom: 12%;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
}

/****************************** SP表示 *******************************/
@media screen and (max-width: 767px) {
	.floatingbnr{
		/*border: 2px solid #CCCCCC;
		overflow: hidden;
		width: 320px;
		margin: 0px;
		position: fixed;
		z-index: 15;
		animation: fadeIn 2.5s linear;
		animation-fill-mode: both;*/
		/*bottom: 66px;*/
		bottom: 12%;
		right: 0;
		left: 0;
		margin: 0 auto;
	}	
	
	
}