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

/* line 27, style.scss */
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/special/award/2015/sp/img/chart/header_back.png) repeat-x 0 0;
  margin: 0; }

/* line 46, style.scss */
html {
  font-size: 62.5%;
  overflow-x: hidden; }

@media screen and (min-width: 768px) {
  /* line 52, style.scss */
  html {
    font-size: 87.5%; } }
@media screen and (min-width: 1024px) {
  /* line 56, style.scss */
  html {
    font-size: 100%; } }
/* line 59, style.scss */
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;
}
*/
/* line 79, style.scss */
#headBlock h1 {
  width: 70%;
  height: auto;
  background: url(/common/special/award/2015/sp/img/chart/index_ttl_mainVisual.gif) left top no-repeat;
  background-size: cover; }

/* line 86, style.scss */
#headBlock h1 a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
  text-indent: -9999px;
  z-index: 1000; }

/* line 97, style.scss */
#headBlock h1:before {
  content: "";
  display: block;
  padding-top: 42.7%; }

/* line 103, style.scss */
#headBlock #menu .menuInner {
  height: 100%; }

/* line 107, style.scss */
#headBlock #menu ul {
  width: 100%;
  padding-top: 9px;
  background: url(/common/special/award/2015/img/index_bg_menu_sp.png) 96% top no-repeat;
  background-size: 12px 9px; }

/* line 113, style.scss */
#headBlock #menu li {
  width: 100% !important;
  float: none;
  margin: 0;
  background: none; }

/* line 119, style.scss */
#headBlock #menu li.menu01 {
  border-top: 6px solid #ced3da; }

/* line 122, style.scss */
#headBlock #menu .menu01:before, .menu01:after {
  padding-top: 10px; }

/* line 125, style.scss */
#headBlock #menu li a {
  width: 100% !important;
  -wibkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  line-height: 50px;
  display: block;
  color: #fff;
  font-size: 24px;
  text-shadow: none;
  padding: 0 3.2%;
  font-family: Helvetica NeueUI, Helvetica, "Trebuchet MS", Arial, sans-serif;
  overflow: hidden;
  position: relative; }

/* line 141, style.scss */
#headBlock #menu li a:after {
  position: absolute;
  top: 50%;
  right: 3.2%;
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

/* line 155, style.scss */
#headBlock #menu li a.btn_about {
  background: url(/common/special/award/2015/img/index_nav_about_sp.gif) 15px 50% no-repeat #e991b7;
  background-size: 81px 18px; }

/* line 156, style.scss */
#headBlock #menu li a.btn_chart {
  background: url(/common/special/award/2015/img/index_nav_chart_sp.gif) 15px 50% no-repeat #a597b5;
  background-size: 79px 18px; }

/* line 157, style.scss */
#headBlock #menu li a.btn_vote {
  background: url(/common/special/award/2015/img/index_nav_awards_sp.gif) 15px 50% no-repeat #e8d642;
  background-size: 102px 18px; }

/* line 158, style.scss */
#headBlock #menu li a.btn_commentary {
  background: url(/common/special/award/2015/img/index_nav_crtCommentary_sp.gif) 15px 50% no-repeat #8cd29c;
  background-size: 211px 18px; }

/* line 159, style.scss */
#headBlock #menu li a.btn_archive {
  background: url(/common/special/award/2015/img/index_nav_archive_sp.gif) 15px 50% no-repeat #46b2c2;
  background-size: 100px 18px; }

/* line 162, style.scss */
img {
  margin: 0;
  padding: 0;
  vertical-align: top; }

/* line 168, style.scss */
select {
  margin: 0;
  padding: 0;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  font-size: 1.5rem; }

/* line 176, style.scss */
#wrapper {
  overflow: hidden; }

/* line 180, style.scss */
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; }

/* line 189, style.scss */
ul.img_ul li {
  display: table-cell;
  margin: 0;
  padding: 0; }

