
@media screen and (min-width:1200px) {

a.Side_Banner2{
	display: none;
}

a.Side_Banner {
 position: fixed;
 display: inline-block;
 transition: all .2s ease;
 z-index: 9999;
}

/* 左側 */
a.Side_Banner.left { left: -20px;} /*マウスを乗せた時に出てくる幅*/
a.Side_Banner.left:hover{ left: 0;}

/* 並び位置 */
a.Side_Banner.top1 { top: 100px; }
a.Side_Banner.top2 { top: 52px; }
a.Side_Banner.top3 { top: 500px; }

}

@media screen and (min-width:768px) and (max-width:1199px) {

a.Side_Banner2{
	display: none;
}

a.Side_Banner {
 position: fixed;
 display: inline-block;
 transition: all .2s ease;
 z-index: 9999;
}

/* 左側 */
a.Side_Banner.left { left: -20px;} /*マウスを乗せた時に出てくる幅*/
a.Side_Banner.left:hover{ left: 0;}

/* 並び位置 */
a.Side_Banner.top1 { top: 100px; }
a.Side_Banner.top2 { top: 52px; }
a.Side_Banner.top3 { top: 500px; }

}

@media screen and (min-width:541px) and (max-width:767px) {

a.Side_Banner {
 display: none;
}


a.Side_Banner2 {
 position: fixed;
 display: inline-block;
 transition: all .2s ease;
 z-index: 9999;
 background: #000;
 width: 100%;
 color: #fff;
 text-align: center;
 bottom: 0;
 padding: 0.5em;
 font-family: Impact;
 letter-spacing: 2px;
}

}

@media screen and (min-width:415px) and (max-width:540px) {
a.Side_Banner {
 display: none;
}


a.Side_Banner2 {
 position: fixed;
 display: inline-block;
 transition: all .2s ease;
 z-index: 9999;
 background: #000;
 width: 100%;
 color: #fff;
 text-align: center;
	font-weight: bold;
 bottom: 0;
 padding: 0.5em;
 font-family: Impact;
 letter-spacing: 2px;
  height: 32px;
text-decoration-style: none;
}


}

@media screen and (max-width:414px) {
a.Side_Banner {
 display: none;
}


a.Side_Banner2 {
 position: fixed;
 display: inline-block;
 transition: all .2s ease;
 z-index: 9999;
 background: #000;
 width: 100%;
 color: #fff;
 text-align: center;
 bottom: 0;
 padding: 0.5em;
 font-family: Impact;
 letter-spacing: 2px;
	font-weight: bold;
text-decoration-style: none;
}

}
@media screen and (max-width:540px) {
	footer{
		height:75px;
	}

}