html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {
  display: block
}

html {
  -webkit-text-size-adjust: 100%
}

body {
  line-height: 1
}

ol,ul {
  list-style: none
}

blockquote,q {
  quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

body {
  color: #5e5e5e;
  min-width: 960px;
  font-size: 87.5%;
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Roboto,
    "Droid Sans", "ncommonCn", sans-serif;
  line-height: 1.6;
}

input,
textarea,
em {
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Roboto,
    "Droid Sans", "ncommonCn", sans-serif;
  line-height: 1.6;
}


@font-face {
  font-family: "ncommonJp";
  font-weight: normal;
  src: local("YuGothic-Medium"),local("Yu Gothic Medium"),local("YuGothic-Regular")
}

@font-face {
  font-family: "ncommonJp";
  font-weight: bold;
  src: local("YuGothic-Bold"),local("Yu Gothic")
}

[data-njs="windowsizecheck"] {
  position: absolute;
  height: 0;
  opacity: 0;
}

@media screen and (min-width: 760px) and (max-width:979px) {
  [data-njs="windowsizecheck"] {
    opacity:.5
  }
}

@media screen and (max-width: 759px) {
  [data-njs="windowsizecheck"] {
    opacity:1
  }
}

[data-njs="accordion__container"] {
  position: relative;
  overflow: hidden
}

[data-njs="accordion__heightbase"] {
  -webkit-transition: opacity 300ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: opacity 300ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: opacity 300ms cubic-bezier(.445,.05,.55,.95);
  transition: opacity 300ms cubic-bezier(.445,.05,.55,.95);
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;
}

.js-opened [data-njs="accordion__heightbase"] {
  -webkit-transition: opacity 100ms cubic-bezier(.25,.46,.45,.94);
  -moz-transition: opacity 100ms cubic-bezier(.25,.46,.45,.94);
  -o-transition: opacity 100ms cubic-bezier(.25,.46,.45,.94);
  transition: opacity 100ms cubic-bezier(.25,.46,.45,.94);
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
  opacity: 0;
  pointer-events: none
}

[data-njs="gallery"][data-spdirect="1"] {
  position: relative;
  overflow: hidden;
}

[data-njs="gallery"][data-spdirect="1"] iframe {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 0
}

[data-njs="gallery__body"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 100ms linear,visibility 100ms linear;
  -moz-transition: opacity 100ms linear,visibility 100ms linear;
  -o-transition: opacity 100ms linear,visibility 100ms linear;
  transition: opacity 100ms linear,visibility 100ms linear;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}

[data-njs="gallery__body"].js-visible {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 200ms linear,visibility 200ms linear;
  -moz-transition: opacity 200ms linear,visibility 200ms linear;
  -o-transition: opacity 200ms linear,visibility 200ms linear;
  transition: opacity 200ms linear,visibility 200ms linear;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0
}

@media screen and (min-width: 760px),print {
  [data-njs="gallery__body"] [data-njs="nav"] {
    margin-top:40px
  }
}

@media screen and (max-width: 759px) {
  [data-njs="gallery__body"] [data-njs="nav"] {
    margin-top:26px
  }
}

[data-njs="gallery__body"] [data-njs="scroller__wrap"] {
  padding-top: 9px !important;
}

@media screen and (min-width: 760px) and (max-width:979px) {
  [data-njs="gallery__body"] [data-njs="scroller__wrap"] {
    margin:0 40px
  }
}

@media screen and (max-width: 759px) {
  [data-njs="gallery__body"] [data-njs="scroller__wrap"] {
    margin:0 -14px;
    padding: 0 14px
  }
}

[data-njs="gallery__body"] [data-njs="scroller__item"] {
  float: none !important;
  background-color: #fff;
}

@media screen and (min-width: 1200px),print {
  [data-njs="gallery__body"] [data-njs="scroller__item"] {
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 14px;
    width: -webkit-calc((100% - 14px * (6 - 1)) / 6);
    width: -moz-calc((100% - 14px * (6 - 1)) / 6);
    width: calc((100% - 14px * (6 - 1)) / 6)
  }

  [data-njs="gallery__body"] [data-njs="scroller__item"]:not(:nth-child(-n+6)) {
    padding-top: 0
  }
}

@media screen and (min-width: 980px) and (max-width:1199px) {
  [data-njs="gallery__body"] [data-njs="scroller__item"] {
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 14px;
    width: -webkit-calc((100% - 14px * (5 - 1)) / 5);
    width: -moz-calc((100% - 14px * (5 - 1)) / 5);
    width: calc((100% - 14px * (5 - 1)) / 5)
  }

  [data-njs="gallery__body"] [data-njs="scroller__item"]:not(:nth-child(-n+5)) {
    padding-top: 0
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  [data-njs="gallery__body"] [data-njs="scroller__item"] {
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 14px;
    width: -webkit-calc((100% - 14px * (4 - 1)) / 4);
    width: -moz-calc((100% - 14px * (4 - 1)) / 4);
    width: calc((100% - 14px * (4 - 1)) / 4)
  }

  [data-njs="gallery__body"] [data-njs="scroller__item"]:not(:nth-child(-n+4)) {
    padding-top: 0
  }
}

@media screen and (max-width: 759px) {
  [data-njs="gallery__body"] [data-njs="scroller__item"] {
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 7px;
    width: -webkit-calc((100% - 7px * (2 - 1)) / 2);
    width: -moz-calc((100% - 7px * (2 - 1)) / 2);
    width: calc((100% - 7px * (2 - 1)) / 2)
  }

  [data-njs="gallery__body"] [data-njs="scroller__item"]:not(:nth-child(-n+2)) {
    padding-top: 0
  }
}

[data-njs="gallery__body"] [data-njs="nav__item"] {
  cursor: pointer;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

[data-njs="gallery__body"] [data-njs="nav__item"]:before {
  content: '';
  display: block;
  padding-bottom: 56.25%
}

[data-njs="gallery__body"] [data-njs="nav__item"]:after {
  content: '';
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  background-repeat: no-repeat;
  background-position: center center
}

[data-njs="gallery__body"] [data-njs="nav__item"]:hover:after {
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1)
}

[data-njs="gallery__body"] [data-njs="nav__item"] > span {
  display: block;
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  height: 4px;
  background-color: #e60012;
  opacity: 0;
  -webkit-transition: opacity 150ms linear;
  -moz-transition: opacity 150ms linear;
  -o-transition: opacity 150ms linear;
  transition: opacity 150ms linear
}

[data-njs="gallery__body"] [data-njs="nav__item"].js-active > span {
  opacity: 1;
  -webkit-transition: opacity 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: opacity 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: opacity 150ms cubic-bezier(.165,.84,.44,1);
  transition: opacity 150ms cubic-bezier(.165,.84,.44,1);
}

[data-njs="gallery__body"] [data-njs="nav__item"].js-active > span:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-top: none !important;
  border-right: 5px solid transparent !important;
  border-bottom: 5px solid #e60012;
  border-left: 5px solid transparent !important
}

[data-njs="gallery__body"] [data-njs="nav__item"][data-type="MOVIE"]:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-image: url("../img/ncommon/_common/icon-play-white80.svg");
}

@media screen and (min-width: 760px),print {
  [data-njs="gallery__body"] [data-njs="nav__item"][data-type="MOVIE"]:after {
    -moz-background-size:40px auto;
    -o-background-size: 40px auto;
    background-size: 40px auto
  }
}

@media screen and (max-width: 759px) {
  [data-njs="gallery__body"] [data-njs="nav__item"][data-type="MOVIE"]:after {
    -moz-background-size:35px auto;
    -o-background-size: 35px auto;
    background-size: 35px auto
  }
}

[data-njs="gallery__body"] [data-njs="nav__item"][data-type="MOVIE"]:hover:after {
  background-color: rgba(0,0,0,0.2)
}

[data-njs="gallery__body"] [data-njs="nav__item"][data-type="IMAGE"]:after {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.54);
  background-image: url("../img/ncommon/_common/icon-search-white.svg");
}

@media screen and (min-width: 760px),print {
  [data-njs="gallery__body"] [data-njs="nav__item"][data-type="IMAGE"]:after {
    width:20px;
    height: 20px;
    -moz-background-size: 8px auto;
    -o-background-size: 8px auto;
    background-size: 8px auto
  }
}

@media screen and (max-width: 759px) {
  [data-njs="gallery__body"] [data-njs="nav__item"][data-type="IMAGE"]:after {
    width:17px;
    height: 17px;
    -moz-background-size: 7px auto;
    -o-background-size: 7px auto;
    background-size: 7px auto
  }
}

[data-njs="gallery__body"] [data-njs="nav__item"][data-type="IMAGE"]:hover:after {
  background-color: rgba(230,0,18,0.54)
}

