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

ランキング2021

PC用

///////////////////////////////
*/
#pageContents.rankingCnt{/* width: 100% !important; */background:#FFF;margin: 0 auto;width: 950px!important;float: none;}
#pageContents.rankingCnt p {font-size:14px;line-height:2.0em;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size:15px;font-weight:500;line-height:1.8em;color:#333;}
#pageContents.rankingCnt a:hover{text-decoration:none!important;}
#pageContents.rankingCnt img{width:100%;/* padding: 10px; */}
#pageContents a{display:block;}


/*メイン*/
#pageContents .ttlCnt h1{font-size: 14px;text-align:center;line-height:1.3em;padding: 5px 0;letter-spacing: 3px; border-bottom:none!important}
#pageContents .ttlCnt p{padding: 2% 5%;text-align: center;}
#pageContents .ttlCnt p br{display:block}

/*メニュー*/
#menu_wrap{width: 680px;margin: 0px auto 30px;overflow:hidden;_zoom:1;text-align: center;padding-bottom:50px;}
ul#menu01{width: 620px; margin: 0 auto; overflow: hidden;}
#menu_wrap ul li{border-top:1px solid #333;padding: 20px;float: left;width:100%;/* margin: 10%; */line-height: 0;}
#menu_wrap ul li:nth-child(1){width: 580px;}
#menu_wrap ul li:nth-child(2){width: 270px;border-right:1px solid #333;}
#menu_wrap ul li:nth-child(3){width: 268px;}
#menu_wrap ul li:nth-child(4){width: 100%;padding:10px 0} 





