/***********************************************************************
 * #Contents .selectList
 ********************************************************************* */
#Contents .selectList > li {
  display: table;
  table-layout: fixed;
}
#Contents .selectList .tit {
  display: table-cell;
  vertical-align: middle;
}
#Contents .selectList .selectBox {
  display: table-cell;
  border: 1px solid #cccccc;
  border-radius: 8px;
  background: url(/news/img/select_img_arrow.png) right center no-repeat;
  -webkit-background-size: 43px auto;
          background-size: 43px auto; 
  vertical-align: middle;
}
#Contents .selectList select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  outline: none;
  border: none;
  background: none;
  cursor: pointer; 

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#Contents .selectList select::-ms-expand {
  display: none;
}
@media print, screen and (min-width: 768px) {
  #Contents .selectList {
    margin: 0 auto 60px; 
    width: 1120px;
  }
  #Contents .selectList > li.year {
    float: left;
  }
  #Contents .selectList > li.genre {
    float: left;
    padding-left: 20px;
  }
  #Contents .selectList > li.category {
    float: left;
    padding-left: 20px;
  }
  #Contents .selectList .tit {
    padding-right: 10px; 
    font-size: 18px;
  }
  #Contents .selectList .selectBox {
    width: 264px;
  }
  #Contents .selectList select {
    padding-left: 15px; 
    height: 45px;
    font-size: 18px;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  #Contents .selectList {
    margin: 0 auto 30px; 
    max-width: 500px;
  }
  #Contents .selectList > li {
    margin-top: 10px; 
    width: 100%;
  }
  #Contents .selectList > li:first-child {
    margin-top: 0;
  }
  #Contents .selectList .tit {
    width: 85px;
    font-size: 1.5rem;
  }
  #Contents .selectList .selectBox {
    border-radius: 5px;
    -webkit-background-size: auto 30px;
            background-size: auto 30px;
  }
  #Contents .selectList select {
    padding-left: 10px;
    height: 32px;
    font-size: 16px;
    padding-right: 40px;
  }
}

.ie9 #Contents .selectList .selectBox {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; 
  background-image: url();
}

/***********************************************************************
 * #Contents .topicsBlock
 ********************************************************************* */
@media print, screen and (min-width: 768px) {
  #Contents .topicsBlock {
    margin-bottom: 78px;
  }
}
@media only screen and (max-width: 767px) {
  #Contents .topicsBlock {
    margin-bottom: 30px;
  }
}