[data-njs="gallery__body"] [data-njs="scroller__prev"],[data-njs="gallery__body"] [data-njs="scroller__next"] {
  cursor: pointer;
  position: absolute;
  top: -webkit-calc(50% - 24px * 0.5 + 9px * 0.5);
  top: -moz-calc(50% - 24px * 0.5 + 9px * 0.5);
  top: calc(50% - 24px * 0.5 + 9px * 0.5);
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media screen and (max-width: 759px) {
  [data-njs="gallery__body"] [data-njs="scroller__prev"],[data-njs="gallery__body"] [data-njs="scroller__next"] {
    display:none
  }
}

[data-njs="gallery__body"] [data-njs="scroller__prev"]:after,[data-njs="gallery__body"] [data-njs="scroller__next"]:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

[data-njs="gallery__body"] [data-njs="scroller__prev"].js-inactive:after,[data-njs="gallery__body"] [data-njs="scroller__next"].js-inactive:after {
  display: none
}

[data-njs="gallery__body"] [data-njs="scroller__prev"]:after {
  background-image: url("../img/ncommon/_common/icon/left-fill-red.svg")
}

[data-njs="gallery__body"] [data-njs="scroller__prev"].js-inactive {
  background-image: url("../img/ncommon/_common/icon/left-fill-black.svg")
}

@media screen and (min-width: 980px),print {
  [data-njs="gallery__body"] [data-njs="scroller__prev"] {
    left:-40px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  [data-njs="gallery__body"] [data-njs="scroller__prev"] {
    left:0
  }
}

[data-njs="gallery__body"] [data-njs="scroller__next"]:after {
  background-image: url("../img/ncommon/_common/icon/right-fill-red.svg")
}

[data-njs="gallery__body"] [data-njs="scroller__next"].js-inactive {
  background-image: url("../img/ncommon/_common/icon/right-fill-black.svg")
}

@media screen and (min-width: 980px),print {
  [data-njs="gallery__body"] [data-njs="scroller__next"] {
    right:-40px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  [data-njs="gallery__body"] [data-njs="scroller__next"] {
    right:0
  }
}

[data-njs="gallery__body"] [data-njs="switcher__content"] {
  padding: 0
}

[data-njs="gallery__body"] [data-njs="switcher__prev"] {
  position: absolute !important;
  top: 0;
  left: 0;
}

@media screen and (min-width: 760px),print {
  [data-njs="gallery__body"] [data-njs="switcher__prev"] {
    margin-top:-webkit-calc(56.25% * 0.5 - 80px * 0.5);
    margin-top: -moz-calc(56.25% * 0.5 - 80px * 0.5);
    margin-top: calc(56.25% * 0.5 - 80px * 0.5)
  }
}

@media screen and (max-width: 759px) {
  [data-njs="gallery__body"] [data-njs="switcher__prev"] {
    width:30px !important;
    height: 60px !important;
    margin-top: -webkit-calc(56.25% * 0.5 - 60px * 0.5);
    margin-top: -moz-calc(56.25% * 0.5 - 60px * 0.5);
    margin-top: calc(56.25% * 0.5 - 60px * 0.5)
  }

  [data-njs="gallery__body"] [data-njs="switcher__prev"] > i {
    font-size: 24px !important
  }
}

[data-njs="gallery__body"] [data-njs="switcher__next"] {
  position: absolute !important;
  top: 0;
  right: 0;
}

@media screen and (min-width: 760px),print {
  [data-njs="gallery__body"] [data-njs="switcher__next"] {
    margin-top:-webkit-calc(56.25% * 0.5 - 80px * 0.5);
    margin-top: -moz-calc(56.25% * 0.5 - 80px * 0.5);
    margin-top: calc(56.25% * 0.5 - 80px * 0.5)
  }
}

@media screen and (max-width: 759px) {
  [data-njs="gallery__body"] [data-njs="switcher__next"] {
    width:30px !important;
    height: 60px !important;
    margin-top: -webkit-calc(56.25% * 0.5 - 60px * 0.5);
    margin-top: -moz-calc(56.25% * 0.5 - 60px * 0.5);
    margin-top: calc(56.25% * 0.5 - 60px * 0.5)
  }

  [data-njs="gallery__body"] [data-njs="switcher__next"] > i {
    font-size: 24px !important
  }
}

[data-njs="gallery__bg"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.95)
}

[data-njs="gallery__outer"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transition: opacity 100ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: opacity 100ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: opacity 100ms cubic-bezier(.445,.05,.55,.95);
  transition: opacity 100ms cubic-bezier(.445,.05,.55,.95);
}

.js-visible[data-njs="gallery__body"] [data-njs="gallery__outer"] {
  opacity: 1;
  -webkit-transition: opacity 300ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: opacity 300ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: opacity 300ms cubic-bezier(.445,.05,.55,.95);
  transition: opacity 300ms cubic-bezier(.445,.05,.55,.95);
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms
}

[data-njs="gallery__inner"] {
  position: relative;
}

@media screen and (min-width: 1200px),print {
  [data-njs="gallery__inner"] {
    width:1024px;
    margin: 0 auto
  }
}

@media screen and (min-width: 980px) and (max-width:1199px) {
  [data-njs="gallery__inner"] {
    margin:0 88px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  [data-njs="gallery__inner"] {
    margin:0 40px
  }
}

@media screen and (max-width: 759px) {
  [data-njs="gallery__inner"] {
    margin:0 14px
  }
}

[data-njs="gallery__itemStage"] {
  position: relative;
  height: 0;
  padding-top: 56.25%
}

[data-njs="gallery__itemImage"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

[data-njs="gallery__itemMovie"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[data-njs="gallery__itemMovie"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

[data-njs="gallery__itemInfo"] {
  color: #fff
}

[data-njs="gallery__itemTitle"]:not(:empty) {
  font-weight: bold;
}

@media screen and (min-width: 760px),print {
  [data-njs="gallery__itemTitle"]:not(:empty) {
    padding-top:28px;
    margin-top: -7px;
    margin-bottom: -7px;
    font-size: 18px;
    line-height: 32px
  }
}

@media screen and (max-width: 759px) {
  [data-njs="gallery__itemTitle"]:not(:empty) {
    padding-top:21px;
    margin-top: -5px;
    margin-bottom: -5px;
    font-size: 14px;
    line-height: 24px
  }
}

[data-njs="gallery__itemType"] {
  position: absolute;
  left: 0;
  bottom: 0;
  font-family: 'Roboto',sans-serif;
  font-weight: 700;
}

@media screen and (min-width: 760px),print {
  [data-njs="gallery__itemType"] {
    font-size:12px
  }
}

@media screen and (max-width: 759px) {
  [data-njs="gallery__itemType"] {
    font-size:12px
  }
}

[data-njs="gallery__close"] {
  position: absolute !important;
  right: 0;
  top: 0;
}

@media screen and (min-width: 760px),print {
  [data-njs="gallery__close"] {
    width:70px !important;
    height: 70px !important
  }

  [data-njs="gallery__close"] > i {
    font-size: 70px !important
  }
}

[data-njs="hideseek"] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: auto;
  margin: auto;
  z-index: 9999;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(.455,.03,.515,.955);
  -moz-transition: -moz-transform 500ms cubic-bezier(.455,.03,.515,.955);
  -o-transition: -o-transform 500ms cubic-bezier(.455,.03,.515,.955);
  transition: transform 500ms cubic-bezier(.455,.03,.515,.955);
}

[data-njs="hideseek"].js-hidden {
  -webkit-transform: translate3d(0,-100%,0);
  -moz-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
  pointer-events: none;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(.77,0,.175,1);
  -moz-transition: -moz-transform 300ms cubic-bezier(.77,0,.175,1);
  -o-transition: -o-transform 300ms cubic-bezier(.77,0,.175,1);
  transition: transform 300ms cubic-bezier(.77,0,.175,1)
}

html[data-nofixed="1"] [data-njs="hideseek"],html[data-device="touch"] [data-njs="hideseek"],[data-njs="hideseek"][data-static="1"] {
  position: absolute !important;
}

@media screen and (min-width: 980px),print {
  html[data-nofixed="1"] [data-njs="hideseek"],html[data-device="touch"] [data-njs="hideseek"],[data-njs="hideseek"][data-static="1"] {
    position:relative !important
  }
}

html[data-nofixed="1"] [data-njs="hideseek"].js-hidden,html[data-device="touch"] [data-njs="hideseek"].js-hidden,[data-njs="hideseek"][data-static="1"].js-hidden {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

[data-njs="image"] {
  background-position: center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

[data-njs="megadrop__bg"] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  visibility: hidden;
  opacity: 0;
}

[data-njs="megadrop__bg"].js-active {
  visibility: visible
}

@media screen and (min-width: 980px),print {
  [data-njs="megadrop__bg"] {
    background:#000;
    -webkit-transition: all 500ms cubic-bezier(1,0,1,1);
    -moz-transition: all 500ms cubic-bezier(1,0,1,1);
    -o-transition: all 500ms cubic-bezier(1,0,1,1);
    transition: all 500ms cubic-bezier(1,0,1,1)
  }

  [data-njs="megadrop__bg"].js-active {
    opacity: .5;
    -webkit-transition: all 300ms cubic-bezier(.445,.05,.55,.95);
    -moz-transition: all 300ms cubic-bezier(.445,.05,.55,.95);
    -o-transition: all 300ms cubic-bezier(.445,.05,.55,.95);
    transition: all 300ms cubic-bezier(.445,.05,.55,.95)
  }
}

@media screen and (max-width: 979px) {
  [data-njs="megadrop__bg"] {
    background:#333;
    -webkit-transition: all 200ms cubic-bezier(.165,.84,.44,1);
    -moz-transition: all 200ms cubic-bezier(.165,.84,.44,1);
    -o-transition: all 200ms cubic-bezier(.165,.84,.44,1);
    transition: all 200ms cubic-bezier(.165,.84,.44,1)
  }

  [data-njs="megadrop__bg"].js-active {
    opacity: .95;
    -webkit-transition: all 300ms cubic-bezier(.445,.05,.55,.95);
    -moz-transition: all 300ms cubic-bezier(.445,.05,.55,.95);
    -o-transition: all 300ms cubic-bezier(.445,.05,.55,.95);
    transition: all 300ms cubic-bezier(.445,.05,.55,.95)
  }
}

[data-njs="megadrop__content"] {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  bottom: 0;
  width: auto;
  height: auto;
  margin: auto;
  z-index: 999;
  pointer-events: none;
}

[data-njs="megadrop"][data-bottom="1"] [data-njs="megadrop__content"] {
  position: absolute;
  top: auto;
  bottom: 40px
}

[data-njs="megadrop__content"].js-active {
  pointer-events: auto;
}

@media screen and (max-width: 979px) {
  [data-njs="megadrop__content"].js-active {
    z-index:10000 !important
  }
}

html[data-nofixed="1"] [data-njs="megadrop__content"] {
  position: absolute !important
}

[data-njs="megadrop__contentClip"] {
  position: relative;
  height: 100%;
  overflow-y: auto;
  background: rgba(255,255,255,0);
}

[data-njs="megadrop"][data-bottom="1"] [data-njs="megadrop__contentClip"] {
  height: auto
}

.js-activeComplete [data-njs="megadrop__contentClip"] {
  -webkit-overflow-scrolling: touch
}

[data-njs="megadrop__contentInner"] {
  position: relative;
  overflow: hidden;
  height: 0
}

[data-njs="megadrop__contentItem"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 100ms cubic-bezier(.445,.05,.55,.95),visibility 100ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: opacity 100ms cubic-bezier(.445,.05,.55,.95),visibility 100ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: opacity 100ms cubic-bezier(.445,.05,.55,.95),visibility 100ms cubic-bezier(.445,.05,.55,.95);
  transition: opacity 100ms cubic-bezier(.445,.05,.55,.95),visibility 100ms cubic-bezier(.445,.05,.55,.95);
}

[data-njs="megadrop"][data-bottom="1"] [data-njs="megadrop__contentItem"] {
  top: auto;
  bottom: 0
}

[data-njs="megadrop__contentItem"].js-active {
  position: relative;
  pointer-events: auto;
  opacity: 1;
  -webkit-transition: opacity 300ms cubic-bezier(.445,.05,.55,.95),visibility 300ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: opacity 300ms cubic-bezier(.445,.05,.55,.95),visibility 300ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: opacity 300ms cubic-bezier(.445,.05,.55,.95),visibility 300ms cubic-bezier(.445,.05,.55,.95);
  transition: opacity 300ms cubic-bezier(.445,.05,.55,.95),visibility 300ms cubic-bezier(.445,.05,.55,.95);
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
}

[data-njs="megadrop"][data-bottom="1"] [data-njs="megadrop__contentItem"].js-active {
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms
}

[data-njs="modal__body"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 100ms linear,visibility 100ms linear;
  -moz-transition: opacity 100ms linear,visibility 100ms linear;
  -o-transition: opacity 100ms linear,visibility 100ms linear;
  transition: opacity 100ms linear,visibility 100ms linear;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}

[data-njs="modal__body"].js-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 200ms linear,visibility 200ms linear;
  -moz-transition: opacity 200ms linear,visibility 200ms linear;
  -o-transition: opacity 200ms linear,visibility 200ms linear;
  transition: opacity 200ms linear,visibility 200ms linear;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

@media screen and (max-width: 759px) {
  [data-njs="modal__body"].js-visible {
    -webkit-transition:opacity 600ms linear,visibility 600ms linear;
    -moz-transition: opacity 600ms linear,visibility 600ms linear;
    -o-transition: opacity 600ms linear,visibility 600ms linear;
    transition: opacity 600ms linear,visibility 600ms linear
  }
}

html[data-win_tablet="1"] [data-njs="modal__body"],html[data-win_tablet="1"] [data-njs="modal__body"] * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important
}

[data-njs="modal__frame"] {
  position: absolute;
  left: 0;
  top: -9999px;
  visibility: hidden
}

[data-njs="modal__bg"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51,51,51,0.95)
}

[data-njs="modal__outer"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 759px) {
  [data-njs="modal__body"][data-type="iframe"] [data-njs="modal__outer"],[data-njs="modal__body"][data-type="iframe_new"] [data-njs="modal__outer"],[data-njs="modal__body"][data-type="ajax"] [data-njs="modal__outer"] {
    padding:0 !important
  }
}

[data-njs="modal__inner"] {
  position: relative;
  margin: 0 auto;
  width: 670px;
}

@media screen and (max-width: 1110px) {
  [data-njs="modal__inner"] {
    padding-top:76px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  [data-njs="modal__inner"] {
    width:100% !important
  }
}

@media screen and (max-width: 759px) {
  [data-njs="modal__inner"] {
    padding-top:0;
    width: 100% !important
  }

  [data-njs="modal__body"][data-type="iframe_new"] [data-njs="modal__inner"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: -webkit-calc(100% - 76px);
    height: -moz-calc(100% - 76px);
    height: calc(100% - 76px)
  }
}

[data-njs="modal__container"] {
  background: #fff;
  -webkit-transform: translate3d(0,0,0) scale(1,0);
  -moz-transform: translate3d(0,0,0) scale(1,0);
  transform: translate3d(0,0,0) scale(1,0);
  -webkit-transition: -webkit-transform 200ms cubic-bezier(.55,.085,.68,.53);
  -moz-transition: -moz-transform 200ms cubic-bezier(.55,.085,.68,.53);
  -o-transition: -o-transform 200ms cubic-bezier(.55,.085,.68,.53);
  transition: transform 200ms cubic-bezier(.55,.085,.68,.53);
  -webkit-transform-origin: center top !important;
  -moz-transform-origin: center top !important;
  -ms-transform-origin: center top !important;
  -o-transform-origin: center top !important;
  transform-origin: center top !important;
}

[data-njs="modal__container"]:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  pointer-events: none;
  -webkit-transition: opacity 100ms cubic-bezier(.25,.46,.45,.94);
  -moz-transition: opacity 100ms cubic-bezier(.25,.46,.45,.94);
  -o-transition: opacity 100ms cubic-bezier(.25,.46,.45,.94);
  transition: opacity 100ms cubic-bezier(.25,.46,.45,.94);
  z-index: 2
}

@media screen and (max-width: 759px) {
  [data-njs="modal__body"][data-type="iframe"] [data-njs="modal__container"],[data-njs="modal__body"][data-type="iframe_new"] [data-njs="modal__container"],[data-njs="modal__body"][data-type="ajax"] [data-njs="modal__container"] {
    margin:14px
  }

  [data-njs="modal__body"][data-type="iframe_new"] [data-njs="modal__container"] {
    height: -webkit-calc(100% - 14px);
    height: -moz-calc(100% - 14px);
    height: calc(100% - 14px)
  }
}

.js-loaded[data-njs="modal__body"] [data-njs="modal__container"] {
  -webkit-transition: -webkit-transform 400ms cubic-bezier(.77,0,.175,1);
  -moz-transition: -moz-transform 400ms cubic-bezier(.77,0,.175,1);
  -o-transition: -o-transform 400ms cubic-bezier(.77,0,.175,1);
  transition: transform 400ms cubic-bezier(.77,0,.175,1);
  -webkit-transform: translate3d(0,0,0) scale(1);
  -moz-transform: translate3d(0,0,0) scale(1);
  transform: translate3d(0,0,0) scale(1);
}

.js-loaded[data-njs="modal__body"] [data-njs="modal__container"]:after {
  opacity: 0;
  -webkit-transition: opacity 300ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: opacity 300ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: opacity 300ms cubic-bezier(.445,.05,.55,.95);
  transition: opacity 300ms cubic-bezier(.445,.05,.55,.95);
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms
}

[data-njs="modal__content"] {
  position: relative;
  background: #fff;
}

[data-njs="modal__body"][data-type="movie"] [data-njs="modal__content"],[data-njs="modal__body"][data-type="image"] [data-njs="modal__content"] {
  font-size: 0
}

[data-njs="modal__body"][data-type="image"] [data-njs="modal__content"] {
  text-align: center;
}

@media screen and (max-width: 759px) {
  [data-njs="modal__body"][data-type="image"] [data-njs="modal__content"] {
    padding:0 !important
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  [data-njs="modal__body"][data-type="iframe_new"] [data-njs="modal__content"] iframe {
    width:100% !important
  }
}

@media screen and (max-width: 759px) {
  [data-njs="modal__body"][data-type="iframe_new"] [data-njs="modal__content"] {
    height:100% !important;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
  }

  [data-njs="modal__body"][data-type="iframe_new"] [data-njs="modal__content"] iframe {
    width: 100% !important;
    height: 100% !important
  }
}

[data-njs="modal__content"] iframe {
  margin: 0;
  padding: 0;
  border: 0
}

[data-njs="modal__content"] img,[data-njs="modal__content"] video {
  max-width: 100%;
  vertical-align: bottom
}

[data-njs="modal__close"] {
  position: absolute !important;
  top: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  outline: 0;
  resize: none;
  margin: 0;
  padding: 0;
  zoom:1;border: none;
  font-size: inherit;
  font-family: inherit;
  background-color: #e60012;
  cursor: pointer;
  width: 60px;
  height: 60px;
  -webkit-transition: all 200ms cubic-bezier(.25,.46,.45,.94);
  -moz-transition: all 200ms cubic-bezier(.25,.46,.45,.94);
  -o-transition: all 200ms cubic-bezier(.25,.46,.45,.94);
  transition: all 200ms cubic-bezier(.25,.46,.45,.94);
  opacity: 0;
}

[data-njs="modal__close"]::-ms-expand {
  display: none
}

[data-bodytheme='wiiu'] [data-njs="modal__close"] {
  background-color: #0096c8
}

[data-bodytheme='3ds'] [data-njs="modal__close"] {
  background-color: #ce181e
}

@media screen and (min-width: 980px),print {
  [data-njs="modal__close"] {
    left:100%;
    margin-left: 8px
  }
}

@media screen and (max-width: 1110px) {
  [data-njs="modal__close"] {
    right:0;
    left: auto
  }
}

@media screen and (max-width: 759px) {
  [data-njs="modal__close"] {
    display:none !important
  }
}

.js-loaded[data-njs="modal__body"] [data-njs="modal__close"] {
  -webkit-transition: all 400ms cubic-bezier(.77,0,.175,1);
  -moz-transition: all 400ms cubic-bezier(.77,0,.175,1);
  -o-transition: all 400ms cubic-bezier(.77,0,.175,1);
  transition: all 400ms cubic-bezier(.77,0,.175,1);
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  -o-transition-delay: 700ms;
  transition-delay: 700ms;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1;
}

@media screen and (max-width: 759px) {
  .js-loaded[data-njs="modal__body"] [data-njs="modal__close"] {
    -webkit-transition-delay:300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms
  }
}

[data-njs="modal__contentClose"] {
  text-align: right;
  padding: 30px;
  padding-bottom: 0;
}

@media screen and (max-width: 759px) {
  [data-njs="modal__contentClose"] {
    padding:21px;
    padding-bottom: 0
  }
}

[data-inframe="1"] [data-njs="modal__contentClose"] {
  display: none !important
}

[data-njs="modal__contentCloseButton"] {
  overflow: hidden;
}

@media screen and (max-width: 759px) {
  [data-njs="modal__contentCloseButton"] {
    width:40px !important;
    height: 40px !important;
    font-size: 40px !important
  }
}

@media screen and (min-width: 760px),print {
  [data-njs="modal__closeSP"] {
    display:none !important
  }
}

@media screen and (max-width: 759px) {
  [data-njs="modal__closeSP"] {
    border-top:1px solid #e6e6e6;
    background: #fff;
    padding: 14px
  }
}

[data-njs="modal__closeSPButton"] {
  cursor: pointer;
  background-color: #f3f3f3;
  max-width: 1120px;
  margin: 0 auto;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
}

[data-njs="modal__closeSPButton"]:before {
  content: '';
  display: inline-block;
  position: relative;
  top: 12.5px;
  width: 10px;
  height: 10px;
  margin-right: 7px;
  background: url("../img/ncommon/shared/gheader/droparea/icon-close.svg") no-repeat;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  vertical-align: top
}

[data-njs="nav__item"] {
  position: relative
}

[data-njs="nav__itemTimer"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  background: #f00;
  -webkit-transform-origin: left bottom !important;
  -moz-transform-origin: left bottom !important;
  -ms-transform-origin: left bottom !important;
  -o-transform-origin: left bottom !important;
  transform-origin: left bottom !important;
  -webkit-transition: opacity 200ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: opacity 200ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: opacity 200ms cubic-bezier(.445,.05,.55,.95);
  transition: opacity 200ms cubic-bezier(.445,.05,.55,.95);
  opacity: 0;
}

[data-njs="nav__item"].js-active [data-njs="nav__itemTimer"] {
  opacity: 1;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms
}

[data-njs="scrollbar"] {
  position: relative
}

[data-njs="scrollbar__outer"] {
  position: relative;
  overflow: hidden
}

[data-njs="scrollbar__inner"] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  -webkit-overflow-scrolling: touch;
}

[data-njs="scrollbar"][data-dir="x"] [data-njs="scrollbar__inner"] {
  overflow-x: scroll
}

[data-njs="scrollbar"][data-dir="y"] [data-njs="scrollbar__inner"] {
  overflow-y: scroll
}

[data-njs="scrollbar"][data-forcedbaroffset="1"][data-dir="x"] [data-njs="scrollbar__inner"] {
  bottom: -20px !important
}

[data-njs="scrollbar"][data-forcedbaroffset="1"][data-dir="y"] [data-njs="scrollbar__inner"] {
  right: -20px !important
}

[data-njs="scrollbar__content"] {
  position: relative;
}

[data-njs="scrollbar"][data-dir="x"] [data-njs="scrollbar__content"] {
  height: 100%
}

[data-njs="scrollbar"][data-dir="y"] [data-njs="scrollbar__content"] {
  width: 100%
}

[data-njs="scrollbar"][data-forcedbaroffset="1"][data-dir="x"] [data-njs="scrollbar__content"] {
  height: -webkit-calc(100% - 20px);
  height: -moz-calc(100% - 20px);
  height: calc(100% - 20px)
}

[data-njs="scrollbar"][data-forcedbaroffset="1"][data-dir="y"] [data-njs="scrollbar__content"] {
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px)
}

[data-njs="scrollbar__bar"] {
  position: relative;
  background: #eee;
}

[data-njs="scrollbar"].js-disabled [data-njs="scrollbar__bar"] {
  display: none
}

[data-njs="scrollbar"][data-dir="x"] [data-njs="scrollbar__bar"] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px
}

[data-njs="scrollbar"][data-dir="y"] [data-njs="scrollbar__bar"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 7px;
  height: 100%
}

[data-njs="scrollbar__barKnob"] {
  cursor: pointer;
  background: #333;
}

[data-njs="scrollbar"][data-dir="x"] [data-njs="scrollbar__barKnob"] {
  width: 50px;
  height: 100%
}

[data-njs="scrollbar"][data-dir="y"] [data-njs="scrollbar__barKnob"] {
  width: 100%;
  height: 50px
}

[data-njs="scroller__clip"]data-njs="scroller"] {
  position: relative
}

[data-njs="scroller__wrap"] {
  position: relative;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch
}

[data-njs="scroller__clip"] {
  position: relative
}

[data-njs="scroller__container"] {
  position: relative;
  width: 100%;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

[data-njs="scroller__ghost"] {
  position: relative;
  width: 100%;
  height: 100%
}

[data-njs="scroller__headWrap"] {
  position: absolute;
  left: 0;
  top: 0
}

[data-njs="scroller__item"] {
  position: absolute;
  left: 0;
  top: 0
}

[data-njs="scroller__itemHead"] {
  position: absolute;
  left: 0;
  top: 0
}

[data-njs="scroller__ui"].js-disabled {
  display: none
}

[data-njs="scroller__bar"] {
  position: relative;
  width: 350px;
  height: 5px;
  margin: 0 auto;
  background: #ccc;
  cursor: move;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(4,0,0,0.14);
  -moz-box-shadow: inset 0 1px 3px 0 rgba(4,0,0,0.14);
  box-shadow: inset 0 1px 3px 0 rgba(4,0,0,0.14);
}

[data-njs="scroller__bar"]:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  bottom: -10px;
  display: block;
  background: rgba(0,0,0,0)
}

[data-njs="scroller__barKnob"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 10%;
  height: 100%;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  background: #f00;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}

[data-njs="scroller__sections"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

[data-njs="scroller__sectionItem"] {
  position: relative;
  float: left;
  width: 10%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

[data-njs="scroller__sectionItem"]:not(:last-child) {
  border-right: 1px solid #fff
}

[data-njs="scroller__sectionItem"]:not(:first-child) {
  border-left: 1px solid #fff
}

[data-njs="scroller"] {
  position: relative;
}

@media screen and (max-width: 759px) {
  [data-njs="scroller"][data-disable_sp="1"] [data-njs="scroller__outerContainer"] {
    position:relative
  }

  [data-njs="scroller"][data-disable_sp="1"] [data-njs="scroller__clip"] {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  [data-njs="scroller"][data-disable_sp="1"] [data-njs="scroller__container"] {
    -webkit-transform: translate3d(0,0,0) !important;
    -moz-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
    width: auto
  }

  [data-njs="scroller"][data-disable_sp="1"] [data-njs="scroller__ghost"] {
    height: 0
  }

  [data-njs="scroller"][data-disable_sp="1"] [data-njs="scroller__itemHeadInner"] {
    position: -webkit-sticky;
    position: sticky;
    left: 0
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  [data-njs="scroller"][data-disable_tab="1"] [data-njs="scroller__outerContainer"] {
    position:relative
  }

  [data-njs="scroller"][data-disable_tab="1"] [data-njs="scroller__clip"] {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  [data-njs="scroller"][data-disable_tab="1"] [data-njs="scroller__container"] {
    -webkit-transform: translate3d(0,0,0) !important;
    -moz-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
    width: auto
  }

  [data-njs="scroller"][data-disable_tab="1"] [data-njs="scroller__ghost"] {
    height: 0
  }

  [data-njs="scroller"][data-disable_tab="1"] [data-njs="scroller__itemHeadInner"] {
    position: -webkit-sticky;
    position: sticky;
    left: 0
  }
}

@media screen and (min-width: 980px),print {
  [data-njs="scroller"][data-disable_pc="1"] [data-njs="scroller__outerContainer"] {
    position:relative
  }

  [data-njs="scroller"][data-disable_pc="1"] [data-njs="scroller__clip"] {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  [data-njs="scroller"][data-disable_pc="1"] [data-njs="scroller__container"] {
    -webkit-transform: translate3d(0,0,0) !important;
    -moz-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
    width: auto
  }

  [data-njs="scroller"][data-disable_pc="1"] [data-njs="scroller__ghost"] {
    height: 0
  }

  [data-njs="scroller"][data-disable_pc="1"] [data-njs="scroller__itemHeadInner"] {
    position: -webkit-sticky;
    position: sticky;
    left: 0
  }
}

[data-njs="slider"] {
  visibility: hidden;
}

[data-njs="slider"].js-disabled [data-njs="slider__nav"],[data-njs="slider"].js-disabled [data-njs="slider__prev"],[data-njs="slider"].js-disabled [data-njs="slider__next"] {
  display: none !important
}

[data-njs="slider"].js-moduleready {
  visibility: visible
}

[data-njs="slider__clip"] {
  position: relative;
  overflow: hidden
}

[data-njs="slider__container"] {
  position: relative
}

[data-njs="slider__item"] {
  position: absolute;
  left: 0;
  top: 0
}

[data-njs="slider__nav"] {
  position: relative
}

[data-njs="slider__navItem"] {
  position: relative;
}

[data-njs="slider__navItem"] * {
  pointer-events: none
}

[data-njs="slider__navItemTimer"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  background: #f00;
  -webkit-transform-origin: left bottom !important;
  -moz-transform-origin: left bottom !important;
  -ms-transform-origin: left bottom !important;
  -o-transform-origin: left bottom !important;
  transform-origin: left bottom !important;
  -webkit-transition: opacity 200ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: opacity 200ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: opacity 200ms cubic-bezier(.445,.05,.55,.95);
  transition: opacity 200ms cubic-bezier(.445,.05,.55,.95);
  opacity: 0;
}

[data-njs="slider__navItem"].js-active [data-njs="slider__navItemTimer"] {
  opacity: 1;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms
}

[data-njs="slidergallery"] {
  position: relative;
  overflow: hidden;
}

[data-njs="slidergallery"] [data-njs="slider"] {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

[data-njs="slidergallery"] [data-njs="slider__clip"] {
  overflow: visible;
  margin: 0 auto 20px;
}

@media screen and (min-width: 1200px),print {
  [data-njs="slidergallery"] [data-njs="slider__clip"] {
    width:980px
  }
}

@media screen and (min-width: 980px) and (max-width:1199px) {
  [data-njs="slidergallery"] [data-njs="slider__clip"] {
    width:760px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  [data-njs="slidergallery"] [data-njs="slider__clip"] {
    width:680px
  }
}

[data-njs="slidergallery"] [data-njs="slider__item"] {
  line-height: 0;
}

[data-njs="slidergallery"] [data-njs="slider__item"] img {
  display: none;
  width: 100%
}

@media screen and (min-width: 760px),print {
  [data-njs="slidergallery"] [data-njs="slider__item"] img:first-child {
    display:inline-block
  }
}

@media screen and (max-width: 759px) {
  [data-njs="slidergallery"] [data-njs="slider__item"] img:last-child {
    display:inline-block
  }
}

@media screen and (min-width: 980px),print {
  [data-njs="slidergallery"] [data-njs="slider__item"] {
    margin-right:28px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  [data-njs="slidergallery"] [data-njs="slider__item"] {
    margin-right:14px
  }
}

[data-njs="slidergallery__bg"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.95);
  pointer-events: none;
  opacity: 0;
  -webkit-transform: scale(1,0);
  -moz-transform: scale(1,0);
  -ms-transform: scale(1,0);
  -o-transform: scale(1,0);
  transform: scale(1,0);
  -webkit-transition: all 300ms cubic-bezier(.895,.03,.685,.22);
  -moz-transition: all 300ms cubic-bezier(.895,.03,.685,.22);
  -o-transition: all 300ms cubic-bezier(.895,.03,.685,.22);
  transition: all 300ms cubic-bezier(.895,.03,.685,.22);
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}

[data-njs="slidergallery"].js-opened [data-njs="slidergallery__bg"] {
  opacity: 1;
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -ms-transform: scale(1,1);
  -o-transform: scale(1,1);
  transform: scale(1,1);
  -webkit-transition: all 500ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: all 500ms cubic-bezier(.165,.84,.44,1);
  -o-transition: all 500ms cubic-bezier(.165,.84,.44,1);
  transition: all 500ms cubic-bezier(.165,.84,.44,1);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s
}

[data-njs="slidergallery__body"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .2;
  -webkit-transition: opacity 200ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: opacity 200ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: opacity 200ms cubic-bezier(.445,.05,.55,.95);
  transition: opacity 200ms cubic-bezier(.445,.05,.55,.95);
}

[data-njs="slidergallery"].js-moduleready [data-njs="slidergallery__body"] {
  opacity: 0
}

[data-njs="slidergallery"].js-opened [data-njs="slidergallery__body"] {
  pointer-events: auto;
  opacity: 1;
  -webkit-transition: opacity 500ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: opacity 500ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: opacity 500ms cubic-bezier(.445,.05,.55,.95);
  transition: opacity 500ms cubic-bezier(.445,.05,.55,.95);
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms
}

[data-njs="slidergallery__closer"] {
  cursor: pointer;
  position: absolute;
  width: 56px;
  height: 56px;
  border: 3px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #000;
}

@media screen and (min-width: 760px),print {
  [data-njs="slidergallery__closer"] {
    top:20px;
    right: 20px
  }
}

@media screen and (max-width: 759px) {
  [data-njs="slidergallery__closer"] {
    top:14px;
    right: 14px
  }
}

[data-njs="sticky"] {
  position: relative
}

[data-njs="sticky__inner"] {
  position: absolute;
  top: 0;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition: -webkit-transform 300ms cubic-bezier(.77,0,.175,1);
  -moz-transition: -moz-transform 300ms cubic-bezier(.77,0,.175,1);
  -o-transition: -o-transform 300ms cubic-bezier(.77,0,.175,1);
  transition: transform 300ms cubic-bezier(.77,0,.175,1);
}

.js-fixed [data-njs="sticky__inner"] {
  position: fixed
}

html[data-nofixed="1"] [data-njs="sticky__inner"] {
  position: absolute !important
}

[data-njs="sticky__inner"].js-hideseekVisible {
  -webkit-transition: -webkit-transform 500ms cubic-bezier(.455,.03,.515,.955);
  -moz-transition: -moz-transform 500ms cubic-bezier(.455,.03,.515,.955);
  -o-transition: -o-transform 500ms cubic-bezier(.455,.03,.515,.955);
  transition: transform 500ms cubic-bezier(.455,.03,.515,.955)
}

.js-static [data-njs="sticky__inner"] {
  -webkit-transform: translate3d(0,0,0) !important;
  -moz-transform: translate3d(0,0,0) !important;
  transform: translate3d(0,0,0) !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important
}

[data-njs="sticky__marker"] {
  position: absolute;
  left: 0;
  top: 100px;
}

[data-njs="sticky__marker"].ncommon-sheader__sticky--detail {
  top: 85px
}

[data-njs="switcher"][data-topkv="1"] [data-njs="nav"],[data-njs="switcher"][data-topkv="1"] [data-njs="switcher__prev"],[data-njs="switcher"][data-topkv="1"] [data-njs="switcher__next"] {
  visibility: hidden
}

[data-njs="switcher"][data-topkv="1"].js-rtInited [data-njs="nav"],[data-njs="switcher"][data-topkv="1"].js-rtInited [data-njs="switcher__prev"],[data-njs="switcher"][data-topkv="1"].js-rtInited [data-njs="switcher__next"] {
  visibility: visible
}

[data-njs="switcher__container"] {
  position: relative
}

[data-njs="switcher__content"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 100ms cubic-bezier(.445,.05,.55,.95),visibility 100ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: opacity 100ms cubic-bezier(.445,.05,.55,.95),visibility 100ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: opacity 100ms cubic-bezier(.445,.05,.55,.95),visibility 100ms cubic-bezier(.445,.05,.55,.95);
  transition: opacity 100ms cubic-bezier(.445,.05,.55,.95),visibility 100ms cubic-bezier(.445,.05,.55,.95);
  pointer-events: none;
}

[data-njs="switcher__content"] * {
  pointer-events: none
}

[data-njs="switcher__content"].js-active {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 300ms cubic-bezier(.445,.05,.55,.95),visibility 300ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: opacity 300ms cubic-bezier(.445,.05,.55,.95),visibility 300ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: opacity 300ms cubic-bezier(.445,.05,.55,.95),visibility 300ms cubic-bezier(.445,.05,.55,.95);
  transition: opacity 300ms cubic-bezier(.445,.05,.55,.95),visibility 300ms cubic-bezier(.445,.05,.55,.95);
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms
}

[data-njs="switcher__content"].js-active * {
  pointer-events: auto
}

[data-njs="switcher"][data-eachheight="1"] [data-njs="switcher__content"].js-active {
  position: relative
}

[data-effect="crossfade"] [data-njs="switcher__content"] {
  -webkit-transition: opacity 500ms cubic-bezier(.445,.05,.55,.95),visibility 500ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: opacity 500ms cubic-bezier(.445,.05,.55,.95),visibility 500ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: opacity 500ms cubic-bezier(.445,.05,.55,.95),visibility 500ms cubic-bezier(.445,.05,.55,.95);
  transition: opacity 500ms cubic-bezier(.445,.05,.55,.95),visibility 500ms cubic-bezier(.445,.05,.55,.95);
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}

[data-effect="crossfade"] [data-njs="switcher__content"].js-active {
  -webkit-transition: opacity 700ms cubic-bezier(.445,.05,.55,.95),visibility 700ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: opacity 700ms cubic-bezier(.445,.05,.55,.95),visibility 700ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: opacity 700ms cubic-bezier(.445,.05,.55,.95),visibility 700ms cubic-bezier(.445,.05,.55,.95);
  transition: opacity 700ms cubic-bezier(.445,.05,.55,.95),visibility 700ms cubic-bezier(.445,.05,.55,.95);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s
}

[data-effect="wipe"] [data-njs="switcher__content"] {
  visibility: visible;
  opacity: 1;
  width: 0;
  padding-left: 0;
  padding-right: 0;
  -webkit-transition: width 0ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: width 0ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: width 0ms cubic-bezier(.445,.05,.55,.95);
  transition: width 0ms cubic-bezier(.445,.05,.55,.95);
  -webkit-transition-delay: 800ms;
  -moz-transition-delay: 800ms;
  -o-transition-delay: 800ms;
  transition-delay: 800ms;
}

[data-effect="wipe"] [data-njs="switcher__content"].js-active {
  z-index: 1;
  -webkit-transition: width 800ms cubic-bezier(.455,.03,.515,.955);
  -moz-transition: width 800ms cubic-bezier(.455,.03,.515,.955);
  -o-transition: width 800ms cubic-bezier(.455,.03,.515,.955);
  transition: width 800ms cubic-bezier(.455,.03,.515,.955);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  width: 100%
}

[data-njs="switcher__content"][data-swipeable="1"] {
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

[data-njs="switcher__content"][data-swipeable="1"].js-hidden {
  visibility: hidden
}

[data-njs="switcher__prev"].js-hidden,[data-njs="switcher__next"].js-hidden {
  display: none !important
}

[data-njs="uiplaceholder__content"] {
  height: 0;
  overflow: hidden;
}

[data-njs="uiplaceholder"].js-ready [data-njs="uiplaceholder__content"] {
  height: auto;
  overflow: visible
}

[data-njs="video"] {
  position: relative;
  overflow: hidden;
  background-color: #000;
  background-position: center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

[data-njs="video"] video {
  display: block;
  width: 100%;
}

html[data-device="touch"] [data-njs="video"] video {
  opacity: 0
}

[data-njs="video"][data-cover="1"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

[data-njs="video"][data-cover="1"] video {
  position: absolute
}

html[data-device="touch"] [data-njs="video"][data-playing="1"] video {
  opacity: 1;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  -o-transition: opacity 300ms linear;
  transition: opacity 300ms linear
}

[data-njs="video__body"] {
  visibility: hidden;
}

.js-ready[data-njs="video"] [data-njs="video__body"] {
  visibility: visible
}

@media screen and (min-width: 760px),print {
  .topics-btViewAll {
    display:block;
    outline: none;
    cursor: pointer;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    border-style: solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 42px;
    border-width: 2px;
    font-size: 14px;
    line-height: 38px;
    border-color: #e60012;
    background-color: #e60012;
    -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
    -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
    -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
    transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear
  }

  .topics-btViewAll > i {
    margin-right: .5em;
    vertical-align: top
  }

  .topics-btViewAll i,.topics-btViewAll i:before,.topics-btViewAll i:after {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: inherit;
    -webkit-transition: $transition_df;
    -moz-transition: $transition_df;
    -o-transition: $transition_df;
    transition: $transition_df;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 14px auto;
    -o-background-size: 14px auto;
    background-size: 14px auto
  }

  .topics-btViewAll:hover i,a:hover .topics-btViewAll i,button:hover .topics-btViewAll i,.ncommon-u-linkbox:hover .topics-btViewAll i,.topics-btViewAll:hover i:before,a:hover .topics-btViewAll i:before,button:hover .topics-btViewAll i:before,.ncommon-u-linkbox:hover .topics-btViewAll i:before,.topics-btViewAll:hover i:after,a:hover .topics-btViewAll i:after,button:hover .topics-btViewAll i:after,.ncommon-u-linkbox:hover .topics-btViewAll i:after {
    -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    transition: all 150ms cubic-bezier(.25,.46,.45,.94)
  }

  .topics-btViewAll > i {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
  }

  .topics-btViewAll > i:after {
    content: '';
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: -2px;
    top: -2px;
    border: 2px solid rgba(255,255,255,0)
  }

  .topics-btViewAll > i {
    top: 12px !important
  }

  .topics-btViewAll > i > i,.topics-btViewAll > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  .topics-btViewAll > i > i > i:first-child {
    opacity: 0
  }

  .topics-btViewAll > i > i {
    background-image: url(../img/ncommon/_common/icon/right-stroke-red.svg)
  }

  .topics-btViewAll > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-fill-red.svg)
  }

  .topics-btViewAll:hover > i > i > i:first-child,a:hover .topics-btViewAll > i > i > i:first-child,button:hover .topics-btViewAll > i > i > i:first-child,.ncommon-u-linkbox:hover .topics-btViewAll > i > i > i:first-child {
    opacity: 1
  }

  .topics-btViewAll {
    color: #fff
  }

  .topics-btViewAll:hover,a:hover .topics-btViewAll,button:hover .topics-btViewAll,.ncommon-u-linkbox:hover .topics-btViewAll {
    -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
    -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
    -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
    transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
    background-color: transparent;
    color: #e60012
  }
}

@media screen and (max-width: 759px) {
  .topics-btViewAll {
    display:block;
    outline: none;
    cursor: pointer;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    border-style: solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 49px;
    border-width: 2px;
    font-size: 12px;
    line-height: 45px;
    border-color: #e60012;
    background-color: #e60012;
    -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
    -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
    -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
    transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear
  }

  .topics-btViewAll > i {
    margin-right: .5em;
    vertical-align: top
  }

  .topics-btViewAll i,.topics-btViewAll i:before,.topics-btViewAll i:after {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: inherit;
    -webkit-transition: $transition_df;
    -moz-transition: $transition_df;
    -o-transition: $transition_df;
    transition: $transition_df;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 12px auto;
    -o-background-size: 12px auto;
    background-size: 12px auto
  }

  .topics-btViewAll:hover i,a:hover .topics-btViewAll i,button:hover .topics-btViewAll i,.ncommon-u-linkbox:hover .topics-btViewAll i,.topics-btViewAll:hover i:before,a:hover .topics-btViewAll i:before,button:hover .topics-btViewAll i:before,.ncommon-u-linkbox:hover .topics-btViewAll i:before,.topics-btViewAll:hover i:after,a:hover .topics-btViewAll i:after,button:hover .topics-btViewAll i:after,.ncommon-u-linkbox:hover .topics-btViewAll i:after {
    -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    transition: all 150ms cubic-bezier(.25,.46,.45,.94)
  }

  .topics-btViewAll > i {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
  }

  .topics-btViewAll > i:after {
    content: '';
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: -2px;
    top: -2px;
    border: 2px solid rgba(255,255,255,0)
  }

  .topics-btViewAll > i {
    top: 16.5px !important
  }

  .topics-btViewAll > i > i,.topics-btViewAll > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  .topics-btViewAll > i > i > i:first-child {
    opacity: 0
  }

  .topics-btViewAll > i > i {
    background-image: url(../img/ncommon/_common/icon/right-stroke-red.svg)
  }

  .topics-btViewAll > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-fill-red.svg)
  }

  .topics-btViewAll:hover > i > i > i:first-child,a:hover .topics-btViewAll > i > i > i:first-child,button:hover .topics-btViewAll > i > i > i:first-child,.ncommon-u-linkbox:hover .topics-btViewAll > i > i > i:first-child {
    opacity: 1
  }

  .topics-btViewAll {
    color: #fff
  }

  .topics-btViewAll:hover,a:hover .topics-btViewAll,button:hover .topics-btViewAll,.ncommon-u-linkbox:hover .topics-btViewAll {
    -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
    -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
    -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
    transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
    background-color: transparent;
    color: #e60012
  }
}

.topics-btViewAll2 {
  display: block;
  outline: none;
  cursor: pointer;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border-style: solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 42px;
  border-width: 2px;
  font-size: 12px;
  line-height: 38px;
  border-color: #e6e6e6;
  background-color: transparent;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
}

@media screen and (max-width: 979px) {
  .topics-btViewAll2 {
    display:none
  }
}

.topics-btViewAll2 > i {
  margin-right: .5em;
  vertical-align: top
}

.topics-btViewAll2 i,.topics-btViewAll2 i:before,.topics-btViewAll2 i:after {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: inherit;
  -webkit-transition: $transition_df;
  -moz-transition: $transition_df;
  -o-transition: $transition_df;
  transition: $transition_df;
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: 12px auto;
  -o-background-size: 12px auto;
  background-size: 12px auto
}

.topics-btViewAll2:hover i,a:hover .topics-btViewAll2 i,button:hover .topics-btViewAll2 i,.ncommon-u-linkbox:hover .topics-btViewAll2 i,.topics-btViewAll2:hover i:before,a:hover .topics-btViewAll2 i:before,button:hover .topics-btViewAll2 i:before,.ncommon-u-linkbox:hover .topics-btViewAll2 i:before,.topics-btViewAll2:hover i:after,a:hover .topics-btViewAll2 i:after,button:hover .topics-btViewAll2 i:after,.ncommon-u-linkbox:hover .topics-btViewAll2 i:after {
  -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  transition: all 150ms cubic-bezier(.25,.46,.45,.94)
}

.topics-btViewAll2 > i {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

.topics-btViewAll2 > i:after {
  content: '';
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: -2px;
  top: -2px;
  border: 2px solid rgba(255,255,255,0)
}

.topics-btViewAll2 > i {
  top: 13px !important
}

.topics-btViewAll2 > i > i,.topics-btViewAll2 > i > i > i:first-child {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}

.topics-btViewAll2 > i > i > i:first-child {
  opacity: 0
}

.topics-btViewAll2 > i > i {
  background-image: url(../img/ncommon/_common/icon/right-fill-red.svg)
}

.topics-btViewAll2 > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-stroke-red.svg)
}

.topics-btViewAll2 {
  color: #3c3c3c
}

.topics-btViewAll2:hover,a:hover .topics-btViewAll2,button:hover .topics-btViewAll2,.ncommon-u-linkbox:hover .topics-btViewAll2 {
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  color: #e60012;
  border-color: #e60012
}

.topics-basicLink {
  display: inline-block;
  position: relative;
  font-weight: bold;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  padding-left: 19px;
  margin-top: -4px;
  margin-bottom: -4px;
  font-size: 12px;
  line-height: 20px;
}

.topics-basicLink:hover,a:hover .topics-basicLink,button:hover .topics-basicLink,.ncommon-u-linkbox:hover .topics-basicLink {
  color: #e60012;
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1)
}

.topics-basicLink i,.topics-basicLink i:before,.topics-basicLink i:after {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: inherit;
  -webkit-transition: $transition_df;
  -moz-transition: $transition_df;
  -o-transition: $transition_df;
  transition: $transition_df;
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: 12px auto;
  -o-background-size: 12px auto;
  background-size: 12px auto
}

.topics-basicLink:hover i,a:hover .topics-basicLink i,button:hover .topics-basicLink i,.ncommon-u-linkbox:hover .topics-basicLink i,.topics-basicLink:hover i:before,a:hover .topics-basicLink i:before,button:hover .topics-basicLink i:before,.ncommon-u-linkbox:hover .topics-basicLink i:before,.topics-basicLink:hover i:after,a:hover .topics-basicLink i:after,button:hover .topics-basicLink i:after,.ncommon-u-linkbox:hover .topics-basicLink i:after {
  -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  transition: all 150ms cubic-bezier(.25,.46,.45,.94)
}

.topics-basicLink > i {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

.topics-basicLink > i:after {
  content: '';
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: -2px;
  top: -2px;
  border: 2px solid rgba(255,255,255,0)
}

.topics-basicLink > i > i,.topics-basicLink > i > i > i:first-child {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}

.topics-basicLink > i > i > i:first-child {
  opacity: 0
}

.topics-basicLink > i > i {
  background-image: url(../img/ncommon/_common/icon/right-fill-red.svg)
}

.topics-basicLink > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-stroke-red.svg)
}

.topics-basicLink > i {
  position: absolute;
  top: 4px;
  left: 0
}

@media screen and (min-width: 760px),print {
  .topics-basicLink--large {
    display:inline-block;
    position: relative;
    font-weight: bold;
    -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
    -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
    -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
    transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
    padding-left: 20px;
    margin-top: -5px;
    margin-bottom: -5px;
    font-size: 14px;
    line-height: 24px
  }

  .topics-basicLink--large:hover,a:hover .topics-basicLink--large,button:hover .topics-basicLink--large,.ncommon-u-linkbox:hover .topics-basicLink--large {
    color: #e60012;
    -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
    -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
    -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
    transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1)
  }

  .topics-basicLink--large i,.topics-basicLink--large i:before,.topics-basicLink--large i:after {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: inherit;
    -webkit-transition: $transition_df;
    -moz-transition: $transition_df;
    -o-transition: $transition_df;
    transition: $transition_df;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 14px auto;
    -o-background-size: 14px auto;
    background-size: 14px auto
  }

  .topics-basicLink--large:hover i,a:hover .topics-basicLink--large i,button:hover .topics-basicLink--large i,.ncommon-u-linkbox:hover .topics-basicLink--large i,.topics-basicLink--large:hover i:before,a:hover .topics-basicLink--large i:before,button:hover .topics-basicLink--large i:before,.ncommon-u-linkbox:hover .topics-basicLink--large i:before,.topics-basicLink--large:hover i:after,a:hover .topics-basicLink--large i:after,button:hover .topics-basicLink--large i:after,.ncommon-u-linkbox:hover .topics-basicLink--large i:after {
    -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    transition: all 150ms cubic-bezier(.25,.46,.45,.94)
  }

  .topics-basicLink--large > i {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
  }

  .topics-basicLink--large > i:after {
    content: '';
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: -2px;
    top: -2px;
    border: 2px solid rgba(255,255,255,0)
  }

  .topics-basicLink--large > i > i,.topics-basicLink--large > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  .topics-basicLink--large > i > i > i:first-child {
    opacity: 0
  }

  .topics-basicLink--large > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-red.svg)
  }

  .topics-basicLink--large > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-red.svg)
  }

  .topics-basicLink--large > i {
    position: absolute;
    top: 5px;
    left: 0
  }
}

.ncommon-articleUnit--ranking > a:before,.ncommon-articleUnit--ranking2 > a:before {
  z-index: 1
}

@media screen and (min-width: 980px),print {
  .ncommon-l-content-pc,.ncommon-l-content-pc_tab,.ncommon-l-content {
    max-width:1200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding-right: 40px;
    padding-left: 40px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-l-content-tab,.ncommon-l-content-pc_tab,.ncommon-l-content-tab_sp,.ncommon-l-content {
    padding-right:40px;
    padding-left: 40px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-l-content-sp,.ncommon-l-content-tab_sp,.ncommon-l-content {
    padding-right:14px;
    padding-left: 14px
  }
}

.ncommon-l-full {
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto
}

.ncommon-u-linkbox {
  display: block;
  width: 100%;
}

.ncommon-u-clearfix {
  zoom:1;}

.ncommon-u-clearfix:after {
  content: "";
  display: block;
  clear: both
}

.ncommon-u-relative {
  position: relative
}

@media screen and (min-width: 980px),print {
  .ncommon-u-hide-pc {
    display:none
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-u-hide-tab {
    display:none
  }
}

@media screen and (max-width: 759px) {
  .ncommon-u-hide-sp {
    display:none
  }
}

.ncommon-u-fadeReady {
  opacity: 0
}

.ncommon-u-fadeStart {
  opacity: 1;
  -webkit-transition: opacity 500ms cubic-bezier(.445,.05,.55,.95);
  -moz-transition: opacity 500ms cubic-bezier(.445,.05,.55,.95);
  -o-transition: opacity 500ms cubic-bezier(.445,.05,.55,.95);
  transition: opacity 500ms cubic-bezier(.445,.05,.55,.95)
}

@media screen and (min-width: 980px),print {
  .ncommon-u-noBT-pc {
    border-top:none !important
  }

  .ncommon-u-noBR-pc {
    border-right: none !important
  }

  .ncommon-u-noBB-pc {
    border-bottom: none !important
  }

  .ncommon-u-noBL-pc {
    border-left: none !important
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-u-noBT-tab {
    border-top:none !important
  }

  .ncommon-u-noBR-tab {
    border-right: none !important
  }

  .ncommon-u-noBB-tab {
    border-bottom: none !important
  }

  .ncommon-u-noBL-tab {
    border-left: none !important
  }
}

@media screen and (max-width: 759px) {
  .ncommon-u-noBT-sp {
    border-top:none !important
  }

  .ncommon-u-noBR-sp {
    border-right: none !important
  }

  .ncommon-u-noBB-sp {
    border-bottom: none !important
  }

  .ncommon-u-noBL-sp {
    border-left: none !important
  }
}

.ncommon-u-noBT {
  border-top: none !important
}

.ncommon-u-noBR {
  border-right: none !important
}

.ncommon-u-noBB {
  border-bottom: none !important
}

.ncommon-u-noBL {
  border-left: none !important
}

@media screen and (min-width: 980px),print {
  .ncommon-u-noPT-pc {
    padding-top:0 !important
  }

  .ncommon-u-noPR-pc {
    padding-right: 0 !important
  }

  .ncommon-u-noPB-pc {
    padding-bottom: 0 !important
  }

  .ncommon-u-noPL-pc {
    padding-left: 0 !important
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-u-noPT-tab {
    padding-top:0 !important
  }

  .ncommon-u-noPR-tab {
    padding-right: 0 !important
  }

  .ncommon-u-noPB-tab {
    padding-bottom: 0 !important
  }

  .ncommon-u-noPL-tab {
    padding-left: 0 !important
  }
}

@media screen and (max-width: 759px) {
  .ncommon-u-noPT-sp {
    padding-top:0 !important
  }

  .ncommon-u-noPR-sp {
    padding-right: 0 !important
  }

  .ncommon-u-noPB-sp {
    padding-bottom: 0 !important
  }

  .ncommon-u-noPL-sp {
    padding-left: 0 !important
  }
}

.ncommon-u-noPT {
  padding-top: 0 !important
}

.ncommon-u-noPR {
  padding-right: 0 !important
}

.ncommon-u-noPB {
  padding-bottom: 0 !important
}

.ncommon-u-noPL {
  padding-left: 0 !important
}

@media screen and (min-width: 980px),print {
  .ncommon-u-noBG-pc {
    background-image:none !important
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-u-noBG-tab {
    background-image:none !important
  }
}

@media screen and (max-width: 759px) {
  .ncommon-u-noBG-sp {
    background-image:none !important
  }
}

.ncommon-u-noBG {
  background-image: none !important
}

.ncommon-thumb {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.ncommon-thumb:before {
  content: '';
  display: block;
  padding-bottom: 56.25%
}

.ncommon-thumb:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: rgba(255,255,255,0.3);
  opacity: 0;
  -webkit-transition: opacity 150ms linear;
  -moz-transition: opacity 150ms linear;
  -o-transition: opacity 150ms linear;
  transition: opacity 150ms linear
}

.ncommon-thumb:hover:after,a:hover .ncommon-thumb:after,button:hover .ncommon-thumb:after,.ncommon-u-linkbox:hover .ncommon-thumb:after {
  opacity: 1;
  -webkit-transition: opacity 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: opacity 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: opacity 150ms cubic-bezier(.165,.84,.44,1);
  transition: opacity 150ms cubic-bezier(.165,.84,.44,1)
}

.ncommon-thumb .ncommon-themeLabel:before {
  display: block;
  height: 20px;
  padding: 0 4px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  background-color: #e60012;
  margin: initial;
  -webkit-transform: initial;
  -moz-transform: initial;
  -ms-transform: initial;
  -o-transform: initial;
  transform: initial
}

.ncommon-thumb [data-theme='switch'] .ncommon-themeLabel:before {
  background-color: #e60012
}

.ncommon-thumb [data-theme='wiiu'] .ncommon-themeLabel:before {
  background-color: #0096c8
}

.ncommon-thumb [data-theme='3ds'] .ncommon-themeLabel:before {
  background-color: #ce181e
}

.ncommon-thumb--square:before {
  padding-bottom: 100%
}

.ncommon-pager {
  font-size: 0;
  letter-spacing: -.5em;
  text-align: center
}

.ncommon-pager__prev,.ncommon-pager__nav,.ncommon-pager__next {
  display: inline-block;
  font-size: 14px;
  letter-spacing: normal;
  vertical-align: top
}

.ncommon-pager__prev,.ncommon-pager__next {
  cursor: pointer;
  line-height: 0
}

@media screen and (max-width: 759px) {
  .ncommon-pager__prev,.ncommon-pager__next {
    display:none
  }
}

.ncommon-pager__prev i,.ncommon-pager__next i,.ncommon-pager__prev i:before,.ncommon-pager__next i:before,.ncommon-pager__prev i:after,.ncommon-pager__next i:after {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: inherit;
  -webkit-transition: $transition_df;
  -moz-transition: $transition_df;
  -o-transition: $transition_df;
  transition: $transition_df;
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: 24px auto;
  -o-background-size: 24px auto;
  background-size: 24px auto
}

.ncommon-pager__prev:hover i,.ncommon-pager__next:hover i,a:hover .ncommon-pager__prev i,a:hover .ncommon-pager__next i,button:hover .ncommon-pager__prev i,button:hover .ncommon-pager__next i,.ncommon-u-linkbox:hover .ncommon-pager__prev i,.ncommon-u-linkbox:hover .ncommon-pager__next i,.ncommon-pager__prev:hover i:before,.ncommon-pager__next:hover i:before,a:hover .ncommon-pager__prev i:before,a:hover .ncommon-pager__next i:before,button:hover .ncommon-pager__prev i:before,button:hover .ncommon-pager__next i:before,.ncommon-u-linkbox:hover .ncommon-pager__prev i:before,.ncommon-u-linkbox:hover .ncommon-pager__next i:before,.ncommon-pager__prev:hover i:after,.ncommon-pager__next:hover i:after,a:hover .ncommon-pager__prev i:after,a:hover .ncommon-pager__next i:after,button:hover .ncommon-pager__prev i:after,button:hover .ncommon-pager__next i:after,.ncommon-u-linkbox:hover .ncommon-pager__prev i:after,.ncommon-u-linkbox:hover .ncommon-pager__next i:after {
  -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  transition: all 150ms cubic-bezier(.25,.46,.45,.94)
}

.ncommon-pager__prev > i,.ncommon-pager__next > i {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

.ncommon-pager__prev > i:after,.ncommon-pager__next > i:after {
  content: '';
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: -2px;
  top: -2px;
  border: 2px solid rgba(255,255,255,0)
}

.ncommon-pager__prev:hover > i > i > i:first-child,.ncommon-pager__next:hover > i > i > i:first-child,a:hover .ncommon-pager__prev > i > i > i:first-child,a:hover .ncommon-pager__next > i > i > i:first-child,button:hover .ncommon-pager__prev > i > i > i:first-child,button:hover .ncommon-pager__next > i > i > i:first-child,.ncommon-u-linkbox:hover .ncommon-pager__prev > i > i > i:first-child,.ncommon-u-linkbox:hover .ncommon-pager__next > i > i > i:first-child {
  opacity: 1
}

.ncommon-pager__prev > i:after,.ncommon-pager__next > i:after {
  border-color: #e60012;
}

[data-bodytheme='wiiu'] .ncommon-pager__prev > i:after,[data-bodytheme='wiiu'] .ncommon-pager__next > i:after {
  border-color: #0096c8
}

[data-bodytheme='3ds'] .ncommon-pager__prev > i:after,[data-bodytheme='3ds'] .ncommon-pager__next > i:after {
  border-color: #ce181e
}

.ncommon-pager__prev > i > i > i:first-child,.ncommon-pager__next > i > i > i:first-child {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  padding: 1px;
  left: -1px;
  top: -1px
}

.ncommon-pager__prev > i > i,.ncommon-pager__prev > i > i > i:first-child {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}

.ncommon-pager__prev > i > i > i:first-child {
  opacity: 0
}

.ncommon-pager__prev > i > i {
  background-image: url(../img/ncommon/_common/icon/left-stroke-red.svg);
}

[data-bodytheme='wiiu'] .ncommon-pager__prev > i > i {
  background-image: url(../img/ncommon/_common/icon/left-stroke-wiiu.svg)
}

[data-bodytheme='3ds'] .ncommon-pager__prev > i > i {
  background-image: url(../img/ncommon/_common/icon/left-stroke-3ds.svg)
}

.ncommon-pager__prev > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/left-fill-red.svg);
}

[data-bodytheme='wiiu'] .ncommon-pager__prev > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/left-fill-wiiu.svg)
}

[data-bodytheme='3ds'] .ncommon-pager__prev > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/left-fill-3ds.svg)
}

.ncommon-pager__next > i > i,.ncommon-pager__next > i > i > i:first-child {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}

.ncommon-pager__next > i > i > i:first-child {
  opacity: 0
}

.ncommon-pager__next > i > i {
  background-image: url(../img/ncommon/_common/icon/right-stroke-red.svg);
}

[data-bodytheme='wiiu'] .ncommon-pager__next > i > i {
  background-image: url(../img/ncommon/_common/icon/right-stroke-wiiu.svg)
}

[data-bodytheme='3ds'] .ncommon-pager__next > i > i {
  background-image: url(../img/ncommon/_common/icon/right-stroke-3ds.svg)
}

.ncommon-pager__next > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-fill-red.svg);
}

