@charset "utf-8";
/* CSS Document */


/*フロートバナー*/
@media only screen and (max-width: 767px) {
	
    #fixbtn {
        width: 100%;
        height: 12.5VW!important;
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 9996;
        background-color: rgba(255,255,255,0.7);
    }
	#fixbtn li {
        float: left;
        width: 25%;
	}
	#fixbtn li img {
  		width: 100%;
		height:auto;
	}
    .ban__fix__sp {
        position: fixed;
		width: 92%;
        left: 4%;
		bottom: 18VW;
		z-index: 9999;
    }
    .ban__fix__sp img{
        width: 100%;
		height:auto;
    }
    .ban__fix__inner {
        position: relative;
        width: 100%;
    }
    #closebanner-sp,
    #closebanner-sp1,
    #closebanner-sp2 {
        position: absolute;
        top:-10px;
        right: -10px;
        display: block;
        height: 30px;
        width: 30px;
        background: url('https://www.misawa.co.jp/area/tokai/image/float_close.png') no-repeat 0 0;
		background-size: 30px;
        cursor: pointer;
        text-indent: -9000px;
        z-index: 10;
    }
	.ban__fix{
		display: none;
	}
    #banner-sp {
		/*opacity: 0;*/
    }
    #banner-sp.fixed {
		opacity: 1;
		animation-name: fadeUpAnime;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
    }
}
@media only screen and (min-width: 768px) {
    .ban__fix {
        position: fixed;
        width: 270px;
        height: 240px;
        bottom: 50px;
        right:50px;
        display: block;
		z-index: 9999;
    }
    .ban__fix__inner {
        position: relative;
        width: 270px;
    }
    #closebanner {
        position: absolute;
        top:-7px;
        right: -7px;
        display: block;
        height: 20px;
        width: 20px;
        background: url('https://www.misawa.co.jp/area/tokai/image/float_close.png') no-repeat 0 0;
		background-size: 20px;
        cursor: pointer;
        text-indent: -9000px;
        z-index: 10;
    }
	.ban__fix__sp{
		display: none;
	}
    #banner {
		/*opacity: 0;*/
    }
    #banner.fixed {
		opacity: 1;
		animation-name: fadeUpAnime;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
    }
}
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(50px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
@media screen and (max-width: 546px) {
#SMP------------------------{}
	.ban__fix__inner div:first-child {
		margin-right:4%;
	}
	.ban__fix__half {
		position: relative;
		width:48%;
		float:left;
	}
}
	
@media screen and (min-width: 737px) {
#PC------------------------{}
	#fixbtn_cp .fixbtn_cp01{
		display: block;
	}
	#fixbtn_cp .fixbtn_cp02{
		display: none;
	}
	#fixbtn_cp.fixed .fixbtn_cp01{
		display: none;
	}
	#fixbtn_cp.fixed .fixbtn_cp02{
		display: block;
		right: 0px;
		width: 100%;
	}
	#fixbtn_cp.fixed {
  		position: fixed;
  		top: 81px;
		right: 0px;
		height:119px;
		width: 119px;
	}
}
/*フロートバナー*/