.listArticle-list{max-width:calc(28.5em);margin:0 auto}.listArticle-list::after{clear:both;content:"";display:table}.listArticle-list .listArticle-article{position:relative;width:100%;height:0;padding-bottom:100%;font-size:4.16vw}.listArticle-list .listArticle-article .article-content{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;top:.75rem;overflow:hidden;background-color:#bdbf44;cursor:pointer}.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;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}.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;transition:max-height .25s;background-color:#bdbf44;color:#333;font-size:1.563em}.no-touch .listArticle-list .listArticle-article:hover .article-content:after{background-color:rgba(95,96,34,.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:#333;background-color:#bdbf44;padding: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:#333;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:#333;background-color:#fdcc1a;padding-top:1.5rem}.listArticle-list .listArticle-article.type2.photo .article-content{padding-top:45%}.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:#333;margin:0 1.5rem}.listArticle-list .listArticle-article.type2 .article-overview{margin:.5rem 1.5rem}.listArticle-list .listArticle-article.type3.photo .article-content{color:#333;background-color:#bdbf44}.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:.45rem 1.5rem;text-align:center;color:#fff;color:#333;background-color:#bdbf44}.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:1.25em}}@media only print,only screen and (min-width:48.063em){.listArticle-list{max-width:none}.listArticle-list .listArticle-article{float:left;width:50%;padding-bottom:50%;font-size:1.8vw}}@media only print,only screen and (min-width:60.063em){.listArticle-list .listArticle-article{width:33.333%;padding-bottom:33.333%;font-size:.75em}}