@charset "utf-8";
/* CSS Document */

.title_container {
}
.title_container ul {
    /*margin: 40px 0;*/
}
.title_container li {
    float: left;
    margin: 0 0 0 -8px;
}
.title_container li:first-child {
    margin: 0;
}
.title_container li img {
    opacity: 1;
    transition: all 0.3s ease-in-out 0s;
}
.title_container li a:hover img {
    opacity: 0.5;
}
#main {
  background: rgba(0, 0, 0, 0) url("/img/bg_type2.jpg") no-repeat fixed center top;
}
#main .container {
  /*max-width: 1300px;*/
}
#main h3 {
    font-family: "kozuka-mincho-pro","Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
    font-size: 34px;
    font-style: italic;
    letter-spacing: 0.1em;
    margin: 0 0 50px;
    text-align: center;
    text-decoration: underline;
}

.inner{
	margin: 0 0 220px;
}

.inner:last-child{
	margin: 0 0 100px;
}

.notice {
    text-align: center;
}
/*#box {
    background: rgba(0, 0, 0, 0) url("/img/bg_type2.jpg") no-repeat fixed center top;
}

#box .container {
    margin: 0 auto;
}*/
#main ul {
    margin:0 0 3% ;
    text-align: center;
}
#main li:nth-child(2n) {
    margin: 0 1% 8%;
}
#main li {
  width:47%;
  margin:1%;
  height: 500px;
}
#main li.rank_01 {
  width:98%;
  margin:1% 0;
  max-width:1300px;
}

#main li.rank_01 .thum {
width: 28%;
/*max-width:980px;*/
}
#main li .thum {
    float: left;
    padding-bottom: 5%;
    width: 40%;
}

#main li.rank_01 .thumr {
width: 64%;
}

#main li .icons {
top: -10px;
    right: 0;
}

#main li.rank_01 .icons {
width: auto;
}

#main li .thumr {
  /*background: rgba(1, 1, 1, 0.7) none repeat scroll 0 0 / 100% auto;
      color: #fff;
      font-size: 0.9rem;
      line-height: 1.6;
      padding: 5% 2% 2%;
      position: absolute;
      right: 0;
      text-align: left;
      top: 5%;
      vertical-align: top;
      width: 61%;
      z-index: 10;
      float:none;*/


      background: rgba(1, 1, 1, 0.7) none repeat scroll 0 0 / 100% auto;
          float: left;
          font-size: 0.9rem;
          line-height: 1.6;
          margin: 30px 0 0 -30px;
          padding: 40px 5% 5%;
          position: relative;
          text-align: left;
          vertical-align: top;
          width: 46%;
          z-index: 10;
      }


#main li.rank_01 .thumr {
}

.rank {
}
.rank span {
    background-color: #fff;
    display: block;
    height: 1px;
    width: 40px;
    display: none;
}
.photo {
  width: 360px;
}
.photo img {
    /* max-width: 360px; */
    width: 100%;
}
.name {
    color: #fff;
    font-size: 24px;
    line-height: 1.4;
    margin: 30px 0 0;
}
.size {
    color: #fff;
    font-size: 12px;
}
.icon_rank {
    color: #fff;
    margin: 0 0 15px;
    overflow: hidden;
}
.count {
    /*font-family: "Pathway Gothic One",sans-serif;
    font-size: 48px;
    letter-spacing: 0.2em;*/
    float:left;
    margin-right:10px;
}
.count span {
}
.com {
    overflow: auto;
    margin-top: 20px;
line-height: 1.8;
}
.main_effect {
    width: 320px;
}
.main_effect .comment {
    margin: 70% auto 0;
}
/*.rank_01, .rank_03, .rank_05 {
    background: rgba(0, 0, 0, 0) url("/img/rank_bg_01.png") no-repeat scroll center top;
}
.rank_02, .rank_04 {
    background: rgba(0, 0, 0, 0) url("/img/rank_bg_02.png") no-repeat scroll center top;
}
.rank_01 span, .rank_03 span, .rank_05 span {
    float: right;
}*/
/*#main .rank_01 .thum, #main .rank_03 .thum, #main .rank_05 .thum {
    padding: 100px 0 0 280px;
    width: 460px;
}*/
#main .rank_01 .thumr, #main .rank_03 .thumr, #main .rank_05 .thumr {
}
#main .rank_02 .thum, #main .rank_04 .thum {
}
/*#main .rank_02 .thumr, #main .rank_04 .thumr {
    float: left;
    margin: 0 0 0 20px;
    padding: 60px 0 0;
    width: 460px;
}
.rank_01 .count, .rank_03 .count, .rank_05 .count {
    text-align: right;
}
.rank_02 .count, .rank_04 .count {
    text-align: left;
}*/
.rank_01 .thumr {
}
.rank_01 span {
    background-color: #b28500;
}
.rank_02 span {
    background-color: #777777;
}
.rank_03 span {
    background-color: #8c2300;
}