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

.top_bnr_img {
 width: 100%;
 margin: 0 auto 20px;
}
.top_bnr_img02 {
 width: 100%;
 margin: 0 auto 5px;
}
.top_bnr_img03 {
 width: 100%;
 margin: 0 auto 20px;
 padding-bottom: 30px;
 border-bottom: dashed #6eb92b 1px;
}
.top_bnr_img03 a:hover img {
 opacity: 0.8;
}
.top_bnr_img img,
.top_bnr_img02 img,
.top_bnr_img03 img {
 max-width: 100%;
}
.top_bnr_img img {
 max-width: 100%;
}
.top_rankingarea {
 width: 100%;
 margin: auto;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: space-around;
}
.top_rankingarea li {
 width: 285px;
 list-style: none;
 margin: 0 0 30px 0;
}
.top_ranking_price {
 font-size: 14px;
 display: block;
 color: #e25500;
 font-weight: bold;
}
.top_rankingarea li img {
 max-width: 100%;
}
.top_rankingarea li dt {
 font-size: 17px;
 padding: 5px 0 5px 8px;
 margin: 7px auto 0;
 font-weight: bold;
 border-left: solid 2px #6FBA2A;
}
.top_rankingarea li dd {
 font-size: 15px;
 padding: 7px 0 0;
}
.top_rankingarea li a:hover {
 text-decoration: none;
}
.top_rankingarea li a:hover img {
 opacity: 0.8;
}
.top_categorybnrarea {
 width: 100%;
 padding: 40px 0;
}
.top_categorybnrarea li {
 margin: 0 auto 25px;
 list-style: none;
}
.top_categorybnrarea img {
 max-width: 100%;
}
.top_categorybnrarea a:hover img {
 opacity: 0.8;
}
.top_bnr_introduction {
 max-width: 965px;
 width: 100%;
 margin: 0 auto 60px;
}
.top_bnr_introduction img {
 max-width: 100%;
}
.top_bnr_introduction dd {
 font-size: 16px;
 padding: 10px 0 20px;
}
.top_bnr_introduction a:hover img {
 opacity: 0.8;
}
.top_btn_otheritemarea {
 width: 100%;
 border-bottom: 1px dashed #000000;
 padding: 0 0 40px 0;
  margin: 0 auto 1px; 
}
.top_btn_otheritem {
 max-width: 900px;
 width: 100%;
 margin: 0 auto; 
}
.top_btn_otheritem img {
 max-width: 100%;
}
.top_btn_otheritem a:hover img {
 max-width: 100%;
 opacity: 0.8;
}
.top_bnr_otherranking {
 max-width: 760px;
 width: 100%;
 margin: 0 auto 30px; 
}
.top_bnr_otherranking img {
 max-width: 100%;
}
.top_line_bk {
 width: 100%;
 height: 1px;
 background: #000000;
 display: block;
 margin: 0 auto 40px;
}
.top_monthlyarea {
 width: 100%;
 border: 5px solid #f9e600;
 box-sizing: border-box;
}
.top_monthlyarea img {
 width: 100%;
}
.top_monthlyarea_item {
 margin: auto;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: space-around;
 padding:0 20px 20px;
}
.top_monthlyarea_item li {
 list-style: none;
}
.top_monthlyarea_item li.monthlyitem_l {
 width: 890px;
 margin: 20px auto 30px; 
}
.top_monthlyarea_item li.monthlyitem_m {
 width: 430px;
 margin:0 auto 15px;
}