[data-bodytheme='wiiu'] .ncommon-pager__next > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-fill-wiiu.svg)
}

[data-bodytheme='3ds'] .ncommon-pager__next > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-fill-3ds.svg)
}

.ncommon-pager__nav {
  zoom:1;}

.ncommon-pager__nav:after {
  content: "";
  display: block;
  clear: both
}

@media screen and (min-width: 760px),print {
  .ncommon-pager__nav--sliderBts {
    margin:0 14px;
    padding-top: 11px
  }
}

.ncommon-pager__sliderBt {
  cursor: pointer;
  position: relative;
  float: left;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #d9d9d9;
  overflow: hidden;
}

@media screen and (min-width: 760px),print {
  .ncommon-pager__sliderBt {
    width:28px
  }

  .ncommon-pager__sliderBt:not(:last-child) {
    margin-right: 7px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-pager__sliderBt {
    width:21px
  }

  .ncommon-pager__sliderBt:not(:last-child) {
    margin-right: 4px
  }
}

.ncommon-pager__sliderTimer {
  background-color: #e60012;
  height: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}

[data-bodytheme='wiiu'] .ncommon-pager__sliderTimer {
  background-color: #0096c8
}

[data-bodytheme='3ds'] .ncommon-pager__sliderTimer {
  background-color: #ce181e
}

.ncommon-pager__nav--scroller {
  margin: 0 14px;
  padding-top: 11px;
  width: 350px;
}

@media screen and (max-width: 759px) {
  .ncommon-pager__nav--scroller {
    width:61.86666666666667%
  }
}

.ncommon-pager__scrollerBar {
  width: 100%
}

.ncommon-pager__scrollerKnob {
  background-color: #e60012;
}

[data-bodytheme='wiiu'] .ncommon-pager__scrollerKnob {
  background-color: #0096c8
}

[data-bodytheme='3ds'] .ncommon-pager__scrollerKnob {
  background-color: #ce181e
}

.ncommon-themeLabel:before {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}

@media screen and (min-width: 760px),print {
  .ncommon-themeLabel:before {
    height:24px;
    margin-top: -4px;
    -webkit-transform: scale(.95,.95);
    -moz-transform: scale(.95,.95);
    -ms-transform: scale(.95,.95);
    -o-transform: scale(.95,.95);
    transform: scale(.95,.95)
  }
}

@media screen and (max-width: 759px) {
  .ncommon-themeLabel:before {
    height:16px;
    -webkit-transform: scale(.8,.8);
    -moz-transform: scale(.8,.8);
    -ms-transform: scale(.8,.8);
    -o-transform: scale(.8,.8);
    transform: scale(.8,.8);
    margin-top: -3px
  }
}

[data-theme='switch_3ds'] .ncommon-themeLabel:before {
  content: 'Swtich | 3DS'
}

[data-theme='switch'] .ncommon-themeLabel:before {
  content: 'Nintendo Switch'
}

[data-theme='3ds'] .ncommon-themeLabel:before {
  content: 'Nintendo 3DS'
}

[data-theme='wiiu'] .ncommon-themeLabel:before {
  content: 'Wii U'
}

[data-theme='amiibo'] .ncommon-themeLabel:before {
  content: 'amiibo'
}

[data-theme='smartphone'] .ncommon-themeLabel:before {
  content: 'Smart Phone'
}

[data-theme='other'] .ncommon-themeLabel:before {
  content: 'Other'
}

[data-theme='switch'] .ncommon-themeLabel:before {
  color: #e60012
}

[data-theme='3ds'] .ncommon-themeLabel:before {
  color: #ce181e
}

[data-theme='wiiu'] .ncommon-themeLabel:before {
  color: #0096c8
}

[data-theme='smartphone'] .ncommon-themeLabel:before {
  color: #e60012
}

.ncommon-themeLabel2 {
  display: block;
  font-size: 0
}

.ncommon-themeLabel2__icon {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-color: #e60012;
}

.ncommon-themeLabel2__icon:after {
  content: '';
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center
}

[data-bodytheme='wiiu'] .ncommon-themeLabel2__icon {
  background-color: #0096c8
}

[data-bodytheme='3ds'] .ncommon-themeLabel2__icon {
  background-color: #ce181e
}

[data-theme='switch'] .ncommon-themeLabel2__icon:after {
  background-image: url("../img/ncommon/_common/img-hardware-switch-white.svg");
  -moz-background-size: 12px auto;
  -o-background-size: 12px auto;
  background-size: 12px auto
}

[data-theme='3ds'] .ncommon-themeLabel2__icon {
  background-color: #ce181e;
}

[data-theme='3ds'] .ncommon-themeLabel2__icon:after {
  background-image: url("../img/ncommon/_common/img-hardware-3ds-white.svg");
  -moz-background-size: 14px auto;
  -o-background-size: 14px auto;
  background-size: 14px auto
}

[data-theme='wiiu'] .ncommon-themeLabel2__icon {
  background-color: #0096c8;
}

[data-theme='wiiu'] .ncommon-themeLabel2__icon:after {
  background-image: url("../img/ncommon/_common/img-hardware-wiiu-white.svg");
  -moz-background-size: 18px auto;
  -o-background-size: 18px auto;
  background-size: 18px auto
}

[data-theme='smartphone'] .ncommon-themeLabel2__icon:after {
  background-image: url("../img/ncommon/_common/img-hardware-smartphone-white.svg");
  -moz-background-size: 8px auto;
  -o-background-size: 8px auto;
  background-size: 8px auto
}

.ncommon-themeLabel2__text {
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  padding: 0 8px;
}

.ncommon-themeLabel2__text:after {
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  color: #3c3c3c
}

[data-theme='switch_3ds'] .ncommon-themeLabel2__text:after {
  content: 'Swtich | 3DS'
}

[data-theme='switch'] .ncommon-themeLabel2__text:after {
  content: 'Nintendo Switch'
}

[data-theme='3ds'] .ncommon-themeLabel2__text:after {
  content: 'ニンテンドー3DS'
}

[data-theme='wiiu'] .ncommon-themeLabel2__text:after {
  content: 'Wii U'
}

[data-theme='amiibo'] .ncommon-themeLabel2__text:after {
  content: 'amiibo'
}

[data-theme='smartphone'] .ncommon-themeLabel2__text:after {
  content: 'スマートフォン'
}

[data-theme='other'] .ncommon-themeLabel2__text:after {
  content: 'その他'
}

.ncommon-hardwareLabelList__item {
  padding-top: 1px
}

@media screen and (min-width: 760px),print {
  .ncommon-hardwareLabelList {
    margin-top:14px;
    padding-left: 9px;
    border-left: solid 5px #e60012;
  }

  [data-theme='switch'] .ncommon-hardwareLabelList {
    border-color: #e60012
  }

  [data-theme='3ds'] .ncommon-hardwareLabelList {
    border-color: #ce181e
  }

  [data-theme='wiiu'] .ncommon-hardwareLabelList {
    border-color: #0096c8
  }

  .ncommon-hardwareLabelList + .ncommon-softUnit__heightbase .ncommon-softUnit__main {
    padding-top: 0
  }
}

@media screen and (min-width: 1200px),print {
  .ncommon-hardwareLabelList {
    zoom:1;
  }

  .ncommon-hardwareLabelList:after {
    content: "";
    display: block;
    clear: both
  }

  .ncommon-hardwareLabelList__item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .ncommon-hardwareLabelList__item:first-child:not(:last-child),.ncommon-hardwareLabelList__item + .ncommon-hardwareLabelList__item {
    float: left;
    width: 50%
  }

  .ncommon-hardwareLabelList__item:first-child:not(:last-child),.ncommon-hardwareLabelList__item + .ncommon-hardwareLabelList__item:nth-child(odd) {
    clear: both;
    padding-right: 1px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-hardwareLabelList {
    zoom:1;
  }

  .ncommon-hardwareLabelList:after {
    content: "";
    display: block;
    clear: both
  }

  .ncommon-hardwareLabelList__item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .ncommon-hardwareLabelList__item:first-child:not(:last-child),.ncommon-hardwareLabelList__item + .ncommon-hardwareLabelList__item {
    float: left;
    width: 50%
  }

  .ncommon-hardwareLabelList__item:first-child:not(:last-child),.ncommon-hardwareLabelList__item + .ncommon-hardwareLabelList__item:nth-child(odd) {
    clear: both;
    padding-right: 1px
  }

  .ncommon-hardwareLabelList {
    margin-top: 14px;
    padding-left: 7px;
    border-left: solid 5px #e60012;
  }

  [data-theme='switch'] .ncommon-hardwareLabelList {
    border-color: #e60012
  }

  [data-theme='3ds'] .ncommon-hardwareLabelList {
    border-color: #ce181e
  }

  [data-theme='wiiu'] .ncommon-hardwareLabelList {
    border-color: #0096c8
  }

  .ncommon-hardwareLabelList + .ncommon-softUnit__heightbase .ncommon-softUnit__main {
    padding-top: 0
  }
}

@media screen and (max-width: 759px) {
  .ncommon-hardwareLabelList {
    margin-top:11px;
    padding-left: 7px;
    border-left: solid 4px #e60012;
  }

  [data-theme='switch'] .ncommon-hardwareLabelList {
    border-color: #e60012
  }

  [data-theme='3ds'] .ncommon-hardwareLabelList {
    border-color: #ce181e
  }

  [data-theme='wiiu'] .ncommon-hardwareLabelList {
    border-color: #0096c8
  }

  .ncommon-hardwareLabelList + .ncommon-softUnit__heightbase .ncommon-softUnit__main {
    padding-top: 0
  }
}

.soft-rankingList__item .ncommon-hardwareLabelList {
  border-color: #8c8c8c !important
}

[data-rank="1"] .ncommon-hardwareLabelList {
  border-color: #ebb400 !important
}

[data-rank="2"] .ncommon-hardwareLabelList {
  border-color: #798d9c !important
}

[data-rank="3"] .ncommon-hardwareLabelList {
  border-color: #da6f0b !important
}

.ncommon-rankLabel {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 56px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 28px 0 4px;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
}

.ncommon-rankLabel[data-rank="1"] {
  background-image: url("../img/ncommon/_common/ranking/bg-1.png");
  color: #ebb400;
  font-size: 12px
}

.ncommon-rankLabel[data-rank="2"] {
  background-image: url("../img/ncommon/_common/ranking/bg-2.png");
  color: #798d9c;
  font-size: 12px
}

.ncommon-rankLabel[data-rank="3"] {
  background-image: url("../img/ncommon/_common/ranking/bg-3.png");
  color: #da6f0b;
  font-size: 12px
}

.ncommon-newLabel, .ncommon-saleLabel {
  position: absolute;
  top: 0;
  left: -40px;
  border-top: none !important;
  border-right: 40px solid transparent !important;
  border-bottom: 40px solid #e60012;
  border-left: 40px solid transparent !important;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}

.ncommon-saleLabel {
  border-bottom-color:  #fb7d1f;
}

.ncommon-newLabel:after, .ncommon-saleLabel:after {
  content: 'NEW';
  position: absolute;
  top: 16px;
  left: -40px;
  width: 80px;
  color: #fff;
  font-size: 12px;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 24px;
  text-align: center;
  letter-spacing: .16em
}

.ncommon-saleLabel:after {
  content: 'SALE';
}

@media screen and (max-width: 759px) {
  .ncommon-newLabel, .ncommon-saleLabel {
    position:absolute;
    top: 0;
    left: -28px;
    border-top: none !important;
    border-right: 28px solid transparent !important;
    border-bottom: 28px solid #e60012;
    border-left: 28px solid transparent !important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top
  }
  .ncommon-saleLabel {
    border-bottom-color: #fb7d1f;
  }

  .ncommon-newLabel:after, .ncommon-saleLabel:after {
    content: 'NEW';
    position: absolute;
    top: 9px;
    left: -28px;
    width: 56px;
    color: #fff;
    font-size: 12px;
    font-family: 'Roboto',sans-serif;
    font-weight: 900;
    line-height: 24px;
    text-align: center;
    letter-spacing: .1em
  }

  .ncommon-saleLabel:after {
    content: 'SALE';
  }
}

.ncommon-softUnit {
  position: relative;
}

.ncommon-softUnit > a {
  position: relative
}

.ncommon-softUnit[data-rank="1"] > a:after {
  content: '1';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg-1.png");
  color: #ebb400;
  font-size: 12px;
  width: 56px;
  height: 56px;
  padding: 12px 28px 0 4px;
}

.ncommon-softUnit[data-rank="2"] > a:after {
  content: '2';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg-2.png");
  color: #798d9c;
  font-size: 12px;
  width: 56px;
  height: 56px;
  padding: 12px 28px 0 4px;
}

.ncommon-softUnit[data-rank="3"] > a:after {
  content: '3';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg-3.png");
  color: #da6f0b;
  font-size: 12px;
  width: 56px;
  height: 56px;
  padding: 12px 28px 0 4px;
}

.ncommon-softUnit[data-rank="4"] > a:after {
  content: '4';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="4"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="4"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="5"] > a:after {
  content: '5';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="5"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="5"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="6"] > a:after {
  content: '6';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="6"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="6"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="7"] > a:after {
  content: '7';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="7"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="7"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="8"] > a:after {
  content: '8';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="8"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="8"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="9"] > a:after {
  content: '9';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="9"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="9"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="10"] > a:after {
  content: '10';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="10"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="10"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="11"] > a:after {
  content: '11';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="11"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="11"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="12"] > a:after {
  content: '12';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="12"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="12"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="13"] > a:after {
  content: '13';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="13"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="13"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="14"] > a:after {
  content: '14';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="14"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="14"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="15"] > a:after {
  content: '15';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="15"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="15"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="16"] > a:after {
  content: '16';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="16"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="16"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="17"] > a:after {
  content: '17';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="17"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="17"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="18"] > a:after {
  content: '18';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="18"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="18"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="19"] > a:after {
  content: '19';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="19"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="19"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="20"] > a:after {
  content: '20';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="20"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="20"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="21"] > a:after {
  content: '21';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="21"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="21"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="22"] > a:after {
  content: '22';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="22"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="22"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="23"] > a:after {
  content: '23';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="23"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="23"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="24"] > a:after {
  content: '24';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="24"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="24"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit[data-rank="25"] > a:after {
  content: '25';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 24px 0 7px
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit[data-rank="25"] > a:after {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit[data-rank="25"] > a:after {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-softUnit--innerPurchase .ncommon-softUnit__thumb .ncommon-thumb:after {
  background-color: rgba(255,255,255,0.2)
}

.ncommon-softUnit__sub {
  position: relative;
  color: #737373;
  margin-top: -4px;
  margin-bottom: -4px;
  font-size: 12px;
  line-height: 20px;
}

@media screen and (min-width: 760px),print {
  :not(#amiibo_lineup_coming) > .ncommon-softUnit__sub {
    line-height:17px
  }
}

@media screen and (max-width: 759px) {
  :not(#amiibo_lineup_coming) > .ncommon-softUnit__sub {
    line-height:15px
  }
}

.ncommon-softUnit__lang {
  position: absolute;
  right: 0;
  top: -34px;
  width: 60px;
  height: 32px;
  background: center no-repeat url("../img/software/lang/support_cn_tc.svg");
}

.ncommon-softUnit .ncommon-u-eshop {
  display:block;
  position: absolute;
  right: 0;
  bottom: 42px;
  width: 60px;
  height: 32px;
  background: center no-repeat url("../img/software/nineshop.svg");
}

.ncommon-softUnit .ncommon-u-eshop:hover {
  opacity: 0.7;
}


@media screen and (max-width: 759px),print {
  .ncommon-softUnit__lang{
    width: 45px;
    height: 24px;
  }
}

@media screen and (max-width: 759px),print {
  .ncommon-softUnit .ncommon-u-eshop {
    right: 0;
    bottom: 30px;
    width: 50px;
  }
}

.ncommon-grid__col .ncommon-u-eshop, .ncommon-softUnit .ncommon-u-eshop {
  display:block;
  position: absolute;
  right: 0;
  bottom: 42px;
  width: 60px;
  height: 32px;
  background: center no-repeat url("../img/software/nineshop.svg");
}

.ncommon-grid__col a.ncommon-u-eshop:hover, .ncommon-softUnit a.ncommon-u-eshop:hover {
  opacity: 0.7;
}

@media screen and (max-width: 979px) {
  .ncommon-grid__col .ncommon-u-eshop, .ncommon-softUnit .ncommon-u-eshop {

  }
}

@media screen and (max-width: 759px),print {
  .ncommon-grid__col .ncommon-u-eshop, .ncommon-softUnit .ncommon-u-eshop {
    bottom: 30px;
    width: 50px;
  }
} 

.ncommon-softUnit .ncommon-u-tw-rating-ico {
  position: absolute;
  left: 0;
  top: -34px;
  width: 35px;
  height: 32px;
}

@media screen and (max-width: 759px),print {
  .ncommon-softUnit .ncommon-u-tw-rating-ico {
    width: 27px;
    height: 24px;
  }
}

.ncommon-u-tw-rating-0plus {
  background: center no-repeat url("../img/software/tw_rating_0plus.svg");
}
.ncommon-u-tw-rating-6plus {
  background: center no-repeat url("../img/software/tw_rating_6plus.svg");
}
.ncommon-u-tw-rating-12plus {
  background: center no-repeat url("../img/software/tw_rating_12plus.svg");
}
.ncommon-u-tw-rating-15plus {
  background: center no-repeat url("../img/software/tw_rating_15plus.svg");
}
.ncommon-u-tw-rating-18plus {
  background: center no-repeat url("../img/software/tw_rating_18plus.svg");
}

.ncommon-kv-tw-rating-ico {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 53px;
  height: 48px;
}

@media screen and (max-width: 759px),print {
  .ncommon-kv-tw-rating-ico {
    width: 44px;
    height: 40px;
  }
}
.ncommon-kv-tw-rating-0plus {
  background: center no-repeat url("../img/software/tw_rating_0plus.svg");
}
.ncommon-kv-tw-rating-6plus {
  background: center no-repeat url("../img/software/tw_rating_6plus.svg");
}
.ncommon-kv-tw-rating-12plus {
  background: center no-repeat url("../img/software/tw_rating_12plus.svg");
}
.ncommon-kv-tw-rating-15plus {
  background: center no-repeat url("../img/software/tw_rating_15plus.svg");
}
.ncommon-kv-tw-rating-18plus {
  background: center no-repeat url("../img/software/tw_rating_18plus.svg");
}


.ncommon-softUnit__name {
  margin-top: -5px;
  margin-bottom: -5px;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
}

:not(#amiibo_lineup_coming) > .ncommon-softUnit__name {
  line-height: 20px;
}

@media screen and (min-width: 760px) and (max-width:979px) {
  :not(#amiibo_lineup_coming) > .ncommon-softUnit__name {
    font-size:13px;
    line-height: 20px
  }
}

@media screen and (max-width: 759px) {
  :not(#amiibo_lineup_coming) > .ncommon-softUnit__name {
    font-size:11px;
    line-height: 18px
  }
}

.ncommon-softUnit__name:hover,a:hover .ncommon-softUnit__name,button:hover .ncommon-softUnit__name,.ncommon-u-linkbox:hover .ncommon-softUnit__name {
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  color: #e60012;
}

[data-bodytheme='wiiu'] .ncommon-softUnit__name:hover,[data-bodytheme='wiiu'] a:hover .ncommon-softUnit__name,[data-bodytheme='wiiu'] button:hover .ncommon-softUnit__name,[data-bodytheme='wiiu'] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #0096c8
}

[data-bodytheme='3ds'] .ncommon-softUnit__name:hover,[data-bodytheme='3ds'] a:hover .ncommon-softUnit__name,[data-bodytheme='3ds'] button:hover .ncommon-softUnit__name,[data-bodytheme='3ds'] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #ce181e
}

[data-theme='switch'] .ncommon-softUnit__name:hover,[data-theme='switch'] a:hover .ncommon-softUnit__name,[data-theme='switch'] button:hover .ncommon-softUnit__name,[data-theme='switch'] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #e60012
}

[data-theme='wiiu'] .ncommon-softUnit__name:hover,[data-theme='wiiu'] a:hover .ncommon-softUnit__name,[data-theme='wiiu'] button:hover .ncommon-softUnit__name,[data-theme='wiiu'] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #0096c8
}

[data-theme='3ds'] .ncommon-softUnit__name:hover,[data-theme='3ds'] a:hover .ncommon-softUnit__name,[data-theme='3ds'] button:hover .ncommon-softUnit__name,[data-theme='3ds'] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #ce181e
}

[data-rank="1"] .ncommon-softUnit__name:hover,[data-rank="1"] a:hover .ncommon-softUnit__name,[data-rank="1"] button:hover .ncommon-softUnit__name,[data-rank="1"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #ebb400
}

[data-rank="2"] .ncommon-softUnit__name:hover,[data-rank="2"] a:hover .ncommon-softUnit__name,[data-rank="2"] button:hover .ncommon-softUnit__name,[data-rank="2"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #798d9c
}

[data-rank="3"] .ncommon-softUnit__name:hover,[data-rank="3"] a:hover .ncommon-softUnit__name,[data-rank="3"] button:hover .ncommon-softUnit__name,[data-rank="3"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #da6f0b
}

[data-rank="4"] .ncommon-softUnit__name:hover,[data-rank="4"] a:hover .ncommon-softUnit__name,[data-rank="4"] button:hover .ncommon-softUnit__name,[data-rank="4"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="5"] .ncommon-softUnit__name:hover,[data-rank="5"] a:hover .ncommon-softUnit__name,[data-rank="5"] button:hover .ncommon-softUnit__name,[data-rank="5"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="6"] .ncommon-softUnit__name:hover,[data-rank="6"] a:hover .ncommon-softUnit__name,[data-rank="6"] button:hover .ncommon-softUnit__name,[data-rank="6"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="7"] .ncommon-softUnit__name:hover,[data-rank="7"] a:hover .ncommon-softUnit__name,[data-rank="7"] button:hover .ncommon-softUnit__name,[data-rank="7"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="8"] .ncommon-softUnit__name:hover,[data-rank="8"] a:hover .ncommon-softUnit__name,[data-rank="8"] button:hover .ncommon-softUnit__name,[data-rank="8"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="9"] .ncommon-softUnit__name:hover,[data-rank="9"] a:hover .ncommon-softUnit__name,[data-rank="9"] button:hover .ncommon-softUnit__name,[data-rank="9"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="10"] .ncommon-softUnit__name:hover,[data-rank="10"] a:hover .ncommon-softUnit__name,[data-rank="10"] button:hover .ncommon-softUnit__name,[data-rank="10"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="11"] .ncommon-softUnit__name:hover,[data-rank="11"] a:hover .ncommon-softUnit__name,[data-rank="11"] button:hover .ncommon-softUnit__name,[data-rank="11"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="12"] .ncommon-softUnit__name:hover,[data-rank="12"] a:hover .ncommon-softUnit__name,[data-rank="12"] button:hover .ncommon-softUnit__name,[data-rank="12"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="13"] .ncommon-softUnit__name:hover,[data-rank="13"] a:hover .ncommon-softUnit__name,[data-rank="13"] button:hover .ncommon-softUnit__name,[data-rank="13"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="14"] .ncommon-softUnit__name:hover,[data-rank="14"] a:hover .ncommon-softUnit__name,[data-rank="14"] button:hover .ncommon-softUnit__name,[data-rank="14"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="15"] .ncommon-softUnit__name:hover,[data-rank="15"] a:hover .ncommon-softUnit__name,[data-rank="15"] button:hover .ncommon-softUnit__name,[data-rank="15"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="16"] .ncommon-softUnit__name:hover,[data-rank="16"] a:hover .ncommon-softUnit__name,[data-rank="16"] button:hover .ncommon-softUnit__name,[data-rank="16"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="17"] .ncommon-softUnit__name:hover,[data-rank="17"] a:hover .ncommon-softUnit__name,[data-rank="17"] button:hover .ncommon-softUnit__name,[data-rank="17"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="18"] .ncommon-softUnit__name:hover,[data-rank="18"] a:hover .ncommon-softUnit__name,[data-rank="18"] button:hover .ncommon-softUnit__name,[data-rank="18"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="19"] .ncommon-softUnit__name:hover,[data-rank="19"] a:hover .ncommon-softUnit__name,[data-rank="19"] button:hover .ncommon-softUnit__name,[data-rank="19"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="20"] .ncommon-softUnit__name:hover,[data-rank="20"] a:hover .ncommon-softUnit__name,[data-rank="20"] button:hover .ncommon-softUnit__name,[data-rank="20"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="21"] .ncommon-softUnit__name:hover,[data-rank="21"] a:hover .ncommon-softUnit__name,[data-rank="21"] button:hover .ncommon-softUnit__name,[data-rank="21"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="22"] .ncommon-softUnit__name:hover,[data-rank="22"] a:hover .ncommon-softUnit__name,[data-rank="22"] button:hover .ncommon-softUnit__name,[data-rank="22"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="23"] .ncommon-softUnit__name:hover,[data-rank="23"] a:hover .ncommon-softUnit__name,[data-rank="23"] button:hover .ncommon-softUnit__name,[data-rank="23"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="24"] .ncommon-softUnit__name:hover,[data-rank="24"] a:hover .ncommon-softUnit__name,[data-rank="24"] button:hover .ncommon-softUnit__name,[data-rank="24"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="25"] .ncommon-softUnit__name:hover,[data-rank="25"] a:hover .ncommon-softUnit__name,[data-rank="25"] button:hover .ncommon-softUnit__name,[data-rank="25"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="26"] .ncommon-softUnit__name:hover,[data-rank="26"] a:hover .ncommon-softUnit__name,[data-rank="26"] button:hover .ncommon-softUnit__name,[data-rank="26"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="27"] .ncommon-softUnit__name:hover,[data-rank="27"] a:hover .ncommon-softUnit__name,[data-rank="27"] button:hover .ncommon-softUnit__name,[data-rank="27"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="28"] .ncommon-softUnit__name:hover,[data-rank="28"] a:hover .ncommon-softUnit__name,[data-rank="28"] button:hover .ncommon-softUnit__name,[data-rank="28"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="29"] .ncommon-softUnit__name:hover,[data-rank="29"] a:hover .ncommon-softUnit__name,[data-rank="29"] button:hover .ncommon-softUnit__name,[data-rank="29"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="30"] .ncommon-softUnit__name:hover,[data-rank="30"] a:hover .ncommon-softUnit__name,[data-rank="30"] button:hover .ncommon-softUnit__name,[data-rank="30"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="31"] .ncommon-softUnit__name:hover,[data-rank="31"] a:hover .ncommon-softUnit__name,[data-rank="31"] button:hover .ncommon-softUnit__name,[data-rank="31"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="32"] .ncommon-softUnit__name:hover,[data-rank="32"] a:hover .ncommon-softUnit__name,[data-rank="32"] button:hover .ncommon-softUnit__name,[data-rank="32"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="33"] .ncommon-softUnit__name:hover,[data-rank="33"] a:hover .ncommon-softUnit__name,[data-rank="33"] button:hover .ncommon-softUnit__name,[data-rank="33"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="34"] .ncommon-softUnit__name:hover,[data-rank="34"] a:hover .ncommon-softUnit__name,[data-rank="34"] button:hover .ncommon-softUnit__name,[data-rank="34"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="35"] .ncommon-softUnit__name:hover,[data-rank="35"] a:hover .ncommon-softUnit__name,[data-rank="35"] button:hover .ncommon-softUnit__name,[data-rank="35"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="36"] .ncommon-softUnit__name:hover,[data-rank="36"] a:hover .ncommon-softUnit__name,[data-rank="36"] button:hover .ncommon-softUnit__name,[data-rank="36"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="37"] .ncommon-softUnit__name:hover,[data-rank="37"] a:hover .ncommon-softUnit__name,[data-rank="37"] button:hover .ncommon-softUnit__name,[data-rank="37"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="38"] .ncommon-softUnit__name:hover,[data-rank="38"] a:hover .ncommon-softUnit__name,[data-rank="38"] button:hover .ncommon-softUnit__name,[data-rank="38"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="39"] .ncommon-softUnit__name:hover,[data-rank="39"] a:hover .ncommon-softUnit__name,[data-rank="39"] button:hover .ncommon-softUnit__name,[data-rank="39"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="40"] .ncommon-softUnit__name:hover,[data-rank="40"] a:hover .ncommon-softUnit__name,[data-rank="40"] button:hover .ncommon-softUnit__name,[data-rank="40"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="41"] .ncommon-softUnit__name:hover,[data-rank="41"] a:hover .ncommon-softUnit__name,[data-rank="41"] button:hover .ncommon-softUnit__name,[data-rank="41"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="42"] .ncommon-softUnit__name:hover,[data-rank="42"] a:hover .ncommon-softUnit__name,[data-rank="42"] button:hover .ncommon-softUnit__name,[data-rank="42"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="43"] .ncommon-softUnit__name:hover,[data-rank="43"] a:hover .ncommon-softUnit__name,[data-rank="43"] button:hover .ncommon-softUnit__name,[data-rank="43"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="44"] .ncommon-softUnit__name:hover,[data-rank="44"] a:hover .ncommon-softUnit__name,[data-rank="44"] button:hover .ncommon-softUnit__name,[data-rank="44"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="45"] .ncommon-softUnit__name:hover,[data-rank="45"] a:hover .ncommon-softUnit__name,[data-rank="45"] button:hover .ncommon-softUnit__name,[data-rank="45"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="46"] .ncommon-softUnit__name:hover,[data-rank="46"] a:hover .ncommon-softUnit__name,[data-rank="46"] button:hover .ncommon-softUnit__name,[data-rank="46"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="47"] .ncommon-softUnit__name:hover,[data-rank="47"] a:hover .ncommon-softUnit__name,[data-rank="47"] button:hover .ncommon-softUnit__name,[data-rank="47"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="48"] .ncommon-softUnit__name:hover,[data-rank="48"] a:hover .ncommon-softUnit__name,[data-rank="48"] button:hover .ncommon-softUnit__name,[data-rank="48"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="49"] .ncommon-softUnit__name:hover,[data-rank="49"] a:hover .ncommon-softUnit__name,[data-rank="49"] button:hover .ncommon-softUnit__name,[data-rank="49"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

[data-rank="50"] .ncommon-softUnit__name:hover,[data-rank="50"] a:hover .ncommon-softUnit__name,[data-rank="50"] button:hover .ncommon-softUnit__name,[data-rank="50"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #a0a0a0
}

.ncommon-softUnit--innerPurchase[data-rank="1"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="1"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="1"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="1"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="2"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="2"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="2"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="2"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="3"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="3"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="3"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="3"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="4"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="4"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="4"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="4"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="5"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="5"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="5"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="5"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="6"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="6"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="6"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="6"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="7"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="7"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="7"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="7"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="8"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="8"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="8"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="8"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="9"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="9"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="9"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="9"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="10"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="10"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="10"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="10"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="11"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="11"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="11"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="11"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="12"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="12"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="12"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="12"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="13"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="13"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="13"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="13"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="14"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="14"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="14"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="14"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="15"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="15"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="15"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="15"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="16"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="16"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="16"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="16"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="17"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="17"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="17"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="17"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="18"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="18"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="18"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="18"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="19"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="19"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="19"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="19"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="20"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="20"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="20"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="20"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="21"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="21"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="21"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="21"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="22"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="22"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="22"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="22"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="23"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="23"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="23"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="23"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="24"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="24"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="24"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="24"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="25"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="25"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="25"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="25"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="26"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="26"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="26"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="26"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="27"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="27"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="27"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="27"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="28"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="28"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="28"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="28"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="29"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="29"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="29"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="29"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="30"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="30"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="30"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="30"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="31"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="31"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="31"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="31"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="32"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="32"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="32"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="32"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="33"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="33"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="33"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="33"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="34"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="34"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="34"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="34"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="35"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="35"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="35"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="35"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="36"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="36"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="36"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="36"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="37"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="37"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="37"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="37"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="38"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="38"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="38"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="38"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="39"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="39"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="39"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="39"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="40"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="40"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="40"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="40"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="41"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="41"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="41"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="41"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="42"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="42"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="42"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="42"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="43"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="43"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="43"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="43"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="44"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="44"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="44"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="44"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="45"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="45"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="45"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="45"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="46"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="46"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="46"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="46"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="47"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="47"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="47"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="47"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="48"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="48"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="48"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="48"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="49"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="49"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="49"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="49"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.ncommon-softUnit--innerPurchase[data-rank="50"] .ncommon-softUnit__name:hover,.ncommon-softUnit--innerPurchase[data-rank="50"] a:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="50"] button:hover .ncommon-softUnit__name,.ncommon-softUnit--innerPurchase[data-rank="50"] .ncommon-u-linkbox:hover .ncommon-softUnit__name {
  color: #3c3c3c
}

.is-external .ncommon-softUnit__name:after, .is-external.ncommon-u-eshop:after {
  content: '';
  background-image: url("../img/ncommon/_common/icon-blank.svg");
  background-repeat: no-repeat;
  background-position: left;
  display: inline-block;
  width: 9px;
  height: 8px;
  margin-left: 7px;
  vertical-align: middle
}
.is-external.ncommon-u-eshop:after {
  position: absolute;
  bottom: 8px;
  right: -16px;
}

:not(#amiibo_lineup_coming) > .ncommon-softUnit__type {
  font-size: 12px;
  -webkit-transform: scale(.9,1);
  -moz-transform: scale(.9,1);
  -ms-transform: scale(.9,1);
  -o-transform: scale(.9,1);
  transform: scale(.9,1);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
  word-break: keep-all;
}

:not(#amiibo_lineup_coming) > .ncommon-softUnit__type:first-child {
  line-height: 12px
}

@media screen and (max-width: 759px) {
  :not(#amiibo_lineup_coming) > .ncommon-softUnit__type {
    line-height:16px
  }
}

#amiibo_lineup_coming .ncommon-softUnit__type {
  font-weight: bold
}

.ncommon-softUnit__company {
  font-weight: bold;
}

@media screen and (max-width: 979px) {
  .ncommon-softUnit__company {
    font-size:12px;
    line-height: 14px
  }
}

:not(#amiibo_lineup_coming) > .ncommon-softUnit__dateAndPrice {
  font-family: 'Roboto',sans-serif;
  font-weight: 700;
}

@media screen and (min-width: 760px),print {
  :not(#amiibo_lineup_coming) > .ncommon-softUnit__dateAndPrice {
    line-height:18px
  }
}

:not(#amiibo_lineup_coming) > .ncommon-softUnit__dateAndPrice > span {
  font-size: .85em;
  vertical-align: bottom
}

.ncommon-softUnit__arrow {
  position: absolute;
  right: 0;
  bottom: 4px;
  line-height: 0;
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit__arrow {
    bottom:2px
  }

  .ncommon-softUnit__arrow i,.ncommon-softUnit__arrow i:before,.ncommon-softUnit__arrow i:after {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: inherit;
    -webkit-transition: $transition_df;
    -moz-transition: $transition_df;
    -o-transition: $transition_df;
    transition: $transition_df;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 14px auto;
    -o-background-size: 14px auto;
    background-size: 14px auto
  }

  .ncommon-softUnit__arrow:hover i,a:hover .ncommon-softUnit__arrow i,button:hover .ncommon-softUnit__arrow i,.ncommon-u-linkbox:hover .ncommon-softUnit__arrow i,.ncommon-softUnit__arrow:hover i:before,a:hover .ncommon-softUnit__arrow i:before,button:hover .ncommon-softUnit__arrow i:before,.ncommon-u-linkbox:hover .ncommon-softUnit__arrow i:before,.ncommon-softUnit__arrow:hover i:after,a:hover .ncommon-softUnit__arrow i:after,button:hover .ncommon-softUnit__arrow i:after,.ncommon-u-linkbox:hover .ncommon-softUnit__arrow i:after {
    -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    transition: all 150ms cubic-bezier(.25,.46,.45,.94)
  }

  .ncommon-softUnit__arrow > i {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
  }

  .ncommon-softUnit__arrow > i:after {
    content: '';
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: -2px;
    top: -2px;
    border: 2px solid rgba(255,255,255,0)
  }

  .ncommon-softUnit__arrow > i > i,.ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-red.svg);
  }

  [data-bodytheme='wiiu'] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-wiiu.svg)
  }

  [data-bodytheme='3ds'] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-3ds.svg)
  }

  .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-red.svg);
  }

  [data-bodytheme='wiiu'] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-wiiu.svg)
  }

  [data-bodytheme='3ds'] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-3ds.svg)
  }

  [data-theme='wiiu'] .ncommon-softUnit__arrow > i > i,[data-theme='wiiu'] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-theme='wiiu'] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-theme='wiiu'] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-wiiu.svg)
  }

  [data-theme='wiiu'] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-wiiu.svg)
  }

  [data-theme='3ds'] .ncommon-softUnit__arrow > i > i,[data-theme='3ds'] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-theme='3ds'] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-theme='3ds'] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-3ds.svg)
  }

  [data-theme='3ds'] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-3ds.svg)
  }

  [data-rank="4"] .ncommon-softUnit__arrow > i > i,[data-rank="4"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="4"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="4"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="4"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="5"] .ncommon-softUnit__arrow > i > i,[data-rank="5"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="5"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="5"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="5"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="6"] .ncommon-softUnit__arrow > i > i,[data-rank="6"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="6"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="6"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="6"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="7"] .ncommon-softUnit__arrow > i > i,[data-rank="7"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="7"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="7"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="7"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="8"] .ncommon-softUnit__arrow > i > i,[data-rank="8"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="8"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="8"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="8"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="9"] .ncommon-softUnit__arrow > i > i,[data-rank="9"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="9"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="9"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="9"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="10"] .ncommon-softUnit__arrow > i > i,[data-rank="10"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="10"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="10"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="10"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="11"] .ncommon-softUnit__arrow > i > i,[data-rank="11"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="11"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="11"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="11"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="12"] .ncommon-softUnit__arrow > i > i,[data-rank="12"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="12"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="12"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="12"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="13"] .ncommon-softUnit__arrow > i > i,[data-rank="13"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="13"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="13"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="13"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="14"] .ncommon-softUnit__arrow > i > i,[data-rank="14"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="14"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="14"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="14"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="15"] .ncommon-softUnit__arrow > i > i,[data-rank="15"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="15"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="15"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="15"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="16"] .ncommon-softUnit__arrow > i > i,[data-rank="16"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="16"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="16"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="16"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="17"] .ncommon-softUnit__arrow > i > i,[data-rank="17"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="17"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="17"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="17"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="18"] .ncommon-softUnit__arrow > i > i,[data-rank="18"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="18"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="18"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="18"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="19"] .ncommon-softUnit__arrow > i > i,[data-rank="19"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="19"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="19"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="19"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="20"] .ncommon-softUnit__arrow > i > i,[data-rank="20"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="20"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="20"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="20"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="21"] .ncommon-softUnit__arrow > i > i,[data-rank="21"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="21"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="21"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="21"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="22"] .ncommon-softUnit__arrow > i > i,[data-rank="22"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="22"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="22"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="22"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="23"] .ncommon-softUnit__arrow > i > i,[data-rank="23"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="23"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="23"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="23"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="24"] .ncommon-softUnit__arrow > i > i,[data-rank="24"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="24"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="24"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="24"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="25"] .ncommon-softUnit__arrow > i > i,[data-rank="25"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="25"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="25"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="25"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="26"] .ncommon-softUnit__arrow > i > i,[data-rank="26"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="26"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="26"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="26"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="27"] .ncommon-softUnit__arrow > i > i,[data-rank="27"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="27"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="27"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="27"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="28"] .ncommon-softUnit__arrow > i > i,[data-rank="28"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="28"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="28"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="28"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="29"] .ncommon-softUnit__arrow > i > i,[data-rank="29"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="29"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="29"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="29"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="30"] .ncommon-softUnit__arrow > i > i,[data-rank="30"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="30"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="30"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="30"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="31"] .ncommon-softUnit__arrow > i > i,[data-rank="31"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="31"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="31"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="31"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="32"] .ncommon-softUnit__arrow > i > i,[data-rank="32"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="32"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="32"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="32"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="33"] .ncommon-softUnit__arrow > i > i,[data-rank="33"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="33"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="33"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="33"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="34"] .ncommon-softUnit__arrow > i > i,[data-rank="34"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="34"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="34"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="34"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="35"] .ncommon-softUnit__arrow > i > i,[data-rank="35"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="35"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="35"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="35"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="36"] .ncommon-softUnit__arrow > i > i,[data-rank="36"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="36"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="36"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="36"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="37"] .ncommon-softUnit__arrow > i > i,[data-rank="37"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="37"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="37"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="37"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="38"] .ncommon-softUnit__arrow > i > i,[data-rank="38"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="38"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="38"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="38"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="39"] .ncommon-softUnit__arrow > i > i,[data-rank="39"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="39"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="39"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="39"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="40"] .ncommon-softUnit__arrow > i > i,[data-rank="40"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="40"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="40"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="40"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="41"] .ncommon-softUnit__arrow > i > i,[data-rank="41"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="41"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="41"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="41"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="42"] .ncommon-softUnit__arrow > i > i,[data-rank="42"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="42"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="42"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="42"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="43"] .ncommon-softUnit__arrow > i > i,[data-rank="43"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="43"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="43"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="43"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="44"] .ncommon-softUnit__arrow > i > i,[data-rank="44"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="44"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="44"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="44"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="45"] .ncommon-softUnit__arrow > i > i,[data-rank="45"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="45"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="45"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="45"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="46"] .ncommon-softUnit__arrow > i > i,[data-rank="46"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="46"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="46"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="46"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="47"] .ncommon-softUnit__arrow > i > i,[data-rank="47"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="47"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="47"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="47"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="48"] .ncommon-softUnit__arrow > i > i,[data-rank="48"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="48"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="48"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="48"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="49"] .ncommon-softUnit__arrow > i > i,[data-rank="49"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="49"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="49"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="49"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="50"] .ncommon-softUnit__arrow > i > i,[data-rank="50"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="50"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="50"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="50"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="1"] .ncommon-softUnit__arrow > i > i,[data-rank="1"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="1"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="1"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking-1.svg)
  }

  [data-rank="1"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking-1.svg)
  }

  [data-rank="2"] .ncommon-softUnit__arrow > i > i,[data-rank="2"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="2"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="2"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking-2.svg)
  }

  [data-rank="2"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking-2.svg)
  }

  [data-rank="3"] .ncommon-softUnit__arrow > i > i,[data-rank="3"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="3"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="3"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking-3.svg)
  }

  [data-rank="3"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking-3.svg)
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit__arrow {
    bottom:1px
  }

  .ncommon-softUnit__arrow i,.ncommon-softUnit__arrow i:before,.ncommon-softUnit__arrow i:after {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: inherit;
    -webkit-transition: $transition_df;
    -moz-transition: $transition_df;
    -o-transition: $transition_df;
    transition: $transition_df;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 12px auto;
    -o-background-size: 12px auto;
    background-size: 12px auto
  }

  .ncommon-softUnit__arrow:hover i,a:hover .ncommon-softUnit__arrow i,button:hover .ncommon-softUnit__arrow i,.ncommon-u-linkbox:hover .ncommon-softUnit__arrow i,.ncommon-softUnit__arrow:hover i:before,a:hover .ncommon-softUnit__arrow i:before,button:hover .ncommon-softUnit__arrow i:before,.ncommon-u-linkbox:hover .ncommon-softUnit__arrow i:before,.ncommon-softUnit__arrow:hover i:after,a:hover .ncommon-softUnit__arrow i:after,button:hover .ncommon-softUnit__arrow i:after,.ncommon-u-linkbox:hover .ncommon-softUnit__arrow i:after {
    -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    transition: all 150ms cubic-bezier(.25,.46,.45,.94)
  }

  .ncommon-softUnit__arrow > i {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
  }

  .ncommon-softUnit__arrow > i:after {
    content: '';
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: -2px;
    top: -2px;
    border: 2px solid rgba(255,255,255,0)
  }

  .ncommon-softUnit__arrow > i > i,.ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-red.svg);
  }

  [data-bodytheme='wiiu'] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-wiiu.svg)
  }

  [data-bodytheme='3ds'] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-3ds.svg)
  }

  .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-red.svg);
  }

  [data-bodytheme='wiiu'] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-wiiu.svg)
  }

  [data-bodytheme='3ds'] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-3ds.svg)
  }

  [data-theme='wiiu'] .ncommon-softUnit__arrow > i > i,[data-theme='wiiu'] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-theme='wiiu'] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-theme='wiiu'] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-wiiu.svg)
  }

  [data-theme='wiiu'] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-wiiu.svg)
  }

  [data-theme='3ds'] .ncommon-softUnit__arrow > i > i,[data-theme='3ds'] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-theme='3ds'] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-theme='3ds'] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-3ds.svg)
  }

  [data-theme='3ds'] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-3ds.svg)
  }

  [data-rank="4"] .ncommon-softUnit__arrow > i > i,[data-rank="4"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="4"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="4"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="4"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="5"] .ncommon-softUnit__arrow > i > i,[data-rank="5"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="5"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="5"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="5"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="6"] .ncommon-softUnit__arrow > i > i,[data-rank="6"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="6"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="6"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="6"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="7"] .ncommon-softUnit__arrow > i > i,[data-rank="7"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="7"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="7"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="7"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="8"] .ncommon-softUnit__arrow > i > i,[data-rank="8"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="8"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="8"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="8"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="9"] .ncommon-softUnit__arrow > i > i,[data-rank="9"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="9"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="9"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="9"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="10"] .ncommon-softUnit__arrow > i > i,[data-rank="10"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="10"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="10"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="10"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="11"] .ncommon-softUnit__arrow > i > i,[data-rank="11"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="11"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="11"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="11"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="12"] .ncommon-softUnit__arrow > i > i,[data-rank="12"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="12"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="12"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="12"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="13"] .ncommon-softUnit__arrow > i > i,[data-rank="13"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="13"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="13"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="13"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="14"] .ncommon-softUnit__arrow > i > i,[data-rank="14"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="14"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="14"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="14"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="15"] .ncommon-softUnit__arrow > i > i,[data-rank="15"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="15"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="15"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="15"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="16"] .ncommon-softUnit__arrow > i > i,[data-rank="16"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="16"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="16"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="16"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="17"] .ncommon-softUnit__arrow > i > i,[data-rank="17"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="17"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="17"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="17"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="18"] .ncommon-softUnit__arrow > i > i,[data-rank="18"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="18"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="18"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="18"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="19"] .ncommon-softUnit__arrow > i > i,[data-rank="19"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="19"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="19"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="19"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="20"] .ncommon-softUnit__arrow > i > i,[data-rank="20"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="20"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="20"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="20"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="21"] .ncommon-softUnit__arrow > i > i,[data-rank="21"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="21"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="21"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="21"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="22"] .ncommon-softUnit__arrow > i > i,[data-rank="22"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="22"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="22"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="22"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="23"] .ncommon-softUnit__arrow > i > i,[data-rank="23"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="23"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="23"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="23"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="24"] .ncommon-softUnit__arrow > i > i,[data-rank="24"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="24"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="24"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="24"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="25"] .ncommon-softUnit__arrow > i > i,[data-rank="25"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="25"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="25"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="25"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="26"] .ncommon-softUnit__arrow > i > i,[data-rank="26"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="26"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="26"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="26"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="27"] .ncommon-softUnit__arrow > i > i,[data-rank="27"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="27"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="27"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="27"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="28"] .ncommon-softUnit__arrow > i > i,[data-rank="28"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="28"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="28"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="28"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="29"] .ncommon-softUnit__arrow > i > i,[data-rank="29"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="29"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="29"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="29"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="30"] .ncommon-softUnit__arrow > i > i,[data-rank="30"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="30"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="30"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="30"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="31"] .ncommon-softUnit__arrow > i > i,[data-rank="31"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="31"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="31"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="31"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="32"] .ncommon-softUnit__arrow > i > i,[data-rank="32"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="32"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="32"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="32"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="33"] .ncommon-softUnit__arrow > i > i,[data-rank="33"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="33"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="33"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="33"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="34"] .ncommon-softUnit__arrow > i > i,[data-rank="34"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="34"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="34"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="34"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="35"] .ncommon-softUnit__arrow > i > i,[data-rank="35"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="35"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="35"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="35"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="36"] .ncommon-softUnit__arrow > i > i,[data-rank="36"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="36"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="36"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="36"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="37"] .ncommon-softUnit__arrow > i > i,[data-rank="37"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="37"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="37"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="37"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="38"] .ncommon-softUnit__arrow > i > i,[data-rank="38"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="38"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="38"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="38"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="39"] .ncommon-softUnit__arrow > i > i,[data-rank="39"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="39"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="39"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="39"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="40"] .ncommon-softUnit__arrow > i > i,[data-rank="40"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="40"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="40"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="40"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="41"] .ncommon-softUnit__arrow > i > i,[data-rank="41"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="41"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="41"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="41"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="42"] .ncommon-softUnit__arrow > i > i,[data-rank="42"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="42"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="42"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="42"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="43"] .ncommon-softUnit__arrow > i > i,[data-rank="43"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="43"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="43"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="43"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="44"] .ncommon-softUnit__arrow > i > i,[data-rank="44"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="44"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="44"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="44"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="45"] .ncommon-softUnit__arrow > i > i,[data-rank="45"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="45"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="45"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="45"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="46"] .ncommon-softUnit__arrow > i > i,[data-rank="46"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="46"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="46"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="46"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="47"] .ncommon-softUnit__arrow > i > i,[data-rank="47"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="47"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="47"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="47"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="48"] .ncommon-softUnit__arrow > i > i,[data-rank="48"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="48"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="48"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="48"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="49"] .ncommon-softUnit__arrow > i > i,[data-rank="49"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="49"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="49"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="49"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="50"] .ncommon-softUnit__arrow > i > i,[data-rank="50"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="50"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="50"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking.svg)
  }

  [data-rank="50"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking.svg)
  }

  [data-rank="1"] .ncommon-softUnit__arrow > i > i,[data-rank="1"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="1"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="1"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking-1.svg)
  }

  [data-rank="1"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking-1.svg)
  }

  [data-rank="2"] .ncommon-softUnit__arrow > i > i,[data-rank="2"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="2"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="2"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking-2.svg)
  }

  [data-rank="2"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking-2.svg)
  }

  [data-rank="3"] .ncommon-softUnit__arrow > i > i,[data-rank="3"] .ncommon-softUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  [data-rank="3"] .ncommon-softUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  [data-rank="3"] .ncommon-softUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-ranking-3.svg)
  }

  [data-rank="3"] .ncommon-softUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-ranking-3.svg)
  }
}