/* line 196, style.scss */
div.wide_image img {
  width: 100%;
  height: auto; }

/* line 202, style.scss */
#up_back {
  background-color: #eceff3;
  padding-top: 1%;
  padding-bottom: 15px; }

/* line 208, style.scss */
#sns_area {
  width: 100%;
  margin-top: 15px; }
  /* line 213, style.scss */
  #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; }
    /* line 222, style.scss */
    #sns_area ul li {
      display: table-cell;
      text-align: right; }
      /* line 225, style.scss */
      #sns_area ul li img {
        width: 80%;
        height: auto; }

/* line 234, style.scss */
#kind_sort {
  clear: both;
  width: 94%;
  margin: 0 auto;
  padding-top: 15px; }
  /* line 239, style.scss */
  #kind_sort #pull_kind {
    width: 100%; }

/*
#period_sort {
	@include _boxSizing;
	display: table;
	table-layout:fixed;
	width: 94%;
	margin: 0 auto;
	padding-top: 20px;//3%;

	.left {
		width: 38%;
		display: table-cell;
		img {
				width: 100%;
				height: auto;
				vertical-align: top;
		}
	}

	.right {
		@include _boxSizing;
		width: 62%;
		display: table-cell;
		vertical-align: middle;
		#pull_period {
			@include _boxSizing;
			width: 100%;
			height: 100%;
		}
	}
}
*/
/* line 277, style.scss */
#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%; }
  /* line 287, style.scss */
  #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/2015/sp/img/chart/sankaku.gif) 7px center no-repeat; }
    /* line 298, style.scss */
    #lank_sort li a {
      text-decoration: underline; }
    /* line 301, style.scss */
    #lank_sort li span {
      padding-left: 5px;
      font-size: 1.2rem; }
  /* line 309, style.scss */
  #lank_sort li.last {
    border: none; }

/* line 318, style.scss */
#sihyou_txt {
  display: none; }

/* line 323, style.scss */
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%;
  border-top: solid 1px #c9cacb;
  border-bottom: solid 2px #c9cacb; }
  /* line 329, style.scss */
  ul.sort_title li {
    display: table-cell;
    width: 16%; }
    /* line 332, style.scss */
    ul.sort_title li img {
      width: 100%;
      height: auto;
      vertical-align: top; }
    /* line 337, style.scss */
    ul.sort_title li a {
      display: block; }

/* line 347, style.scss */
ul.sort_title li img.gray {
  cursor: default;
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30); }

