.img1 {
  width: 105px;
  height: 105px;
  object-fit: cover;
  margin: 3px 0px 2px 1px;
  -ms-filter: blur(1px);
  filter: blur(1px);

}

.img2 {
  object-fit: cover;
  margin: 3px 0px 2px 1px;
  -ms-filter: blur(1px);
  filter: blur(1px);

}

div.thread:hover, div.thread a:hover {
    color: #000000;
}
div.thread:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(35%,rgba(221,241,249,1)), color-stop(100%,rgba(160,216,239,1))) !important;
    background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%) !important;
}

.container_banner2{
width:97%;
background-color:#FFFFFF;
margin:0 auto;
margin-top:6px;
margin-bottom: 8px;
border: 1px solid #CCC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: px;
overflow: hidden;  }




<!---AI動画--->
.container_banneraid{
width:95%;
background-color:#fdf9f2;
margin:0 auto;
margin-top:6px;
margin-bottom: 8px;
border: 1px solid #CCC;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: px;
overflow: hidden;  }

.no3 {
  letter-spacing: 0.7em;
  font-size: 21px;
  font-style:italic;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
}
.example{
    /*コレ*/text-align: center;
    border: 1px solid #ffe6b3;
    margin: 4px 10px 4px;
    background: #ffeacc;
}
<!---AI動画--->

</style>



<div class="container_banner">
<h2><div class="white">▼最新更新記事RSS▼</div></h2>
</center>
<div id="tag_ab7b294a1982cfc4313c3ee4c2e1c965"></div><script src="//moviegate4.net/fukugansan/loader.php?t=ab7b294a1982cfc4313c3ee4c2e1c965" type="text/javascript" charset="utf-8" defer></script>
</div>

<div class="container_banner">
<div id="tag_afa2265ebfc533c9b052d81c4995c23b"></div><script src="//moviegate4.net/fukugansan/loader.php?t=afa2265ebfc533c9b052d81c4995c23b" type="text/javascript" charset="utf-8" defer></script>
</div>

<center>
<script src='https://fam-ad.com/ad/js/fam-tagify.min.js' ></script>
<div id= 'div_fam_async_218333_100'>
<script language='javascript'><!--
fam_js_async('https://fam-ad.com/ad', '_site=64439&_loc=218333&_mstype=100&_width=&_height=');
//--></script>
</div>
</center>
<br><center>
<!--  ad tags Size: 300x250 ZoneId:90002622-->
<script type="text/javascript" src="https://js.waqool.com/t/002/622/a90002622.js"></script>
</center>
<br>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<script src='https://fam-ad.com/ad/js/fam-tagify.min.js' ></script>
<div id= 'div_fam_async_218333_100'>
<script language='javascript'><!--
fam_js_async('https://fam-ad.com/ad', '_site=64439&_loc=218333&_mstype=100&_width=&_height=');
//--></script>
</div>
<br>
<center>
<!--  ad tags Size: 300x250 ZoneId:90002622-->
<script type="text/javascript" src="https://js.waqool.com/t/002/622/a90002622.js"></script><br><br><br><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</center>

