.sprite-ui {
  background: url('../image/sprite_ui.png') no-repeat;
}

.sprite-ui-ui_web_MarkUnread_01 {
  background-size: 1554.545% 986.957%;
  background-position: 0.000% 100.000%;
  &:after {
    content: '';
    display: block;
    padding-top: 104.545%;
  }
}

.sprite-ui-ui_web_CategoryPlt_03 {
  background-size: 100.000% 630.556%;
  background-position: 0.000% 0.000%;
  &:after {
    content: '';
    display: block;
    padding-top: 10.526%;
  }
}

.sprite-ui-ui_web_CategoryPlt_02 {
  background-size: 100.000% 630.556%;
  background-position: 0.000% 19.895%;
  &:after {
    content: '';
    display: block;
    padding-top: 10.526%;
  }
}

.sprite-ui-ui_web_CategoryPlt_01 {
  background-size: 100.000% 630.556%;
  background-position: 0.000% 39.791%;
  &:after {
    content: '';
    display: block;
    padding-top: 10.526%;
  }
}

.sprite-ui-ui_web_Btn_04_Select {
  background-size: 427.500% 257.955%;
  background-position: 0.000% 82.014%;
  &:after {
    content: '';
    display: block;
    padding-top: 110.000%;
  }
}

.sprite-ui-ui_web_Btn_04_Def {
  background-size: 427.500% 257.955%;
  background-position: 31.298% 82.014%;
  &:after {
    content: '';
    display: block;
    padding-top: 110.000%;
  }
}

.sprite-ui-ui_web_Btn_03_Select {
  background-size: 427.500% 257.955%;
  background-position: 62.595% 82.014%;
  &:after {
    content: '';
    display: block;
    padding-top: 110.000%;
  }
}

.sprite-ui-ui_web_Btn_03_Def {
  background-size: 427.500% 257.955%;
  background-position: 93.893% 82.014%;
  &:after {
    content: '';
    display: block;
    padding-top: 110.000%;
  }
}