@charset "utf-8";#recommends a{display:inline-block;position:relative;vertical-align:top}#recommends a picture img{vertical-align:top;width:100%}#recommends a div{background:-webkit-linear-gradient(top,transparent,#E5ABEA 100%);background:linear-gradient(to bottom,transparent,#E5ABEA 100%);color:#FFF;line-height:1.5;padding:.25em 1em;position:absolute;bottom:0;left:0;text-shadow:rgba(0,0,0,.1) 2px 0 0,rgba(0,0,0,.1) -2px 0 0,rgba(0,0,0,.1) 0 -2px 0,rgba(0,0,0,.1) 0 2px 0,rgba(0,0,0,.1) 2px 2px 0,rgba(0,0,0,.1) -2px 2px 0,rgba(0,0,0,.1) 2px -2px 0,rgba(0,0,0,.1) -2px -2px 0,rgba(0,0,0,.1) 1px 2px 0,rgba(0,0,0,.1) -1px 2px 0,rgba(0,0,0,.1) 1px -2px 0,rgba(0,0,0,.1) -1px -2px 0,rgba(0,0,0,.1) 2px 1px 0,rgba(0,0,0,.1) -2px 1px 0,rgba(0,0,0,.1) 2px -1px 0,rgba(0,0,0,.1) -2px -1px 0,rgba(0,0,0,.1) 1px 1px 0,rgba(0,0,0,.1) -1px 1px 0,rgba(0,0,0,.1) 1px -1px 0,rgba(0,0,0,.1) -1px -1px 0;width:100%}#recommends a div span{font-size:87.5%}#recommends a div h3{margin-top:.25em}@media screen and (max-width:359px){#recommends a{width:93.75%}}@media screen and (min-width:360px) and (max-width:413px){#recommends{font-size:80%}}@media screen and (min-width:414px) and (max-width:479px){#recommends{font-size:90%}}@media screen and (min-width:360px) and (max-width:639px){#recommends a{width:-webkit-calc((100% - (3.125% * 3)) / 2);width:calc((100% - (3.125% * 3)) / 2)}}@media screen and (min-width:640px) and (max-width:767px){#recommends a{width:-webkit-calc((100% - (3.125% * 4)) / 3);width:calc((100% - (3.125% * 4)) / 3)}}@media screen and (max-width:767px){#recommends{}#recommends a{margin-top:3.125%;margin-left:3.125%}}@media screen and (min-width:768px){#recommends{}#recommends a{margin-top:20px;width:-webkit-calc((100% - (1.75% * 2)) / 3);width:calc((100% - (1.75% * 2)) / 3)}#recommends a:not(:nth-child(3n+1)){margin-left:1.75%}}