<!------ オーバーレイ------>
<div id="active_overlay" style="height: 50px; display: block; position: fixed; left: 0px; z-index: 2147483647; bottom: 0px; width: 100%; text-align: center;">
<!--  ad tags Size: 320x50 ZoneId:90002637-->
<script type="text/javascript" src="https://js.waqool.com/t/002/637/a90002637.js"></script>
</div>
<style>@media screen and (min-width: 480px) {#active_overlay{display:none!important;}}</style>
<script type="text/javascript">
var toUpper = true;
var nomStartS = 500;
var nomTimeS = 10000;
var nomStartF = 100;
var nomTimeF = 2000;
var adHeight = window.innerWidth / 320 * 50;
adHeight = Math.floor(adHeight);
var SBheight = 30;var SBbgc = '#000';var SBclr = '#fff';
var act_secretboots_text = '【PR】';
var SBhtml = '<div id="act_secretboots" style="text-align: center; background-color: ' + SBbgc + '; color: ' + SBclr + '; line-height: 12px; height: ' + SBheight*(window.innerWidth / 320) + 'px; font-size: 12px; width: 100%!important; font-weight: bold; overflow: hidden; position: absolute!important; bottom: 0px!important; left: 0px!important; z-index: 2147483646!important;"></div><div id="act_secretground" style="width: 100%; height: 0px;"></div>';
window.addEventListener('DOMContentLoaded', function() {
var ActOL = document.getElementById('active_overlay');
var ActOL_i = ActOL.getElementsByTagName('img');
for(var i=0;i<ActOL_i.length;i++){if(ActOL_i[i].clientWidth>=320){ActOL_i[i].style.width='320px';ActOL_i[i].style.height='50px';}}
var ActOLs = ActOL.getElementsByTagName('div');
for(var i=0;i<ActOLs.length;i++){if(/_overlay/.test(ActOLs[i].id)){ActOLs[i].style.bottom=SBheight + 'px';break;}}

var SBelm = document.createElement('div');
var ActOL_d = ActOL.getElementsByTagName('div')[0];
var olSwitch = false;
var olInt = setInterval(function () {
 clearInterval(olInt);

 ActOL.style.opacity = 0;
 ActOL.style.height = SBheight + 50 + 'px';
 ActOL_d.style.bottom = SBheight + 'px';
 ActOL_d.style.width = '100%';
 ActOL_d.style.display = 'block';
 ActOL_d.style.position = 'absolute';
 ActOL_d.style.height = '';
 ActOL.appendChild(SBelm);

 SBelm.outerHTML = SBhtml;
 var SB = document.getElementById('act_secretboots');
 var SBG = document.getElementById('act_secretground');
 SB.innerHTML = act_secretboots_text;
 SB.style.lineHeight = SBheight + 'px';
 var sizeratio = (window.innerWidth / 320);

 ActiveOL();
 var invSwitch = false; invSwitch = true;

 document.addEventListener('touchmove', function() {
  if(olSwitch == true){
   if (invSwitch !== false) {
    ActOL.style.opacity = 0;
    clearTimeout(invSwitch);
   }
   invSwitch = setTimeout(function() {
    olSwitch = false;
    ActiveOL();
   }, 100);
  }
 }, false);

 function ActiveOL(){
  var upper = false;
  if (toUpper === true) {
   var maxH = Math.max.apply(null, [document.body.clientHeight , document.body.scrollHeight, document.documentElement.scrollHeight, document.documentElement.clientHeight]);
   ActOL.style.display = 'block';
   SB.style.display = 'block';
   var sc_top = document.body.scrollTop || document.documentElement.scrollTop, 
   scr_h = window.innerHeight;
   if(maxH - 30 <= sc_top + scr_h + adHeight + SBheight) {
    upper = true;
   } else {
    upper = false;
   }
  }else{upper = false;}
  sizeratio = (window.innerWidth / 320);

  var s3 = new Date() - 0;
   ActOL.style.opacity = 0;
   ActOL.style.transform = 'scale(4)';

  var act3 = setInterval(function() {
   var n3 = new Date() - s3;
   if (n3 > nomTimeS) {
    clearInterval(act3);
    n3 = nomTimeS;
   }
   var scaleratio = 4 - (4 - sizeratio ) * (n3 / nomTimeS);
   if (upper === true) {
    ActOL.style.transform = 'scale(' + scaleratio + ')';
    ActOL.style.top = (sizeratio - 1) * SBheight + nomStartS - (nomStartS - nomStartF)  * (n3 / nomTimeS) + 'px';
    ActOL.style.bottom = '';
   } else {
    ActOL.style.transform = 'scale(' + scaleratio + ')';
    ActOL.style.top = '';
    ActOL.style.bottom = (sizeratio - 1) * SBheight + nomStartS - (nomStartS - nomStartF)  * (n3 / nomTimeS) + 'px';
   }
   if ((n3 / nomTimeS) >= 1){
    ActOL.style.transform = 'scale(1)';
    var s4 = new Date() - 0;
    var act4 = setInterval(function() {
     var n4 = new Date() - s4;
     if (n4 > nomTimeF) {
      clearInterval(act4);
      n4 = nomTimeF;
     }
     ActOL.style.opacity = (n4 / nomTimeF);
     if (upper === true) {
              if(/iPhone/.test(navigator.userAgent) && window.parent.screen.width===375 && window.parent.screen.height===812){SB.style.bottom = 30-(SBheight*(window.innerWidth / 320))+34+'px';}else{SB.style.bottom = 30-(SBheight*(window.innerWidth / 320))+'px';}
              ActOL.style.opacity = (n4 / nomTimeF);
              ActOL.style.bottom = '';
              ActOL.style.top = (sizeratio - 1) * SBheight +  nomStartF  - nomStartF * (n4 / nomTimeF) + 'px';       
     } else {
              if(/iPhone/.test(navigator.userAgent) && window.parent.screen.width===375 && window.parent.screen.height===812){SB.style.bottom = 30-(SBheight*(window.innerWidth / 320))+34+'px';}else{SB.style.bottom = 30-(SBheight*(window.innerWidth / 320))+'px';}
              ActOL.style.opacity = (n4 / nomTimeF);
              ActOL.style.top = '';
              ActOL.style.bottom = (sizeratio - 1) * SBheight +  nomStartF  - nomStartF * (n4 / nomTimeF) + 'px';
     }
     if (n4 / nomTimeF >= 1 ){setTimeout(function(){olSwitch = true;},100);}
     if (n4 / nomTimeF >= 1 ){
      if (toUpper === true) {
       setTimeout(function(){
        sc_top = document.body.scrollTop || document.documentElement.scrollTop, scr_h = window.innerHeight;
        if(maxH  <= sc_top + scr_h + 50 + SBheight) {
         if (ActOL.style.bottom == '0px') {
          ActOL.style.opacity = 0;
          olSwitch = false;
          ActiveOL();
         }
        };
       ;},100);
      }
     }
    }, 10);
   }
  }, 10);
 }
}, 100);
});


