@charset "UTF-8";

/* ======================================================
 * sprite.css
====================================================== */
@media print, screen and (min-width: 769px) {
  [class*="sprite-"] {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    line-height: 1;
    background-image: url("sprite_white_pc.png");
    background-repeat: no-repeat;
  }
  [data-theme='gray'] [class*="sprite-"],
  [data-theme='dark'] [class*="sprite-"] {
    background-image: url("sprite_black_pc.png");
  }
  /*********************企業・サイトロゴ*********************/
  .sprite-fmv {
    width: 82px;
    height: 24px;
    background-position: 0 0;
  }
  /*********************ヘッダーログイン*********************/
  /*人アイコン*/
  .sprite-account {
    width: 12px;
    height: 16px;
    background-position: -83px 0;
  }
  /*鍵アイコン*/
  .sprite-login {
    width: 20px;
    height: 23px;
    background-position: -179px 0;
  }
  /*？アイコン*/
  .sprite-help {
    width: 15px;
    height: 15px;
    background-position: -161px 0;
  }
  /*メルマガ*/
  .sprite-mailmag {
    width: 30px;
    height: 22px;
    background-position: -96px 0;
  }
  /*********************お知らせ*********************/
  .sprite-important {
    width: 15px;
    height: 15px;
    background-position: -201px 0;
  }
  .sprite-bell {
    width: 9px;
    height: 10px;
    background-position: 0 -32px;
  }
  /*********************アカウント情報*********************/
  .sprite-user {
    width: 22px;
    height: 22px;
    background-position: -10px -32px;
  }
  .sprite-entrance {
    width: 18px;
    height: 18px;
    background-position: -33px -32px;
  }
  .sprite-accountCB {
    width: 18px;
    height: 18px;
    background-position: -80px -32px;
  }
  .sprite-statusCB {
    width: 28px;
    height: 28px;
    background-position: -51px -32px;
  }
  /*********************ニュース*********************/
  /*ランキング1位*/
  .sprite-ranking {
    width: 30px;
    height: 25px;
    background-position: 0 -61px;
  }
  /*ランキング2位*/
  .newsRanking-item:nth-child(2) .sprite-ranking {
    width: 30px;
    height: 25px;
    background-position: -32px -61px;
  }
  /*ランキング3位*/
  .newsRanking-item:nth-child(3) .sprite-ranking {
    width: 30px;
    height: 25px;
    background-position: -64px -61px;
  }
  /*********************設定*********************/
  /*設定*/
  .sprite-setting {
    width: 24px;
    height: 24px;
    background-position: 0 -91px;
  }
  /*現在地*/
  .sprite-config-location {
    width: 11px;
    height: 9px;
    background-position: -26px -91px;
  }
  /*********************本日*********************/
  /*今日は何の日*/
  .sprite-what {
    width: 14px;
    height: 14px;
    background-position: 0 -124px;
  }
  /*占い*/
  .sprite-uranai {
    width: 22px;
    height: 24px;
    background-position: -16px -124px;
  }
  /*現在地*/
  .sprite-location {
    width: 12px;
    height: 10px;
    background-position: -39px -124px;
  }
  /*********************星座*********************/
  /*おひつじ座*/
  .sprite-ohitsuji {
    width: 24px;
    height: 24px;
    background-position: -54px -124px;
  }
  /*おうし座*/
  .sprite-oushi {
    width: 24px;
    height: 24px;
    background-position: -80px -124px;
  }
  /*ふたご座*/
  .sprite-hutago {
    width: 24px;
    height: 24px;
    background-position: -106px -124px;
  }
  /*かに座*/
  .sprite-kani {
    width: 24px;
    height: 24px;
    background-position: -132px -124px;
  }
  /*しし座*/
  .sprite-shishi {
    width: 24px;
    height: 24px;
    background-position: -158px -124px;
  }
  /*おとめ座*/
  .sprite-otome {
    width: 24px;
    height: 24px;
    background-position: -184px -124px;
  }
  /*てんびん座*/
  .sprite-tenbin {
    width: 24px;
    height: 24px;
    background-position: -210px -124px;
  }
  /*さそり座*/
  .sprite-sasori {
    width: 24px;
    height: 24px;
    background-position: -236px -124px;
  }
  /*いて座*/
  .sprite-ite {
    width: 24px;
    height: 24px;
    background-position: -262px -124px;
  }
  /*やぎ座*/
  .sprite-yagi {
    width: 24px;
    height: 24px;
    background-position: -288px -124px;
  }
  /*みずがめ座*/
  .sprite-mizugame {
    width: 24px;
    height: 24px;
    background-position: -314px -124px;
  }
  /*うお座*/
  .sprite-uo {
    width: 24px;
    height: 24px;
    background-position: -340px -124px;
  }
  /*********************フットナビ固定*********************/
  /*アクセシビリティ*/
  .sprite-foot-accessibility {
    width: 45px;
    height: 45px;
    background-position: 0 -150px;
  }
  /*サービス一覧*/
  .sprite-foot-services {
    width: 45px;
    height: 45px;
    background-position: -47px -150px;
  }
  /*********************タイトル*********************/
  /*キャンペーン・注目情報*/
  .sprite-campaign {
    width: 36px;
    height: 30px;
    background-position: -36px -251px;
  }
  /*FMVパソコン関連情報*/
  .sprite-computer {
    width: 35px;
    height: 30px;
    background-position: 0 -251px;
  }
  /*PCサポート・トラブル対策*/
  .sprite-support {
    width: 24px;
    height: 30px;
    background-position: -116px -251px;
  }
  /*PCスキルアップ・お役立ち情報*/
  .sprite-skill {
    width: 40px;
    height: 30px;
    background-position: -74px -251px;
  }
  /*ウイルス・セキュリティ対策*/
  .sprite-security {
    width: 26px;
    height: 30px;
    background-position: -143px -251px;
  }
  /*買い物*/
  .sprite-shopping {
    width: 30px;
    height: 30px;
    background-position: -171px -251px;
  }
  /*生活情報*/
  .sprite-lifestyle {
    width: 30px;
    height: 30px;
    background-position: -203px -251px;
  }
  /*エンタメ情報*/
  .sprite-entertainment {
    width: 35px;
    height: 30px;
    background-position: -235px -251px;
  }
  /*********************設定モーダル内*********************/
  /*アクセシビリティ*/
  .sprite-accessibility {
    width: 34px;
    height: 34px;
    background-position: 0 -197px;
  }
  /*サービス一覧*/
  .sprite-services {
    width: 34px;
    height: 34px;
    background-position: -36px -197px;
  }
  /*お気に入り*/
  .sprite-favorite {
    width: 80px;
    height: 80px;
    background-position: 0 -283px;
  }
  /*お気に入り登録方法*/
  .sprite-howto {
    width: 23px;
    height: 23px;
    background-position: -72px -197px;
  }
  .sprite-favHowto {
    width: 18px;
    height: 18px;
    background-position: -97px -197px;
  }
  /*文字サイズ*/
  .sprite-text-size {
    width: 80px;
    height: 80px;
    background-position: -82px -283px;
  }
  /*カラーテーマ*/
  .sprite-color-theme {
    width: 80px;
    height: 80px;
    background-position: -164px -283px;
  }
  /*地域*/
  .sprite-region {
    width: 80px;
    height: 80px;
    background-position: -246px -283px;
  }
  /*生年月日*/
  .sprite-birthday {
    width: 80px;
    height: 80px;
    background-position: -328px -283px;
  }
  /*********************サービス一覧*********************/
  .sprite-services-list {
    width: 16px;
    height: 16px;
    background-position: 0 -233px;
  }
  /*別タブ遷移*/
  .sprite-blank {
    width: 10px;
    height: 9px;
    background-position: -218px 0;
  }
}


