.rb1710_clearfix::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .rb1710_homeRecommend { margin-top: 40px; } .rb1710_homeRecommend__title { margin-bottom: 20px; padding: 10px 15px; background: url(/contents/shop/radish/include/other/top/pc/img/bg_stripe_02.gif); color: #534437; font-size: 20px; } .rb1710_homeRecommend__list { overflow: hidden; } .rb1710_homeRecommend__list li { float: left; position: relative; width: 320px; margin: 20px 0 0 10px; border: 1px solid #dbceae; border-radius: 4px; box-sizing: border-box; overflow: hidden; font-size: 13.5px; } .rb1710_homeRecommend__list li:nth-child(3n-2) { margin-left: 0; } .rb1710_homeRecommend__list li > a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .rb1710_homeRecommend__list li > a:hover { background: rgba(255, 255, 255, 0.25); } .rb1710_homeRecommend__list li img { width: 100%; height: auto; vertical-align: middle; } .rb1710_homeRecommend__list li .post__txt { position: relative; padding: 10px 12px; border-top: 1px solid #dbceae; background: #fff; } .rb1710_homeRecommend__list li .post__txt__cat, .rb1710_homeRecommend__list li .post__txt__cat--recipe, .rb1710_homeRecommend__list li .post__txt__cat--post, .rb1710_homeRecommend__list li .post__txt__cat--popular { position: absolute; padding: 5px 0 4px; top: 10px; left: 12px; width: 45px; border-radius: 4px; font-size: 11px; line-height: 13px; text-align: center; color: #fff; } .rb1710_homeRecommend__list li .post__txt__cat--popular2 { position: absolute; padding: 3px 0 3px; top: 10px; left: 12px; width: 33px; border-radius: 4px; font-size: 13px; font-weight: bold; line-height: 13px; text-align: center; color: #1a1a1a; border: 1px solid #1a1a1a; } .rb1710_homeRecommend__list li .post__txt__cat--recipe { background: #eb9b00; } .rb1710_homeRecommend__list li .post__txt__cat--post { background: #49ab36; } .rb1710_homeRecommend__list li .post__txt__cat--popular { background: #f06b6b; } .rb1710_homeRecommend__list li .post__txt__ttl { padding: 2px 0 0 40px; font-size: 16px; line-height: 18px; font-weight: normal; } .rb1710_homeRecommend__list li .post__txt__ttl.space { letter-spacing:-0.01em; } .rb1710_homeRecommend__list li .post__txt__ttl.space2 { letter-spacing:0.01em; } .rb1710_homeRecommend__list li .post__txt__desc { margin-top: 11px; padding: 0 0 0 40px; } .rb1710_homeRecommend__btn { display: block; width: 188px; height: 40px; margin: 20px auto 0; padding: 12.5px 0; border: 1px solid #dbceae; border-radius: 4px; box-sizing: border-box; background: #eeeee3; background: -webkit-linear-gradient(#fbfbfa, #eeeee3); background: linear-gradient(#fbfbfa, #eeeee3); } .rb1710_homeRecommend__btn:link, .rb1710_homeRecommend__btn:visited { font-size: 14px; line-height: 15px; font-weight: bold; text-align: center; letter-spacing: .06em; text-decoration: none; color: #333; } .rb1710_homeRecommend__btn:hover { background: #f7f7f3; background: -webkit-linear-gradient(white, #f7f7f3); background: linear-gradient(white, #f7f7f3); }