@charset "shift_jis";

/* ==========================================================================
   icon
   ========================================================================== */
@font-face {
  font-family: 'icon';
  src: url("/share5/fonts/icon.eot");
  src: url("/share5/fonts/icon.eot#iefix") format("embedded-opentype"), url("/share5/fonts/icon.woff") format("woff"), url("/share5/fonts/icon.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.s5-icon-sony:before {
  content: "\e600"; }

.s5-icon-webgl:before {
  content: "\e601"; }

.s5-icon-oshirase:before {
  content: "\e602"; }

.s5-icon-home:before {
  content: "\f015"; }

.s5-icon-home2:before {
  content: "\e603"; }

.s5-icon-arrow-down:before {
  content: "\f063"; }

.s5-icon-arrow-up:before {
  content: "\f062"; }

.s5-icon-arrow-right:before {
  content: "\f061"; }

.s5-icon-arrow-left:before {
  content: "\f060"; }

.s5-icon-plus:before {
  content: "\e80c"; }

.s5-icon-minus:before {
  content: "\e80d"; }

.s5-icon-check-circle-o:before {
  content: "\f05d"; }

.s5-icon-remove-circle:before {
  content: "\f05c"; }

.s5-icon-twitter-square:before {
  content: "\f081"; }

.s5-icon-facebook-square:before {
  content: "\f082"; }

.s5-icon-comment-o:before {
  content: "\f0e5"; }

.s5-icon-trash-o:before {
  content: "\f014"; }

.s5-icon-pause:before {
  content: "\f04c"; }

.s5-icon-envelope:before {
  content: "\f003"; }

.s5-icon-star:before {
  content: "\f005"; }

.s5-icon-user:before {
  content: "\f007"; }

.s5-icon-check:before {
  content: "\f00c"; }

.s5-icon-remove:before {
  content: "\f00d"; }

.s5-icon-search:before {
  content: "\f002"; }

.s5-icon-zoom-in:before {
  content: "\f00e"; }

.s5-icon-zoom-out:before {
  content: "\f010"; }

.s5-icon-download-alt:before {
  content: "\f019"; }

.s5-icon-repeat:before {
  content: "\f01e"; }

.s5-icon-refresh:before {
  content: "\f021"; }

.s5-icon-book:before {
  content: "\f02d"; }

.s5-icon-plus-sign:before {
  content: "\f055"; }

.s5-icon-minus-sign:before {
  content: "\f056"; }

.s5-icon-remove-sign:before {
  content: "\f057"; }

.s5-icon-ok-sign:before {
  content: "\f058"; }

.s5-icon-question-sign:before {
  content: "\f059"; }

.s5-icon-info-sign:before {
  content: "\f05a"; }

.s5-icon-exclamation-sign:before {
  content: "\f06a"; }

.s5-icon-warning-sign:before {
  content: "\f071"; }

.s5-icon-comment:before {
  content: "\f075"; }

.s5-icon-shopping-cart:before {
  content: "\f07a"; }

.s5-icon-wrench:before {
  content: "\f0ad"; }

.s5-icon-sort:before {
  content: "\f0dc"; }

.s5-icon-down:before {
  content: "\f0d7"; }

.s5-icon-up:before {
  content: "\f0d8"; }

.s5-icon-left:before {
  content: "\f0d9"; }

.s5-icon-right:before {
  content: "\f0da"; }

.s5-icon-angle-left:before {
  content: "\f104"; }

.s5-icon-angle-right:before {
  content: "\f105"; }

.s5-icon-angle-up:before {
  content: "\f106"; }

.s5-icon-angle-down:before {
  content: "\f107"; }

.s5-icon-chevron-left:before {
  content: "\f053"; }

.s5-icon-chevron-right:before {
  content: "\f054"; }

.s5-icon-arrow-left2:before {
  content: "\f064"; }

.s5-icon-arrow-right2:before {
  content: "\f065"; }

.s5-icon-arrow-up2:before {
  content: "\f066"; }

.s5-icon-arrow-down2:before {
  content: "\f067"; }

.s5-icon-building:before {
  content: "\f0f7"; }

.s5-icon-feed:before {
  content: "\f143"; }

.s5-icon-play-sign:before {
  content: "\f144"; }

.s5-icon-collapse-down:before {
  content: "\f150"; }

.s5-icon-collapse-top:before {
  content: "\f151"; }

.s5-icon-collapse-right:before {
  content: "\f152"; }

.s5-icon-file-text:before {
  content: "\f15c"; }

.s5-icon-benefit-engraving:before {
  content: "\f031"; }

.s5-icon-benefit-zanka:before {
  content: "\f0d6"; }

.s5-icon-benefit-heart:before {
  content: "\f004"; }

.s5-icon-benefit-limitedtime:before {
  content: "\f017"; }

.s5-icon-benefit-setting:before {
  content: "\f108"; }

.s5-icon-benefit-0percent:before {
  content: "\24ea"; }

.s5-icon-benefit-1percent:before {
  content: "\2460"; }

.s5-icon-benefit-truck:before {
  content: "\f0d1"; }

.s5-icon-benefit-creditcard:before {
  content: "\f09d"; }

.s5-icon-benefit-smile:before {
  content: "\f118"; }

.s5-icon-benefit-phone:before {
  content: "\f098"; }

.s5-icon-phone:before {
  content: "\f095"; }

.s5-icon-A:before {
  content: "\41"; }

.s5-icon-B:before {
  content: "\42"; }

.s5-icon-C:before {
  content: "\43"; }

.s5-icon-D:before {
  content: "\44"; }

.s5-icon-E:before {
  content: "\45"; }

.s5-icon-F:before {
  content: "\46"; }

.s5-icon-G:before {
  content: "\47"; }

.s5-icon-H:before {
  content: "\48"; }

.s5-icon-I:before {
  content: "\49"; }

.s5-icon-J:before {
  content: "\4a"; }

.s5-icon-K:before {
  content: "\4b"; }

.s5-icon-L:before {
  content: "\4c"; }

.s5-icon-M:before {
  content: "\4d"; }

.s5-icon-N:before {
  content: "\4e"; }

.s5-icon-O:before {
  content: "\4f"; }

.s5-icon-P:before {
  content: "\50"; }

.s5-icon-Q:before {
  content: "\51"; }

.s5-icon-R:before {
  content: "\52"; }

.s5-icon-S:before {
  content: "\53"; }

.s5-icon-T:before {
  content: "\54"; }

.s5-icon-U:before {
  content: "\55"; }

.s5-icon-V:before {
  content: "\56"; }

.s5-icon-W:before {
  content: "\57"; }

.s5-icon-X:before {
  content: "\58"; }

.s5-icon-Y:before {
  content: "\59"; }

.s5-icon-Z:before {
  content: "\5a"; }

.s5-icon-0:before {
  content: "\30"; }

.s5-icon-1:before {
  content: "\31"; }

.s5-icon-2:before {
  content: "\32"; }

.s5-icon-3:before {
  content: "\33"; }

.s5-icon-4:before {
  content: "\34"; }

.s5-icon-5:before {
  content: "\35"; }

.s5-icon-6:before {
  content: "\36"; }

.s5-icon-7:before {
  content: "\37"; }

.s5-icon-8:before {
  content: "\38"; }

.s5-icon-9:before {
  content: "\39"; }

.s5-icon-oshirase {
  color: #e63337; }

.s5-icon-twitter-square {
  color: #55acee; }

.s5-icon-facebook-square {
  color: #3a5897; }

.s5-icon-facebook-square {
  color: #3a5897; }

.s5-icon-feed.s5-icon-feed--colored {
  color: #f5683a; }

.s5-icon-window {
  width: 11px;
  height: 9px;
  vertical-align: middle;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  margin: -2px 3px 0 0;
  background: url(/share5/images/s5-icon/sprite_01.png) no-repeat; }
  .s5-icon-window.s5-icon-window--light {
    background-position: 0 -24px; }
  .s5-icon-window.s5-icon-window--lightDark {
    background-position: 0 -24px; }
  @media screen and (max-width: 639px) {
    .s5-icon-window {
    /*
    width: 14px;
    height: 12px;
    background-position: -6px 0;
    background-size: 20px 24px;

  &.s5-icon-window--light{
    background-position: -6px -12px;
  }
  &.s5-icon-window--lightDark{
    background-position: -6px 0px;
  }
  */ } }