main>header:before{background:url(https://1484machinaka.jp/wp-content/themes/machinaka2022/img/event/xkv-page-event.jpg.pagespeed.ic.37rA_XgVtl.jpg) center center no-repeat;background-size:cover}main .sec-recently .list{width:1000px;width:1000px;max-width:100%;margin-top:50px;margin-right:auto;margin-left:auto}main .sec-recently .list>ul{-ms-flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin:10px -2.5% 0}main .sec-recently .list>ul li{width:28.3333333333%;margin:50px 2.5% 0}main .sec-recently .list>ul li a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column}main .sec-recently .list>ul li a:hover .title{text-decoration:underline}main .sec-recently .list>ul li .title{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;margin-top:10px}main .sec-recently .list>ul li .date{-webkit-box-ordinal-group:3;-ms-flex-order:2;-ms-flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;order:2;margin-top:10px;font-weight:700;font-family:"Red Hat Display",sans-serif;letter-spacing:.2em}main .sec-recently .list>ul li .date .week{font-size:1.3rem;font-family:"Zen Kaku Gothic New";letter-spacing:normal}main .sec-recently .list>ul li .pic{-webkit-box-ordinal-group:2;-ms-flex-order:1;position:relative;order:1;width:100%;padding-top:80%;overflow:hidden;border-radius:20px}main .sec-recently .list>ul li .pic img{-o-object-fit:cover;-webkit-transition:-webkit-transform .4s ease;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease , -webkit-transform .4s ease}main .past{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin-top:80px;text-align:center}main .past a{-webkit-transition:all .2s ease;display:block;padding:15px 20px;border:2px solid #70b657;color:#70b657;text-align:center;transition:all .2s ease}main .past a:hover{background-color:#70b657;color:#fff}@media screen and (min-width:640px) and (max-width:1320px){main .sec-recently .list{max-width:calc(100% - 40px)}}@media screen and (max-width:640px){main .sec-recently .list{width:calc(100% - 40px);margin-right:20px;margin-left:20px}main .sec-recently .list>ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 0 0}main .sec-recently .list>ul li{width:100%;margin:50px 0 0}}@media screen and (min-width:640px){main .sec-recently .list>ul li a:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}}