/* --- Google AdSense の広告枠 --- */
/* ins 要素の寸法は AdSense が指定する形なのでテンプレート側に直書きのまま。
   ここが持つのは枠の余白と、PC / モバイルの出し分けだけ。
   広告は 1 ページに何度も差し込むので、この指定はテンプレートではなく CSS に置く
   (テンプレートの <style> に書くと、差し込んだ回数だけ同じ規則が出力される) */

.ad-slot {
  margin-block: 16px;
  text-align: center;
}

.ad-mobile {
  height: 100px;
  overflow: hidden;
}

.ad-desktop { max-height: 120px; }

/* 980px 以下ではモバイル用に差し替える (PC 用の 980px 幅が収まらないため) */
.ad-mobile { display: none; }

@media screen and (max-width: 980px) {
  .ad-mobile { display: block; }

  .ad-desktop { display: none; }
}