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

#pageContents.ranking2020 img{width:100%;}
#pageContents.ranking2020 a{color:#333;}
#pageContents.ranking2020 a:hover{text-decoration:none; color:#333333;}

#page{width:100% !important;}
#pageContents.ranking2020{width:950px !important;  margin:0 auto 100px!important; background:#f7f7f7; float:none!important}
ul.single-item li img{width:100%;}
#main_img{}
.slidebox{position:relative;}

.main_txt{text-align:center;  margin:20px 100px; font-size:16px; line-height:1.8em;}

/*menu*/
#menu_wrap{width: 850px;margin:0px auto;overflow:hidden;_zoom:1;padding-bottom:50px; text-align:center}
#menu_wrap ul#menu01 li{display:inline-block; margin: 5px;width: 23%;}
#menu_wrap ul#menu01 li img{
    filter: drop-shadow(1px 5px 3px #BBB);
}

/*共通*/
.rank_wrap{width:100%;overflow:hidden;_zoom:1;padding-top: 100px;margin-top: -40px;}
.ranking2020 h2{margin:0 auto -150px auto; text-align:center; display:block; width:300px;}
.rank_wrap p.cts_txt{text-align:center;/* width:90%; */padding: 20px 0 30px 0;margin: 0 170px;font-size: 18px;line-height:1.8em;color: #fff;}


/*買って良かった賞*/
#ctg01 h2{width:460px; margin:0 auto 0}
ul.rank_goodbox{overflow:hidden;_zoom:1;/* width:100%; */margin: 0 30px;overflow:hidden;}
ul.rank_goodbox li{padding: 0 2% 50px;overflow:hidden;position:relative;width: 46%;float: left;margin: 0 0 4%;}
ul.rank_goodbox li.short{width: 29%;padding: 0 2% 50px;overflow:hidden;position:relative;float:left;}
ul.rank_goodbox li.short .item_info {width: 273px;}
ul.rank_goodbox li .item_info .rank01{width: 23%;display: block;background:none;float: right;/* z-index: 10000; */}
ul.rank_goodbox li.short .item_info .rank01{width: 25%;display: block;background:none;float: right;/* top: -10px; */}
ul.rank_goodbox li .item_info .good_voice{position:absolute;right: 118px;top: 14px;width:auto!important;height: 94px;z-index: 100;}
ul.rank_goodbox li.short .item_info .good_voice{right: 48px;height: 78px;top: 18px;z-index: 10;}
ul.rank_goodbox li div.good_Img{/* margin-top:10px */}
ul.rank_goodbox li.short div.good_Img{padding-top: 70px;width: 270px;/* float: left; */}
ul.rank_goodbox li.short div.good_Img img{width: 270px!important;height: 200px;object-fit: cover;}
ul.rank_goodbox li .item_info h3{box-sizing:border-box;font-size: 18px;font-weight:bold;line-height:1.4em;/* display: inline-block; */padding: 10px 0 5px;color: #fff;}
ul.rank_goodbox li.short .item_info h3{/* float:right; *//* width: 42%; */padding: 0px 0 0;}
ul.rank_goodbox li.short .item_info h3 br{display:none}
ul.rank_goodbox li .item_info h4{padding:1% 2%;font-size:0.8em;background: #305f74;color: #fff;}
ul.rank_goodbox li.short .item_info h4{display:none}
.rank_goodbox .item_info{/* overflow:hidden */}
ul.rank_goodbox .item_info p{width:96%; padding:10px 10px 20px 10px;}
ul.rank_goodbox .sliderWrap{background:#fff; padding:10px 20px}
.slick-next:before{content: '＞'!important}
.slick-prev:before{content: '＜'!important}
.slick-wrapper span{display:block; color:#305f74; font-weight:bold}
.slick-prev {
    left: -45px!important;
}
.slick-next {
    right: -45px!important;
}
.slick-slide {
    display: none;
    float: left;
    height: 121px!important;
    /* min-height: 5px; */
    position: relative!important;
    left: 474px!important;
    text-align: left!important;
    width: 362px!important;
    padding: 0 10px!important;
	font-size: 13px;
line-height: 1.8em;}

/*新しい生活様式賞*/
#ctg02 h2{width: 350px;margin:0 auto 0;}
ul.rank_nnbox{overflow:hidden;_zoom:1;width:950px;margin: 0 auto 100px;}
ul.rank_nnbox li{width:calc(100%/3);padding: 0px 25px;box-sizing:border-box;float: right;}
ul.rank_nnbox .item_info .rank01{width: 30%;float:left;background:none;margin-left: 98px;}
ul.rank_nnbox .item_info h3{width: 90%; /*! float:right; */padding-left: 20px;box-sizing:border-box;font-size: 20px;font-weight:bold;line-height:1.4em;display: inline-block;text-align: center;color: #fff;padding: 10px 0 10px 20px;}
ul.rank_nnbox .item_info h4{background:#4a6195;padding:1% 2%;font-size:0.8em;width:96%;clear:left;color:#fff;text-align: center;}
ul.rank_nnbox .item_info p{width:96%; padding:10px 10px 20px 10px;}


/*インスタ*/
#ctg03 h2{width: 210px;margin:0 auto 0;}
ul.rank_instabox{overflow:hidden;_zoom:1;width: 850px;margin: 0 auto 100px;overflow:hidden;line-height: 0;}
ul.rank_instabox li{width: calc(100%/4);float:left; line-height:0}
ul.rank_instabox .insta_img{width:100% !important; margin-top:0px;}
ul.rank_instabox .item_info .rank01{width:20%; float:left; background:none;}
ul.rank_instabox .item_info h3{width:80%; float:right; padding-left:30px; box-sizing:border-box; font-size:1.6em; font-weight:bold; line-height:1.4em; padding-top:10px;}
ul.rank_instabox .item_info h4{border-top:1px solid #333; border-bottom:1px solid #333; padding:5px; font-size:0.8em; width:100%; clear:left; display:inline-block}
ul.rank_instabox .item_info p{width:100%; padding:10px;}




/*コラム*/
#ctg04 h2{width: 220px;margin:0 auto 0;}
ul.rank_columbox{overflow:hidden;_zoom:1;width: 730px;margin: 0 100px 100px;}
ul.rank_columbox li{width:100%;overflow:hidden;_zoom:1;border-bottom: 4px solid #6eb5af;padding-bottom:20px;}
ul.rank_columbox .item_info{float:left;width: 100%;padding: 20px 0px 0 0;box-sizing:border-box;overflow: hidden;}
ul.rank_columbox .colum_img{float:left; width:40% !important; margin-top:20px;}
ul.rank_columbox .item_info .rank01{width: 13%;float:left;background:none;}
ul.rank_columbox .item_info .rank01 img{/* width:20% !important; */}
ul.rank_columbox .item_info h3{width: 618px;float:right;padding-left: 15px;box-sizing:border-box;font-size: 23px;font-weight:bold;line-height:1.4em;border-left: 5px solid #fff;color: #fff;margin-top: 14px;height: 72px;padding-right: 0;}
ul.rank_columbox .item_info p{/* width:100%; */padding: 50px 20px 0;float: right;width: 43%;color: #fff;}
ul.rank_columbox .colum_btn{width: auto!important;text-align:right;font-size:0.9em;/* text-decoration:underline; */background: #FFF;display: inline-table;border-radius: 10px;padding: 5px 20px!important;color: #333!important;float: right;margin-top: 20px;}
ul.rank_columbox div.good_Img{margin: 17px auto 0;width: 50%;float: left;}


/*カテゴリー*/
#ctg05{background:#535353}
#ctg05 h2{width: 380px;margin:0 auto 0;}
.rank_ctg_wrap{width:950px;margin: 0 auto 100px 5px;overflow: hidden;}
.rank_ctgbox{width:450px;margin: 10px;overflow:hidden;_zoom:1;background:#FFFFFF;border-radius:5px;float:left;}
.rank_ctgttl{width: 60%;display:block;margin: 30px auto 10px;}
.rank_ctgbox li{width: 101%;padding: 15px 30px;box-sizing:border-box;float:left;position:relative;height: 130px;}
.rank_ctgbox .item_info .rank01{width:25%; float:left; background:none; position:absolute; top:15px; left:30px; z-index:1;}
.rank_ctgbox .item_info img{width:40% !important; float:left;}
.rank_ctgbox .item_info h3{font-size:1.2em; font-weight:bold; padding:5px 0;}
.rank_ctgbox .item_info h4{padding-bottom:10px;font-size: 12px;line-height: 1.2em;}
.rank_ctgbox .item_info .ctg_catch{float:right; width:60%; padding-left:20px; box-sizing:border-box;}


/*総合*/
#ctg06{background:#000}
#ctg06 h2{width: 340px;margin:0 auto 0;}
ul.rank_itembox{overflow:hidden;_zoom:1;width:950px;margin: 0 auto 100px;}
ul.rank_itembox li{width:calc(100%/3);padding: 50px 25px 10px;box-sizing:border-box;float:left;}
ul.rank_itembox li.short div.good_Img{padding-top: 0;width: 266px;/* float: left; */}
ul.rank_itembox li.short div.good_Img img{width: 100%;height: 230px;object-fit: cover;}
ul.rank_itembox li.short .item_info p{/*display: none;*/ color:#fff}
ul.rank_itembox li.middle{width: 100%;padding: 50px 8% 0;box-sizing:border-box;}
ul.rank_itembox li.middle div.good_Img{padding-top: 0;width: 459px;float: left;}
ul.rank_itembox li.middle div.good_Img img{width: 100%;height: 310px;object-fit: cover;}
ul.rank_itembox li.middle h3{
    font-size: 29px;
    padding: 46px 0 10px 30px;
    width: 85%;
}


ul.rank_itembox li.short .item_info .rank01{width: 100%;float:left;background:none;text-align: center;}
ul.rank_itembox li.short .item_info .rank01 img{width: 30%!important;  text-align: center; margin: 0 auto;}

ul.rank_itembox .item_info h3{width: 100%; /*! float:right; */padding-left: 10px;box-sizing:border-box;font-size: 20px;font-weight:bold;line-height: 1.6em;display: inline-block;color: #fff;padding-top: 10px;text-align: center;padding-bottom: 10px;}
ul.rank_itembox .item_info h4{border-top: 1px solid #fefc88;border-bottom: 1px solid #fefc88;padding: 2%;font-size: 14px;width:96%;clear:left;color: #fff;margin-bottom: 10px;line-height: 1.5em;}
ul.rank_itembox li.middle .item_info p{width: 39%;padding: 70px 0px 20px 10px;color: #fff;display: block;float: right;font-size: 18px;line-height: 2.0em;}
ul.rank_itembox li.middle h3 br{display:none}
ul.rank_itembox li.middle .item_info .rank01{width: 15%!important;float: left!important;background:none;}
ul.rank_itembox li.middle .item_info .rank01 img{text-align: center;margin: 0 auto;width: 100%!important;}