.ico {
  display: block;
  flex-shrink: 0;
  background-image: url('../sprite_images/sp_all.png');
  background-repeat: no-repeat;
  background-size: 128px 88px;
}

.ico-ico__magnifier01 {
  width: 24px;
  height: 24px;
  background-position: 0px -40px;
}
.ico-ico__magnifier02 {
  width: 24px;
  height: 24px;
  background-position: -24px -40px;
}
.ico-ico_arrow-down01 {
  width: 24px;
  height: 24px;
  background-position: -48px -40px;
}
.ico-ico_arrow-up01 {
  width: 24px;
  height: 24px;
  background-position: -80px 0px;
}
.ico-ico_language--en {
  width: 40px;
  height: 40px;
  background-position: 0px 0px;
}
.ico-ico_language--jp {
  width: 40px;
  height: 40px;
  background-position: -40px 0px;
}
.ico-ico_login01 {
  width: 24px;
  height: 24px;
  background-position: -80px -24px;
}
.ico-ico_login02 {
  width: 24px;
  height: 24px;
  background-position: 0px -64px;
}
.ico-ico_logout01 {
  width: 24px;
  height: 24px;
  background-position: -24px -64px;
}
.ico-ico_logout02 {
  width: 24px;
  height: 24px;
  background-position: -48px -64px;
}
.ico-ico_pdf01--dark {
  width: 24px;
  height: 24px;
  background-position: -72px -64px;
}
.ico-ico_pdf01--light {
  width: 24px;
  height: 24px;
  background-position: -104px 0px;
}
.ico-ico_setting01 {
  width: 24px;
  height: 24px;
  background-position: -104px -24px;
}
.ico-search {
  width: 16px;
  height: 16px;
  background-position: -104px -48px;
}



/* retina_spritesheet */
@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
            .ico {
                display: block;
                flex-shrink: 0;
                background-image: url('../sprite_images/sp_all2x.png');
                background-repeat: no-repeat;
                background-size: calc(256px / 2) calc(176px / 2)  ;
            }

            .ico-ico__magnifier01  {
                background-position: calc(0px) calc(-40px);
            }
            .ico-ico__magnifier02  {
                background-position: calc(-24px) calc(-40px);
            }
            .ico-ico_arrow-down01  {
                background-position: calc(-48px) calc(-40px);
            }
            .ico-ico_arrow-up01  {
                background-position: calc(-80px) calc(0px);
            }
            .ico-ico_language--en  {
                background-position: calc(0px) calc(0px);
            }
            .ico-ico_language--jp  {
                background-position: calc(-40px) calc(0px);
            }
            .ico-ico_login01  {
                background-position: calc(-80px) calc(-24px);
            }
            .ico-ico_login02  {
                background-position: calc(0px) calc(-64px);
            }
            .ico-ico_logout01  {
                background-position: calc(-24px) calc(-64px);
            }
            .ico-ico_logout02  {
                background-position: calc(-48px) calc(-64px);
            }
            .ico-ico_pdf01--dark  {
                background-position: calc(-72px) calc(-64px);
            }
            .ico-ico_pdf01--light  {
                background-position: calc(-104px) calc(0px);
            }
            .ico-ico_setting01  {
                background-position: calc(-104px) calc(-24px);
            }
            .ico-search  {
                background-position: calc(-104px) calc(-48px);
            }
}