@charset "UTF-8";


/* 画像バナーのエリアを指定する */
.floating-banner-area {
	width: 1420px;
	margin: 0 auto;
}

/* 右下に画像バナーを配置 */
.floating-banner {
	position: fixed;
	bottom: 0px; /* 画面下から20pxの距離 */
	right: 0px;	/* 画面右から20pxの距離 */
	max-width: 170px;	/* バナーの幅を指定 */
	height: auto;	/* 高さを自動調整 */
	z-index: 9999;	/* 他の要素よりも前面に表示 */
}
.floating-banner img {
	width: 100%;  /* バナー内で画像の幅を100%にする */
	height: auto; /* 画像の比率を保ちながら自動調整 */
}

/* screens smaller than 1080---------------------------------------------------------- */
@media only screen and (min-width:901px) and (max-width:1080px) {
.floating-banner-area {
	width: 90%;
	margin: 0 auto;
}

}
/* screens smaller than 900---------------------------------------------------------- */
@media only screen and (min-width:821px) and (max-width:900px) {


}
/* screens smaller than 820---------------------------------------------------------- */
@media only screen and (min-width:591px) and (max-width:820px) {
.floating-banner {
	bottom: 20px; /* 画面下から20pxの距離 */
	right: 10px;	/* 画面右から20pxの距離 */
	max-width: 120px;	/* バナーの幅を指定 */
}


}
/* screens smaller than 590---------------------------------------------------------- */
@media only screen and (max-width:590px) {

}
/* /screens smaller than 540 */
@media only screen and (max-width:480px) {



}