@charset "euc-jp";

a.btn-area {
    display: block;
    padding: 1em 0.4em;
    text-align: center;
    text-decoration: none;
    border: 2px solid #b9b9b9;
    background: #f5f5f5;
    border-radius: 1px;
    transition: .4s;
    margin: 3%;
}


.newitem_title {
    background-color: #ffffe3;
    background-image: url(https://file003.shop-pro.jp/PA01411/410/img/common/parts-garland01_L.png),url(https://file003.shop-pro.jp/PA01411/410/img/common/parts-garland02_R.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left -3% top -10px, right -3% top -18px;
    padding-bottom: 20px;
    border-top: 3px solid #fbe315;
    border-bottom: 1px solid #fbe315;
    margin-bottom: 30px;
}
/* news */
.news_section {
 position: relative;
 margin: 2em auto;
 padding: 3.2em 1em 1em;
 width: 75%;
 background: #202020; 
 color: #fff; 
 border: 7px solid #b2771f; 
 border-radius: 3px;
 box-shadow: 0 0 5px #333;
}
@media (max-width: 768px) {
  /* ~768px */
  .news_section {
     width: 95%;
  }
}

.news_section::before,
.news_section::after {
 position: absolute;
 content: '';
 bottom: 0;
} 
.news_section::before {
 width: 20px;
 right: 10px;
 border: solid 3px #ffa500; /*チョーク（オレンジ） */
 border-radius: 3px 2px 0 2px;
}
.news_section::after {
 width: 15px; 
 right: 45px;
 border: solid 3px #fff; /*チョーク（白） */
 border-radius: 8px 5px 2px 5px;
}
.news_section_title {
 position: absolute;
 left: 1em;
 top: .5em;
 font-weight: bold;
 font-size: 1.1em;
 color: #fff;
}
.news_section a {
    color: #fff !important;
}
.news_section a:hover {
    color: #ffa500 !important;
    text-decoration: none;
}

.rank-counter li {
  counter-increment: rank;
}
.rank-counter li::before {
  content: "第 "counter(rank) " 位";
  font-weight: 700;
  line-height: initial;
}

.rank-counter li:nth-child(1):before {
  color: #e9546b;
  padding-bottom : 2px;
  border-bottom : 2px solid #e9546b;
}
.rank-counter li:nth-child(2):before {
  color: #ff9933;
  padding-bottom : 2px;
  border-bottom : 2px solid #ff9933;
}
.rank-counter li:nth-child(3):before {
  color: #2e8b57;
  padding-bottom : 2px;
  border-bottom : 2px solid #2e8b57;
}