.listArticle-list{text-align:center}.listArticle-list::after{clear:both;content:"";display:table}.listArticle-list .listArticle-article{position:relative;display:inline-block;text-align:left;width:100%;max-width:25rem;margin:0 auto;font-size:3.5vw}.listArticle-list .listArticle-article:before{content:'';display:block;width:100%;height:0;padding-bottom:100%}.listArticle-list .listArticle-article .article-content{position:absolute;left:.5rem;right:.5rem;bottom:.5rem;top:.5rem;overflow:hidden;background-color:#222;cursor:pointer;border-radius:10% 0}.listArticle-list .listArticle-article .article-content:after{content:'';display:block;position:absolute;z-index:10;left:0;right:0;bottom:0;top:0;background-color:transparent;-webkit-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s}.listArticle-list .listArticle-article .article-illust{display:block;background-color:#ddd;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover}.listArticle-list .listArticle-article .article-title{font-size:1.563em;line-height:1.25}.listArticle-list .listArticle-article .article-overview{font-size:1em}.listArticle-list .listArticle-article a.bouton{display:block;position:absolute;z-index:11;border:none;border-radius:0;margin:0;bottom:0;left:0;padding:0 1.5rem;right:0;text-align:center;line-height:3rem;max-height:0;-webkit-transition:max-height .25s;-o-transition:max-height .25s;transition:max-height .25s;background-color:#bf0028;color:#fff;font-size:1.563em}.no-touch .listArticle-list .listArticle-article:hover .article-content:after{background-color:rgba(96,0,20,.5)}.no-touch .listArticle-list .listArticle-article:hover a.bouton{max-height:3rem}.listArticle-list .listArticle-article.type1 .article-content,.listArticle-list .listArticle-article.type3.nophoto .article-content{color:#222;background-color:#eee;padding:1em 1.5em}.listArticle-list .listArticle-article.type1 .article-illust,.listArticle-list .listArticle-article.type3.nophoto .article-illust{padding-bottom:40%;width:auto;height:0}.listArticle-list .listArticle-article.type1 .article-title,.listArticle-list .listArticle-article.type3.nophoto .article-title{color:#222;margin:0 0 1rem 0}.listArticle-list .listArticle-article.type1 .article-overview,.listArticle-list .listArticle-article.type3.nophoto .article-overview{margin:1rem 0}.listArticle-list .listArticle-article.type2 .article-content{color:#222;background-color:#dbdbdb;padding:1em 1.5em}.listArticle-list .listArticle-article.type2.photo .article-content{padding-top:calc(45% + 1em)}.listArticle-list .listArticle-article.type2 .article-illust{position:absolute;height:45%;width:100%;left:0;top:0}.listArticle-list .listArticle-article.type2 .article-title{color:#222;margin:0}.listArticle-list .listArticle-article.type2 .article-overview{margin:.5em 0}.listArticle-list .listArticle-article.type3.photo .article-content{color:#222;background-color:#b6b6b6}.listArticle-list .listArticle-article.type3.photo .article-illust{position:absolute;z-index:1;left:0;right:0;bottom:0;top:0}.listArticle-list .listArticle-article.type3.photo .article-title{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:.5em 1em;text-align:center;color:#fff;background-color:#b6b6b6}.listArticle-list .listArticle-article.type3.photo .article-overview{display:none}.listArticle{clear:both;padding-bottom:3em}@media only print,only screen and (min-width:30.063em){.listArticle-list .listArticle-article{font-size:1em}}@media only print,only screen and (min-width:75.063em){.listArticle-list .listArticle-article{width:33.3333%}}