.ncommon-softUnit__price {
  font-size: 0;
  letter-spacing: -.5em
}

.ncommon-softUnit__priceBefore span {
  text-decoration: line-through;
  vertical-align: baseline
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit__priceBefore {
    display:inline-block;
    font-size: 12px;
    letter-spacing: normal;
    vertical-align: top
  }

  .ncommon-softUnit__priceBefore span {
    font-size: 12px
  }

  #soft-featureList__pool .ncommon-softUnit__priceBefore,#soft-featureRanking__top3pool .ncommon-softUnit__priceBefore,#soft-featureRanking__pool .ncommon-softUnit__priceBefore {
    line-height: 17px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit__priceBefore {
    display:inline-block;
    font-size: 12px;
    letter-spacing: normal;
    vertical-align: top
  }

  #soft-featureList__pool .ncommon-softUnit__priceBefore,#soft-featureRanking__top3pool .ncommon-softUnit__priceBefore,#soft-featureRanking__pool .ncommon-softUnit__priceBefore {
    line-height: 15px
  }
}

.ncommon-softUnit__priceAfter {
  color: #e60012;
  font-weight: bold;
  position: relative;
  padding-left: 10px;
}

.ncommon-softUnit__priceAfter span {
  vertical-align: baseline
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit__priceAfter {
    display:inline-block;
    font-size: 12px;
    letter-spacing: normal;
    vertical-align: top
  }

  .ncommon-softUnit__priceAfter span {
    font-size: 14px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit__priceAfter {
    display:inline-block;
    font-size: 12px;
    letter-spacing: normal;
    vertical-align: top
  }

  .ncommon-softUnit__priceAfter span {
    font-size: 12px
  }
}

.is-sale .ncommon-softUnit__priceAfter {
  display: block;
  margin-top: -1px;
  margin-bottom: 6px;
}

#soft-featureList__pool .is-sale .ncommon-softUnit__priceAfter,#soft-featureRanking__top3pool .is-sale .ncommon-softUnit__priceAfter,#soft-featureRanking__pool .is-sale .ncommon-softUnit__priceAfter {
  margin-bottom: 0
}

.ncommon-softUnit__priceAfter:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  border-top: 3px solid transparent !important;
  border-right: none !important;
  border-bottom: 3px solid transparent !important;
  border-left: 4px solid #e60012
}

.ncommon-softUnit--list.is-sale .ncommon-softUnit__sub > *:first-child,.is-sale .ncommon-softUnit--list .ncommon-softUnit__sub > *:first-child {
  position: relative;
}

.ncommon-softUnit--list.is-sale .ncommon-softUnit__sub > *:first-child:before,.is-sale .ncommon-softUnit--list .ncommon-softUnit__sub > *:first-child:before {
  font-family: 'Roboto',sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  content: 'SALE';
  display: block;
  position: absolute;
  background-color: #fd8d27;
  right: 0;
  text-align: center;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit--list.is-sale .ncommon-softUnit__sub > *:first-child:before,.is-sale .ncommon-softUnit--list .ncommon-softUnit__sub > *:first-child:before {
    top:1px;
    padding: 4px 11px 2px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--list.is-sale .ncommon-softUnit__sub > *:first-child:before,.is-sale .ncommon-softUnit--list .ncommon-softUnit__sub > *:first-child:before {
    top:0;
    padding: 4px 8px 2px
  }
}

@media screen and (min-width: 760px),print {
  html.alps-os-mac .ncommon-softUnit--list.is-sale .ncommon-softUnit__sub > *:first-child:before,html.alps-os-mac .is-sale .ncommon-softUnit--list .ncommon-softUnit__sub > *:first-child:before {
    top:0;
    padding: 4px 11px 3px
  }
}

@media screen and (max-width: 759px) {
  html.alps-os-mac .ncommon-softUnit--list.is-sale .ncommon-softUnit__sub > *:first-child:before,html.alps-os-mac .is-sale .ncommon-softUnit--list .ncommon-softUnit__sub > *:first-child:before {
    top:-1px;
    padding: 4px 8px 3px
  }
}

.ncommon-softUnit--list .ncommon-themeLabel:before {
  text-align: left
}

.ncommon-softUnit--list .ncommon-softUnit__main {
  position: relative;
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit--list .ncommon-softUnit__main {
    padding-top:14px;
    padding-bottom: 52px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--list .ncommon-softUnit__main {
    margin-top:12px;
    margin-bottom: 36px
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit--list .ncommon-hardwareLabelList + div .ncommon-softUnit__main {
    padding-top:0;
    padding-bottom: 52px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--list .ncommon-hardwareLabelList + div .ncommon-softUnit__main {
    margin-top:0;
    margin-bottom: 25px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--list .ncommon-softUnit__sub {
    margin-top:-4px;
    margin-bottom: -4px;
    font-size: 12px;
    line-height: 18px;
    line-height: 15px
  }
}

.ncommon-softUnit--list .ncommon-softUnit__name {
  padding-left: 9px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border-left: solid 5px #e60012;
}

[data-bodytheme='switch'] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #e60012
}

[data-bodytheme='wiiu'] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #0096c8
}

[data-bodytheme='3ds'] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #ce181e
}

[data-theme='switch'] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #e60012
}

[data-theme='wiiu'] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #0096c8
}

[data-theme='3ds'] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #ce181e
}

[data-rank="1"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #ebb400
}

[data-rank="2"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #798d9c
}

[data-rank="3"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #da6f0b
}

[data-rank="4"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="5"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="6"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="7"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="8"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="9"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="10"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="11"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="12"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="13"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="14"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="15"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="16"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="17"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="18"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="19"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="20"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="21"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="22"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="23"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="24"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="25"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="26"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="27"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="28"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="29"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="30"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="31"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="32"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="33"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="34"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="35"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="36"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="37"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="38"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="39"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="40"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="41"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="42"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="43"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="44"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="45"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="46"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="47"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="48"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="49"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="50"] .ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-bodytheme='switch'].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #e60012
}

[data-bodytheme='wiiu'].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #0096c8
}

[data-bodytheme='3ds'].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #ce181e
}

[data-theme='switch'].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #e60012
}

[data-theme='wiiu'].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #0096c8
}

[data-theme='3ds'].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #ce181e
}

[data-rank="1"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #ebb400
}

[data-rank="2"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #798d9c
}

[data-rank="3"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #da6f0b
}

[data-rank="4"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="5"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="6"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="7"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="8"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="9"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="10"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="11"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="12"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="13"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="14"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="15"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="16"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="17"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="18"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="19"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="20"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="21"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="22"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="23"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="24"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="25"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="26"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="27"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="28"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="29"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="30"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="31"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="32"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="33"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="34"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="35"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="36"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="37"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="38"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="39"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="40"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="41"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="42"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="43"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="44"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="45"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="46"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="47"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="48"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="49"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

[data-rank="50"].ncommon-softUnit--list .ncommon-softUnit__name {
  border-color: #8c8c8c
}

#local-newtopics .ncommon-softUnit--list .ncommon-softUnit__name {
  padding-left: 0;
  border: none
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--list .ncommon-softUnit__name {
    padding-left:7px;
    border-width: 4px;
    margin-top: 0;
    margin-bottom: -2px;
    line-height: 17px
  }
}

.ncommon-softUnit--list .ncommon-softUnit__memo.ncommon-softUnit__memo--2 {
  color: #737373;
  
}

