@charset "UTF-8";

.onlyPC {
	display: block;

}
.onlySP {
	display: none;
}

.fx_banner {
    position: fixed;
    bottom: -260px;
    right: 90px;
    z-index:99999999;
    transition: 0.8s;
}
.fx_banner a {
    width: 425px;
    padding: 0px 0;
    text-align: center;
    display: block;
    transition: 0.8s;
}
.fx_banner a img{
  width: 425px;
  transition: 0.6s;
}
.fx_banner a:hover {
    text-decoration: none;
    opacity: 0.9;
}

.fx_banner span{
    position: absolute;
    top: 0;
    right: 18px;
    width: 30px;
    height: 30px;
    background: #FFF;
    border: solid 4px #52a34b;
    border-radius: 100px;
    color: #52a34b;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    z-index: 1;
}




@media (max-width: 767px) {
	.onlyPC {
		display: none;
	}
	.onlySP {
		display: block;
	}
	.fx_banner {
		position: fixed;
		bottom: -260px;
		right: -10px;
		z-index:99999999;
		transition: 0.8s;
	}
	.fx_banner p{
	  margin-bottom:0;
	}
	.fx_banner a {
		width: 100%;
		padding: 0px 0;
		text-align: center;
		display: block;
		transition: 0.8s;
	}
	.fx_banner a img{
	  width:100%;
	  transition: 0.6s;
	}
	.fx_banner a:hover {
		text-decoration: none;
		opacity: 0.7;
	}
	
	.fx_banner span{
		position: absolute;
		top: -10px;
		right: 10px;
		width: 30px;
		height: 30px;
		background: #FFF;
		border: solid 4px #52a34b;
		border-radius: 100px;
		color: #52a34b;
		text-align: center;
		line-height: 20px;
		cursor: pointer;
		z-index: 1;
	}


	#about .fx_banner{
		display:none !important;
	}
	#howToUse .fx_banner{
		display:none !important;
	}



}