body{margin:0;padding:0}body::-webkit-scrollbar{height:12px}body::-webkit-scrollbar-track{border-radius:10px;background:#ffffff;border:1px solid #dfd6c3}body::-webkit-scrollbar-thumb{border-radius:10px;background:#dfd6c3}li{list-style:none;margin:0;padding:0}a{color:#604c3f;text-decoration:none}.box{width:2500px;padding:0;display:flex;flex-flow:row wrap;position:relative;overflow:hidden}@media (min-width: 400px){.box{width:4200px;flex-flow:row wrap}}.pickup{display:block;position:absolute;background-image:url(new.png);background-size:contain;background-repeat:no-repeat;top:100px;left:97px;width:30px;height:50px}.pickup2{display:block;position:absolute;background-image:url(pickup.png);background-size:contain;background-repeat:no-repeat;top:100px;left:97px;width:30px;height:50px}@media (min-width: 400px){.pickup2{display:none}}.pickup3{display:block;position:absolute;background-image:url(new.png);background-size:contain;background-repeat:no-repeat;top:100px;left:220px;width:30px;height:50px}@media (min-width: 400px){.pickup3{display:none}}.pickup4{display:block;position:absolute;background-image:url(new.png);background-size:contain;background-repeat:no-repeat;top:100px;left:343px;width:30px;height:50px}@media (min-width: 400px){.pickup4{display:none}}.card{width:115px;display:flex;flex-flow:row wrap;border:1px solid #dfd6c3;padding:8px;box-sizing:border-box;font-size:11px;position:relative;margin:0 8px 0 0}@media (min-width: 400px){.card{width:200px;border:none;border-right:1px solid #dfd6c3;margin:0 8px;padding:2px 14px 0 0}}.cat{font-size:80%;color:#604c3f;opacity:.9}.cat::before{content:"#";display:inline-block}.img{width:calc(100 - 16px);max-height:60px;margin:0 auto;overflow:hidden}@media (min-width: 400px){.img{max-height:150px}}.img img{width:100%;max-height:60px;object-fit:cover}@media (min-width: 400px){.img img{max-height:150px}}.title{padding:0;margin:0}.title p{font-size:12px;color:#604c3f;font-weight:bold;width:calc(115px - 16px);position:relative;height:30px;overflow:hidden;line-height:15px;padding:0;margin:4px auto 0}@media (min-width: 400px){.title p{width:100%;height:auto}}.title p::before,.title p::after{position:absolute;background:#fff}@media (min-width: 400px){.title p::before,.title p::after{display:none}}.title p::before{content:"･･･";font-weight:normal;letter-spacing:-0.1em;bottom:0;right:0}@media (min-width: 400px){.title p::before{display:none}}.title p::after{content:"";width:100%;height:100%}.date{color:#604c3f;opacity:.9;text-align:right}@media (min-width: 400px){.date{margin:0 0 0 0px;position:relative;top:3px}}span{display:block;width:100%;height:100%;position:relative;top:0;left:0;z-index:2}