.ncommon-softUnit--list .ncommon-softUnit__memo {
  color: #e60012 ;
  margin-top: -4px;
  margin-bottom: -4px;
  font-size: 12px;
  line-height: 18px;
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit--list .ncommon-softUnit__memo {
    padding-top:16px;
    padding-right: 16px
  }

  .ncommon-softUnit--list .ncommon-softUnit__memo.ncommon-softUnit__memo--2 {
    padding-top:8px;

  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--list .ncommon-softUnit__memo {
    padding-top:10px;
    padding-right: 16px
  }

  .ncommon-softUnit--list .ncommon-softUnit__memo.ncommon-softUnit__memo--2 {
    padding-top:4px;
  }
}

.ncommon-softUnit--list .ncommon-softUnit__memo:empty {
  display: none
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit--slider .ncommon-softUnit__thumb {
    padding-bottom:19px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--slider .ncommon-softUnit__thumb {
    padding-bottom:11px
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit--slider .ncommon-softUnit__main {
    padding-bottom:16px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--slider .ncommon-softUnit__main {
    padding-bottom:14px
  }
}

.ncommon-softUnit--compact {
  zoom:1;}

.ncommon-softUnit--compact:after {
  content: "";
  display: block;
  clear: both
}

.ncommon-softUnit--compact .ncommon-softUnit__thumb {
  float: left;
  padding-top: 5px;
}

@media screen and (min-width: 980px),print {
  .ncommon-softUnit--compact .ncommon-softUnit__thumb {
    width:126px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--compact .ncommon-softUnit__thumb {
    width:111px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-softUnit--compact .ncommon-softUnit__thumb {
    float:none;
    padding-top: 0;
    padding-bottom: 19px
  }

  .ncommon-softUnit--compact .ncommon-softUnit__thumb .ncommon-themeLabel:before {
    text-align: left
  }
}

.ncommon-softUnit--compact .ncommon-hardwareLabelList {
  position: relative
}

.ncommon-softUnit--compact .ncommon-hardwareLabelList__item {
  margin-left: 0 !important;
  float: none !important
}

.ncommon-softUnit--compact .ncommon-softUnit__main {
  padding-bottom: 14px;
}

@media screen and (min-width: 980px),print {
  .ncommon-softUnit--compact .ncommon-softUnit__main {
    margin-left:140px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--compact .ncommon-softUnit__main {
    margin-left:124px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-softUnit--compact .ncommon-softUnit__main {
    padding-bottom:16px
  }
}

@media screen and (min-width: 980px),print {
  .ncommon-softUnit--compact .ncommon-softUnit__sub {
    margin-left:140px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--compact .ncommon-softUnit__sub {
    margin-top:-4px;
    margin-bottom: -4px;
    font-size: 12px;
    line-height: 18px;
    margin-left: 124px
  }
}

@media screen and (min-width: 980px),print {
  .ncommon-softUnit--compact .ncommon-softUnit__labelList {
    top:5px !important
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--compact .ncommon-softUnit__labelList {
    top:5px !important
  }
}

.ncommon-softUnit--sale {
  zoom:1;}

.ncommon-softUnit--sale:after {
  content: "";
  display: block;
  clear: both
}

.ncommon-softUnit--sale .ncommon-softUnit__thumb {
  float: left;
  padding-top: 5px;
}

@media screen and (min-width: 1200px),print {
  .ncommon-softUnit--sale .ncommon-softUnit__thumb {
    width:154px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--sale .ncommon-softUnit__thumb {
    width:111px
  }
}

@media screen and (min-width: 980px) and (max-width:1199px) {
  .ncommon-softUnit--sale .ncommon-softUnit__thumb {
    float:none;
    padding-top: 0;
    padding-bottom: 19px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-softUnit--sale .ncommon-softUnit__thumb {
    float:none;
    padding-top: 0;
    padding-bottom: 19px
  }
}

.ncommon-softUnit--sale .ncommon-softUnit__main {
  padding-bottom: 14px;
}

@media screen and (min-width: 1200px),print {
  .ncommon-softUnit--sale .ncommon-softUnit__main {
    margin-left:170px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--sale .ncommon-softUnit__main {
    margin-left:124px
  }
}

@media screen and (min-width: 980px) and (max-width:1199px) {
  .ncommon-softUnit--sale .ncommon-softUnit__main {
    padding-bottom:16px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-softUnit--sale .ncommon-softUnit__main {
    padding-bottom:16px
  }
}

@media screen and (min-width: 1200px),print {
  .ncommon-softUnit--sale .ncommon-softUnit__sub {
    margin-left:170px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--sale .ncommon-softUnit__sub {
    margin-top:-4px;
    margin-bottom: -4px;
    font-size: 12px;
    line-height: 18px;
    margin-left: 124px
  }
}

@media screen and (min-width: 980px) and (max-width:1199px) {
  .ncommon-softUnit--sale .ncommon-softUnit__sub {
    margin-top:-4px;
    margin-bottom: -4px;
    font-size: 12px;
    line-height: 20px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-softUnit--sale .ncommon-softUnit__sub {
    margin-top:-4px;
    margin-bottom: -4px;
    font-size: 12px;
    line-height: 20px
  }
}

@media screen and (min-width: 980px),print {
  .ncommon-softUnit--sale .ncommon-softUnit__price {
    margin-right:-20px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-softUnit--sale .ncommon-softUnit__price {
    margin-right:-32px
  }
}

@media screen and (min-width: 1200px),print {
  .ncommon-softUnit--sale .ncommon-softUnit__saleLabel {
    top:5px !important
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit--sale .ncommon-softUnit__saleLabel {
    top:5px !important
  }
}

@media screen and (min-width: 1200px),print {
  .ncommon-softUnit--sale .ncommon-softUnit__heightbase {
    height:auto !important
  }
}

.ncommon-softUnit__thumb .ncommon-hardwareLabelList {
  border: none;
  margin: 0;
  padding: 0
}

.ncommon-softUnit__thumb .ncommon-themeLabel:before {
  display: block;
  height: 20px;
  padding: 0 4px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  background-color: #e60012;
  margin: initial;
  -webkit-transform: initial;
  -moz-transform: initial;
  -ms-transform: initial;
  -o-transform: initial;
  transform: initial
}

.ncommon-softUnit__thumb [data-theme='switch'] .ncommon-themeLabel:before {
  background-color: #e60012
}

.ncommon-softUnit__thumb [data-theme='wiiu'] .ncommon-themeLabel:before {
  background-color: #0096c8
}

.ncommon-softUnit__thumb [data-theme='3ds'] .ncommon-themeLabel:before {
  background-color: #ce181e
}

.ncommon-softUnit__download {
  padding-top: 28px;
}

.ncommon-softUnit__download:empty {
  padding-top: 0
}

.ncommon-softUnit__downloadButton * {
  pointer-events: none
}

[data-theme='switch'] .ncommon-softUnit__downloadButton {
  display: block;
  outline: none;
  cursor: pointer;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border-style: solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 28px;
  border-width: 2px;
  font-size: 12px;
  line-height: 24px;
  border-color: #e6e6e6;
  background-color: transparent;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
}

[data-theme='switch'] .ncommon-softUnit__downloadButton > i {
  margin-right: .5em;
  vertical-align: top
}

[data-theme='switch'] .ncommon-softUnit__downloadButton i,[data-theme='switch'] .ncommon-softUnit__downloadButton i:before,[data-theme='switch'] .ncommon-softUnit__downloadButton i:after {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: inherit;
  -webkit-transition: $transition_df;
  -moz-transition: $transition_df;
  -o-transition: $transition_df;
  transition: $transition_df;
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: 10px auto;
  -o-background-size: 10px auto;
  background-size: 10px auto
}

[data-theme='switch'] .ncommon-softUnit__downloadButton:hover i,a:hover [data-theme='switch'] .ncommon-softUnit__downloadButton i,button:hover [data-theme='switch'] .ncommon-softUnit__downloadButton i,.ncommon-u-linkbox:hover [data-theme='switch'] .ncommon-softUnit__downloadButton i,[data-theme='switch'] .ncommon-softUnit__downloadButton:hover i:before,a:hover [data-theme='switch'] .ncommon-softUnit__downloadButton i:before,button:hover [data-theme='switch'] .ncommon-softUnit__downloadButton i:before,.ncommon-u-linkbox:hover [data-theme='switch'] .ncommon-softUnit__downloadButton i:before,[data-theme='switch'] .ncommon-softUnit__downloadButton:hover i:after,a:hover [data-theme='switch'] .ncommon-softUnit__downloadButton i:after,button:hover [data-theme='switch'] .ncommon-softUnit__downloadButton i:after,.ncommon-u-linkbox:hover [data-theme='switch'] .ncommon-softUnit__downloadButton i:after {
  -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  transition: all 150ms cubic-bezier(.25,.46,.45,.94)
}

[data-theme='switch'] .ncommon-softUnit__downloadButton > i {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

[data-theme='switch'] .ncommon-softUnit__downloadButton > i:after {
  content: '';
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: -2px;
  top: -2px;
  border: 2px solid rgba(255,255,255,0)
}

[data-theme='switch'] .ncommon-softUnit__downloadButton > i {
  top: 7px !important
}

[data-theme='switch'] .ncommon-softUnit__downloadButton > i > i,[data-theme='switch'] .ncommon-softUnit__downloadButton > i > i > i:first-child {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}

[data-theme='switch'] .ncommon-softUnit__downloadButton > i > i > i:first-child {
  opacity: 0
}

[data-theme='switch'] .ncommon-softUnit__downloadButton > i > i {
  background-image: url(../img/ncommon/_common/icon/right-fill-red.svg);
}

[data-bodytheme='wiiu'] [data-theme='switch'] .ncommon-softUnit__downloadButton > i > i {
  background-image: url(../img/ncommon/_common/icon/right-fill-wiiu.svg)
}

[data-bodytheme='3ds'] [data-theme='switch'] .ncommon-softUnit__downloadButton > i > i {
  background-image: url(../img/ncommon/_common/icon/right-fill-3ds.svg)
}

[data-theme='switch'] .ncommon-softUnit__downloadButton > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-stroke-red.svg);
}

[data-bodytheme='wiiu'] [data-theme='switch'] .ncommon-softUnit__downloadButton > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-stroke-wiiu.svg)
}

[data-bodytheme='3ds'] [data-theme='switch'] .ncommon-softUnit__downloadButton > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-stroke-3ds.svg)
}

[data-theme='switch'] .ncommon-softUnit__downloadButton {
  color: #3c3c3c
}

[data-theme='switch'] .ncommon-softUnit__downloadButton:hover,a:hover [data-theme='switch'] .ncommon-softUnit__downloadButton,button:hover [data-theme='switch'] .ncommon-softUnit__downloadButton,.ncommon-u-linkbox:hover [data-theme='switch'] .ncommon-softUnit__downloadButton {
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  color: #e60012;
  border-color: #e60012;
}

[data-bodytheme='wiiu'] [data-theme='switch'] .ncommon-softUnit__downloadButton:hover,[data-bodytheme='wiiu'] a:hover [data-theme='switch'] .ncommon-softUnit__downloadButton,[data-bodytheme='wiiu'] button:hover [data-theme='switch'] .ncommon-softUnit__downloadButton,[data-bodytheme='wiiu'] .ncommon-u-linkbox:hover [data-theme='switch'] .ncommon-softUnit__downloadButton {
  color: #0096c8
}

[data-bodytheme='3ds'] [data-theme='switch'] .ncommon-softUnit__downloadButton:hover,[data-bodytheme='3ds'] a:hover [data-theme='switch'] .ncommon-softUnit__downloadButton,[data-bodytheme='3ds'] button:hover [data-theme='switch'] .ncommon-softUnit__downloadButton,[data-bodytheme='3ds'] .ncommon-u-linkbox:hover [data-theme='switch'] .ncommon-softUnit__downloadButton {
  color: #ce181e
}

[data-bodytheme='wiiu'] [data-theme='switch'] .ncommon-softUnit__downloadButton:hover,[data-bodytheme='wiiu'] a:hover [data-theme='switch'] .ncommon-softUnit__downloadButton,[data-bodytheme='wiiu'] button:hover [data-theme='switch'] .ncommon-softUnit__downloadButton,[data-bodytheme='wiiu'] .ncommon-u-linkbox:hover [data-theme='switch'] .ncommon-softUnit__downloadButton {
  border-color: #0096c8
}

[data-bodytheme='3ds'] [data-theme='switch'] .ncommon-softUnit__downloadButton:hover,[data-bodytheme='3ds'] a:hover [data-theme='switch'] .ncommon-softUnit__downloadButton,[data-bodytheme='3ds'] button:hover [data-theme='switch'] .ncommon-softUnit__downloadButton,[data-bodytheme='3ds'] .ncommon-u-linkbox:hover [data-theme='switch'] .ncommon-softUnit__downloadButton {
  border-color: #ce181e
}

[data-theme='wiiu'] .ncommon-softUnit__downloadButton {
  display: block;
  outline: none;
  cursor: pointer;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border-style: solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 28px;
  border-width: 2px;
  font-size: 12px;
  line-height: 24px;
  border-color: #e6e6e6;
  background-color: transparent;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
}

[data-theme='wiiu'] .ncommon-softUnit__downloadButton > i {
  margin-right: .5em;
  vertical-align: top
}

[data-theme='wiiu'] .ncommon-softUnit__downloadButton i,[data-theme='wiiu'] .ncommon-softUnit__downloadButton i:before,[data-theme='wiiu'] .ncommon-softUnit__downloadButton i:after {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: inherit;
  -webkit-transition: $transition_df;
  -moz-transition: $transition_df;
  -o-transition: $transition_df;
  transition: $transition_df;
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: 10px auto;
  -o-background-size: 10px auto;
  background-size: 10px auto
}

[data-theme='wiiu'] .ncommon-softUnit__downloadButton:hover i,a:hover [data-theme='wiiu'] .ncommon-softUnit__downloadButton i,button:hover [data-theme='wiiu'] .ncommon-softUnit__downloadButton i,.ncommon-u-linkbox:hover [data-theme='wiiu'] .ncommon-softUnit__downloadButton i,[data-theme='wiiu'] .ncommon-softUnit__downloadButton:hover i:before,a:hover [data-theme='wiiu'] .ncommon-softUnit__downloadButton i:before,button:hover [data-theme='wiiu'] .ncommon-softUnit__downloadButton i:before,.ncommon-u-linkbox:hover [data-theme='wiiu'] .ncommon-softUnit__downloadButton i:before,[data-theme='wiiu'] .ncommon-softUnit__downloadButton:hover i:after,a:hover [data-theme='wiiu'] .ncommon-softUnit__downloadButton i:after,button:hover [data-theme='wiiu'] .ncommon-softUnit__downloadButton i:after,.ncommon-u-linkbox:hover [data-theme='wiiu'] .ncommon-softUnit__downloadButton i:after {
  -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  transition: all 150ms cubic-bezier(.25,.46,.45,.94)
}

[data-theme='wiiu'] .ncommon-softUnit__downloadButton > i {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

[data-theme='wiiu'] .ncommon-softUnit__downloadButton > i:after {
  content: '';
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: -2px;
  top: -2px;
  border: 2px solid rgba(255,255,255,0)
}

[data-theme='wiiu'] .ncommon-softUnit__downloadButton > i {
  top: 7px !important
}

[data-theme='wiiu'] .ncommon-softUnit__downloadButton > i > i,[data-theme='wiiu'] .ncommon-softUnit__downloadButton > i > i > i:first-child {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}

[data-theme='wiiu'] .ncommon-softUnit__downloadButton > i > i > i:first-child {
  opacity: 0
}

[data-theme='wiiu'] .ncommon-softUnit__downloadButton > i > i {
  background-image: url(../img/ncommon/_common/icon/right-fill-wiiu.svg)
}

[data-theme='wiiu'] .ncommon-softUnit__downloadButton > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-stroke-wiiu.svg)
}

[data-theme='wiiu'] .ncommon-softUnit__downloadButton {
  color: #3c3c3c
}

[data-theme='wiiu'] .ncommon-softUnit__downloadButton:hover,a:hover [data-theme='wiiu'] .ncommon-softUnit__downloadButton,button:hover [data-theme='wiiu'] .ncommon-softUnit__downloadButton,.ncommon-u-linkbox:hover [data-theme='wiiu'] .ncommon-softUnit__downloadButton {
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  color: #0096c8;
  border-color: #0096c8
}

[data-theme='3ds'] .ncommon-softUnit__downloadButton {
  display: block;
  outline: none;
  cursor: pointer;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border-style: solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 28px;
  border-width: 2px;
  font-size: 12px;
  line-height: 24px;
  border-color: #e6e6e6;
  background-color: transparent;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
}

[data-theme='3ds'] .ncommon-softUnit__downloadButton > i {
  margin-right: .5em;
  vertical-align: top
}

[data-theme='3ds'] .ncommon-softUnit__downloadButton i,[data-theme='3ds'] .ncommon-softUnit__downloadButton i:before,[data-theme='3ds'] .ncommon-softUnit__downloadButton i:after {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: inherit;
  -webkit-transition: $transition_df;
  -moz-transition: $transition_df;
  -o-transition: $transition_df;
  transition: $transition_df;
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: 10px auto;
  -o-background-size: 10px auto;
  background-size: 10px auto
}

[data-theme='3ds'] .ncommon-softUnit__downloadButton:hover i,a:hover [data-theme='3ds'] .ncommon-softUnit__downloadButton i,button:hover [data-theme='3ds'] .ncommon-softUnit__downloadButton i,.ncommon-u-linkbox:hover [data-theme='3ds'] .ncommon-softUnit__downloadButton i,[data-theme='3ds'] .ncommon-softUnit__downloadButton:hover i:before,a:hover [data-theme='3ds'] .ncommon-softUnit__downloadButton i:before,button:hover [data-theme='3ds'] .ncommon-softUnit__downloadButton i:before,.ncommon-u-linkbox:hover [data-theme='3ds'] .ncommon-softUnit__downloadButton i:before,[data-theme='3ds'] .ncommon-softUnit__downloadButton:hover i:after,a:hover [data-theme='3ds'] .ncommon-softUnit__downloadButton i:after,button:hover [data-theme='3ds'] .ncommon-softUnit__downloadButton i:after,.ncommon-u-linkbox:hover [data-theme='3ds'] .ncommon-softUnit__downloadButton i:after {
  -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  transition: all 150ms cubic-bezier(.25,.46,.45,.94)
}

[data-theme='3ds'] .ncommon-softUnit__downloadButton > i {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

[data-theme='3ds'] .ncommon-softUnit__downloadButton > i:after {
  content: '';
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: -2px;
  top: -2px;
  border: 2px solid rgba(255,255,255,0)
}

[data-theme='3ds'] .ncommon-softUnit__downloadButton > i {
  top: 7px !important
}

[data-theme='3ds'] .ncommon-softUnit__downloadButton > i > i,[data-theme='3ds'] .ncommon-softUnit__downloadButton > i > i > i:first-child {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}

[data-theme='3ds'] .ncommon-softUnit__downloadButton > i > i > i:first-child {
  opacity: 0
}

[data-theme='3ds'] .ncommon-softUnit__downloadButton > i > i {
  background-image: url(../img/ncommon/_common/icon/right-fill-3ds.svg)
}

[data-theme='3ds'] .ncommon-softUnit__downloadButton > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-stroke-3ds.svg)
}

[data-theme='3ds'] .ncommon-softUnit__downloadButton {
  color: #3c3c3c
}

[data-theme='3ds'] .ncommon-softUnit__downloadButton:hover,a:hover [data-theme='3ds'] .ncommon-softUnit__downloadButton,button:hover [data-theme='3ds'] .ncommon-softUnit__downloadButton,.ncommon-u-linkbox:hover [data-theme='3ds'] .ncommon-softUnit__downloadButton {
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  color: #ce181e;
  border-color: #ce181e
}

.ncommon-softUnit__downloadButton span {
  line-height: 10px;
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit__downloadButton span {
    font-size:12px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit__downloadButton span {
    font-size:12px
  }
}

.ncommon-softUnit__downloadButton.js-downloaded {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  pointer-events: none;
}

.ncommon-softUnit__downloadButton.js-downloaded > i {
  display: none
}

.ncommon-softUnit__downloadButton.js-downloaded span {
  display: none
}

.ncommon-softUnit__downloadButton.js-downloaded:before {
  content: 'ダウンロード済み';
  display: inline;
  color: #fff;
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit__downloadButton.js-downloaded:before {
    font-size:12px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit__downloadButton.js-downloaded:before {
    font-size:12px
  }
}

.ncommon-softUnit__purchase {
  padding-top: 28px
}

.ncommon-softUnit__purchaseButton {
  display: block;
  outline: none;
  cursor: pointer;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border-style: solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 28px;
  border-width: 2px;
  font-size: 12px;
  line-height: 24px;
  border-color: #e6e6e6;
  background-color: transparent;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
}

.ncommon-softUnit__purchaseButton * {
  pointer-events: none
}

.ncommon-softUnit__purchaseButton > i {
  margin-right: .5em;
  vertical-align: top
}

.ncommon-softUnit__purchaseButton i,.ncommon-softUnit__purchaseButton i:before,.ncommon-softUnit__purchaseButton i:after {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: inherit;
  -webkit-transition: $transition_df;
  -moz-transition: $transition_df;
  -o-transition: $transition_df;
  transition: $transition_df;
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: 10px auto;
  -o-background-size: 10px auto;
  background-size: 10px auto
}

.ncommon-softUnit__purchaseButton:hover i,a:hover .ncommon-softUnit__purchaseButton i,button:hover .ncommon-softUnit__purchaseButton i,.ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton i,.ncommon-softUnit__purchaseButton:hover i:before,a:hover .ncommon-softUnit__purchaseButton i:before,button:hover .ncommon-softUnit__purchaseButton i:before,.ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton i:before,.ncommon-softUnit__purchaseButton:hover i:after,a:hover .ncommon-softUnit__purchaseButton i:after,button:hover .ncommon-softUnit__purchaseButton i:after,.ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton i:after {
  -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  transition: all 150ms cubic-bezier(.25,.46,.45,.94)
}

.ncommon-softUnit__purchaseButton > i {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

.ncommon-softUnit__purchaseButton > i:after {
  content: '';
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: -2px;
  top: -2px;
  border: 2px solid rgba(255,255,255,0)
}

.ncommon-softUnit__purchaseButton > i {
  top: 7px !important
}

.ncommon-softUnit__purchaseButton > i > i,.ncommon-softUnit__purchaseButton > i > i > i:first-child {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}

.ncommon-softUnit__purchaseButton > i > i > i:first-child {
  opacity: 0
}

.ncommon-softUnit__purchaseButton > i > i {
  background-image: url(../img/ncommon/_common/icon/right-fill-red.svg);
}

[data-bodytheme='wiiu'] .ncommon-softUnit__purchaseButton > i > i {
  background-image: url(../img/ncommon/_common/icon/right-fill-wiiu.svg)
}

[data-bodytheme='3ds'] .ncommon-softUnit__purchaseButton > i > i {
  background-image: url(../img/ncommon/_common/icon/right-fill-3ds.svg)
}

.ncommon-softUnit__purchaseButton > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-stroke-red.svg);
}

[data-bodytheme='wiiu'] .ncommon-softUnit__purchaseButton > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-stroke-wiiu.svg)
}

[data-bodytheme='3ds'] .ncommon-softUnit__purchaseButton > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-stroke-3ds.svg)
}

.ncommon-softUnit__purchaseButton {
  color: #3c3c3c
}

.ncommon-softUnit__purchaseButton:hover,a:hover .ncommon-softUnit__purchaseButton,button:hover .ncommon-softUnit__purchaseButton,.ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  color: #e60012;
  border-color: #e60012;
}

[data-bodytheme='wiiu'] .ncommon-softUnit__purchaseButton:hover,[data-bodytheme='wiiu'] a:hover .ncommon-softUnit__purchaseButton,[data-bodytheme='wiiu'] button:hover .ncommon-softUnit__purchaseButton,[data-bodytheme='wiiu'] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  color: #0096c8
}

[data-bodytheme='3ds'] .ncommon-softUnit__purchaseButton:hover,[data-bodytheme='3ds'] a:hover .ncommon-softUnit__purchaseButton,[data-bodytheme='3ds'] button:hover .ncommon-softUnit__purchaseButton,[data-bodytheme='3ds'] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  color: #ce181e
}

[data-bodytheme='wiiu'] .ncommon-softUnit__purchaseButton:hover,[data-bodytheme='wiiu'] a:hover .ncommon-softUnit__purchaseButton,[data-bodytheme='wiiu'] button:hover .ncommon-softUnit__purchaseButton,[data-bodytheme='wiiu'] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #0096c8
}

[data-bodytheme='3ds'] .ncommon-softUnit__purchaseButton:hover,[data-bodytheme='3ds'] a:hover .ncommon-softUnit__purchaseButton,[data-bodytheme='3ds'] button:hover .ncommon-softUnit__purchaseButton,[data-bodytheme='3ds'] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #ce181e
}

[data-rank="1"] .ncommon-softUnit__purchaseButton {
  display: block;
  outline: none;
  cursor: pointer;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border-style: solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 28px;
  border-width: 2px;
  font-size: 12px;
  line-height: 24px;
  border-color: #e6e6e6;
  background-color: transparent;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
}

[data-rank="1"] .ncommon-softUnit__purchaseButton > i {
  margin-right: .5em;
  vertical-align: top
}

[data-rank="1"] .ncommon-softUnit__purchaseButton i,[data-rank="1"] .ncommon-softUnit__purchaseButton i:before,[data-rank="1"] .ncommon-softUnit__purchaseButton i:after {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: inherit;
  -webkit-transition: $transition_df;
  -moz-transition: $transition_df;
  -o-transition: $transition_df;
  transition: $transition_df;
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: 10px auto;
  -o-background-size: 10px auto;
  background-size: 10px auto
}

[data-rank="1"] .ncommon-softUnit__purchaseButton:hover i,a:hover [data-rank="1"] .ncommon-softUnit__purchaseButton i,button:hover [data-rank="1"] .ncommon-softUnit__purchaseButton i,.ncommon-u-linkbox:hover [data-rank="1"] .ncommon-softUnit__purchaseButton i,[data-rank="1"] .ncommon-softUnit__purchaseButton:hover i:before,a:hover [data-rank="1"] .ncommon-softUnit__purchaseButton i:before,button:hover [data-rank="1"] .ncommon-softUnit__purchaseButton i:before,.ncommon-u-linkbox:hover [data-rank="1"] .ncommon-softUnit__purchaseButton i:before,[data-rank="1"] .ncommon-softUnit__purchaseButton:hover i:after,a:hover [data-rank="1"] .ncommon-softUnit__purchaseButton i:after,button:hover [data-rank="1"] .ncommon-softUnit__purchaseButton i:after,.ncommon-u-linkbox:hover [data-rank="1"] .ncommon-softUnit__purchaseButton i:after {
  -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  transition: all 150ms cubic-bezier(.25,.46,.45,.94)
}

[data-rank="1"] .ncommon-softUnit__purchaseButton > i {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

[data-rank="1"] .ncommon-softUnit__purchaseButton > i:after {
  content: '';
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: -2px;
  top: -2px;
  border: 2px solid rgba(255,255,255,0)
}

[data-rank="1"] .ncommon-softUnit__purchaseButton > i {
  top: 7px !important
}

[data-rank="1"] .ncommon-softUnit__purchaseButton > i > i,[data-rank="1"] .ncommon-softUnit__purchaseButton > i > i > i:first-child {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}

[data-rank="1"] .ncommon-softUnit__purchaseButton > i > i > i:first-child {
  opacity: 0
}

[data-rank="1"] .ncommon-softUnit__purchaseButton > i > i {
  background-image: url(../img/ncommon/_common/icon/right-fill-ranking-1.svg)
}

[data-rank="1"] .ncommon-softUnit__purchaseButton > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-stroke-ranking-1.svg)
}

[data-rank="1"] .ncommon-softUnit__purchaseButton {
  color: #3c3c3c
}

[data-rank="1"] .ncommon-softUnit__purchaseButton:hover,a:hover [data-rank="1"] .ncommon-softUnit__purchaseButton,button:hover [data-rank="1"] .ncommon-softUnit__purchaseButton,.ncommon-u-linkbox:hover [data-rank="1"] .ncommon-softUnit__purchaseButton {
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  color: ;
  border-color:
}

[data-rank="2"] .ncommon-softUnit__purchaseButton {
  display: block;
  outline: none;
  cursor: pointer;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border-style: solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 28px;
  border-width: 2px;
  font-size: 12px;
  line-height: 24px;
  border-color: #e6e6e6;
  background-color: transparent;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
}

[data-rank="2"] .ncommon-softUnit__purchaseButton > i {
  margin-right: .5em;
  vertical-align: top
}

[data-rank="2"] .ncommon-softUnit__purchaseButton i,[data-rank="2"] .ncommon-softUnit__purchaseButton i:before,[data-rank="2"] .ncommon-softUnit__purchaseButton i:after {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: inherit;
  -webkit-transition: $transition_df;
  -moz-transition: $transition_df;
  -o-transition: $transition_df;
  transition: $transition_df;
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: 10px auto;
  -o-background-size: 10px auto;
  background-size: 10px auto
}

[data-rank="2"] .ncommon-softUnit__purchaseButton:hover i,a:hover [data-rank="2"] .ncommon-softUnit__purchaseButton i,button:hover [data-rank="2"] .ncommon-softUnit__purchaseButton i,.ncommon-u-linkbox:hover [data-rank="2"] .ncommon-softUnit__purchaseButton i,[data-rank="2"] .ncommon-softUnit__purchaseButton:hover i:before,a:hover [data-rank="2"] .ncommon-softUnit__purchaseButton i:before,button:hover [data-rank="2"] .ncommon-softUnit__purchaseButton i:before,.ncommon-u-linkbox:hover [data-rank="2"] .ncommon-softUnit__purchaseButton i:before,[data-rank="2"] .ncommon-softUnit__purchaseButton:hover i:after,a:hover [data-rank="2"] .ncommon-softUnit__purchaseButton i:after,button:hover [data-rank="2"] .ncommon-softUnit__purchaseButton i:after,.ncommon-u-linkbox:hover [data-rank="2"] .ncommon-softUnit__purchaseButton i:after {
  -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  transition: all 150ms cubic-bezier(.25,.46,.45,.94)
}

[data-rank="2"] .ncommon-softUnit__purchaseButton > i {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

[data-rank="2"] .ncommon-softUnit__purchaseButton > i:after {
  content: '';
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: -2px;
  top: -2px;
  border: 2px solid rgba(255,255,255,0)
}

[data-rank="2"] .ncommon-softUnit__purchaseButton > i {
  top: 7px !important
}

[data-rank="2"] .ncommon-softUnit__purchaseButton > i > i,[data-rank="2"] .ncommon-softUnit__purchaseButton > i > i > i:first-child {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}

[data-rank="2"] .ncommon-softUnit__purchaseButton > i > i > i:first-child {
  opacity: 0
}

[data-rank="2"] .ncommon-softUnit__purchaseButton > i > i {
  background-image: url(../img/ncommon/_common/icon/right-fill-ranking-2.svg)
}

[data-rank="2"] .ncommon-softUnit__purchaseButton > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-stroke-ranking-2.svg)
}

[data-rank="2"] .ncommon-softUnit__purchaseButton {
  color: #3c3c3c
}

[data-rank="2"] .ncommon-softUnit__purchaseButton:hover,a:hover [data-rank="2"] .ncommon-softUnit__purchaseButton,button:hover [data-rank="2"] .ncommon-softUnit__purchaseButton,.ncommon-u-linkbox:hover [data-rank="2"] .ncommon-softUnit__purchaseButton {
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  color: ;
  border-color:
}

[data-rank="3"] .ncommon-softUnit__purchaseButton {
  display: block;
  outline: none;
  cursor: pointer;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border-style: solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 28px;
  border-width: 2px;
  font-size: 12px;
  line-height: 24px;
  border-color: #e6e6e6;
  background-color: transparent;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
}

[data-rank="3"] .ncommon-softUnit__purchaseButton > i {
  margin-right: .5em;
  vertical-align: top
}

[data-rank="3"] .ncommon-softUnit__purchaseButton i,[data-rank="3"] .ncommon-softUnit__purchaseButton i:before,[data-rank="3"] .ncommon-softUnit__purchaseButton i:after {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: inherit;
  -webkit-transition: $transition_df;
  -moz-transition: $transition_df;
  -o-transition: $transition_df;
  transition: $transition_df;
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: 10px auto;
  -o-background-size: 10px auto;
  background-size: 10px auto
}

[data-rank="3"] .ncommon-softUnit__purchaseButton:hover i,a:hover [data-rank="3"] .ncommon-softUnit__purchaseButton i,button:hover [data-rank="3"] .ncommon-softUnit__purchaseButton i,.ncommon-u-linkbox:hover [data-rank="3"] .ncommon-softUnit__purchaseButton i,[data-rank="3"] .ncommon-softUnit__purchaseButton:hover i:before,a:hover [data-rank="3"] .ncommon-softUnit__purchaseButton i:before,button:hover [data-rank="3"] .ncommon-softUnit__purchaseButton i:before,.ncommon-u-linkbox:hover [data-rank="3"] .ncommon-softUnit__purchaseButton i:before,[data-rank="3"] .ncommon-softUnit__purchaseButton:hover i:after,a:hover [data-rank="3"] .ncommon-softUnit__purchaseButton i:after,button:hover [data-rank="3"] .ncommon-softUnit__purchaseButton i:after,.ncommon-u-linkbox:hover [data-rank="3"] .ncommon-softUnit__purchaseButton i:after {
  -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  transition: all 150ms cubic-bezier(.25,.46,.45,.94)
}

[data-rank="3"] .ncommon-softUnit__purchaseButton > i {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

[data-rank="3"] .ncommon-softUnit__purchaseButton > i:after {
  content: '';
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: -2px;
  top: -2px;
  border: 2px solid rgba(255,255,255,0)
}

[data-rank="3"] .ncommon-softUnit__purchaseButton > i {
  top: 7px !important
}

[data-rank="3"] .ncommon-softUnit__purchaseButton > i > i,[data-rank="3"] .ncommon-softUnit__purchaseButton > i > i > i:first-child {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}

[data-rank="3"] .ncommon-softUnit__purchaseButton > i > i > i:first-child {
  opacity: 0
}

[data-rank="3"] .ncommon-softUnit__purchaseButton > i > i {
  background-image: url(../img/ncommon/_common/icon/right-fill-ranking-3.svg)
}

[data-rank="3"] .ncommon-softUnit__purchaseButton > i > i > i:first-child {
  background-image: url(../img/ncommon/_common/icon/right-stroke-ranking-3.svg)
}

[data-rank="3"] .ncommon-softUnit__purchaseButton {
  color: #3c3c3c
}

[data-rank="3"] .ncommon-softUnit__purchaseButton:hover,a:hover [data-rank="3"] .ncommon-softUnit__purchaseButton,button:hover [data-rank="3"] .ncommon-softUnit__purchaseButton,.ncommon-u-linkbox:hover [data-rank="3"] .ncommon-softUnit__purchaseButton {
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  color: ;
  border-color:
}

[data-rank="1"] .ncommon-softUnit__purchaseButton:hover,[data-rank="1"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="1"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="1"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6;
  color: #ebb400
}

[data-rank="2"] .ncommon-softUnit__purchaseButton:hover,[data-rank="2"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="2"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="2"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6;
  color: #798d9c
}

[data-rank="3"] .ncommon-softUnit__purchaseButton:hover,[data-rank="3"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="3"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="3"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6;
  color: #da6f0b
}

[data-rank="4"] .ncommon-softUnit__purchaseButton:hover,[data-rank="4"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="4"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="4"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="5"] .ncommon-softUnit__purchaseButton:hover,[data-rank="5"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="5"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="5"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="6"] .ncommon-softUnit__purchaseButton:hover,[data-rank="6"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="6"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="6"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="7"] .ncommon-softUnit__purchaseButton:hover,[data-rank="7"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="7"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="7"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="8"] .ncommon-softUnit__purchaseButton:hover,[data-rank="8"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="8"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="8"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="9"] .ncommon-softUnit__purchaseButton:hover,[data-rank="9"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="9"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="9"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="10"] .ncommon-softUnit__purchaseButton:hover,[data-rank="10"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="10"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="10"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="11"] .ncommon-softUnit__purchaseButton:hover,[data-rank="11"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="11"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="11"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="12"] .ncommon-softUnit__purchaseButton:hover,[data-rank="12"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="12"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="12"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="13"] .ncommon-softUnit__purchaseButton:hover,[data-rank="13"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="13"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="13"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="14"] .ncommon-softUnit__purchaseButton:hover,[data-rank="14"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="14"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="14"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="15"] .ncommon-softUnit__purchaseButton:hover,[data-rank="15"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="15"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="15"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="16"] .ncommon-softUnit__purchaseButton:hover,[data-rank="16"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="16"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="16"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="17"] .ncommon-softUnit__purchaseButton:hover,[data-rank="17"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="17"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="17"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="18"] .ncommon-softUnit__purchaseButton:hover,[data-rank="18"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="18"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="18"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="19"] .ncommon-softUnit__purchaseButton:hover,[data-rank="19"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="19"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="19"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="20"] .ncommon-softUnit__purchaseButton:hover,[data-rank="20"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="20"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="20"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="21"] .ncommon-softUnit__purchaseButton:hover,[data-rank="21"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="21"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="21"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="22"] .ncommon-softUnit__purchaseButton:hover,[data-rank="22"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="22"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="22"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="23"] .ncommon-softUnit__purchaseButton:hover,[data-rank="23"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="23"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="23"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="24"] .ncommon-softUnit__purchaseButton:hover,[data-rank="24"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="24"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="24"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="25"] .ncommon-softUnit__purchaseButton:hover,[data-rank="25"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="25"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="25"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="26"] .ncommon-softUnit__purchaseButton:hover,[data-rank="26"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="26"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="26"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="27"] .ncommon-softUnit__purchaseButton:hover,[data-rank="27"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="27"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="27"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="28"] .ncommon-softUnit__purchaseButton:hover,[data-rank="28"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="28"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="28"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="29"] .ncommon-softUnit__purchaseButton:hover,[data-rank="29"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="29"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="29"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="30"] .ncommon-softUnit__purchaseButton:hover,[data-rank="30"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="30"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="30"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="31"] .ncommon-softUnit__purchaseButton:hover,[data-rank="31"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="31"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="31"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="32"] .ncommon-softUnit__purchaseButton:hover,[data-rank="32"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="32"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="32"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="33"] .ncommon-softUnit__purchaseButton:hover,[data-rank="33"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="33"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="33"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="34"] .ncommon-softUnit__purchaseButton:hover,[data-rank="34"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="34"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="34"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="35"] .ncommon-softUnit__purchaseButton:hover,[data-rank="35"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="35"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="35"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="36"] .ncommon-softUnit__purchaseButton:hover,[data-rank="36"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="36"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="36"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="37"] .ncommon-softUnit__purchaseButton:hover,[data-rank="37"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="37"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="37"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="38"] .ncommon-softUnit__purchaseButton:hover,[data-rank="38"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="38"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="38"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="39"] .ncommon-softUnit__purchaseButton:hover,[data-rank="39"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="39"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="39"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="40"] .ncommon-softUnit__purchaseButton:hover,[data-rank="40"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="40"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="40"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="41"] .ncommon-softUnit__purchaseButton:hover,[data-rank="41"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="41"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="41"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="42"] .ncommon-softUnit__purchaseButton:hover,[data-rank="42"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="42"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="42"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="43"] .ncommon-softUnit__purchaseButton:hover,[data-rank="43"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="43"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="43"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="44"] .ncommon-softUnit__purchaseButton:hover,[data-rank="44"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="44"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="44"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="45"] .ncommon-softUnit__purchaseButton:hover,[data-rank="45"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="45"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="45"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="46"] .ncommon-softUnit__purchaseButton:hover,[data-rank="46"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="46"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="46"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="47"] .ncommon-softUnit__purchaseButton:hover,[data-rank="47"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="47"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="47"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="48"] .ncommon-softUnit__purchaseButton:hover,[data-rank="48"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="48"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="48"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="49"] .ncommon-softUnit__purchaseButton:hover,[data-rank="49"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="49"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="49"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

[data-rank="50"] .ncommon-softUnit__purchaseButton:hover,[data-rank="50"] a:hover .ncommon-softUnit__purchaseButton,[data-rank="50"] button:hover .ncommon-softUnit__purchaseButton,[data-rank="50"] .ncommon-u-linkbox:hover .ncommon-softUnit__purchaseButton {
  border-color: #e6e6e6
}

.ncommon-softUnit__purchaseButton span {
  line-height: 10px;
}

@media screen and (min-width: 760px),print {
  .ncommon-softUnit__purchaseButton span {
    font-size:12px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-softUnit__purchaseButton span {
    font-size:12px
  }
}

.ncommon-articleUnit > a {
  position: relative;
  border-bottom: 1px solid #ededed;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit > a {
    padding-bottom:15px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit > a {
    padding-bottom:10px
  }
}

.ncommon-articleUnit.js-new > a:after {
  content: 'NEW';
  position: absolute;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-style: solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-color: #e60012;
  background-color: #e60012;
  color: #fff;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit.js-new > a:after {
    top:-14px;
    border-width: 4px;
    letter-spacing: .08em;
    text-indent: .08em
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit.js-new > a:after {
    top:-15px;
    left: -7px;
    width: 30px;
    line-height: 30px;
    border-width: 2px;
    font-size: 12px;
    letter-spacing: .04em;
    text-indent: .04em
  }
}

.ncommon-articleUnit.is-kids > a:after {
  content: '\30ad\30c3\30ba';
  position: absolute;
  background-color: #ebb400;
  color: #fff;
  font-weight: bold;
  line-height: 2;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit.is-kids > a:after {
    top:8px;
    right: -20px;
    width: 80px;
    font-size: 12px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit.is-kids > a:after {
    top:8px;
    right: -17px;
    width: 70px;
    font-size: 12px
  }
}

.ncommon-articleUnit[data-rank="1"] > a:before {
  content: '1';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg-1.png");
  color: #ebb400;
  font-size: 12px;
  width: 56px;
  height: 56px;
  padding: 12px 28px 0 4px
}

.ncommon-articleUnit[data-rank="2"] > a:before {
  content: '2';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg-2.png");
  color: #798d9c;
  font-size: 12px;
  width: 56px;
  height: 56px;
  padding: 12px 28px 0 4px
}

.ncommon-articleUnit[data-rank="3"] > a:before {
  content: '3';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg-3.png");
  color: #da6f0b;
  font-size: 12px;
  width: 56px;
  height: 56px;
  padding: 12px 28px 0 4px
}

.ncommon-articleUnit[data-rank="4"] > a:before {
  content: '4';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="4"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="4"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="5"] > a:before {
  content: '5';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="5"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="5"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="6"] > a:before {
  content: '6';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="6"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="6"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="7"] > a:before {
  content: '7';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="7"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="7"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="8"] > a:before {
  content: '8';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="8"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="8"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="9"] > a:before {
  content: '9';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="9"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="9"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="10"] > a:before {
  content: '10';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="10"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="10"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="11"] > a:before {
  content: '11';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="11"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="11"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="12"] > a:before {
  content: '12';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="12"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="12"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="13"] > a:before {
  content: '13';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="13"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="13"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="14"] > a:before {
  content: '14';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="14"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="14"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="15"] > a:before {
  content: '15';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="15"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="15"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="16"] > a:before {
  content: '16';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="16"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="16"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="17"] > a:before {
  content: '17';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="17"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="17"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="18"] > a:before {
  content: '18';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="18"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="18"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="19"] > a:before {
  content: '19';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="19"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="19"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.ncommon-articleUnit[data-rank="20"] > a:before {
  content: '20';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit[data-rank="20"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit[data-rank="20"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit__thumbRect {
    padding-bottom:28px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit__thumbRect {
    padding-bottom:21px
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit__main {
    padding-bottom:28px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit__main {
    padding-bottom:21px
  }
}

.ncommon-articleUnit__sub {
  color: #737373;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit__sub {
    margin-top:-4px;
    margin-bottom: -4px;
    font-size: 12px;
    line-height: 20px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit__sub {
    margin-top:-4px;
    margin-bottom: -4px;
    font-size: 12px;
    line-height: 18px
  }
}

.ncommon-articleUnit__title {
  font-weight: bold;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit__title {
    margin-top:-5px;
    margin-bottom: -5px;
    font-size: 14px;
    line-height: 24px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit__title {
    margin-top:-4px;
    margin-bottom: -4px;
    font-size: 12px;
    line-height: 20px
  }
}

.ncommon-articleUnit__title:hover,a:hover .ncommon-articleUnit__title,button:hover .ncommon-articleUnit__title,.ncommon-u-linkbox:hover .ncommon-articleUnit__title {
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  color: #e60012
}

[data-theme='ranking'] .ncommon-articleUnit__title:hover,[data-theme='ranking'] a:hover .ncommon-articleUnit__title,[data-theme='ranking'] button:hover .ncommon-articleUnit__title,[data-theme='ranking'] .ncommon-u-linkbox:hover .ncommon-articleUnit__title {
  color: #6ac0eb
}

[data-theme='kids'] .ncommon-articleUnit__title:hover,[data-theme='kids'] a:hover .ncommon-articleUnit__title,[data-theme='kids'] button:hover .ncommon-articleUnit__title,[data-theme='kids'] .ncommon-u-linkbox:hover .ncommon-articleUnit__title {
  color: #ebb400
}

[data-theme='special'] .ncommon-articleUnit__title:hover,[data-theme='special'] a:hover .ncommon-articleUnit__title,[data-theme='special'] button:hover .ncommon-articleUnit__title,[data-theme='special'] .ncommon-u-linkbox:hover .ncommon-articleUnit__title {
  color: #ff550d
}

.ncommon-articleUnit__category {
  font-weight: bold
}

.ncommon-articleUnit__arrow {
  position: absolute;
  right: 0;
  line-height: 0;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit__arrow {
    bottom:24px
  }

  .ncommon-articleUnit__arrow i,.ncommon-articleUnit__arrow i:before,.ncommon-articleUnit__arrow i:after {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: inherit;
    -webkit-transition: $transition_df;
    -moz-transition: $transition_df;
    -o-transition: $transition_df;
    transition: $transition_df;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 14px auto;
    -o-background-size: 14px auto;
    background-size: 14px auto
  }

  .ncommon-articleUnit__arrow:hover i,a:hover .ncommon-articleUnit__arrow i,button:hover .ncommon-articleUnit__arrow i,.ncommon-u-linkbox:hover .ncommon-articleUnit__arrow i,.ncommon-articleUnit__arrow:hover i:before,a:hover .ncommon-articleUnit__arrow i:before,button:hover .ncommon-articleUnit__arrow i:before,.ncommon-u-linkbox:hover .ncommon-articleUnit__arrow i:before,.ncommon-articleUnit__arrow:hover i:after,a:hover .ncommon-articleUnit__arrow i:after,button:hover .ncommon-articleUnit__arrow i:after,.ncommon-u-linkbox:hover .ncommon-articleUnit__arrow i:after {
    -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    transition: all 150ms cubic-bezier(.25,.46,.45,.94)
  }

  .ncommon-articleUnit__arrow > i {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
  }

  .ncommon-articleUnit__arrow > i:after {
    content: '';
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: -2px;
    top: -2px;
    border: 2px solid rgba(255,255,255,0)
  }

  .ncommon-articleUnit__arrow > i > i,.ncommon-articleUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  .ncommon-articleUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  .ncommon-articleUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-red.svg)
  }

  .ncommon-articleUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-red.svg)
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit__arrow {
    bottom:21px
  }

  .ncommon-articleUnit__arrow i,.ncommon-articleUnit__arrow i:before,.ncommon-articleUnit__arrow i:after {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: inherit;
    -webkit-transition: $transition_df;
    -moz-transition: $transition_df;
    -o-transition: $transition_df;
    transition: $transition_df;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 12px auto;
    -o-background-size: 12px auto;
    background-size: 12px auto
  }

  .ncommon-articleUnit__arrow:hover i,a:hover .ncommon-articleUnit__arrow i,button:hover .ncommon-articleUnit__arrow i,.ncommon-u-linkbox:hover .ncommon-articleUnit__arrow i,.ncommon-articleUnit__arrow:hover i:before,a:hover .ncommon-articleUnit__arrow i:before,button:hover .ncommon-articleUnit__arrow i:before,.ncommon-u-linkbox:hover .ncommon-articleUnit__arrow i:before,.ncommon-articleUnit__arrow:hover i:after,a:hover .ncommon-articleUnit__arrow i:after,button:hover .ncommon-articleUnit__arrow i:after,.ncommon-u-linkbox:hover .ncommon-articleUnit__arrow i:after {
    -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    transition: all 150ms cubic-bezier(.25,.46,.45,.94)
  }

  .ncommon-articleUnit__arrow > i {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
  }

  .ncommon-articleUnit__arrow > i:after {
    content: '';
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: -2px;
    top: -2px;
    border: 2px solid rgba(255,255,255,0)
  }

  .ncommon-articleUnit__arrow > i > i,.ncommon-articleUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  .ncommon-articleUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  .ncommon-articleUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-red.svg)
  }

  .ncommon-articleUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-red.svg)
  }
}

.ncommon-articleUnit--slider {
  overflow: hidden;
}

.ncommon-articleUnit--slider .ncommon-articleUnit__sub {
  zoom:1;}

.ncommon-articleUnit--slider .ncommon-articleUnit__sub:after {
  content: "";
  display: block;
  clear: both
}

.ncommon-articleUnit--slider .ncommon-articleUnit__category {
  float: left
}

.ncommon-articleUnit--slider .ncommon-articleUnit__date {
  font-family: 'Roboto',sans-serif;
  font-weight: 700;
  float: left;
}

.ncommon-articleUnit--slider .ncommon-articleUnit__date:before {
  content: '|';
  padding: 0 .5em
}

.ncommon-articleUnit--slider > a {
  border-bottom: none;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--slider > a {
    padding-bottom:0
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--slider > a {
    padding-bottom:0
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--slider .ncommon-articleUnit__title {
    margin-top:-7px;
    margin-bottom: -7px;
    font-size: 18px;
    line-height: 32px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--slider .ncommon-articleUnit__title {
    margin-top:-5px;
    margin-bottom: -5px;
    font-size: 14px;
    line-height: 24px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--slider .ncommon-articleUnit__main,.ncommon-articleUnit--slider .ncommon-articleUnit__sub {
    padding-right:14px;
    padding-left: 14px
  }
}

.ncommon-articleUnit--spLarge > a {
  border-bottom: none;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--spLarge > a {
    padding-bottom:0
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--spLarge > a {
    padding-bottom:0
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--spLarge .ncommon-articleUnit__sub {
    zoom:1;
  }

  .ncommon-articleUnit--spLarge .ncommon-articleUnit__sub:after {
    content: "";
    display: block;
    clear: both
  }

  .ncommon-articleUnit--spLarge .ncommon-articleUnit__category {
    float: left
  }

  .ncommon-articleUnit--spLarge .ncommon-articleUnit__date {
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    float: left;
  }

  .ncommon-articleUnit--spLarge .ncommon-articleUnit__date:before {
    content: '|';
    padding: 0 .5em
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--spLarge .ncommon-articleUnit__heightbase,.ncommon-articleUnit--spLarge .ncommon-articleUnit__heightbase2 {
    height:auto !important
  }

  .ncommon-articleUnit--spLarge .ncommon-articleUnit__title {
    padding-right: 14px
  }
}

.ncommon-articleUnit--ranking {
  background-color: #fff;
}

.ncommon-articleUnit--ranking .ncommon-articleUnit__sub {
  zoom:1;}

.ncommon-articleUnit--ranking .ncommon-articleUnit__sub:after {
  content: "";
  display: block;
  clear: both
}

.ncommon-articleUnit--ranking .ncommon-articleUnit__category {
  float: left
}

.ncommon-articleUnit--ranking .ncommon-articleUnit__date {
  font-family: 'Roboto',sans-serif;
  font-weight: 700;
  float: left;
}

.ncommon-articleUnit--ranking .ncommon-articleUnit__date:before {
  content: '|';
  padding: 0 .5em
}

.ncommon-articleUnit--ranking > a {
  border-bottom: none;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--ranking > a {
    padding-bottom:18px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--ranking > a {
    zoom:1;
    padding: 18px
  }

  .ncommon-articleUnit--ranking > a:after {
    content: "";
    display: block;
    clear: both
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--ranking .ncommon-articleUnit__thumbRect {
    padding-bottom:18px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--ranking .ncommon-articleUnit__thumbRect {
    display:none
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--ranking .ncommon-articleUnit__thumbSquare {
    display:none
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--ranking .ncommon-articleUnit__thumbSquare {
    float:left;
    width: 105px
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--ranking .ncommon-articleUnit__main {
    padding:0 18px 18px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--ranking .ncommon-articleUnit__main {
    margin-left:120px;
    padding-bottom: 14px
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--ranking .ncommon-articleUnit__sub {
    padding:0 18px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--ranking .ncommon-articleUnit__sub {
    margin-left:120px
  }
}

.ncommon-articleUnit--ranking .ncommon-articleUnit__title {
  margin-top: -4px;
  margin-bottom: -4px;
  font-size: 12px;
  line-height: 20px
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--ranking .ncommon-articleUnit__sub:after {
    display:none
  }
}

.ncommon-articleUnit--ranking2 > a {
  zoom:1;border-bottom: none;
}

.ncommon-articleUnit--ranking2 > a:after {
  content: "";
  display: block;
  clear: both
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--ranking2 > a {
    padding:16px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--ranking2 > a {
    padding:18px
  }
}

.ncommon-articleUnit--ranking2 .ncommon-articleUnit__thumbSquare {
  float: left;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--ranking2 .ncommon-articleUnit__thumbSquare {
    width:84px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--ranking2 .ncommon-articleUnit__thumbSquare {
    width:105px
  }
}

.ncommon-articleUnit--ranking2 .ncommon-articleUnit__main {
  padding-bottom: 14px;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--ranking2 .ncommon-articleUnit__main {
    margin-left:98px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--ranking2 .ncommon-articleUnit__main {
    margin-left:120px
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--ranking2 .ncommon-articleUnit__sub {
    margin-left:98px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--ranking2 .ncommon-articleUnit__sub {
    margin-left:120px
  }
}

.ncommon-articleUnit--ranking2 .ncommon-articleUnit__title {
  margin-top: -4px;
  margin-bottom: -4px;
  font-size: 12px;
  line-height: 20px
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--ranking2 .ncommon-articleUnit__category {
    font-weight:normal
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--ranking2 .ncommon-articleUnit__sub {
    zoom:1;
  }

  .ncommon-articleUnit--ranking2 .ncommon-articleUnit__sub:after {
    content: "";
    display: block;
    clear: both
  }

  .ncommon-articleUnit--ranking2 .ncommon-articleUnit__category {
    float: left
  }

  .ncommon-articleUnit--ranking2 .ncommon-articleUnit__date {
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    float: left;
  }

  .ncommon-articleUnit--ranking2 .ncommon-articleUnit__date:before {
    content: '|';
    padding: 0 .5em
  }

  .ncommon-articleUnit--ranking2 .ncommon-articleUnit__sub:after {
    display: none
  }
}

.ncommon-articleUnit--recommend > a {
  border-bottom: none;
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--recommend > a {
    padding-bottom:0
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--recommend > a {
    padding-bottom:0
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-articleUnit--recommend .ncommon-articleUnit__sub {
    zoom:1;
  }

  .ncommon-articleUnit--recommend .ncommon-articleUnit__sub:after {
    content: "";
    display: block;
    clear: both
  }

  .ncommon-articleUnit--recommend .ncommon-articleUnit__category {
    float: left
  }

  .ncommon-articleUnit--recommend .ncommon-articleUnit__date {
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    float: left;
  }

  .ncommon-articleUnit--recommend .ncommon-articleUnit__date:before {
    content: '|';
    padding: 0 .5em
  }

  .ncommon-articleUnit--recommend .ncommon-articleUnit__thumbRect {
    padding-bottom: 14px
  }

  .ncommon-articleUnit--recommend .ncommon-articleUnit__main {
    padding-bottom: 14px
  }

  .ncommon-articleUnit--recommend .ncommon-articleUnit__sub {
    margin-top: -4px;
    margin-bottom: -4px;
    font-size: 12px;
    line-height: 18px
  }

  .ncommon-articleUnit--recommend .ncommon-articleUnit__title {
    margin-top: -4px;
    margin-bottom: -4px;
    font-size: 12px;
    line-height: 20px
  }

  .ncommon-articleUnit--recommend .ncommon-articleUnit__category {
    font-weight: normal
  }
}

@media screen and (max-width: 759px) {
  .ncommon-articleUnit--recommend .ncommon-articleUnit__title {
    padding-right:14px
  }
}

.topics-listContent .ncommon-articleUnit > a {
  position: relative;
  border-bottom: 1px solid #ededed;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit > a {
    padding-bottom:15px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit > a {
    padding-bottom:10px
  }
}

.topics-listContent .ncommon-articleUnit.js-new > a:after {
  content: 'NEW';
  position: absolute;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-style: solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-color: #e60012;
  background-color: #e60012;
  color: #fff;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit.js-new > a:after {
    top:-14px;
    border-width: 4px;
    letter-spacing: .08em;
    text-indent: .08em
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit.js-new > a:after {
    top:-15px;
    left: -7px;
    width: 30px;
    line-height: 30px;
    border-width: 2px;
    font-size: 12px;
    letter-spacing: .04em;
    text-indent: .04em
  }
}

.topics-listContent .ncommon-articleUnit.is-kids > a:after {
  content: '\30ad\30c3\30ba';
  position: absolute;
  background-color: #ebb400;
  color: #fff;
  font-weight: bold;
  line-height: 2;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit.is-kids > a:after {
    top:8px;
    right: -20px;
    width: 80px;
    font-size: 12px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit.is-kids > a:after {
    top:8px;
    right: -17px;
    width: 70px;
    font-size: 12px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="1"] > a:before {
  content: '1';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg-1.png");
  color: #ebb400;
  font-size: 12px;
  width: 56px;
  height: 56px;
  padding: 12px 28px 0 4px
}

.topics-listContent .ncommon-articleUnit[data-rank="2"] > a:before {
  content: '2';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg-2.png");
  color: #798d9c;
  font-size: 12px;
  width: 56px;
  height: 56px;
  padding: 12px 28px 0 4px
}

.topics-listContent .ncommon-articleUnit[data-rank="3"] > a:before {
  content: '3';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg-3.png");
  color: #da6f0b;
  font-size: 12px;
  width: 56px;
  height: 56px;
  padding: 12px 28px 0 4px
}

.topics-listContent .ncommon-articleUnit[data-rank="4"] > a:before {
  content: '4';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="4"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="4"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="5"] > a:before {
  content: '5';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="5"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="5"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="6"] > a:before {
  content: '6';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="6"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="6"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="7"] > a:before {
  content: '7';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="7"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="7"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="8"] > a:before {
  content: '8';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="8"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="8"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="9"] > a:before {
  content: '9';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="9"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="9"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="10"] > a:before {
  content: '10';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="10"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="10"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="11"] > a:before {
  content: '11';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="11"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="11"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="12"] > a:before {
  content: '12';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="12"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="12"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="13"] > a:before {
  content: '13';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="13"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="13"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="14"] > a:before {
  content: '14';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="14"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="14"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="15"] > a:before {
  content: '15';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="15"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="15"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="16"] > a:before {
  content: '16';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="16"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="16"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="17"] > a:before {
  content: '17';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="17"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="17"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="18"] > a:before {
  content: '18';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="18"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="18"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="19"] > a:before {
  content: '19';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="19"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="19"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

.topics-listContent .ncommon-articleUnit[data-rank="20"] > a:before {
  content: '20';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: 900;
  line-height: 12px;
  text-align: center;
  background-image: url("../img/ncommon/_common/ranking/bg.png");
  color: #fff;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit[data-rank="20"] > a:before {
    width:41px;
    height: 41px;
    padding: 7px 20px 0 4px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit[data-rank="20"] > a:before {
    width:56px;
    height: 56px;
    padding: 12px 28px 0 4px
  }
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit__thumbRect {
    padding-bottom:0
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit__thumbRect {
    padding-bottom:0
  }
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit__main {
    padding-top:14px;
    padding-bottom: 42px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit__main {
    margin-top:12px;
    margin-bottom: 19px;
    padding-bottom: 0
  }
}

.topics-listContent .ncommon-articleUnit__sub {
  color: #737373;
  margin-top: -4px;
  margin-bottom: -4px;
  font-size: 12px;
  line-height: 20px;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit__sub {
    line-height:17px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit__sub {
    margin-top:-4px;
    margin-bottom: -4px;
    font-size: 12px;
    line-height: 18px;
    line-height: 15px
  }
}

.topics-listContent .ncommon-articleUnit__title {
  margin-top: -5px;
  margin-bottom: -5px;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
}

@media screen and (min-width: 980px),print {
  .topics-listContent .ncommon-articleUnit__title {
    line-height:20px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .topics-listContent .ncommon-articleUnit__title {
    font-size:13px;
    line-height: 20px
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit__title {
    font-size:11px;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: -2px
  }
}

.topics-listContent .ncommon-articleUnit__title:hover,a:hover .topics-listContent .ncommon-articleUnit__title,button:hover .topics-listContent .ncommon-articleUnit__title,.ncommon-u-linkbox:hover .topics-listContent .ncommon-articleUnit__title {
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  color: #e60012
}

.topics-listContent .ncommon-articleUnit__category {
  font-size: 12px;
  word-break: keep-all;
  font-weight: normal;
}

.topics-listContent .ncommon-articleUnit__category:first-child {
  line-height: 15px
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit__category {
    line-height:16px
  }
}

.topics-listContent .ncommon-articleUnit__date {
  font-family: 'Roboto',sans-serif;
  font-weight: 700;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit__date {
    line-height:18px
  }
}

.topics-listContent .ncommon-articleUnit__date > span {
  font-size: .85em;
  vertical-align: bottom
}

.topics-listContent .ncommon-articleUnit__arrow {
  position: absolute;
  right: 0;
  line-height: 0;
}

@media screen and (min-width: 760px),print {
  .topics-listContent .ncommon-articleUnit__arrow {
    bottom:13px
  }

  .topics-listContent .ncommon-articleUnit__arrow i,.topics-listContent .ncommon-articleUnit__arrow i:before,.topics-listContent .ncommon-articleUnit__arrow i:after {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: inherit;
    -webkit-transition: $transition_df;
    -moz-transition: $transition_df;
    -o-transition: $transition_df;
    transition: $transition_df;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 14px auto;
    -o-background-size: 14px auto;
    background-size: 14px auto
  }

  .topics-listContent .ncommon-articleUnit__arrow:hover i,a:hover .topics-listContent .ncommon-articleUnit__arrow i,button:hover .topics-listContent .ncommon-articleUnit__arrow i,.ncommon-u-linkbox:hover .topics-listContent .ncommon-articleUnit__arrow i,.topics-listContent .ncommon-articleUnit__arrow:hover i:before,a:hover .topics-listContent .ncommon-articleUnit__arrow i:before,button:hover .topics-listContent .ncommon-articleUnit__arrow i:before,.ncommon-u-linkbox:hover .topics-listContent .ncommon-articleUnit__arrow i:before,.topics-listContent .ncommon-articleUnit__arrow:hover i:after,a:hover .topics-listContent .ncommon-articleUnit__arrow i:after,button:hover .topics-listContent .ncommon-articleUnit__arrow i:after,.ncommon-u-linkbox:hover .topics-listContent .ncommon-articleUnit__arrow i:after {
    -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    transition: all 150ms cubic-bezier(.25,.46,.45,.94)
  }

  .topics-listContent .ncommon-articleUnit__arrow > i {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
  }

  .topics-listContent .ncommon-articleUnit__arrow > i:after {
    content: '';
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: -2px;
    top: -2px;
    border: 2px solid rgba(255,255,255,0)
  }

  .topics-listContent .ncommon-articleUnit__arrow > i > i,.topics-listContent .ncommon-articleUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  .topics-listContent .ncommon-articleUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  .topics-listContent .ncommon-articleUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-red.svg)
  }

  .topics-listContent .ncommon-articleUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-red.svg)
  }
}

@media screen and (max-width: 759px) {
  .topics-listContent .ncommon-articleUnit__arrow {
    bottom:7px
  }

  .topics-listContent .ncommon-articleUnit__arrow i,.topics-listContent .ncommon-articleUnit__arrow i:before,.topics-listContent .ncommon-articleUnit__arrow i:after {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: inherit;
    -webkit-transition: $transition_df;
    -moz-transition: $transition_df;
    -o-transition: $transition_df;
    transition: $transition_df;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 12px auto;
    -o-background-size: 12px auto;
    background-size: 12px auto
  }

  .topics-listContent .ncommon-articleUnit__arrow:hover i,a:hover .topics-listContent .ncommon-articleUnit__arrow i,button:hover .topics-listContent .ncommon-articleUnit__arrow i,.ncommon-u-linkbox:hover .topics-listContent .ncommon-articleUnit__arrow i,.topics-listContent .ncommon-articleUnit__arrow:hover i:before,a:hover .topics-listContent .ncommon-articleUnit__arrow i:before,button:hover .topics-listContent .ncommon-articleUnit__arrow i:before,.ncommon-u-linkbox:hover .topics-listContent .ncommon-articleUnit__arrow i:before,.topics-listContent .ncommon-articleUnit__arrow:hover i:after,a:hover .topics-listContent .ncommon-articleUnit__arrow i:after,button:hover .topics-listContent .ncommon-articleUnit__arrow i:after,.ncommon-u-linkbox:hover .topics-listContent .ncommon-articleUnit__arrow i:after {
    -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
    transition: all 150ms cubic-bezier(.25,.46,.45,.94)
  }

  .topics-listContent .ncommon-articleUnit__arrow > i {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
  }

  .topics-listContent .ncommon-articleUnit__arrow > i:after {
    content: '';
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: -2px;
    top: -2px;
    border: 2px solid rgba(255,255,255,0)
  }

  .topics-listContent .ncommon-articleUnit__arrow > i > i,.topics-listContent .ncommon-articleUnit__arrow > i > i > i:first-child {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  .topics-listContent .ncommon-articleUnit__arrow > i > i > i:first-child {
    opacity: 0
  }

  .topics-listContent .ncommon-articleUnit__arrow > i > i {
    background-image: url(../img/ncommon/_common/icon/right-fill-red.svg)
  }

  .topics-listContent .ncommon-articleUnit__arrow > i > i > i:first-child {
    background-image: url(../img/ncommon/_common/icon/right-stroke-red.svg)
  }
}

.ncommon-headline01 {
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-headline01 {
    padding-top:80px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-headline01 {
    padding-top:39px
  }
}

.ncommon-headline01__cn,.ncommon-headline01__enLarge {
  position: relative;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

@media screen and (min-width: 760px),print {
  .ncommon-headline01__cn,.ncommon-headline01__enLarge {
    font-size:30px;
    margin-bottom: 15px;
    padding-bottom: 15px
  }

  .ncommon-headline01__cn:after,.ncommon-headline01__enLarge:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 14px;
    height: 3px;
    margin-left: -7px;
    background-color: #e60012;
  }

  [data-bodytheme='wiiu'] .ncommon-headline01__cn:after,[data-bodytheme='wiiu'] .ncommon-headline01__enLarge:after {
    background-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-headline01__cn:after,[data-bodytheme='3ds'] .ncommon-headline01__enLarge:after {
    background-color: #ce181e
  }
}

@media screen and (max-width: 759px) {
  .ncommon-headline01__cn,.ncommon-headline01__enLarge {
    font-size:21px;
    margin-bottom: 8px
  }
}

.ncommon-headline01__cn {
  font-weight: bold
}

.ncommon-headline01__jp,.ncommon-headline01__enLarge {
  position: relative;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

@media screen and (min-width: 760px),print {
  .ncommon-headline01__jp,.ncommon-headline01__enLarge {
    font-size:30px;
    margin-bottom: 15px;
    padding-bottom: 15px
  }

  .ncommon-headline01__jp:after,.ncommon-headline01__enLarge:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 14px;
    height: 3px;
    margin-left: -7px;
    background-color: #e60012;
  }

  [data-bodytheme='wiiu'] .ncommon-headline01__jp:after,[data-bodytheme='wiiu'] .ncommon-headline01__enLarge:after {
    background-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-headline01__jp:after,[data-bodytheme='3ds'] .ncommon-headline01__enLarge:after {
    background-color: #ce181e
  }
}

@media screen and (max-width: 759px) {
  .ncommon-headline01__jp,.ncommon-headline01__enLarge {
    font-size:21px;
    margin-bottom: 8px
  }
}

.ncommon-headline01__jp {
  font-weight: bold
}

.ncommon-headline01__enLarge {
  font-family: 'Roboto',sans-serif;
  font-weight: 900
}

.ncommon-headline01__en {
  font-family: 'Roboto',sans-serif;
  font-weight: 700;
  letter-spacing: .14em;
  text-indent: .14em;
}

@media screen and (min-width: 760px),print {
  .ncommon-headline01__en {
    color:#737373;
    padding-bottom: 42px;
    font-size: 12px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-headline01__en {
    color:#e60012;
    padding-bottom: 22px;
    font-size: 12px;
    letter-spacing: .1em;
    text-indent: .1em
  }
}

.ncommon-headline02 {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}

@media screen and (min-width: 760px),print {
  .ncommon-headline02 {
    zoom:1;
    padding: 42px 0
  }

  .ncommon-headline02:after {
    content: "";
    display: block;
    clear: both
  }
}

@media screen and (max-width: 759px) {
  .ncommon-headline02 {
    padding:28px 0
  }
}

.ncommon-headline02:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background-color: #e6e6e6;
}

@media screen and (max-width: 759px) {
  .ncommon-headline02:before {
    border-left-width:28px;
    border-left-style: solid;
    border-color: #e60012
  }

  [data-bodytheme='wiiu'] .ncommon-headline02:before {
    border-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-headline02:before {
    border-color: #ce181e
  }
}

.ncommon-headline02__body {
  margin-top: -7px;
  margin-bottom: -7px;
  font-size: 18px;
  line-height: 32px;
  font-weight: bold;
  position: relative;
}

@media screen and (min-width: 760px),print {
  .ncommon-headline02__body {
    float:left
  }

  .ncommon-headline02__body:before {
    content: '';
    position: absolute;
    top: -35px;
    right: 0;
    left: 0;
    height: 2px;
    background-color: #e60012;
  }

  [data-bodytheme='wiiu'] .ncommon-headline02__body:before {
    background-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-headline02__body:before {
    background-color: #ce181e
  }
}

@media screen and (max-width: 759px) {
  .ncommon-headline02__body {
    margin-top:-8px;
    margin-bottom: -8px;
    font-size: 16px;
    line-height: 32px
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-headline02__siblings {
    position:absolute;
    right: 0
  }
}

@media screen and (max-width: 759px) {
  .ncommon-headline02__siblings {
    padding-top:21px
  }
}

.ncommon-grid {
  zoom:1;}

.ncommon-grid:after {
  content: "";
  display: block;
  clear: both
}

.ncommon-grid__col {
  position: relative;
}

@media screen and (min-width: 980px),print {
  .ncommon-grid--4_3_2 .ncommon-grid__col {
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 32px;
    width: -webkit-calc((100% - 32px * (4 - 1)) / 4 - 0.1px);
    width: -moz-calc((100% - 32px * (4 - 1)) / 4 - 0.1px);
    width: calc((100% - 32px * (4 - 1)) / 4 - 0.1px)
  }

  .ncommon-grid--4_3_2 .ncommon-grid__col:not(:nth-child(-n+4)) {
    padding-top: 42px
  }

  .ncommon-grid--4_3_2 .ncommon-grid__col:nth-child(4n) {
    margin-right: 0
  }

  .ncommon-grid--4_3_2 .ncommon-grid__col:nth-child(4n + 1) {
    clear: left
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-grid--4_3_2 .ncommon-grid__col {
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 32px;
    width: -webkit-calc((100% - 32px * (3 - 1)) / 3 - 0.1px);
    width: -moz-calc((100% - 32px * (3 - 1)) / 3 - 0.1px);
    width: calc((100% - 32px * (3 - 1)) / 3 - 0.1px)
  }

  .ncommon-grid--4_3_2 .ncommon-grid__col:not(:nth-child(-n+3)) {
    padding-top: 42px
  }

  .ncommon-grid--4_3_2 .ncommon-grid__col:nth-child(3n) {
    margin-right: 0
  }

  .ncommon-grid--4_3_2 .ncommon-grid__col:nth-child(3n + 1) {
    clear: left
  }
}

@media screen and (max-width: 759px) {
  .ncommon-grid--4_3_2 .ncommon-grid__col {
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 14px;
    width: -webkit-calc((100% - 14px * (2 - 1)) / 2 - 0.1px);
    width: -moz-calc((100% - 14px * (2 - 1)) / 2 - 0.1px);
    width: calc((100% - 14px * (2 - 1)) / 2 - 0.1px)
  }

  .ncommon-grid--4_3_2 .ncommon-grid__col:not(:nth-child(-n+2)) {
    padding-top: 28px
  }

  .ncommon-grid--4_3_2 .ncommon-grid__col:nth-child(2n) {
    margin-right: 0
  }

  .ncommon-grid--4_3_2 .ncommon-grid__col:nth-child(2n + 1) {
    clear: left
  }
}

@media screen and (min-width: 980px),print {
  .ncommon-grid--3_3_1 .ncommon-grid__col {
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 44px;
    width: -webkit-calc((100% - 44px * (3 - 1)) / 3 - 0.1px);
    width: -moz-calc((100% - 44px * (3 - 1)) / 3 - 0.1px);
    width: calc((100% - 44px * (3 - 1)) / 3 - 0.1px)
  }

  .ncommon-grid--3_3_1 .ncommon-grid__col:not(:nth-child(-n+3)) {
    padding-top: 42px
  }

  .ncommon-grid--3_3_1 .ncommon-grid__col:nth-child(3n) {
    margin-right: 0
  }

  .ncommon-grid--3_3_1 .ncommon-grid__col:nth-child(3n + 1) {
    clear: left
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-grid--3_3_1 .ncommon-grid__col {
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 32px;
    width: -webkit-calc((100% - 32px * (3 - 1)) / 3 - 0.1px);
    width: -moz-calc((100% - 32px * (3 - 1)) / 3 - 0.1px);
    width: calc((100% - 32px * (3 - 1)) / 3 - 0.1px)
  }

  .ncommon-grid--3_3_1 .ncommon-grid__col:not(:nth-child(-n+3)) {
    padding-top: 42px
  }

  .ncommon-grid--3_3_1 .ncommon-grid__col:nth-child(3n) {
    margin-right: 0
  }

  .ncommon-grid--3_3_1 .ncommon-grid__col:nth-child(3n + 1) {
    clear: left
  }
}

@media screen and (max-width: 759px) {
  .ncommon-grid--3_3_1 .ncommon-grid__col {
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0;
    width: -webkit-calc((100% - 0px * (1 - 1)) / 1 - 0.1px);
    width: -moz-calc((100% - 0px * (1 - 1)) / 1 - 0.1px);
    width: calc((100% - 0px * (1 - 1)) / 1 - 0.1px)
  }

  .ncommon-grid--3_3_1 .ncommon-grid__col:not(:nth-child(-n+1)) {
    padding-top: 35px
  }

  .ncommon-grid--3_3_1 .ncommon-grid__col:nth-child(1n) {
    margin-right: 0
  }

  .ncommon-grid--3_3_1 .ncommon-grid__col:nth-child(1n + 1) {
    clear: left
  }
}

@media screen and (min-width: 980px),print {
  .ncommon-grid--3_3_2 .ncommon-grid__col {
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 44px;
    width: -webkit-calc((100% - 44px * (3 - 1)) / 3 - 0.1px);
    width: -moz-calc((100% - 44px * (3 - 1)) / 3 - 0.1px);
    width: calc((100% - 44px * (3 - 1)) / 3 - 0.1px)
  }

  .ncommon-grid--3_3_2 .ncommon-grid__col:not(:nth-child(-n+3)) {
    padding-top: 42px
  }

  .ncommon-grid--3_3_2 .ncommon-grid__col:nth-child(3n) {
    margin-right: 0
  }

  .ncommon-grid--3_3_2 .ncommon-grid__col:nth-child(3n + 1) {
    clear: left
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-grid--3_3_2 .ncommon-grid__col {
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 32px;
    width: -webkit-calc((100% - 32px * (3 - 1)) / 3 - 0.1px);
    width: -moz-calc((100% - 32px * (3 - 1)) / 3 - 0.1px);
    width: calc((100% - 32px * (3 - 1)) / 3 - 0.1px)
  }

  .ncommon-grid--3_3_2 .ncommon-grid__col:not(:nth-child(-n+3)) {
    padding-top: 42px
  }

  .ncommon-grid--3_3_2 .ncommon-grid__col:nth-child(3n) {
    margin-right: 0
  }

  .ncommon-grid--3_3_2 .ncommon-grid__col:nth-child(3n + 1) {
    clear: left
  }
}

@media screen and (max-width: 759px) {
  .ncommon-grid--3_3_2 .ncommon-grid__col {
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 14px;
    width: -webkit-calc((100% - 14px * (2 - 1)) / 2 - 0.1px);
    width: -moz-calc((100% - 14px * (2 - 1)) / 2 - 0.1px);
    width: calc((100% - 14px * (2 - 1)) / 2 - 0.1px)
  }

  .ncommon-grid--3_3_2 .ncommon-grid__col:not(:nth-child(-n+2)) {
    padding-top: 28px
  }

  .ncommon-grid--3_3_2 .ncommon-grid__col:nth-child(2n) {
    margin-right: 0
  }

  .ncommon-grid--3_3_2 .ncommon-grid__col:nth-child(2n + 1) {
    clear: left
  }
}

@media screen and (min-width: 980px),print {
  .ncommon-grid--2_2_1 .ncommon-grid__col {
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 48px;
    width: -webkit-calc((100% - 48px * (2 - 1)) / 2 - 0.1px);
    width: -moz-calc((100% - 48px * (2 - 1)) / 2 - 0.1px);
    width: calc((100% - 48px * (2 - 1)) / 2 - 0.1px)
  }

  .ncommon-grid--2_2_1 .ncommon-grid__col:not(:nth-child(-n+2)) {
    padding-top: 0
  }

  .ncommon-grid--2_2_1 .ncommon-grid__col:nth-child(2n) {
    margin-right: 0
  }

  .ncommon-grid--2_2_1 .ncommon-grid__col:nth-child(2n + 1) {
    clear: left
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-grid--2_2_1 .ncommon-grid__col {
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 44px;
    width: -webkit-calc((100% - 44px * (2 - 1)) / 2 - 0.1px);
    width: -moz-calc((100% - 44px * (2 - 1)) / 2 - 0.1px);
    width: calc((100% - 44px * (2 - 1)) / 2 - 0.1px)
  }

  .ncommon-grid--2_2_1 .ncommon-grid__col:not(:nth-child(-n+2)) {
    padding-top: 0
  }

  .ncommon-grid--2_2_1 .ncommon-grid__col:nth-child(2n) {
    margin-right: 0
  }

  .ncommon-grid--2_2_1 .ncommon-grid__col:nth-child(2n + 1) {
    clear: left
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-descGrid {
    zoom:1
  }

  .ncommon-descGrid:after {
    content: "";
    display: block;
    clear: both
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-descGrid__pics {
    float:left
  }
}

@media screen and (min-width: 980px),print {
  .ncommon-descGrid__pics {
    width:-webkit-calc((100% - 44px * 2) / 3);
    width: -moz-calc((100% - 44px * 2) / 3);
    width: calc((100% - 44px * 2) / 3)
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-descGrid__pics {
    width:-webkit-calc((100% - 32px * 2) / 3);
    width: -moz-calc((100% - 32px * 2) / 3);
    width: calc((100% - 32px * 2) / 3)
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-descGrid__mainTexts,.ncommon-descGrid__subTexts {
    float:right
  }
}

@media screen and (min-width: 980px),print {
  .ncommon-descGrid__mainTexts,.ncommon-descGrid__subTexts {
    width:-webkit-calc((100% * 2 - 44px) / 3);
    width: -moz-calc((100% * 2 - 44px) / 3);
    width: calc((100% * 2 - 44px) / 3)
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-descGrid__mainTexts,.ncommon-descGrid__subTexts {
    width:-webkit-calc((100% * 2 - 32px) / 3);
    width: -moz-calc((100% * 2 - 32px) / 3);
    width: calc((100% * 2 - 32px) / 3)
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-section {
    padding-bottom:98px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-section {
    padding-bottom:49px
  }
}

.ncommon-section--hasBorder {
  border-top: 1px solid #e6e6e6
}

.ncommon-switchNav01__list {
  font-size: 0;
  letter-spacing: -.5em;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-switchNav01__list {
    margin-bottom:-8px;
    padding-bottom: 8px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav01__list {
    -webkit-border-radius:3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-switchNav01__item {
    min-width:158px;
    display: inline-block;
    font-size: 14px;
    letter-spacing: normal;
    vertical-align: top;
    -webkit-font-feature-settings: "palt";
    -moz-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }

  .ncommon-switchNav01__item:nth-child(1) .ncommon-switchNav01__bt {
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
  }

  .ncommon-switchNav01__item:nth-child(1) .ncommon-switchNav01__bt span {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
  }

  .ncommon-switchNav01__item:nth-child(1) .ncommon-switchNav01__bt span:after {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
  }

  .ncommon-switchNav01__item:last-child .ncommon-switchNav01__bt {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
  }

  .ncommon-switchNav01__item:last-child .ncommon-switchNav01__bt span {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
  }

  .ncommon-switchNav01__item:last-child .ncommon-switchNav01__bt span:after {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
  }

  .ncommon-switchNav01__item:not(:last-child) {
    margin-right: 3px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-switchNav01__item {
    font-size:11px;
    min-width: 120px
  }

  .ncommon-switchNav01__item:nth-child(1) .ncommon-switchNav01__bt {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
  }

  .ncommon-switchNav01__item:nth-child(1) .ncommon-switchNav01__bt span {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
  }

  .ncommon-switchNav01__item:nth-child(1) .ncommon-switchNav01__bt span:after {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px
  }

  .ncommon-switchNav01__item:last-child .ncommon-switchNav01__bt {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
  }

  .ncommon-switchNav01__item:last-child .ncommon-switchNav01__bt span {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
  }

  .ncommon-switchNav01__item:last-child .ncommon-switchNav01__bt span:after {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav01__item {
    font-size:12px
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(2),.ncommon-switchNav01__item:first-child:nth-last-child(2) ~ .ncommon-switchNav01__item {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 4px;
    width: -webkit-calc((100% - 4px * (2 - 1)) / 2 - 0.1px);
    width: -moz-calc((100% - 4px * (2 - 1)) / 2 - 0.1px);
    width: calc((100% - 4px * (2 - 1)) / 2 - 0.1px);
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(2):not(:nth-child(-n+2)),.ncommon-switchNav01__item:first-child:nth-last-child(2) ~ .ncommon-switchNav01__item:not(:nth-child(-n+2)) {
    padding-top: 4px
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(2):nth-child(2n),.ncommon-switchNav01__item:first-child:nth-last-child(2) ~ .ncommon-switchNav01__item:nth-child(2n) {
    margin-right: 0
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(2):nth-child(2n + 1),.ncommon-switchNav01__item:first-child:nth-last-child(2) ~ .ncommon-switchNav01__item:nth-child(2n + 1) {
    clear: left
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(3),.ncommon-switchNav01__item:first-child:nth-last-child(3) ~ .ncommon-switchNav01__item {
    font-size: 11px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 4px;
    width: -webkit-calc((100% - 4px * (3 - 1)) / 3 - 0.1px);
    width: -moz-calc((100% - 4px * (3 - 1)) / 3 - 0.1px);
    width: calc((100% - 4px * (3 - 1)) / 3 - 0.1px);
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(3):not(:nth-child(-n+3)),.ncommon-switchNav01__item:first-child:nth-last-child(3) ~ .ncommon-switchNav01__item:not(:nth-child(-n+3)) {
    padding-top: 4px
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(3):nth-child(3n),.ncommon-switchNav01__item:first-child:nth-last-child(3) ~ .ncommon-switchNav01__item:nth-child(3n) {
    margin-right: 0
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(3):nth-child(3n + 1),.ncommon-switchNav01__item:first-child:nth-last-child(3) ~ .ncommon-switchNav01__item:nth-child(3n + 1) {
    clear: left
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(4),.ncommon-switchNav01__item:first-child:nth-last-child(4) ~ .ncommon-switchNav01__item {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 4px;
    width: -webkit-calc((100% - 4px * (2 - 1)) / 2 - 0.1px);
    width: -moz-calc((100% - 4px * (2 - 1)) / 2 - 0.1px);
    width: calc((100% - 4px * (2 - 1)) / 2 - 0.1px);
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(4):not(:nth-child(-n+2)),.ncommon-switchNav01__item:first-child:nth-last-child(4) ~ .ncommon-switchNav01__item:not(:nth-child(-n+2)) {
    padding-top: 4px
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(4):nth-child(2n),.ncommon-switchNav01__item:first-child:nth-last-child(4) ~ .ncommon-switchNav01__item:nth-child(2n) {
    margin-right: 0
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(4):nth-child(2n + 1),.ncommon-switchNav01__item:first-child:nth-last-child(4) ~ .ncommon-switchNav01__item:nth-child(2n + 1) {
    clear: left
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(4):nth-child(1) .ncommon-switchNav01__bt,.ncommon-switchNav01__item:first-child:nth-last-child(4) ~ .ncommon-switchNav01__item:nth-child(1) .ncommon-switchNav01__bt {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(4):nth-child(2) .ncommon-switchNav01__bt,.ncommon-switchNav01__item:first-child:nth-last-child(4) ~ .ncommon-switchNav01__item:nth-child(2) .ncommon-switchNav01__bt {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(4):nth-child(3) .ncommon-switchNav01__bt,.ncommon-switchNav01__item:first-child:nth-last-child(4) ~ .ncommon-switchNav01__item:nth-child(3) .ncommon-switchNav01__bt {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(4):nth-child(3) .ncommon-switchNav01__bt span,.ncommon-switchNav01__item:first-child:nth-last-child(4) ~ .ncommon-switchNav01__item:nth-child(3) .ncommon-switchNav01__bt span {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(4):nth-child(3) .ncommon-switchNav01__bt span:after,.ncommon-switchNav01__item:first-child:nth-last-child(4) ~ .ncommon-switchNav01__item:nth-child(3) .ncommon-switchNav01__bt span:after {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(4):nth-child(4) .ncommon-switchNav01__bt,.ncommon-switchNav01__item:first-child:nth-last-child(4) ~ .ncommon-switchNav01__item:nth-child(4) .ncommon-switchNav01__bt {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(4):nth-child(4) .ncommon-switchNav01__bt span,.ncommon-switchNav01__item:first-child:nth-last-child(4) ~ .ncommon-switchNav01__item:nth-child(4) .ncommon-switchNav01__bt span {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
  }

  .ncommon-switchNav01__item:first-child:nth-last-child(4):nth-child(4) .ncommon-switchNav01__bt span:after,.ncommon-switchNav01__item:first-child:nth-last-child(4) ~ .ncommon-switchNav01__item:nth-child(4) .ncommon-switchNav01__bt span:after {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px
  }
}

.ncommon-switchNav01__bt {
  display: block;
  cursor: pointer;
  position: relative;
  background-color: #f2f2f2;
  color: #737373;
  font-weight: bold;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
}

@media screen and (min-width: 760px),print {
  .ncommon-switchNav01__bt {
    line-height:36px
  }
}

@media screen and (min-width: 980px),print {
  .ncommon-switchNav01__bt {
    padding:0 14px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-switchNav01__bt {
    padding:0 7px
  }

  .ncommon-switchNav01__bt[data-value="vc"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav01__bt {
    line-height:42px
  }
}

.ncommon-switchNav01__bt:hover {
  background-color: #737373;
  color: #f2f2f2;
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1)
}

@media screen and (min-width: 760px),print {
  .ncommon-switchNav02.ncommon-switchNav02--onIcon {
    padding:28px 0 42px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav02.ncommon-switchNav02--onIcon {
    padding:14px 0 28px
  }
}

.ncommon-switchNav02.ncommon-switchNav02--onThumb {
  border-bottom: 1px solid #e6e6e6;
}

@media screen and (min-width: 760px),print {
  .ncommon-switchNav02.ncommon-switchNav02--onThumb {
    margin-bottom:42px;
    padding: 28px 0 42px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav02.ncommon-switchNav02--onThumb {
    margin-bottom:28px;
    padding: 14px 14px 28px
  }
}

.ncommon-switchNav02.ncommon-switchNav02--nextToTitle {
  position: absolute;
}

@media screen and (min-width: 760px),print {
  .ncommon-switchNav02.ncommon-switchNav02--nextToTitle {
    right:0;
    top: 34px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav02.ncommon-switchNav02--nextToTitle {
    width:100%;
    top: 90px
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-switchNav02.ncommon-switchNav02--onLargeThumb {
    padding-top:42px;
    padding-bottom: 42px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav02.ncommon-switchNav02--onLargeThumb {
    padding-top:14px;
    padding-bottom: 28px
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-switchNav02.ncommon-switchNav02--inFeature {
    padding-bottom:42px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav02.ncommon-switchNav02--inFeature {
    padding-top:14px;
    padding-bottom: 42px
  }
}

.ncommon-switchNav02.ncommon-switchNav02--loadVisible {
  visibility: hidden;
}

.ncommon-switchNav02.ncommon-switchNav02--loadVisible.js-ready {
  visibility: visible
}

.ncommon-switchNav02__list {
  font-size: 0;
  letter-spacing: -.5em;
  text-align: center;
}

@media screen and (min-width: 760px),print {
  .ncommon-switchNav02__list {
    margin-bottom:-8px;
    padding-bottom: 8px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav02__list {
    -webkit-border-radius:3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-switchNav02__item {
    min-width:138px;
    display: inline-block;
    font-size: 14px;
    letter-spacing: normal;
    vertical-align: top;
    -webkit-font-feature-settings: "palt";
    -moz-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }

  .ncommon-switchNav02__item:nth-child(1) .ncommon-switchNav02__bt {
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
  }

  .ncommon-switchNav02__item:nth-child(1) .ncommon-switchNav02__bt span {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
  }

  .ncommon-switchNav02__item:nth-child(1) .ncommon-switchNav02__bt span:after {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
  }

  .ncommon-switchNav02__item:last-child .ncommon-switchNav02__bt {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
  }

  .ncommon-switchNav02__item:last-child .ncommon-switchNav02__bt span {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
  }

  .ncommon-switchNav02__item:last-child .ncommon-switchNav02__bt span:after {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
  }

  .ncommon-switchNav02__item:not(:last-child) {
    margin-right: 3px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-switchNav02__item {
    font-size:11px;
    min-width: 84px
  }

  .ncommon-switchNav02__item:nth-child(1) .ncommon-switchNav02__bt {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
  }

  .ncommon-switchNav02__item:nth-child(1) .ncommon-switchNav02__bt span {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
  }

  .ncommon-switchNav02__item:nth-child(1) .ncommon-switchNav02__bt span:after {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px
  }

  .ncommon-switchNav02__item:last-child .ncommon-switchNav02__bt {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
  }

  .ncommon-switchNav02__item:last-child .ncommon-switchNav02__bt span {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
  }

  .ncommon-switchNav02__item:last-child .ncommon-switchNav02__bt span:after {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav02__item {
    font-size:11px
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(2),.ncommon-switchNav02__item:first-child:nth-last-child(2) ~ .ncommon-switchNav02__item {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 4px;
    width: -webkit-calc((100% - 4px * (2 - 1)) / 2 - 0.1px);
    width: -moz-calc((100% - 4px * (2 - 1)) / 2 - 0.1px);
    width: calc((100% - 4px * (2 - 1)) / 2 - 0.1px);
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(2):not(:nth-child(-n+2)),.ncommon-switchNav02__item:first-child:nth-last-child(2) ~ .ncommon-switchNav02__item:not(:nth-child(-n+2)) {
    padding-top: 4px
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(2):nth-child(2n),.ncommon-switchNav02__item:first-child:nth-last-child(2) ~ .ncommon-switchNav02__item:nth-child(2n) {
    margin-right: 0
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(2):nth-child(2n + 1),.ncommon-switchNav02__item:first-child:nth-last-child(2) ~ .ncommon-switchNav02__item:nth-child(2n + 1) {
    clear: left
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(3),.ncommon-switchNav02__item:first-child:nth-last-child(3) ~ .ncommon-switchNav02__item {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 4px;
    width: -webkit-calc((100% - 4px * (3 - 1)) / 3 - 0.1px);
    width: -moz-calc((100% - 4px * (3 - 1)) / 3 - 0.1px);
    width: calc((100% - 4px * (3 - 1)) / 3 - 0.1px);
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(3):not(:nth-child(-n+3)),.ncommon-switchNav02__item:first-child:nth-last-child(3) ~ .ncommon-switchNav02__item:not(:nth-child(-n+3)) {
    padding-top: 4px
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(3):nth-child(3n),.ncommon-switchNav02__item:first-child:nth-last-child(3) ~ .ncommon-switchNav02__item:nth-child(3n) {
    margin-right: 0
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(3):nth-child(3n + 1),.ncommon-switchNav02__item:first-child:nth-last-child(3) ~ .ncommon-switchNav02__item:nth-child(3n + 1) {
    clear: left
  }


  .ncommon-switchNav02__item:first-child:nth-last-child(4),.ncommon-switchNav02__item:first-child:nth-last-child(4) ~ .ncommon-switchNav02__item {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 4px;
    width: -webkit-calc((100% - 4px * (2 - 1)) / 2 - 0.1px);
    width: -moz-calc((100% - 4px * (2 - 1)) / 2 - 0.1px);
    width: calc((100% - 4px * (2 - 1)) / 2 - 0.1px);
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(4):not(:nth-child(-n+2)),.ncommon-switchNav02__item:first-child:nth-last-child(4) ~ .ncommon-switchNav02__item:not(:nth-child(-n+2)) {
    padding-top: 0
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(4):nth-child(2n),.ncommon-switchNav02__item:first-child:nth-last-child(4) ~ .ncommon-switchNav02__item:nth-child(2n) {
    margin-right: 0
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(4):nth-child(2n + 1),.ncommon-switchNav02__item:first-child:nth-last-child(4) ~ .ncommon-switchNav02__item:nth-child(2n + 1) {
    clear: left
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(4):nth-child(1) .ncommon-switchNav02__bt,.ncommon-switchNav02__item:first-child:nth-last-child(4) ~ .ncommon-switchNav02__item:nth-child(1) .ncommon-switchNav02__bt {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(4):nth-child(2) .ncommon-switchNav02__bt,.ncommon-switchNav02__item:first-child:nth-last-child(4) ~ .ncommon-switchNav02__item:nth-child(2) .ncommon-switchNav02__bt {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(4):nth-child(3) .ncommon-switchNav02__bt,.ncommon-switchNav02__item:first-child:nth-last-child(4) ~ .ncommon-switchNav02__item:nth-child(3) .ncommon-switchNav02__bt {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(4):nth-child(3) .ncommon-switchNav02__bt span,.ncommon-switchNav02__item:first-child:nth-last-child(4) ~ .ncommon-switchNav02__item:nth-child(3) .ncommon-switchNav02__bt span {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(4):nth-child(3) .ncommon-switchNav02__bt span:after,.ncommon-switchNav02__item:first-child:nth-last-child(4) ~ .ncommon-switchNav02__item:nth-child(3) .ncommon-switchNav02__bt span:after {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(4):nth-child(4) .ncommon-switchNav02__bt,.ncommon-switchNav02__item:first-child:nth-last-child(4) ~ .ncommon-switchNav02__item:nth-child(4) .ncommon-switchNav02__bt {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(4):nth-child(4) .ncommon-switchNav02__bt span,.ncommon-switchNav02__item:first-child:nth-last-child(4) ~ .ncommon-switchNav02__item:nth-child(4) .ncommon-switchNav02__bt span {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(4):nth-child(4) .ncommon-switchNav02__bt span:after,.ncommon-switchNav02__item:first-child:nth-last-child(4) ~ .ncommon-switchNav02__item:nth-child(4) .ncommon-switchNav02__bt span:after {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(4):not(:nth-child(-n+2)),.ncommon-switchNav02__item:first-child:nth-last-child(4) ~ .ncommon-switchNav02__item:not(:nth-child(-n+2)) {
    margin-top: 4px
  }



  .ncommon-switchNav02__item:first-child:nth-last-child(5),.ncommon-switchNav02__item:first-child:nth-last-child(5) ~ .ncommon-switchNav02__item {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 4px;
    width: -webkit-calc((100% - 4px * (2 - 1)) / 2 - 0.1px);
    width: -moz-calc((100% - 4px * (2 - 1)) / 2 - 0.1px);
    width: calc((100% - 4px * (2 - 1)) / 2 - 0.1px);
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(5):not(:nth-child(-n+2)),.ncommon-switchNav02__item:first-child:nth-last-child(5) ~ .ncommon-switchNav02__item:not(:nth-child(-n+2)) {
    padding-top: 0
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(5):nth-child(2n),.ncommon-switchNav02__item:first-child:nth-last-child(5) ~ .ncommon-switchNav02__item:nth-child(2n) {
    margin-right: 0
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(5):nth-child(2n + 1),.ncommon-switchNav02__item:first-child:nth-last-child(5) ~ .ncommon-switchNav02__item:nth-child(2n + 1) {
    clear: left
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(5):nth-child(1) .ncommon-switchNav02__bt,.ncommon-switchNav02__item:first-child:nth-last-child(5) ~ .ncommon-switchNav02__item:nth-child(1) .ncommon-switchNav02__bt {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(5):nth-child(2) .ncommon-switchNav02__bt,.ncommon-switchNav02__item:first-child:nth-last-child(5) ~ .ncommon-switchNav02__item:nth-child(2) .ncommon-switchNav02__bt {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(5):nth-child(3) .ncommon-switchNav02__bt,.ncommon-switchNav02__item:first-child:nth-last-child(5) ~ .ncommon-switchNav02__item:nth-child(3) .ncommon-switchNav02__bt {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(5):nth-child(3) .ncommon-switchNav02__bt span,.ncommon-switchNav02__item:first-child:nth-last-child(5) ~ .ncommon-switchNav02__item:nth-child(3) .ncommon-switchNav02__bt span {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(5):nth-child(3) .ncommon-switchNav02__bt span:after,.ncommon-switchNav02__item:first-child:nth-last-child(5) ~ .ncommon-switchNav02__item:nth-child(3) .ncommon-switchNav02__bt span:after {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(5):nth-child(4) .ncommon-switchNav02__bt,.ncommon-switchNav02__item:first-child:nth-last-child(5) ~ .ncommon-switchNav02__item:nth-child(4) .ncommon-switchNav02__bt {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(5):nth-child(4) .ncommon-switchNav02__bt span,.ncommon-switchNav02__item:first-child:nth-last-child(5) ~ .ncommon-switchNav02__item:nth-child(4) .ncommon-switchNav02__bt span {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(5):nth-child(4) .ncommon-switchNav02__bt span:after,.ncommon-switchNav02__item:first-child:nth-last-child(5) ~ .ncommon-switchNav02__item:nth-child(4) .ncommon-switchNav02__bt span:after {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px
  }

  .ncommon-switchNav02__item:first-child:nth-last-child(5):not(:nth-child(-n+2)),.ncommon-switchNav02__item:first-child:nth-last-child(5) ~ .ncommon-switchNav02__item:not(:nth-child(-n+2)) {
    margin-top: 4px
  }
}

.ncommon-switchNav02__bt {
  display: block;
  cursor: pointer;
  position: relative;
  background-color: #f2f2f2;
  color: #737373;
  font-weight: bold;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
}

@media screen and (min-width: 760px),print {
  .ncommon-switchNav02__bt {
    line-height:36px
  }
}

@media screen and (min-width: 980px),print {
  .ncommon-switchNav02__bt {
    padding:0 14px
  }
}

@media screen and (min-width: 760px) and (max-width:979px) {
  .ncommon-switchNav02__bt {
    padding:0 7px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav02__bt {
    position:relative;
    height: 36px
  }

  .ncommon-switchNav02__bt:empty {
    height: 0
  }
}

.ncommon-switchNav02__bt:hover {
  background-color: #737373;
  color: #f2f2f2;
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1)
}

.ncommon-switchNav02__bt.js-active {
  cursor: default;
  color: #fff;
  background-color: #e60012;
}

[data-bodytheme='wiiu'] .ncommon-switchNav02__bt.js-active {
  background-color: #0096c8
}

[data-bodytheme='3ds'] .ncommon-switchNav02__bt.js-active {
  background-color: #ce181e
}

[data-bodytheme='switch'] .ncommon-switchNav02__bt.js-active {
  background-color: #e60012
}

[data-bodytheme='wiiu'] .ncommon-switchNav02__bt.js-active {
  background-color: #0096c8
}

[data-bodytheme='3ds'] .ncommon-switchNav02__bt.js-active {
  background-color: #ce181e
}

[data-theme='switch'] .ncommon-switchNav02__bt.js-active {
  background-color: #e60012
}

[data-theme='wiiu'] .ncommon-switchNav02__bt.js-active {
  background-color: #0096c8
}

[data-theme='3ds'] .ncommon-switchNav02__bt.js-active {
  background-color: #ce181e
}

@media screen and (min-width: 760px),print {
  .ncommon-switchNav02__bt.js-active span:first-child {
    position:absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #e60012
  }

  [data-bodytheme='wiiu'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #ce181e
  }

  [data-bodytheme='switch'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #e60012
  }

  [data-bodytheme='wiiu'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #ce181e
  }

  [data-theme='switch'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #e60012
  }

  [data-theme='wiiu'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #0096c8
  }

  [data-theme='3ds'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #ce181e
  }

  .ncommon-switchNav02__bt.js-active span:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: rgba(0,0,0,0.25)
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav02__bt.js-active span:first-child {
    position:absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #e60012
  }

  [data-bodytheme='wiiu'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #ce181e
  }

  [data-bodytheme='switch'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #e60012
  }

  [data-bodytheme='wiiu'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #ce181e
  }

  [data-theme='switch'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #e60012
  }

  [data-theme='wiiu'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #0096c8
  }

  [data-theme='3ds'] .ncommon-switchNav02__bt.js-active span:first-child {
    background-color: #ce181e
  }

  .ncommon-switchNav02__bt.js-active span:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: rgba(0,0,0,0.25)
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-switchNav02__bt.js-active span:last-child {
    position:absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
    border: 4px solid;
    border-right-color: transparent !important;
    border-bottom: none;
    border-left-color: transparent !important;
    border-color: #e60012
  }

  [data-bodytheme='wiiu'] .ncommon-switchNav02__bt.js-active span:last-child {
    border-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-switchNav02__bt.js-active span:last-child {
    border-color: #ce181e
  }

  [data-bodytheme='switch'] .ncommon-switchNav02__bt.js-active span:last-child {
    border-color: #e60012
  }

  [data-bodytheme='wiiu'] .ncommon-switchNav02__bt.js-active span:last-child {
    border-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-switchNav02__bt.js-active span:last-child {
    border-color: #ce181e
  }

  [data-theme='switch'] .ncommon-switchNav02__bt.js-active span:last-child {
    border-color: #e60012
  }

  [data-theme='wiiu'] .ncommon-switchNav02__bt.js-active span:last-child {
    border-color: #0096c8
  }

  [data-theme='3ds'] .ncommon-switchNav02__bt.js-active span:last-child {
    border-color: #ce181e
  }

  .ncommon-switchNav02__bt.js-active span:last-child:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    border: 4px solid rgba(0,0,0,0.25);
    border-right-color: transparent;
    border-bottom: none;
    border-left-color: transparent
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav02__text {
    position:absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    line-height: 14px
  }
}

.ncommon-switchNav02__text br.bt__text__br--3col {
  display: none;
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav02__item:first-child:nth-last-child(3) .ncommon-switchNav02__text br.bt__text__br--3col,.ncommon-switchNav02__item:first-child:nth-last-child(3) ~ .ncommon-switchNav02__item .ncommon-switchNav02__text br.bt__text__br--3col {
    display:inline
  }
}
.ncommon-switchNav01__bt.js-active {
  cursor: default;
  color: #fff;
  background-color: #e60012;
}

[data-bodytheme='wiiu'] .ncommon-switchNav01__bt.js-active {
  background-color: #0096c8
}

[data-bodytheme='3ds'] .ncommon-switchNav01__bt.js-active {
  background-color: #ce181e
}

[data-bodytheme='switch'] .ncommon-switchNav01__bt.js-active {
  background-color: #e60012
}

[data-bodytheme='wiiu'] .ncommon-switchNav01__bt.js-active {
  background-color: #0096c8
}

[data-bodytheme='3ds'] .ncommon-switchNav01__bt.js-active {
  background-color: #ce181e
}

[data-theme='switch'] .ncommon-switchNav01__bt.js-active {
  background-color: #e60012
}

[data-theme='wiiu'] .ncommon-switchNav01__bt.js-active {
  background-color: #0096c8
}

[data-theme='3ds'] .ncommon-switchNav01__bt.js-active {
  background-color: #ce181e
}

@media screen and (min-width: 760px),print {
  .ncommon-switchNav01__bt.js-active span:first-child {
    position:absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #e60012
  }

  [data-bodytheme='wiiu'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #ce181e
  }

  [data-bodytheme='switch'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #e60012
  }

  [data-bodytheme='wiiu'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #ce181e
  }

  [data-theme='switch'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #e60012
  }

  [data-theme='wiiu'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #0096c8
  }

  [data-theme='3ds'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #ce181e
  }

  .ncommon-switchNav01__bt.js-active span:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: rgba(0,0,0,0.25)
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav01__bt.js-active span:first-child {
    position:absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #e60012
  }

  [data-bodytheme='wiiu'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #ce181e
  }

  [data-bodytheme='switch'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #e60012
  }

  [data-bodytheme='wiiu'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #ce181e
  }

  [data-theme='switch'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #e60012
  }

  [data-theme='wiiu'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #0096c8
  }

  [data-theme='3ds'] .ncommon-switchNav01__bt.js-active span:first-child {
    background-color: #ce181e
  }

  .ncommon-switchNav01__bt.js-active span:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: rgba(0,0,0,0.25)
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-switchNav01__bt.js-active span:last-child {
    position:absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
    border: 4px solid;
    border-right-color: transparent !important;
    border-bottom: none;
    border-left-color: transparent !important;
    border-color: #e60012
  }

  [data-bodytheme='wiiu'] .ncommon-switchNav01__bt.js-active span:last-child {
    border-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-switchNav01__bt.js-active span:last-child {
    border-color: #ce181e
  }

  [data-bodytheme='switch'] .ncommon-switchNav01__bt.js-active span:last-child {
    border-color: #e60012
  }

  [data-bodytheme='wiiu'] .ncommon-switchNav01__bt.js-active span:last-child {
    border-color: #0096c8
  }

  [data-bodytheme='3ds'] .ncommon-switchNav01__bt.js-active span:last-child {
    border-color: #ce181e
  }

  [data-theme='switch'] .ncommon-switchNav01__bt.js-active span:last-child {
    border-color: #e60012
  }

  [data-theme='wiiu'] .ncommon-switchNav01__bt.js-active span:last-child {
    border-color: #0096c8
  }

  [data-theme='3ds'] .ncommon-switchNav01__bt.js-active span:last-child {
    border-color: #ce181e
  }

  .ncommon-switchNav01__bt.js-active span:last-child:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    border: 4px solid rgba(0,0,0,0.25);
    border-right-color: transparent;
    border-bottom: none;
    border-left-color: transparent
  }
}

@media screen and (max-width: 759px) {
  .soft-switchNav__item:first-child .js-active span:first-child {
    left:-1px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav01--even .ncommon-switchNav01__list {
    white-space:normal
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav01--even .ncommon-switchNav01__item {
    width:-webkit-calc(50% - 2px);
    width: -moz-calc(50% - 2px);
    width: calc(50% - 2px)
  }

  .ncommon-switchNav01--even .ncommon-switchNav01__item:not(:last-child) {
    margin-right: 4px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-switchNav01--even .ncommon-switchNav01__bt {
    padding:0;
    text-align: center
  }
}

@media screen and (max-width: 374px) {
  .ncommon-switchNav01--even .ncommon-switchNav01__bt {
    font-size:12px;
    line-height: 44px
  }
}

.ncommon-search {
  position: relative;
  padding-right: 78px;
  border: 1px solid #dedede;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #f5f5f5;
}

.ncommon-search:before {
  content: '';
  position: absolute;
  background: url("../img/ncommon/_common/icon-search-b3b3b3.svg") no-repeat;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain
}

@media screen and (min-width: 760px),print {
  .ncommon-search {
    padding-left:42px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1) inset;
    box-shadow: 0 1px 5px rgba(0,0,0,0.1) inset
  }

  .ncommon-search:before {
    top: 11px;
    left: 15px;
    width: 18px;
    height: 18px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-search {
    padding-left:38px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset
  }

  .ncommon-search:before {
    top: 14px;
    left: 18px;
    width: 12px;
    height: 12px
  }
}

.ncommon-search__text {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  outline: 0;
  resize: none;
  margin: 0;
  padding: 0;
  zoom:1;border: none;
  font-size: inherit;
  font-family: inherit;
  height: 40px;
  line-height: 40px;
}

.ncommon-search__text::-ms-expand {
  display: none
}

.ncommon-search__text::-webkit-input-placeholder {
  color: #999;
}

@media screen and (min-width: 980px),print {
  html[data-device="desktop"] .ncommon-search__text::-webkit-input-placeholder {
    font-size:12px
  }
}

.ncommon-search__text:-ms-input-placeholder {
  color: #999;
}

@media screen and (min-width: 980px),print {
  html[data-device="desktop"] .ncommon-search__text:-ms-input-placeholder {
    font-size:12px
  }
}

.ncommon-search__text::-moz-placeholder {
  color: #999;
}

@media screen and (min-width: 980px),print {
  html[data-device="desktop"] .ncommon-search__text::-moz-placeholder {
    font-size:12px
  }
}

@media screen and (min-width: 760px),print {
  .ncommon-search__text {
    font-size:14px
  }

  [data-device="touch"] .ncommon-search__text {
    font-size: 16px;
  }

  [data-device="touch"] .ncommon-search__text::-webkit-input-placeholder {
    -webkit-transform: scale(.875);
    transform: scale(.875);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    overflow: visible
  }

  [data-device="touch"] .ncommon-search__text:-ms-input-placeholder {
    font-size: 14px
  }

  [data-device="touch"] .ncommon-search__text::-moz-placeholder {
    font-size: 14px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-search__text {
    font-size:12px
  }

  [data-device="touch"] .ncommon-search__text {
    font-size: 16px;
  }

  [data-device="touch"] .ncommon-search__text::-webkit-input-placeholder {
    -webkit-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    overflow: visible
  }

  [data-device="touch"] .ncommon-search__text:-ms-input-placeholder {
    font-size: 12px
  }

  [data-device="touch"] .ncommon-search__text::-moz-placeholder {
    font-size: 12px
  }
}

.ncommon-search__bt {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  outline: 0;
  resize: none;
  margin: 0;
  padding: 0;
  zoom:1;border: none;
  font-size: inherit;
  font-family: inherit;
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  width: 70px;
  height: 32px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.16);
  box-shadow: 0 1px 3px rgba(0,0,0,0.16);
  background-color: #3c3c3c;
  color: #fff;
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
}

.ncommon-search__bt::-ms-expand {
  display: none
}

.ncommon-search__bt:hover,a:hover .ncommon-search__bt,button:hover .ncommon-search__bt,.ncommon-u-linkbox:hover .ncommon-search__bt {
  background-color: #e60012;
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1)
}

[data-bodytheme='wiiu'] .ncommon-search__bt:hover,[data-bodytheme='wiiu'] a:hover .ncommon-search__bt,[data-bodytheme='wiiu'] button:hover .ncommon-search__bt,[data-bodytheme='wiiu'] .ncommon-u-linkbox:hover .ncommon-search__bt {
  background-color: #0096c8
}

[data-bodytheme='3ds'] .ncommon-search__bt:hover,[data-bodytheme='3ds'] a:hover .ncommon-search__bt,[data-bodytheme='3ds'] button:hover .ncommon-search__bt,[data-bodytheme='3ds'] .ncommon-u-linkbox:hover .ncommon-search__bt {
  background-color: #ce181e
}

@media screen and (min-width: 760px),print {
  .ncommon-search__bt {
    font-size:14px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-search__bt {
    font-size:12px
  }
}

.ncommon-search--simple:before {
  display: none
}

@media screen and (min-width: 760px),print {
  .ncommon-search--simple {
    padding:0 15px
  }
}

@media screen and (max-width: 759px) {
  .ncommon-search--simple {
    padding:0 18px
  }
}

.ncommon-search--simple input[type="submit"] {
  display: none
}

.ncommon-search__suggest {
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
  box-shadow: 0 1px 5px rgba(0,0,0,0.1);
  position: absolute;
  left: -1px;
  top: 100%;
  width: -webkit-calc(100% + 2px);
  width: -moz-calc(100% + 2px);
  width: calc(100% + 2px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dedede;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  background: #fff;
  z-index: 9999;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  visibility: hidden;
}

.ncommon-search__suggest.js-visible {
  visibility: visible
}

.ncommon-search__suggestItem {
  padding: .5em 15px;
  line-height: 1.25;
}

@media screen and (max-width: 759px) {
  .ncommon-search__suggestItem {
    padding:.5em 18px
  }
}

.ncommon-search__suggestItem:hover,.ncommon-search__suggestItem.js-active {
  background-color: #737373;
  color: #fff
}

.ncommon-icon,.ncommon-icon *,.ncommon-icon *:before,.ncommon-icon *:after {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: inherit;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition: all 240ms cubic-bezier(.25,.46,.45,.94);
  -moz-transition: all 240ms cubic-bezier(.25,.46,.45,.94);
  -o-transition: all 240ms cubic-bezier(.25,.46,.45,.94);
  transition: all 240ms cubic-bezier(.25,.46,.45,.94);
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain
}

.ncommon-icon:hover,a:hover .ncommon-icon,button:hover .ncommon-icon,.ncommon-u-linkbox:hover .ncommon-icon,.ncommon-icon:hover *,a:hover .ncommon-icon *,button:hover .ncommon-icon *,.ncommon-u-linkbox:hover .ncommon-icon *,.ncommon-icon:hover *:before,a:hover .ncommon-icon *:before,button:hover .ncommon-icon *:before,.ncommon-u-linkbox:hover .ncommon-icon *:before,.ncommon-icon:hover *:after,a:hover .ncommon-icon *:after,button:hover .ncommon-icon *:after,.ncommon-u-linkbox:hover .ncommon-icon *:after {
  -webkit-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -moz-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  -o-transition: all 150ms cubic-bezier(.25,.46,.45,.94);
  transition: all 150ms cubic-bezier(.25,.46,.45,.94)
}

.ncommon-icon {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: currentColor;
  vertical-align: middle;
}

@media all and (-ms-high-contrast:none) {
  .ncommon-icon {
    vertical-align: baseline
  }
}

.ncommon-icon + * {
  display: inline-block;
  vertical-align: middle;
}

@media all and (-ms-high-contrast:none) {
  .ncommon-icon + * {
    vertical-align: baseline
  }
}

.ncommon-icon > i,.ncommon-icon > i > i {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.ncommon-icon > i {
  background-color: transparent
}

.ncommon-icon > i > i {
  opacity: 0;
  background-color: currentColor
}

.ncommon-icon > i {
  background-image: url("../img/ncommon/_common/icon/right-stroke-white.svg")
}

.ncommon-icon[data-shape="left"] > i {
  background-image: url("../img/ncommon/_common/icon/left-stroke-white.svg")
}

.ncommon-icon[data-shape="down"] > i {
  background-image: url("../img/ncommon/_common/icon/down-stroke-white.svg")
}

.ncommon-icon[data-shape="up"] > i {
  background-image: url("../img/ncommon/_common/icon/up-stroke-white.svg")
}

.ncommon-icon[data-shape="plus"] > i {
  background-image: url("../img/ncommon/_common/icon/plus-stroke-white.svg")
}

.ncommon-icon[data-shape="close"] > i {
  background-image: url("../img/ncommon/_common/icon/close-stroke-white.svg")
}

.ncommon-icon[data-style="stroke"] > i {
  background-image: url("../img/ncommon/_common/icon/right-fill-white.svg")
}

.ncommon-icon[data-style="stroke"][data-shape="left"] > i {
  background-image: url("../img/ncommon/_common/icon/left-fill-white.svg")
}

.ncommon-icon[data-style="stroke"][data-shape="down"] > i {
  background-image: url("../img/ncommon/_common/icon/down-fill-white.svg")
}

.ncommon-icon[data-style="stroke"][data-shape="up"] > i {
  background-image: url("../img/ncommon/_common/icon/up-fill-white.svg")
}

.ncommon-icon[data-style="stroke"][data-shape="plus"] > i {
  background-image: url("../img/ncommon/_common/icon/plus-fill-white.svg")
}

.ncommon-icon[data-style="stroke"][data-shape="close"] > i {
  background-image: url("../img/ncommon/_common/icon/close-fill-white.svg")
}

.ncommon-icon > i > i {
  background-image: url("../img/ncommon/_common/icon/right-fill-white.svg")
}

.ncommon-icon[data-shape="left"] > i > i {
  background-image: url("../img/ncommon/_common/icon/left-fill-white.svg")
}

.ncommon-icon[data-shape="down"] > i > i {
  background-image: url("../img/ncommon/_common/icon/down-fill-white.svg")
}

.ncommon-icon[data-shape="up"] > i > i {
  background-image: url("../img/ncommon/_common/icon/up-fill-white.svg")
}

.ncommon-icon[data-shape="plus"] > i > i {
  background-image: url("../img/ncommon/_common/icon/plus-fill-white.svg")
}

.ncommon-icon[data-shape="close"] > i > i {
  background-image: url("../img/ncommon/_common/icon/close-fill-white.svg")
}

.ncommon-icon[data-style="stroke"] > i > i {
  background-image: url("../img/ncommon/_common/icon/right-stroke-white.svg")
}

.ncommon-icon[data-style="stroke"][data-shape="left"] > i > i {
  background-image: url("../img/ncommon/_common/icon/left-stroke-white.svg")
}

.ncommon-icon[data-style="stroke"][data-shape="down"] > i > i {
  background-image: url("../img/ncommon/_common/icon/down-stroke-white.svg")
}

.ncommon-icon[data-style="stroke"][data-shape="up"] > i > i {
  background-image: url("../img/ncommon/_common/icon/up-stroke-white.svg")
}

.ncommon-icon[data-style="stroke"][data-shape="plus"] > i > i {
  background-image: url("../img/ncommon/_common/icon/plus-stroke-white.svg")
}

.ncommon-icon[data-style="stroke"][data-shape="close"] > i > i {
  background-image: url("../img/ncommon/_common/icon/close-stroke-white.svg")
}

.ncommon-icon:hover[data-reverse="1"],a:hover .ncommon-icon[data-reverse="1"],button:hover .ncommon-icon[data-reverse="1"],.ncommon-u-linkbox:hover .ncommon-icon[data-reverse="1"] {
  background-color: #fff;
}

.ncommon-icon:hover[data-reverse="1"] > i,a:hover .ncommon-icon[data-reverse="1"] > i,button:hover .ncommon-icon[data-reverse="1"] > i,.ncommon-u-linkbox:hover .ncommon-icon[data-reverse="1"] > i {
  background-color: currentColor
}

.ncommon-icon:hover[data-reverse="1"] > i > i,a:hover .ncommon-icon[data-reverse="1"] > i > i,button:hover .ncommon-icon[data-reverse="1"] > i > i,.ncommon-u-linkbox:hover .ncommon-icon[data-reverse="1"] > i > i {
  opacity: 1
}

.ncommon-icon[data-style="transparent"] {
  background-color: transparent;
}

.ncommon-icon[data-style="transparent"] > i,.ncommon-icon[data-style="transparent"] > i > i {
  background-color: transparent !important
}

.ncommon-icon[data-style="transparent"][data-reverse="1"] > i,.ncommon-icon[data-style="transparent"][data-reverse="1"] > i > i {
  overflow: visible !important
}

.ncommon-icon:hover[data-style="transparent"][data-reverse="1"] > i,a:hover .ncommon-icon[data-style="transparent"][data-reverse="1"] > i,button:hover .ncommon-icon[data-style="transparent"][data-reverse="1"] > i,.ncommon-u-linkbox:hover .ncommon-icon[data-style="transparent"][data-reverse="1"] > i {
  background-image: none !important
}

.ncommon-iconRect {
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: 10px;
  height: 10px;
  color: #e60012;
  background-color: #e60012;
}

[data-bodytheme='wiiu'] .ncommon-iconRect {
  color: #0096c8
}

[data-bodytheme='3ds'] .ncommon-iconRect {
  color: #ce181e
}

[data-bodytheme='wiiu'] .ncommon-iconRect {
  background-color: #0096c8
}

[data-bodytheme='3ds'] .ncommon-iconRect {
  background-color: #ce181e
}

.ncommon-iconRect > i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -.5em;
  margin-left: -.5em;
  font-size: 12px
}

.ncommon-iconRect--close {
  width: 56px;
  height: 56px;
}

.ncommon-iconRect--close > i {
  font-size: 56px
}

.ncommon-iconRect--pager {
  width: 40px;
  height: 80px;
}

.ncommon-iconRect--pager > i {
  font-size: 32px
}

.ncommon-bt {
  position: relative;
  display: block;
  outline: none;
  cursor: pointer;
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border-style: solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #e60012;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.ncommon-bt > i {
  margin-right: .5em;
  vertical-align: top
}

.ncommon-bt > span {
  position: relative;
}

@media all and (-ms-high-contrast:none) {
  .ncommon-bt > span {
    top: .2em
  }
}

.ncommon-bt > span + i {
  margin-right: 0;
  margin-left: .5em;
  vertical-align: top
}

@media screen and (min-width: 760px),print {
  .ncommon-bt {
    height:42px;
    border-width: 2px;
    font-size: 14px;
    line-height: 38px
  }

  .ncommon-bt > i {
    top: 12px !important
  }
}

@media screen and (max-width: 759px) {
  .ncommon-bt {
    height:49px;
    border-width: 2px;
    font-size: 12px;
    line-height: 45px
  }

  .ncommon-bt > i {
    top: 16.5px !important
  }
}

.ncommon-bt,.ncommon-bt > span {
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear
}

.ncommon-bt:hover,a:hover .ncommon-bt,button:hover .ncommon-bt,.ncommon-u-linkbox:hover .ncommon-bt,.ncommon-bt:hover > span,a:hover .ncommon-bt > span,button:hover .ncommon-bt > span,.ncommon-u-linkbox:hover .ncommon-bt > span {
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1)
}

.ncommon-bt[data-style="fill"] {
  background-color: currentColor;
}

.ncommon-bt[data-style="fill"] > span {
  color: #fff
}

.ncommon-bt[data-style="fill"]:hover,a:hover .ncommon-bt[data-style="fill"],button:hover .ncommon-bt[data-style="fill"],.ncommon-u-linkbox:hover .ncommon-bt[data-style="fill"] {
  background-color: #fff;
}

.ncommon-bt[data-style="fill"]:hover > span,a:hover .ncommon-bt[data-style="fill"] > span,button:hover .ncommon-bt[data-style="fill"] > span,.ncommon-u-linkbox:hover .ncommon-bt[data-style="fill"] > span {
  color: inherit
}

.ncommon-bt[data-style="stroke"] {
  background-color: #fff;
}

.ncommon-bt[data-style="stroke"] > span {
  color: inherit
}

.ncommon-bt[data-style="stroke"]:hover,a:hover .ncommon-bt[data-style="stroke"],button:hover .ncommon-bt[data-style="stroke"],.ncommon-u-linkbox:hover .ncommon-bt[data-style="stroke"] {
  background-color: currentColor;
}

.ncommon-bt[data-style="stroke"]:hover > span,a:hover .ncommon-bt[data-style="stroke"] > span,button:hover .ncommon-bt[data-style="stroke"] > span,.ncommon-u-linkbox:hover .ncommon-bt[data-style="stroke"] > span {
  color: #fff
}

.ncommon-bt[data-style="transparent"] {
  background-color: transparent;
}

.ncommon-bt[data-style="transparent"] > span {
  color: inherit
}

.ncommon-bt[data-style="transparent"]:hover,a:hover .ncommon-bt[data-style="transparent"],button:hover .ncommon-bt[data-style="transparent"],.ncommon-u-linkbox:hover .ncommon-bt[data-style="transparent"] {
  background-color: currentColor;
}

.ncommon-bt[data-style="transparent"]:hover > span,a:hover .ncommon-bt[data-style="transparent"] > span,button:hover .ncommon-bt[data-style="transparent"] > span,.ncommon-u-linkbox:hover .ncommon-bt[data-style="transparent"] > span {
  color: #fff
}

.ncommon-bt[data-style="fillwhite"] {
  border-color: #fff;
  background-color: #fff;
}

.ncommon-bt[data-style="fillwhite"] > span {
  color: inherit
}

.ncommon-bt[data-style="fillwhite"]:hover,a:hover .ncommon-bt[data-style="fillwhite"],button:hover .ncommon-bt[data-style="fillwhite"],.ncommon-u-linkbox:hover .ncommon-bt[data-style="fillwhite"] {
  background-color: currentColor;
}

.ncommon-bt[data-style="fillwhite"]:hover > span,a:hover .ncommon-bt[data-style="fillwhite"] > span,button:hover .ncommon-bt[data-style="fillwhite"] > span,.ncommon-u-linkbox:hover .ncommon-bt[data-style="fillwhite"] > span {
  color: #fff
}

.ncommon-bt[data-style="3tones"] {
  border-color: #e6e6e6;
  background-color: #fff;
}

.ncommon-bt[data-style="3tones"] > span {
  color: #3c3c3c
}

.ncommon-bt[data-style="3tones"]:hover,a:hover .ncommon-bt[data-style="3tones"],button:hover .ncommon-bt[data-style="3tones"],.ncommon-u-linkbox:hover .ncommon-bt[data-style="3tones"] {
  border-color: currentColor;
}

.ncommon-bt[data-style="3tones"]:hover > span,a:hover .ncommon-bt[data-style="3tones"] > span,button:hover .ncommon-bt[data-style="3tones"] > span,.ncommon-u-linkbox:hover .ncommon-bt[data-style="3tones"] > span {
  color: inherit
}

.ncommon-link {
  display: inline-block;
  color: #e60012;
  font-weight: bold;
}

.ncommon-link > i {
  margin-right: 7px;
  vertical-align: top
}

.ncommon-link > span {
  -webkit-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -moz-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  -o-transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  transition: border-color 150ms linear,background-color 150ms linear,color 150ms linear;
  color: #3c3c3c;
  vertical-align: top
}

.ncommon-link:hover > span,a:hover .ncommon-link > span,button:hover .ncommon-link > span,.ncommon-u-linkbox:hover .ncommon-link > span {
  -webkit-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -moz-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  -o-transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  transition: border-color 150ms cubic-bezier(.165,.84,.44,1),background-color 150ms cubic-bezier(.165,.84,.44,1),color 150ms cubic-bezier(.165,.84,.44,1);
  color: inherit
}

.ncommon-radio {
  display: none;
}

.ncommon-radio + * {
  display: block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  font-size: 12px;
  line-height: 18px;
}

.ncommon-radio + *:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

.ncommon-radio + *:before {
  background-color: #f5f5f5;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1) inset;
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1) inset;
  box-shadow: 0 1px 5px rgba(0,0,0,0.1) inset
}

.ncommon-radio:checked + *:before {
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}

.ncommon-radio:checked + *:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #e60012
}

.ncommon-radio + span {
  font-weight: bold
}

.ncommon-check {
  display: none;
}

.ncommon-check + * {
  display: block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  font-size: 12px;
  line-height: 18px;
}

.ncommon-check + *:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}

.ncommon-check + *:before {
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1) inset;
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1) inset;
  box-shadow: 0 1px 5px rgba(0,0,0,0.1) inset
}

.ncommon-check:checked + *:before {
  border-color: #e60012;
  background-color: #e60012;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}

.ncommon-check:checked + *:after {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 4px;
  width: 8px;
  height: 3px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.ncommon-check + span {
  font-weight: bold
}

body {
  color: #3c3c3c;
  font-family: "ncommonCn", sans-serif;
  font-size: 14px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width: 0;
  max-width: 100vw;
  overflow-x: hidden
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .alps-os-windows body {
    font-family:"ncommonCn", sans-serif
  }
}

body p {
  margin: 0
}

body input,body textarea,body em {
  font-family: "ncommonCn", sans-serif;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .alps-os-windows body input,.alps-os-windows body textarea,.alps-os-windows body em {
    font-family: "ncommonCn", sans-serif
  }
}

body a {
  color: inherit;
  text-decoration: none
}

body.ncommon-content__cero {
  background-color: #000;
  color: #fff
}