/* clearfix */
.clearfix, #sns_area, #lank_sort {
  *zoom: 1; }
  .clearfix:after, #sns_area:after, #lank_sort:after {
    content: "";
    display: table;
    clear: both; }

html, body {
  font-family: Helvetica, 'Hiragino Kaku Gothic Pro W3','Hiragino Kaku Gothic Pro','Meiryo',Meiryo,'MS PGothic',sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 100, 255, 0.25);
  width: 100%;
  background: url(/common/img/header_back.png) repeat-x 0 0;
  margin: 0; }

html {
  font-size: 62.5%;
  overflow-x: hidden; }

@media screen and (min-width: 768px) {
  html {
    font-size: 87.5%; } }
@media screen and (min-width: 1024px) {
  html {
    font-size: 100%; } }
body {
  font-size: 1.4rem;
  overflow-x: hidden; }

/*
#header{
  width: 100%;
  overflow-x: hidden;
  overflow: hidden;
  @include _boxSizing;
}

#cm_header {
  width: 100%;
  overflow-x: hidden;
  @include _boxSizing;
}
*/
#headBlock h1 a {
  display: block;
  width: 100%;
  height: 100%; }

#headBlock h1 a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
  z-index: 1000; }

img {
  margin: 0;
  padding: 0;
  vertical-align: top; }

select {
  margin: 0;
  padding: 0;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  font-size: 1.5rem; }

#wrapper {
  overflow: hidden; }

ul.img_ul {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0; }

ul.img_ul li {
  display: table-cell;
  margin: 0;
  padding: 0; }

div.wide_image img {
  width: 100%;
  height: auto; }

#up_back {
  background-color: #eceff3;
  padding-top: 1%;
  padding-bottom: 15px; }

#sns_area {
  width: 100%;
  margin-top: 15px; }
  #sns_area ul {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    float: right;
    height: auto;
    width: 40%;
    display: table;
    margin-right: 3%;
    table-layout: fixed;
    text-align: right; }
    #sns_area ul li {
      display: table-cell;
      text-align: right; }
      #sns_area ul li img {
        width: 80%;
        height: auto; }

#kind_sort {
  clear: both;
  width: 94%;
  margin: 0 auto;
  padding-top: 15px; }
  #kind_sort #pull_kind {
    width: 100%; }

#period_sort {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: table;
  table-layout: fixed;
  width: 94%;
  margin: 0 auto;
  padding-top: 20px; }
  #period_sort .left {
    width: 38%;
    display: table-cell; }
    #period_sort .left img {
      width: 100%;
      height: auto;
      vertical-align: top; }
  #period_sort .right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 62%;
    display: table-cell;
    vertical-align: middle; }
    #period_sort .right #pull_period {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      width: 100%;
      height: 100%; }

#lank_sort {
  margin-top: 10px;
  margin-bottom: 10px;
  opacity: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  width: 100%; }
  #lank_sort li {
    font-size: 1.5rem;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 37px;
    border-right: #c3c9d1 solid 1px;
    margin-top: 10px;
    background: url(/common/special/award/2014/sp/img/chart/sankaku.gif) 7px center no-repeat; }
    #lank_sort li a {
      text-decoration: underline; }
    #lank_sort li span {
      padding-left: 5px;
      font-size: 1.2rem; }
  #lank_sort li.last {
    border: none; }

#sihyou {
  margin-top: 15px; }

#sihyou_txt {
  display: none; }

ul.sort_title {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: table;
  table-layout: fixed;
  width: 100%; }
  ul.sort_title li {
    display: table-cell; }
    ul.sort_title li img {
      width: 100%;
      height: auto;
      vertical-align: top; }
    ul.sort_title li a {
      display: block; }

