@charset "UTF-8";.works__info{padding:1em 1.5em;text-align:left;display:inline-block;border:1px solid #707070}.works__contents{margin:4em 0 0;column-count:4;column-gap:0}.works__single-contents{margin:0 auto}.works__single-lists{margin:3em auto 0 auto}.works__list{position:relative;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;padding:10px}.works__comment{margin-top:4em}.comment__text{margin-top:1em}.works__list a :hover{opacity:.8;transition:.5s}.post__contents{display:flex}.panel__works img{height:30vw}.panel__works{width:50%}.single-works__contents{display:block}.single-works__list img{object-fit:contain;height:auto}.works__list .mask{width:90%;height:100%;position:absolute;top:10px;left:50%;transform:translateX(-50%);opacity:0;-webkit-transition:all .2s ease;transition:all .2s ease;text-align:center}.works__list:hover .mask__title{opacity:1;background-color:#fff}@media screen and (max-width:940px){.works__contents{column-count:3}}@media screen and (max-width:767px){.works__list{width:100%;margin:0 0 2em}.works__contents{column-count:2}.works__list .mask{width:90%;height:100%;position:absolute;top:10px;left:50%;transform:translateX(-50%);-webkit-transition:all .2s ease;transition:all .2s ease;text-align:center;opacity:inherit}.works__list .mask__title{background-color:#fff;opacity:.8}}@media screen and (max-width:519px){.works__contents{column-count:1}}