::selection{background:#efefef}::-moz-selection{background:#efefef}body.blog main div#section{display:grid}@media only screen and (min-width: 667px){body.blog main div#section{grid-row-gap:4rem}}body.blog main div#section ul.boxArchive{display:grid;grid-gap:2.5rem 1.5rem;justify-content:center}@media only screen and (max-width: 666px){body.blog main div#section ul.boxArchive{grid-gap:1rem;grid-template-columns:repeat(auto-fit, calc(1rem + 130px))}}@media only screen and (min-width: 667px){body.blog main div#section ul.boxArchive{grid-template-columns:repeat(auto-fit, minmax(calc(3.5rem + 130px), calc(3.5rem + 230px)))}}body.blog main div#section ul.boxArchive a{display:grid !important;grid-gap:.5rem;grid-template-columns:1rem 1fr;padding:1rem}@media only screen and (max-width: 666px){body.blog main div#section ul.boxArchive a{padding:.5rem}}body.blog main div#section ul.boxArchive a:hover{background:#f5f5f5}@media only screen and (max-width: 666px), only screen and (prefers-color-scheme: dark){body.blog main div#section ul.boxArchive a:hover{background:#252525}}body.blog main div#section ul.boxArchive a:hover,body.blog main div#section ul.boxArchive a:active,body.blog main div#section ul.boxArchive a:focus{color:#ff4274}body.blog main div#section ul.boxArchive a:hover span,body.blog main div#section ul.boxArchive a:active span,body.blog main div#section ul.boxArchive a:focus span{color:#ff4274}body.blog main div#section ul li img{width:100%;height:auto;grid-column:2/3;grid-row:1/2}body.blog main div#section ul li .thumEmpty{width:100%;height:0;padding-top:100%;background-color:#f1f1f1;grid-column:2/3;grid-row:1/2}@media only screen and (max-width: 666px), only screen and (prefers-color-scheme: dark){body.blog main div#section ul li .thumEmpty{background-color:#464646}}body.blog main div#section ul li .Title{line-height:1.3;font-weight:500;font-size:.8rem;grid-column:2/3;grid-row:2/3}body.blog main div#section ul li .Excerpt{font-size:0.65rem;word-break:break-all;grid-column:2/3;grid-row:3/4;color:#666}@media only screen and (max-width: 666px), only screen and (prefers-color-scheme: dark){body.blog main div#section ul li .Excerpt{color:#ccc}}body.blog main div#section ul li .Date{font-style:italic;line-height:1;font-weight:500;font-size:.7rem;writing-mode:vertical-lr;grid-column:1/2;grid-row:1/4;color:#666}@media only screen and (max-width: 666px), only screen and (prefers-color-scheme: dark){body.blog main div#section ul li .Date{color:#ccc}}body.blog main div#section ul li .Date .list_New{padding-top:.3rem}body.blog main #next a{transition:all .15s ease-in-out;display:block;cursor:pointer;text-align:center;padding:1rem;background:white;border:lightgray 1px solid;margin:1.5rem 0 0 0}@media only screen and (min-width: 667px){body.blog main #next a{margin:2.5rem 0 0}}@media only screen and (max-width: 666px), only screen and (prefers-color-scheme: dark){body.blog main #next a{background:rgba(0,0,0,0.1)}}body.blog main #next a:hover{color:white;background:lightgray}@media only screen and (max-width: 666px), only screen and (prefers-color-scheme: dark){body.blog main #next a:hover{color:black;background:gray}}
