@charset "UTF-8";

/* ======================================================
 * sprite.css
====================================================== */
@media print, screen and (min-width: 769px) {
  [class*="commonSprite-"] {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    line-height: 1;
    background-image: url("common_sprite_pc.png");
    background-repeat: no-repeat;
  }
  /*********************企業・サイトロゴ*********************/
  .commonSprite-fmv {
    width: 82px;
    height: 24px;
    background-position: 0 0;
  }
  /*********************検索エリア*********************/
  /*google*/
  .commonSprite-google {
    width: 60px;
    height: 30px;
    background-position: -183px 0;
  }
  /*検索ボタン*/
  .commonSprite-search {
    width: 18px;
    height: 17px;
    background-position: -244px 0;
  }
  /*********************ヘッダーログイン*********************/
  /*人アイコン*/
  .commonSprite-account {
    width: 12px;
    height: 16px;
    background-position: -83px 0;
  }
  /*鍵アイコン*/
  .commonSprite-login {
    width: 20px;
    height: 23px;
    background-position: -127px 0;
  }
  /*？アイコン*/
  .commonSprite-help {
    width: 15px;
    height: 15px;
    background-position: -165px 0;
  }
  /*メルマガ*/
  .commonSprite-mailmag {
    width: 30px;
    height: 22px;
    background-position: -96px 0;
  }
  /*********************お知らせ*********************/
  .commonSprite-important {
    width: 15px;
    height: 15px;
    background-position: -149px 0;
  }
}


/* ======================================================
 * SP
====================================================== */
@media print, screen and (max-width: 768px) {
  [class*="commonSprite-"] {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    line-height: 1;
    background-image: url("common_sprite_sp.png");
    background-repeat: no-repeat;
    background-size: 600px auto;
  }
  /*********************企業・サイトロゴ*********************/
  .commonSprite-fmv {
    width: 52px;
    height: 15px;
    background-position: 0 0;
  }
  /*********************ヘッダーメニュー*********************/
  .commonSprite-gnav {
    width: 22px;
    height: 20px;
    background-position: -174px 0;
  }
  .header-gnav__menu.is-open .commonSprite-gnav {
    background-position: -196px 0;
  }
  /*別タブ遷移*/
  .commonSprite-gnavBlank {
    width: 14px;
    height: 12px;
    background-position: -158px 0;
  }
  /*********************検索エリア*********************/
  /*検索ボタン*/
  .commonSprite-search {
    width: 18px;
    height: 18px;
    background-position: -219px 0;
  }
  /*********************ヘッダーログイン*********************/
  /*人アイコン*/
  .commonSprite-account {
    width: 12px;
    height: 16px;
    background-position: -52px 0;
  }
  /*鍵アイコン*/
  .commonSprite-login {
    width: 17px;
    height: 18px;
    background-position: -126px 0;
  }
  /*メルマガ*/
  .commonSprite-mailmag {
    width: 28px;
    height: 21px;
    background-position: -66px 0;
  }
  /*キャッシュバック*/
  .commonSprite-cashback-nav {
    width: 28px;
    height: 26px;
    background-position: -96px 0;
  }
  /*********************お知らせ*********************/
  .commonSprite-important {
    width: 11px;
    height: 11px;
    background-position: -145px 0;
  }
}