/* ======================================================
 * SP
====================================================== */
@media print, screen and (max-width: 768px) {
  [class*="sprite-"] {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    line-height: 1;
    background-image: url("sprite_white_sp.png");
    background-repeat: no-repeat;
    background-size: 600px auto;
  }
  [data-theme='gray'] [class*="sprite-"],
  [data-theme='dark'] [class*="sprite-"] {
    background-image: url("sprite_black_sp.png");
  }
  /*********************企業・サイトロゴ*********************/
  .sprite-fmv {
    width: 52px;
    height: 15px;
    background-position: 0 0;
  }
  /*********************ヘッダーメニュー*********************/
  .sprite-gnav {
    width: 22px;
    height: 20px;
    background-position: -190px 0;
  }
  .header-gnav__menu.is-open .sprite-gnav {
    background-position: -212px 0;
  }
  .sprite-modalnav {
    width: 22px;
    height: 20px;
    background-position: -190px 0;
  }
  .js-modalNavToggle.is-open .sprite-modalnav {
    background-position: -212px 0;
  }
  /*別タブ遷移*/
  .sprite-gnavBlank {
    width: 14px;
    height: 12px;
    background-position: -158px 0;
  }
  /*********************ヘッダーログイン*********************/
  /*人アイコン*/
  .sprite-account {
    width: 12px;
    height: 16px;
    background-position: -52px 0;
  }
  /*鍵アイコン*/
  .sprite-login {
    width: 17px;
    height: 18px;
    background-position: -126px 0;
  }
  /*メルマガ*/
  .sprite-mailmag {
    width: 28px;
    height: 21px;
    background-position: -66px 0;
  }
  /*キャッシュバック*/
  .sprite-cashback-nav {
    width: 28px;
    height: 26px;
    background-position: -96px 0;
  }
  /*********************お知らせ*********************/
  .sprite-important {
    width: 11px;
    height: 11px;
    background-position: -145px 0;
  }
  .sprite-bell {
    width: 10px;
    height: 12px;
    background-position: 0 -28px;
  }
  /*********************アカウント情報*********************/
  .sprite-user {
    width: 23px;
    height: 23px;
    background-position: -12px -28px;
  }
  .sprite-entrance {
    width: 16px;
    height: 20px;
    background-position: -37px -28px;
  }
  .sprite-accountCB {
    width: 18px;
    height: 18px;
    background-position: -55px -28px;
  }
  /*********************ニュース*********************/
  /*ランキング1位*/
  .sprite-ranking {
    width: 35px;
    height: 27px;
    background-position: 0 -53px;
  }
  /*ランキング2位*/
  .newsRanking-item:nth-child(2) .sprite-ranking {
    width: 35px;
    height: 27px;
    background-position: -36px -53px;
  }
  /*ランキング3位*/
  .newsRanking-item:nth-child(3) .sprite-ranking {
    width: 35px;
    height: 27px;
    background-position: -73px -53px;
  }
  /*********************設定*********************/
  /*キャッシュバック*/
  .sprite-cashback {
    width: 30px;
    height: 32px;
    background-position: 0 -85px;
  }
  /*現在地*/
  .sprite-config-location {
    width: 10px;
    height: 8px;
    background-position: -35px -85px;
  }
  /*設定*/
  .sprite-setting {
    width: 33px;
    height: 33px;
    background-position: 0 -85px;
  }
  /*********************本日*********************/
  /*今日は何の日*/
  .sprite-what {
    width: 14px;
    height: 14px;
    background-position: 0 -120px;
  }
  /*占い*/
  .sprite-uranai {
    width: 9px;
    height: 10px;
    background-position: -15px -120px;
  }
  /*現在地*/
  .sprite-location {
    width: 13px;
    height: 10px;
    background-position: -26px -120px;
  }
  /*********************フットナビ固定*********************/
  /*アクセシビリティ*/
  .sprite-foot-accessibility {
    width: 42px;
    height: 42px;
    background-position: 0 -136px;
  }
  /*サービス一覧*/
  .sprite-foot-services {
    width: 42px;
    height: 42px;
    background-position: -44px -136px;
  }
  /*********************タイトル*********************/
  /*キャンペーン・注目情報*/
  .sprite-campaign {
    width: 30px;
    height: 26px;
    background-position: -32px -218px;
  }
  /*FMVパソコン関連情報*/
  .sprite-computer {
    width: 30px;
    height: 26px;
    background-position: 0 -218px;
  }
  /*PCサポート・トラブル対策*/
  .sprite-support {
    width: 20px;
    height: 26px;
    background-position: -100px -218px;
  }
  /*PCスキルアップ・お役立ち情報*/
  .sprite-skill {
    width: 34px;
    height: 26px;
    background-position: -64px -218px;
  }
  /*ウイルス・セキュリティ対策*/
  .sprite-security {
    width: 22px;
    height: 26px;
    background-position: -123px -218px;
  }
  /*買い物*/
  .sprite-shopping {
    width: 25px;
    height: 26px;
    background-position: -147px -218px;
  }
  /*生活情報*/
  .sprite-lifestyle {
    width: 25px;
    height: 26px;
    background-position: -174px -218px;
  }
  /*エンタメ情報*/
  .sprite-entertainment {
    width: 30px;
    height: 26px;
    background-position: -201px -218px;
  }
  /*********************設定モーダル内*********************/
  /*アクセシビリティ*/
  .sprite-accessibility {
    width: 20px;
    height: 20px;
    background-position: 0 -180px;
  }
  /*サービス一覧*/
  .sprite-services {
    width: 20px;
    height: 20px;
    background-position: -22px -180px;
  }
  /*お気に入り*/
  .sprite-favorite {
    width: 40px;
    height: 40px;
    background-position: 0 -246px;
  }
  /*お気に入り登録方法*/
  .sprite-howto {
    width: 20px;
    height: 20px;
    background-position: -44px -180px;
  }
  .sprite-favHowto {
    width: 16px;
    height: 16px;
    background-position: -67px -180px;
  }
  /*文字サイズ*/
  .sprite-text-size {
    width: 40px;
    height: 40px;
    background-position: -42px -246px;
  }
  /*カラーテーマ*/
  .sprite-color-theme {
    width: 40px;
    height: 40px;
    background-position: -84px -246px;
  }
  /*地域*/
  .sprite-region {
    width: 40px;
    height: 40px;
    background-position: -126px -246px;
  }
  /*生年月日*/
  .sprite-birthday {
    width: 40px;
    height: 40px;
    background-position: -168px -246px;
  }
  /*********************サービス一覧*********************/
  .sprite-services-list {
    width: 15px;
    height: 15px;
    background-position: 0 -202px;
  }
  /*別タブ遷移*/
  .sprite-blank {
    width: 14px;
    height: 12px;
    background-position: -174px 0;
  }
}