.pagettl{margin-bottom:45px}.pagettl .pagettl-txt::after{background:url("/img/works/pagettl.jpg") center left/cover no-repeat}#work{margin-bottom:100px}#work .works-select{position:relative;width:47.164179%;max-width:220px;margin:0 0 25px auto}#work .works-select::after{display:block;position:absolute;top:50%;right:20px;width:10px;transform:translate(0, -50%);height:6px;background:#96865c;clip-path:polygon(50% 100%, 0 0, 100% 0);content:''}#work .works-select .works-select-btn{width:100%;height:100%;padding:12px 50px 12px 16px;background:#FFF;border:none;box-sizing:border-box;color:#262626;font-size:1.4rem;letter-spacing:.1em;background-image:none;box-shadow:none;cursor:pointer;appearance:none;outline:none}#work .works-select .works-select-btn:focus{outline:none;border-color:#96865c}#work .works-select .works-select-btn::-ms-expand{display:none}#work .works-list{display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:space-between}#work .works-list .works-item{flex:0 1 47.164179%;width:47.164179%}#work .works-list .works-item.hide{display:none}#work .works-list .works-item .thumbnail{margin-bottom:7px}#work .works-list .works-item .tag_area{margin-bottom:13px;font-size:0}#work .works-list .works-item .tag_area>*{display:inline-block;vertical-align:middle;line-height:1;letter-spacing:.05em}#work .works-list .works-item .tag_area .date{font-size:1.1rem;color:#7e7e7e}@media (min-width: 375px){#work .works-list .works-item .tag_area .date{font-size:calc( 1.1rem + ( 1vw - 3.75px ) * .2018163471 )}}@media (min-width: 1366px){#work .works-list .works-item .tag_area .date{font-size:1.3rem}}#work .works-list .works-item .tag_area .category,#work .works-list .works-item .tag_area .category-pace_ful,#work .works-list .works-item .tag_area .category-grazie_mille{font-size:1.1rem;margin-left:8px;padding:4.5px 7.5px;letter-spacing:0.02em;background:#2E2E2E}@media (min-width: 375px){#work .works-list .works-item .tag_area .category,#work .works-list .works-item .tag_area .category-pace_ful,#work .works-list .works-item .tag_area .category-grazie_mille{font-size:calc( 1.1rem + ( 1vw - 3.75px ) * .1009081736 )}}@media (min-width: 1366px){#work .works-list .works-item .tag_area .category,#work .works-list .works-item .tag_area .category-pace_ful,#work .works-list .works-item .tag_area .category-grazie_mille{font-size:1.2rem}}#work .works-list .works-item .tag_area .category-pace_ful{color:#b9ddac}#work .works-list .works-item .tag_area .category-grazie_mille{color:#eee9af}#work .works-list .works-item .title{font-size:1.4rem;line-height:2.8rem}@media (min-width: 375px){#work .works-list .works-item .title{font-size:calc( 1.4rem + ( 1vw - 3.75px ) * .1009081736 )}}@media (min-width: 1366px){#work .works-list .works-item .title{font-size:1.5rem}}#work .works-list .works-item:nth-child(n+3){margin-top:8.059701%}#work .pager{padding-top:30px}@media screen and (min-width: 769px){.pagettl{margin-bottom:50px}#work{margin-bottom:150px}#work .works-select .works-select-btn{padding:18px 50px 18px 25px}#work .works-list{justify-content:flex-start}#work .works-list .works-item{flex:0 1 30.612245%;width:30.612245%;margin-right:4.08163265%}#work .works-list .works-item a:hover .thumbnail img{transform:scale(1.15)}#work .works-list .works-item a:hover .thumbnail::before{opacity:1}#work .works-list .works-item .thumbnail{margin-bottom:11px;position:relative;overflow:hidden}#work .works-list .works-item .thumbnail img{transition:.3s}#work .works-list .works-item .thumbnail::before{content:'more';width:100%;font-size:1.5rem;font-family:"Montserrat",sans-serif;line-height:200px;text-align:center;color:#fff;background:rgba(0,0,0,0.3);position:absolute;top:50%;left:0;transform:translateY(-50%);transition:.3s;z-index:1;opacity:0}#work .works-list .works-item .tag_area .category,#work .works-list .works-item .tag_area .category-pace_ful,#work .works-list .works-item .tag_area .category-grazie_mille{margin-left:14px}#work .works-list .works-item:nth-child(3n){margin-right:0}#work .works-list .works-item:nth-child(n+3){margin-top:0}#work .works-list .works-item:nth-child(n+4){margin-top:50px}#work .pager{padding-top:90px}}@media screen and (min-width: 1366px){.pagettl .pagettl-container{padding:0}}
/*# sourceMappingURL=style.css.map */
