#wrapper #mainWrap #container main .category-title{background:#fff;border-left:20px solid #46424f;padding:12px;box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:20px;font-weight:bold;color:#695693;font-size:1.1rem}#wrapper #mainWrap #container main #post-list{display:flex;justify-content:space-between;flex-wrap:wrap}#wrapper #mainWrap #container main #post-list .article-item{width:calc(50% - 20px);margin:0px 0 40px 0;background:#fff;position:relative;-webkit-transition:linear 0.2s all;transition:linear 0.2s all;opacity:0}#wrapper #mainWrap #container main #post-list .article-item:hover{box-shadow:0px 0px 25px rgba(0,0,0,0.2);transform:translate(0px, -2px)}#wrapper #mainWrap #container main #post-list .article-item a{display:flex;height:100%}#wrapper #mainWrap #container main #post-list .article-item a .inner .thumbnails{width:100%;height:220px;background-position:center top;background-repeat:no-repeat;background-size:cover;position:relative}#wrapper #mainWrap #container main #post-list .article-item a .inner .thumbnails.noimage{background-position:center center}#wrapper #mainWrap #container main #post-list .article-item a .inner .cont{flex:1;display:flex;flex-flow:column;align-self:center;padding:20px;box-sizing:border-box;-webkit-box-sizing:border-box}#wrapper #mainWrap #container main #post-list .article-item a .inner .cont h2{font-family:"游明朝体","YuMincho","游明朝","Yu Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN W3",HiraMinProN-W3,"ヒラギノ明朝 ProN","Hiragino Mincho ProN","ヒラギノ明朝 Pro","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-size:24px;line-height:1.6em;margin-bottom:0.5rem}#wrapper #mainWrap #container main #post-list .article-item a .inner .cont .category{font-size:0.7rem;color:#414044;margin-bottom:0.5em}#wrapper #mainWrap #container main #post-list .article-item a .inner .cont .excerpt{font-size:0.8rem;color:#414044}#wrapper #mainWrap #container main #post-list .article-item.cover-item{width:100%}#wrapper #mainWrap #container main #post-list .article-item.cover-item a .inner .thumbnails{height:320px}#wrapper #mainWrap #container main #post-list .article-item time{display:block;position:absolute;color:#fff;font-family:"Playfair Display",serif;font-size:0.9rem;background:rgba(0,0,0,0.9);padding:1px 15px;top:10px;left:-5px}#wrapper #mainWrap #container main #post-list .article-item:nth-child(1){-webkit-animation:itemanime 0.8s ease 0.4s 1 forwards;animation:itemanime 0.8s ease 0.4s 1 forwards}#wrapper #mainWrap #container main #post-list .article-item:nth-child(2){-webkit-animation:itemanime 0.8s ease 0.8s 1 forwards;animation:itemanime 0.8s ease 0.8s 1 forwards}#wrapper #mainWrap #container main #post-list .article-item:nth-child(3){-webkit-animation:itemanime 0.8s ease 1.2s 1 forwards;animation:itemanime 0.8s ease 1.2s 1 forwards}#wrapper #mainWrap #container main #post-list .article-item:nth-child(4){-webkit-animation:itemanime 0.8s ease 1.6s 1 forwards;animation:itemanime 0.8s ease 1.6s 1 forwards}#wrapper #mainWrap #container main #post-list .article-item:nth-child(5){-webkit-animation:itemanime 0.8s ease 2s 1 forwards;animation:itemanime 0.8s ease 2s 1 forwards}#wrapper #mainWrap #container main #post-list .article-item:nth-child(6){-webkit-animation:itemanime 0.8s ease 2.4s 1 forwards;animation:itemanime 0.8s ease 2.4s 1 forwards}#wrapper #mainWrap #container main #post-list .article-item:nth-child(7){-webkit-animation:itemanime 0.8s ease 2.8s 1 forwards;animation:itemanime 0.8s ease 2.8s 1 forwards}#wrapper #mainWrap #container main #post-list .article-item:nth-child(8){-webkit-animation:itemanime 0.8s ease 3.2s 1 forwards;animation:itemanime 0.8s ease 3.2s 1 forwards}#wrapper #mainWrap #container main #post-list .article-item:nth-child(9){-webkit-animation:itemanime 0.8s ease 3.6s 1 forwards;animation:itemanime 0.8s ease 3.6s 1 forwards}#wrapper #mainWrap #container main #post-list .article-item:nth-child(10){-webkit-animation:itemanime 0.8s ease 4s 1 forwards;animation:itemanime 0.8s ease 4s 1 forwards}@-webkit-keyframes itemanime{100%{opacity:1}}@keyframes itemanime{100%{opacity:1}}#wrapper #mainWrap #container main .ad-space{margin-top:40px}@media screen and (max-width: 780px){#wrapper #mainWrap #container main #post-list .article-item{width:calc(50% - 10px);margin:0px 0 20px 0}#wrapper #mainWrap #container main #post-list .article-item a .inner .thumbnails{height:180px}#wrapper #mainWrap #container main #post-list .article-item a .inner .cont{padding:15px}#wrapper #mainWrap #container main #post-list .article-item a .inner .cont h2{font-size:18px}#wrapper #mainWrap #container main #post-list .article-item a .inner .cont .category{font-size:0.6rem;line-height:1.6em}#wrapper #mainWrap #container main #post-list .article-item a .inner .cont .excerpt{font-size:0.7rem;line-height:1.7em}#wrapper #mainWrap #container main #post-list .article-item.cover-item a .inner .thumbnails{height:280px}}@media screen and (max-width: 480px){#wrapper #mainWrap #container main #post-list{display:block}#wrapper #mainWrap #container main #post-list .article-item{width:100%;margin:0px 0 20px 0}#wrapper #mainWrap #container main #post-list .article-item a .inner .thumbnails{height:160px}#wrapper #mainWrap #container main #post-list .article-item.cover-item a .inner .thumbnails{height:260px}}