/*共通*/
.rank_wrap{width:100%;overflow:hidden;_zoom:1;padding-top: 40px;/* margin-top: -20px; *//* text-align: center; */padding-bottom: 100px;}
.rank_wrap h2{
    margin: 0 15%;
}
.rank_wrap h3{text-align:center;/* font-size: 5.0em; *//* font-weight:bold; */}
.rank_wrap h3 small{font-size: 11px;line-height: 30px;position: relative;display: inline-block;/* width: 150px; */height: 26px;transition: all .1s ease-in-out;text-align: center;text-decoration: none;color: #fff;background-color: red;padding: 0 10px;}
.rank_wrap h3 small:before,
.rank_wrap h3 small:after {position: absolute;top: 0;width: 0;height: 0;content: '';border: 13px solid transparent;border-right: 10px solid transparent;border-left: 10px solid transparent;}
.rank_wrap h3 small:before { right: 100%; border-right-color: red;}
.rank_wrap h3 small:after { left: 100%; border-left-color: red;}
.rank_wrap h3 small:hover {opacity: .7;}
.rank_wrap h3 span{display:block;font-weight: bold;font-size: 22px;margin: 10px auto;letter-spacing: 4px;}
.rank_wrap p.main_txt{margin: 1% 5% 2%;font-size: 18px!important;line-height: 2.0em;text-align: center;}

.rankbox{overflow:hidden}
.rankbox h4{text-align: center;font-size: 13px;overflow: hidden;margin-top: 5px;}
.rankbox mark{background:none;position: absolute;z-index: 40;top: 0;left: 0;}

.rankbox li{float:left; inline-block;position: relative;margin-bottom:20px;}
.rankbox li.rank5 mark,
.rankbox li.rank4 mark,
.rankbox li.rank3 mark,
.rankbox li.rank2 mark{width: 50px;display: block;}
.rankbox li.rank1 mark{width: 70px;display: block;}
.rankbox li.rank1 dd{font-size: 14px;letter-spacing:1px;}




/*買って良かった大賞 -------------------------------- */
#ctg01{text-align:center}
.rankbox dl dt{position: relative;display: inline-block;margin: 3px 0 13px;padding: 2px 10px;/* min-width: 120px; */width: 181px;color: #fff;font-size: 11px;background: #e333;text-align: center;letter-spacing:2px;line-height: 1.8em;}
.rankbox  li.rank1 dl dt{width: 100%;}
.rankbox dl dt:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border: 9px solid transparent;border-top: 9px solid #e33;}
.rankbox dl dd{font-size: 14px;text-align: left;line-height: 1.8em;}

/*部門賞*/
.ranksub{margin: 1%;background:#eee;border-radius:15px;padding: 35px 15px;margin-bottom: 10px;box-shadow: 0px 4px 2px #ccc;width: 44%;display: inline-block;}
.ranksub p.main_txt{margin: 1% 5px 3%;height: 5em;font-size: 16px!important;text-align: left;}
.ranksub img.itemimg{position: relative;z-index:5;}
.ranksub li.rank3{width:48%;display: inline-block;position: relative; margin-right:2%}
.ranksub li.rank2{width:48%;display: inline-block;position: relative;}
.ranksub li.rank1{display: inline-block;position: relative;}


/*部門賞-日用品*/
#ctg01b1.ranksub h3 small{background-color:#42bb84;letter-spacing: 1px;}
#ctg01b1.ranksub h3 small:before{border-right-color:#42bb84}
#ctg01b1.ranksub h3 small:after{border-left-color:#42bb84}
#ctg01b1.ranksub .rankbox dl dt{background: #42bb84;}
#ctg01b1.ranksub .rankbox dl dt:before {border: 9px solid transparent; border-top: 9px solid #42bb84;}

/*部門賞-口コミしたくなるで賞*/
#ctg01b2.ranksub h3 small{background-color:#89bb42;letter-spacing: 1px;}
#ctg01b2.ranksub h3 small:before{border-right-color:#89bb42}
#ctg01b2.ranksub h3 small:after{border-left-color:#89bb42}
#ctg01b2.ranksub .rankbox dl dt{background: #89bb42;}
#ctg01b2.ranksub .rankbox dl dt:before {border: 9px solid transparent; border-top: 9px solid #89bb42;}

/*部門賞-ボンモマン賞*/
#ctg01b3.ranksub h3 small{background-color:#bb4b42;letter-spacing: 1px;}
#ctg01b3.ranksub h3 small:before{border-right-color:#bb4b42}
#ctg01b3.ranksub h3 small:after{border-left-color:#bb4b42}
#ctg01b3.ranksub .rankbox dl dt{background: #bb4b42;}
#ctg01b3.ranksub .rankbox dl dt:before {border: 9px solid transparent; border-top: 9px solid #bb4b42;}

/*部門賞-クッカヤプー賞*/
#ctg01b4.ranksub h3 small{background-color:#6dafe0;letter-spacing: 1px;}
#ctg01b4.ranksub h3 small:before{border-right-color:#6dafe0}
#ctg01b4.ranksub h3 small:after{border-left-color:#6dafe0}
#ctg01b4.ranksub .rankbox dl dt{background: #6dafe0;}
#ctg01b4.ranksub .rankbox dl dt:before {border: 9px solid transparent; border-top: 9px solid #6dafe0;}

/*部門賞-プチプラ賞*/
#ctg01b5.ranksub h3 small{background-color:#7c69c1;letter-spacing: 1px;}
#ctg01b5.ranksub h3 small:before{border-right-color:#7c69c1}
#ctg01b5.ranksub h3 small:after{border-left-color:#7c69c1}
#ctg01b5.ranksub .rankbox dl dt{background: #7c69c1;}
#ctg01b5.ranksub .rankbox dl dt:before {border: 9px solid transparent; border-top: 9px solid #7c69c1;}
#ctg01b5.ranksub p.main_txt{height:2em}

/*買って良かった大賞*/
#ctg01b6 h3{margin-bottom:20px;margin: 0 15% 20px;}
#ctg01b6.rankbest{margin:3%;padding: 5% 0;}
#ctg01b6.rankbest p.main_txt{margin:1% 5%}
#ctg01b6.rankbest li{display: inline-block;position: relative;width: 31%;margin-right: 20px;}
#ctg01b6.rankbest img.itemimg{position: relative;z-index:5;width: 100%;float: left;/* width: 100%; */height: 170px;object-fit: cover;}
#ctg01b6.rankbest .rankbox dl{/* width: 43%!important; */float: left;height: 10em;/* margin-left:2%; */}
#ctg01b6.rankbest .rankbox dl dt{background: #7e7e7e;width: 100%;margin: 0 0 17px;padding: 0;}
#ctg01b6.rankbest .rankbox dl dt:before {border: 9px solid transparent; border-top: 9px solid #7e7e7e;}
#ctg01b6.rankbest .rankbox li.rank2 img.itemimg,
#ctg01b6.rankbest .rankbox li.rank1 img.itemimg{width: 100%!important; height: auto;}
#ctg01b6.rankbest .rankbox li.rank2 dl,
#ctg01b6.rankbest .rankbox li.rank1 dl{width: 100%!important;margin-left:0}
#ctg01b6.rankbest .rankbox li.rank2 h4,
#ctg01b6.rankbest .rankbox li.rank1 h4{width: 100%!important;}
#ctg01b6.rankbest .rankbox h4{/* margin-left: 2%; *//* width: 42%; */float: left;text-align: center;width: 100%;height: 3em;line-height: 1.5em;}
#ctg01b6.rankbest .rankbox .rank1 h4{text-align:center}

#ctg01b6.rankbest .rankbox dl dd{color:#392f0d; font-weight:bold}
#ctg01b6.rankbest .rankbox dl dd:nth-child(even){color:#745d0d;}

#ctg01b6.rankbest .rankbox li.rank2,
#ctg01b6.rankbest .rankbox li.rank1{width: 47%;}


/*インスタグラマーさん大賞 -------------------------------- */
#ctg02.rank_wrap{padding-top: 18px;margin-bottom: 100px;padding-bottom: 0;}
#ctg02{background:#000; color:#fff}
#ctg02 h2{margin:0}
#ctg02 p.main_txt{color:#fff;text-align: center;}
#ctg02 .rankbox{
    padding: 0px 0 60px 160px;
}
#ctg02 .rankbox h4{color:#fff;margin: 6% 3% 10px;width: 53%;text-align: left;float: left;}
#ctg02 .rankbox li{margin: 0 0px;/* width: 27%; */overflow: hidden;}
#ctg02 .rankbox li img.itemimg{width: 39%!important;margin: 0 0 30px 0;float: left;}
#ctg02 .rankbox p.incom{background: #424248;text-align: left;letter-spacing:2px;padding: 10px 20px;border-radius: 10px;line-height: 1.7em;margin: 0 0 40px;font-size: 14px;color:#fff;width: 30%;float: left;margin: 0 3%;}
#ctg02 .rankbox mark{background:none;position: absolute;z-index: 40;top: 0;left: 0;}
#ctg02 .rankbox li.rank1 img.itemimg{width: 47%!important;margin:0;}
#ctg02 .rankbox li.rank1 mark{width: 70px;display: block;left: 0;}
#ctg02 .rankbox li.rank2 p.incom{margin-bottom: 150px;}
#ctg02 .rankbox li.rank2 span{font-size: 27px;text-align: center;display:block;line-height: 1.7em;letter-spacing:2px;margin: 0px 0px 20px;float: left;width: 710px;}
#ctg02 .rankbox li.rank2 span b{font-size: 47px;font-weight:bold;color: #fff;}
#ctg02 .rankbox li.rank1 h4{width: 40%!important;margin: 12% 0 1% 3%;}
#ctg02 .rankbox li.rank1 p.incom{width: 32%!important;margin: 0 3%;}
#ctg02 div{background:#000}


/*コラム大賞 -------------------------------- */
#ctg03.rank_wrap{padding-top: 18px;}
#ctg03 h2{margin:0}
#ctg03 p.main_txt{}
#ctg03 .rankbox{}
#ctg03 .rankbox h4{/* color:#fff; */margin: 3%;font-size: 14px;text-align: left;width: 100%;display: inline-block;}
#ctg03 .rankbox li{margin: 0 20px 30px 0;width: 31.8%;background: #eee;}
#ctg03 .rankbox li:last-child{margin: 0 0px 30px 0;}
#ctg03 .rankbox li img.itemimg{width: 100%;/* margin: 0 25%; */height: 210px;object-fit: cover;}
#ctg03 .rankbox p.incom{background: #424248;text-align: left;letter-spacing:2px;padding: 10px 20px;border-radius: 10px;line-height: 1.7em;margin: 0 0 40px;font-size: 12px;color:#fff;}
#ctg03 .rankbox mark{background:none;position: absolute;z-index: 40;top: 0;left: 0;}
#ctg03 .rankbox li.rank1 img.itemimg{width: 100%!important; margin:0}
#ctg03 .rankbox li.rank1 mark{width: 70px;display: block;left: 0;}
#ctg03 .rankbox li.rank2 span{font-size: 20px;text-align: center; display:block; line-height:1.4em; letter-spacing:2px; margin-bottom:10px}
#ctg03 .rankbox li.rank2 span b{font-size: 30px; font-weight:bold}
#ctg03 .rankbox img.clmbtn{width: 30%;/* float: right; */margin: 0 35% 2%;text-align: center;}



/*総合 -------------------------------- */
#ctg04{background:#333333}
#ctg04 h2{margin-top:30px}
#ctg04 h2 img{width: 40%!important;margin: 0px 30% 20px;}
#ctg04 .rankbox{width:100%;margin:0 auto;background:#414141;overflow: hidden;}
#ctg04 .rankbox li{width:calc(100%/3);padding: 50px 25px 10px;box-sizing:border-box;float:left;}
#ctg04 .rankbox li .item_info{overflow:hidden}
#ctg04 .rankbox li .item_info mark{width: 30%!important;float:left;background:none;padding-bottom:10px;top: 42px;}
#ctg04 .rankbox li .item_info mark img{width: 100%!important}
#ctg04 .rankbox li.short .item_info mark{width: 18%!important;display: block;background:none;left: 5%;}
#ctg04 .rankbox li .item_info h3{/* width: 74%!important; */float: right;padding: 0px 0 0 0px;/* box-sizing:border-box; */font-size: 18px;font-weight:bold;line-height:1.4em;color:#fff;background: none!important;text-align:left;letter-spacing: 1px;}
#ctg04 .rankbox li.short .item_info h3{width: 210px;display: block;background:none;padding: 0px 0 16px 0;margin: 0;font-size: 16px;}
#ctg04 .rankbox li.short div.good_Img{padding-top: 0;width: 100%;/* float: left; */}
#ctg04 .rankbox li.short div.good_Img img{width: 100%;height: 230px;object-fit: cover;}
#ctg04 .rankbox li.short .item_info p{/* float: right!important; */width: 100%;padding: 0px 0 0;}


#ctg04 .rankbox li .item_info:last-child() h3{padding-top:15px}
#ctg04 .rankbox li .item_info h4{border-bottom:1px solid #fff;padding: 5px 10px 5px 0x;font-size: 12px;width:100%;clear:left;margin: 10px 0;color:#ec9090;text-align: left;}
#ctg04 .rankbox li .item_info p{width:100%;padding: 10px 0 10px;color:#fff;}

#ctg04 .rankbox li.middle .item_info mark,
#ctg04 .rankbox li.short.rank4 .item_info mark{width: 120px!important;left: 90px;}
#ctg04 .rankbox li.middle .item_info h3,
#ctg04 .rankbox li.short.rank4 .item_info h3{padding: 13px 0 20px 20px;}

#ctg04 .rankbox li.middle,
#ctg04 .rankbox li.short.rank4{width: 100%;padding: 50px 8%;box-sizing:border-box;}
#ctg04 .rankbox li.middle div.good_Img,
#ctg04 .rankbox li.short.rank4 div.good_Img{padding-top: 0;width: 459px;float: left;}
#ctg04 .rankbox li.middle div.good_Img img,
#ctg04 .rankbox li.short.rank4 div.good_Img img{width: 100%;height: 310px;object-fit: cover;}
#ctg04 .rankbox li.middle h3,
#ctg04 .rankbox li.short.rank4 h3{font-size: 35px;padding: 46px 0 10px 30px;width: 85%;}
#ctg04 .rankbox li.middle h4,
#ctg04 .rankbox li.short.rank4 h4{padding-left: 150px;font-size: 16px;}
#ctg04 .rankbox li.middle .item_info p,
#ctg04 .rankbox li.short.rank4 .item_info p{width: 40%;padding: 70px 0px 20px 10px;color: #fff;display: block;float: right;font-size: 18px;line-height: 2.0em;}
#ctg04 .rankbox li.middle h3 br,
#ctg04 .rankbox li.short.rank4e h3 br{display:none}
#ctg04 .rankbox li.middle .item_info .rank01{width: 15%!important;float: left!important;background:none;}
#ctg04 .rankbox li.middle .item_info .rank01 img{text-align: center;margin: 0 auto;width: 100%!important;}



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

#ctg04 .rankbox .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;}
#ctg04 .rankbox .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;}



#ctg04 .middle.rank2 br{display:block!important}