.area-article-grid{margin-top:32px;padding:0 15px 40px}.area-article-grid>.title{padding:0 10px;font-size:17px;letter-spacing:.2em}.area-article-grid .list-grid{margin-top:12px}@media (min-width: 813px){.area-article-grid{width:960px;margin:50px auto 0}.area-article-grid>.title{text-align:center;font-size:24px}.area-article-grid .list-grid{margin-top:20px}}@media (max-width: 812px){.area-article-grid .google-auto-placed{margin-left:-15px}}.list-grid{display:grid}.list-grid .entry-grid .link{display:block;background:#d8d6c9}@media (max-width: 812px){.list-grid{gap:2px;grid-template-columns:1fr 1fr}}@media (min-width: 813px){.list-grid{gap:4px;grid-template-columns:1fr 1fr 1fr 1fr}}.entry-grid{position:relative;display:block;font-size:0}.entry-grid.-hide{opacity:0;display:none}.entry-grid a{display:block;position:relative;color:#40330a;padding-top:100%;overflow:hidden}.entry-grid img{position:absolute;top:0;width:100%;height:100%;vertical-align:top;object-fit:cover}.entry-grid .title{position:absolute;color:#fff;bottom:0;width:100%;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.5));padding:15px 8px 11px}@media (min-width: 813px){.entry-grid .title{padding:15px 12px 10px}}.entry-grid .text{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:3.8em;line-height:1.4}@media (min-width: 813px){.entry-grid .text{font-size:14px;max-height:4.6em;line-height:1.6}}.entry-grid .meta{position:absolute;top:8px;width:100%;display:flex;justify-content:space-between;padding:0 9px;box-sizing:border-box;flex-wrap:wrap}.entry-grid .cat{font-size:10px;text-align:right;flex:1}.entry-grid .cat>li{display:inline-block;margin:0  0 2px 6px;word-break:keep-all;background:rgba(255,255,255,0.8);padding:0 5px}.entry-grid .time{font-size:10px;color:white;text-shadow:0 0 4px black}.archive-header{text-align:center;background-color:#fff;padding:0 0 30px}@media (min-width: 813px){.archive-header{padding:0 0 30px}}.archive-type-title{background:#7f6d36;color:#fff;font-size:14px;padding:4px 0}.archive-type-title>a{color:#fff}.archive-type-title>a:hover{stroke:#967f37}.archive-title{color:#7f6d36;font-size:17px;margin-top:14px}@media (min-width: 813px){.archive-title{margin-top:15px;font-size:20px}}.archive-description{color:#333;font-size:14px;margin-top:14px}@media (min-width: 813px){.archive-description{margin-top:15px;font-size:16px}}.area-button-more{margin-top:40px;text-align:center}.btn-load{display:inline-flex;justify-content:center;align-items:center;border:3px double #40330a;font-weight:bold;padding:10px;min-width:200px;background:#fff;cursor:pointer}.js-more.-hide{display:none}.area-genre{display:flex;flex-wrap:wrap;margin:0 auto;justify-content:center}.area-genre .box-genre{width:50%}.box-genre{position:relative}.box-genre .box-genre-link{display:block;transition:opacity .3s}.box-genre img{width:100%;height:auto;display:block}.box-genre a:hover{opacity:.6}.box-genre-sub{display:block;z-index:1;margin:0 auto;left:0;right:0;bottom:0;padding:10px 10px 15px}@media (min-width: 813px){.box-genre-sub{background:linear-gradient(transparent 0%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.8) 100%);width:52.5%;position:absolute;padding:10px 10px 3px}}.box-genre-sub a{border:1px solid #7f6d36;color:#7f6d36;padding:0 14px;display:inline-block;margin:0 10px 10px 0;font-size:14px}@media (min-width: 813px){.box-genre-sub a{border-color:#fff;color:#fff;font-size:16px;margin:0 10px 10px 0}}.box-genre-sub a svg{background:rgba(255,255,255,0.2);width:0.8em;height:0.8em;transform:scale(-1, 1);margin-left:6px}@media (min-width: 813px){.box-genre-sub a svg{filter:invert(1)}}.top-lead{margin:40px 30px;padding:20px;border:1px solid #40330a;background:#fff}@media (min-width: 813px){.top-lead{margin:40px auto;max-width:640px;padding:30px}}.archive-header .box-genre-p{text-align:center;padding:0 15px}@media (min-width: 813px){.archive-header .box-genre-p{padding:20px 0}}