ul#lankingList {
  width: 100%;
  min-height: 380px; }
  ul#lankingList .item {
    border-bottom: solid #ced3da 2px; }
    ul#lankingList .item .item_def {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      display: table;
      table-layout: fixed;
      width: 100%; }
      ul#lankingList .item .item_def li {
        display: table-cell; }
      ul#lankingList .item .item_def li.cell1 {
        width: 13%;
        background-color: #ebebeb;
        vertical-align: middle;
        text-align: center; }
        ul#lankingList .item .item_def li.cell1 p {
          font-size: 2.2rem;
          font-weight: bold;
          color: #333333; }
      ul#lankingList .item .item_def li.cell1.to_one {
        background-color: #e60027; }
        ul#lankingList .item .item_def li.cell1.to_one p {
          color: #FFF; }
      ul#lankingList .item .item_def li.cell1.to_two {
        background-color: #ffcad3; }
        ul#lankingList .item .item_def li.cell1.to_two p {
          color: #e60027; }
      ul#lankingList .item .item_def li.cell1.to_three {
        background-color: #ffeaeb; }
        ul#lankingList .item .item_def li.cell1.to_three p {
          color: #f18597; }
      ul#lankingList .item .item_def li.cell1.to_one.rank_sales {
        background-color: #6f52bf; }
        ul#lankingList .item .item_def li.cell1.to_one.rank_sales p {
          color: #FFF; }
      ul#lankingList .item .item_def li.cell1.to_two.rank_sales {
        background-color: #dbd2f3; }
        ul#lankingList .item .item_def li.cell1.to_two.rank_sales p {
          color: #6f52bf; }
      ul#lankingList .item .item_def li.cell1.to_three.rank_sales {
        background-color: #ede7fd; }
        ul#lankingList .item .item_def li.cell1.to_three.rank_sales p {
          color: #8f76d4; }
      ul#lankingList .item .item_def li.cell1.to_one.rank_airplay {
        background-color: #20af54; }
        ul#lankingList .item .item_def li.cell1.to_one.rank_airplay p {
          color: #FFF; }
      ul#lankingList .item .item_def li.cell1.to_two.rank_airplay {
        background-color: #aae6c0; }
        ul#lankingList .item .item_def li.cell1.to_two.rank_airplay p {
          color: #20af54; }
      ul#lankingList .item .item_def li.cell1.to_three.rank_airplay {
        background-color: #d6fae3; }
        ul#lankingList .item .item_def li.cell1.to_three.rank_airplay p {
          color: #6cc48c; }
      ul#lankingList .item .item_def li.cell1.to_one.rank_lookup {
        background-color: #f58500; }
        ul#lankingList .item .item_def li.cell1.to_one.rank_lookup p {
          color: #FFF; }
      ul#lankingList .item .item_def li.cell1.to_two.rank_lookup {
        background-color: #f6e0c6; }
        ul#lankingList .item .item_def li.cell1.to_two.rank_lookup p {
          color: #f58500; }
      ul#lankingList .item .item_def li.cell1.to_three.rank_lookup {
        background-color: #fff4e6; }
        ul#lankingList .item .item_def li.cell1.to_three.rank_lookup p {
          color: #f5a94e; }
      ul#lankingList .item .item_def li.cell1.to_one.rank_twitter {
        background-color: #38ace3; }
        ul#lankingList .item .item_def li.cell1.to_one.rank_twitter p {
          color: #FFF; }
      ul#lankingList .item .item_def li.cell1.to_two.rank_twitter {
        background-color: #cfe8f4; }
        ul#lankingList .item .item_def li.cell1.to_two.rank_twitter p {
          color: #38ace3; }
      ul#lankingList .item .item_def li.cell1.to_three.rank_twitter {
        background-color: #e9f7fd; }
        ul#lankingList .item .item_def li.cell1.to_three.rank_twitter p {
          color: #72c7f0; }
      ul#lankingList .item .item_def li.cell1.to_one.chartin {
        background-color: #1f68cd; }
        ul#lankingList .item .item_def li.cell1.to_one.chartin p {
          color: #FFF; }
      ul#lankingList .item .item_def li.cell1.to_two.chartin {
        background-color: #c3daf9; }
        ul#lankingList .item .item_def li.cell1.to_two.chartin p {
          color: #1f68cd; }
      ul#lankingList .item .item_def li.cell1.to_three.chartin {
        background-color: #e1edfe; }
        ul#lankingList .item .item_def li.cell1.to_three.chartin p {
          color: #5993e4; }
      ul#lankingList .item .item_def li.cell2 {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        width: 72%;
        vertical-align: bottom; }
        ul#lankingList .item .item_def li.cell2 ul.item_main_area {
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          display: table;
          table-layout: fixed;
          width: 100%;
          height: 88%; }
          ul#lankingList .item .item_def li.cell2 ul.item_main_area li {
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            display: table-cell;
            vertical-align: middle; }
          ul#lankingList .item .item_def li.cell2 ul.item_main_area li.left {
            width: 37%;
            padding-left: 10px;
            padding-top: 10px;
            padding-right: 10px;
            text-align: center; }
            ul#lankingList .item .item_def li.cell2 ul.item_main_area li.left img {
              width: 100%;
              height: auto;
              vertical-align: middle; }
            ul#lankingList .item .item_def li.cell2 ul.item_main_area li.left a {
              display: block; }
          ul#lankingList .item .item_def li.cell2 ul.item_main_area li.right {
            width: 63%;
            padding-top: 10px;
            padding-right: 10px;
            vertical-align: middle; }
            ul#lankingList .item .item_def li.cell2 ul.item_main_area li.right p.title {
              font-weight: bold;
              font-size: 1.5rem; }
            ul#lankingList .item .item_def li.cell2 ul.item_main_area li.right p.artist {
              font-size: 1.3rem; }
        ul#lankingList .item .item_def li.cell2 div.show_dtl {
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          vertical-align: bottom;
          height: 12%; }
          ul#lankingList .item .item_def li.cell2 div.show_dtl img {
            width: 100%;
            height: auto;
            vertical-align: bottom; }
      ul#lankingList .item .item_def li.cell3 {
        width: 15%;
        vertical-align: middle; }
        ul#lankingList .item .item_def li.cell3 img {
          width: 100%;
          height: auto;
          vertical-align: middle; }
        ul#lankingList .item .item_def li.cell3 a {
          display: block; }
    ul#lankingList .item .item_dtl {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      display: table;
      display: none;
      table-layout: fixed;
      width: 100%;
      background: url(/common/special/award/2014/sp/img/chart/detail.gif) center bottom no-repeat;
      background-size: 100% auto; }
      ul#lankingList .item .item_dtl li {
        display: table-cell;
        text-align: center;
        vertical-align: bottom; }
        ul#lankingList .item .item_dtl li div {
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          display: table;
          table-layout: fixed;
          width: 100%;
          height: 67%; }
          ul#lankingList .item .item_dtl li div p {
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            display: table-cell;
            vertical-align: middle;
            font-size: 1.5rem;
            text-align: center; }
      ul#lankingList .item .item_dtl li.dtl_sogo {
        color: #e60027; }
      ul#lankingList .item .item_dtl li.dtl_sd {
        color: #6f52bf; }
      ul#lankingList .item .item_dtl li.dtl_air {
        color: #00a33b; }
      ul#lankingList .item .item_dtl li.dtl_lu {
        color: #f58500; }
      ul#lankingList .item .item_dtl li.dtl_tw {
        color: #38ace3; }
      ul#lankingList .item .item_dtl li.dtl_chartin {
        color: #1f68cd; }

#pagetop {
  margin-top: 0px;
  border-bottom: #c3c9d1 solid 1px; }
  #pagetop img {
    width: 100%;
    height: auto;
    vertical-align: top; }

.loading {
  background: url(/common/special/award/2014/sp/img/chart/loading.gif);
  background-position: center center;
  background-repeat: no-repeat; }

@media screen and (min-width: 768px) {
  ul#lankingList {
    min-height: 500px; } }
@media screen and (min-width: 1024px) {
  ul#lankingList {
    min-height: 650px; } }