@charset "utf-8";
/* ------------------------------
　　ブロック全体をリンクにする（js-biggerlink の代替）
　　a-blog cms 3.2 で組み込み JS の js-biggerlink が廃止されたため、CSS で置き換え
　　テーマの CSS（bundle.min.css）より前に読み込む。position をテーマ側で指定している要素は、テーマ側の指定が優先される
------------------------------ */

/* 中の a 要素のクリック範囲を、親要素全体に広げる
   ブロック内のリンクが1つで、a 要素に position が付いていないときに使う */
.stretched-link {
  position: relative;
}
.stretched-link a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

/* 矢印ボタン（.btnbox-arrowimg）のように a 要素に position が付いていて、上の方法で広げられない場合に使う
   ブロックに .stretched-link-box を付け、ブロックの直下の先頭に、同じリンク先の a.stretched-link-cover を置く
   （tabindex="-1" aria-hidden="true" を付ける。キーボード操作は元のボタンで行う） */
.stretched-link-box {
  position: relative;
}
.stretched-link-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

/* ブロックの中のボタン（.normal_btnbox）は、ボタン自体の :hover で矢印が動くため、ブロックのカバー用リンクより上に出す
   ボタンの中にも同じリンク先の a.stretched-link-cover を置き、ボタンの文字部分もクリックできるようにする */
.stretched-link-box .normal_btnbox {
  position: relative;
  z-index: 3;
}