/* line 360, style.scss */
ul#lankingList {
  width: 100%;
  min-height: 380px; }
  /* line 364, style.scss */
  ul#lankingList .item {
    border-bottom: solid #ced3da 2px; }
    /* line 366, style.scss */
    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%; }
      /* line 371, style.scss */
      ul#lankingList .item .item_def li {
        display: table-cell; }
      /* line 374, style.scss */
      ul#lankingList .item .item_def li.cell1 {
        width: 13%;
        background-color: #ebebeb;
        vertical-align: middle;
        text-align: center; }
        /* line 379, style.scss */
        ul#lankingList .item .item_def li.cell1 p {
          font-size: 2.2rem;
          font-weight: bold;
          color: #333333; }
      /* line 386, style.scss */
      ul#lankingList .item .item_def li.cell1.to_one {
        background-color: #e60027; }
        /* line 388, style.scss */
        ul#lankingList .item .item_def li.cell1.to_one p {
          color: #FFF; }
      /* line 392, style.scss */
      ul#lankingList .item .item_def li.cell1.to_two {
        background-color: #ffcad3; }
        /* line 394, style.scss */
        ul#lankingList .item .item_def li.cell1.to_two p {
          color: #e60027; }
      /* line 398, style.scss */
      ul#lankingList .item .item_def li.cell1.to_three {
        background-color: #ffeaeb; }
        /* line 400, style.scss */
        ul#lankingList .item .item_def li.cell1.to_three p {
          color: #f18597; }
      /* line 404, style.scss */
      ul#lankingList .item .item_def li.cell1.to_one.rank_sales {
        background-color: #6f52bf; }
        /* line 406, style.scss */
        ul#lankingList .item .item_def li.cell1.to_one.rank_sales p {
          color: #FFF; }
      /* line 410, style.scss */
      ul#lankingList .item .item_def li.cell1.to_two.rank_sales {
        background-color: #dbd2f3; }
        /* line 412, style.scss */
        ul#lankingList .item .item_def li.cell1.to_two.rank_sales p {
          color: #6f52bf; }
      /* line 416, style.scss */
      ul#lankingList .item .item_def li.cell1.to_three.rank_sales {
        background-color: #ede7fd; }
        /* line 418, style.scss */
        ul#lankingList .item .item_def li.cell1.to_three.rank_sales p {
          color: #8f76d4; }
      /* line 422, style.scss */
      ul#lankingList .item .item_def li.cell1.to_one.rank_airplay {
        background-color: #20af54; }
        /* line 424, style.scss */
        ul#lankingList .item .item_def li.cell1.to_one.rank_airplay p {
          color: #FFF; }
      /* line 428, style.scss */
      ul#lankingList .item .item_def li.cell1.to_two.rank_airplay {
        background-color: #aae6c0; }
        /* line 430, style.scss */
        ul#lankingList .item .item_def li.cell1.to_two.rank_airplay p {
          color: #20af54; }
      /* line 434, style.scss */
      ul#lankingList .item .item_def li.cell1.to_three.rank_airplay {
        background-color: #d6fae3; }
        /* line 436, style.scss */
        ul#lankingList .item .item_def li.cell1.to_three.rank_airplay p {
          color: #6cc48c; }
      /* line 440, style.scss */
      ul#lankingList .item .item_def li.cell1.to_one.rank_lookup {
        background-color: #f58500; }
        /* line 442, style.scss */
        ul#lankingList .item .item_def li.cell1.to_one.rank_lookup p {
          color: #FFF; }
      /* line 446, style.scss */
      ul#lankingList .item .item_def li.cell1.to_two.rank_lookup {
        background-color: #f6e0c6; }
        /* line 448, style.scss */
        ul#lankingList .item .item_def li.cell1.to_two.rank_lookup p {
          color: #f58500; }
      /* line 452, style.scss */
      ul#lankingList .item .item_def li.cell1.to_three.rank_lookup {
        background-color: #fff4e6; }
        /* line 454, style.scss */
        ul#lankingList .item .item_def li.cell1.to_three.rank_lookup p {
          color: #f5a94e; }
      /* line 458, style.scss */
      ul#lankingList .item .item_def li.cell1.to_one.rank_twitter {
        background-color: #38ace3; }
        /* line 460, style.scss */
        ul#lankingList .item .item_def li.cell1.to_one.rank_twitter p {
          color: #FFF; }
      /* line 464, style.scss */
      ul#lankingList .item .item_def li.cell1.to_two.rank_twitter {
        background-color: #cfe8f4; }
        /* line 466, style.scss */
        ul#lankingList .item .item_def li.cell1.to_two.rank_twitter p {
          color: #38ace3; }
      /* line 470, style.scss */
      ul#lankingList .item .item_def li.cell1.to_three.rank_twitter {
        background-color: #e9f7fd; }
        /* line 472, style.scss */
        ul#lankingList .item .item_def li.cell1.to_three.rank_twitter p {
          color: #72c7f0; }
      /* line 476, style.scss */
      ul#lankingList .item .item_def li.cell1.to_one.chartin {
        background-color: #d02220; }
        /* line 478, style.scss */
        ul#lankingList .item .item_def li.cell1.to_one.chartin p {
          color: #FFF; }
      /* line 482, style.scss */
      ul#lankingList .item .item_def li.cell1.to_two.chartin {
        background-color: #ffdada; }
        /* line 484, style.scss */
        ul#lankingList .item .item_def li.cell1.to_two.chartin p {
          color: #d02220; }
      /* line 488, style.scss */
      ul#lankingList .item .item_def li.cell1.to_three.chartin {
        background-color: #ffecec; }
        /* line 490, style.scss */
        ul#lankingList .item .item_def li.cell1.to_three.chartin p {
          color: #ef7c7b; }
      /* line 495, style.scss */
      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; }
        /* line 499, style.scss */
        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%; }
          /* line 506, style.scss */
          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; }
          /* line 511, style.scss */
          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; }
            /* line 517, style.scss */
            ul#lankingList .item .item_def li.cell2 ul.item_main_area li.left img {
              width: 100%;
              height: auto;
              vertical-align: middle; }
            /* line 522, style.scss */
            ul#lankingList .item .item_def li.cell2 ul.item_main_area li.left a {
              display: block; }
          /* line 526, style.scss */
          ul#lankingList .item .item_def li.cell2 ul.item_main_area li.right {
            width: 63%;
            padding-top: 10px;
            padding-right: 10px;
            vertical-align: middle; }
            /* line 531, style.scss */
            ul#lankingList .item .item_def li.cell2 ul.item_main_area li.right p.title {
              font-weight: bold;
              font-size: 1.5rem; }
            /* line 535, style.scss */
            ul#lankingList .item .item_def li.cell2 ul.item_main_area li.right p.artist {
              font-size: 1.3rem; }
        /* line 541, style.scss */
        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%; }
          /* line 545, style.scss */
          ul#lankingList .item .item_def li.cell2 div.show_dtl img {
            width: 100%;
            height: auto;
            vertical-align: bottom; }
      /* line 552, style.scss */
      ul#lankingList .item .item_def li.cell3 {
        width: 15%;
        vertical-align: middle; }
        /* line 555, style.scss */
        ul#lankingList .item .item_def li.cell3 img {
          width: 100%;
          height: auto;
          vertical-align: middle; }
        /* line 560, style.scss */
        ul#lankingList .item .item_def li.cell3 a {
          display: block; }
    /* line 566, style.scss */
    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/2015/sp/img/chart/detail.png) center bottom no-repeat;
      background-size: 100% auto; }
      /* line 574, style.scss */
      ul#lankingList .item .item_dtl li {
        display: table-cell;
        text-align: center;
        vertical-align: bottom; }
        /* line 578, style.scss */
        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%; }
          /* line 584, style.scss */
          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; }
      /* line 594, style.scss */
      ul#lankingList .item .item_dtl li.dtl_sogo {
        color: #e60027; }
      /* line 597, style.scss */
      ul#lankingList .item .item_dtl li.dtl_sd {
        color: #6f52bf; }
      /* line 600, style.scss */
      ul#lankingList .item .item_dtl li.dtl_air {
        color: #00a33b; }
      /* line 603, style.scss */
      ul#lankingList .item .item_dtl li.dtl_lu {
        color: #f58500; }
      /* line 606, style.scss */
      ul#lankingList .item .item_dtl li.dtl_tw {
        color: #38ace3; }
      /* line 609, style.scss */
      ul#lankingList .item .item_dtl li.dtl_chartin {
        color: #d22a28; }

/* line 622, style.scss */
#pagetop {
  margin-top: 0px;
  border-bottom: #c3c9d1 solid 1px; }
  /* line 625, style.scss */
  #pagetop img {
    width: 100%;
    height: auto;
    vertical-align: top; }

/* line 633, style.scss */
.loading {
  background: url(/common/special/award/2015/sp/img/chart/loading.gif);
  background-position: center center;
  background-repeat: no-repeat; }

@media screen and (min-width: 768px) {
  /* line 641, style.scss */
  ul#lankingList {
    min-height: 500px; } }
@media screen and (min-width: 1024px) {
  /* line 645, style.scss */
  ul#lankingList {
    min-height: 650px; } }
