@charset "UTF-8";
/* =========================================================
   記事末バナー（.wd-abanner）
   ・SWELL single.php の本文(.post_content)直後、ページ送りの後、
     記事下ウィジェット(.w-singleBottom)の前に出力される
   ・画像は本文幅いっぱい（8:1 想定）。スマホ用画像があれば 599px 以下で差し替え
   ========================================================= */
.wd-abanner{
  margin:2.5em 0 0;
}
.wd-abanner__link{
  display:block;
  line-height:0;
}
.wd-abanner__img{
  display:block;
  width:100%;
  height:auto;
}
@media (hover:hover){
  .wd-abanner__link .wd-abanner__img{ transition:opacity .2s ease; }
  .wd-abanner__link:hover .wd-abanner__img{ opacity:.85; }
}
/* 記事下ウィジェットが続く時は間隔をとる */
.wd-abanner + .w-singleBottom{
  margin-top:2em;
}