@charset "utf-8";

/* ベベラーページと同じタイトル帯の構造 */
@media screen and (max-width: 768px) {
  .pageTitle {
    background: url("/assets/frontend/product/airtools/img/pagetitle_head-change-airtool.png") no-repeat right center !important;
    background-size: 200px 70px !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 959px) {
  .pageTitle {
    background: url("/assets/frontend/product/airtools/img/pagetitle_head-change-airtool.png") no-repeat right center !important;
  }
}

@media screen and (min-width: 960px) {
  .pageTitle {
    background: url("/assets/frontend/product/airtools/img/pagetitle_head-change-airtool.png") no-repeat right center !important;
  }
}

/* 1行目と2行目の間の縦余白を全画面サイズで強制適用 */
#main .productLinks .productLinkBox,
#sub .productLinks .productLinkBox,
.productLinks .productLinkBox {
    margin-bottom: 50px !important;
}

/*
 * SP LINEトップはハンドツールと同じ
 * .productLinks / .productLinkBox / .productLinkImg を使用します。
 * カテゴリー別の商品一覧はベベラーと同じ
 * .productLinks / .LinkBox / .plImgBox を使用します。
 * どちらも既存の common/css/product.css がレイアウトを担当します。
 */