#news-list{position:relative;padding-bottom:125px;overflow:hidden}#news-list:after{content:"";position:absolute;bottom:200px;left:-25vw;z-index:-1;display:block;background:#f1f1f1;transform:rotate(-10deg) translate3d(0,0,0);width:150vw;height:450px}#news-list .select_wrap{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding-bottom:95px}#news-list .select_wrap .select{background-color:#cc0001;width:255px;margin-left:20px}#news-list .select_wrap select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0;border:0;margin:0;padding:0;background:none transparent;vertical-align:middle;text-align:left;width:100%;font-size:20px;font-size:2rem;line-height:1;padding:1em 0 1em 25px;background:url(//www.playful-kaitori.com/wpapp/wp-content/themes/playful/css/../images/common/arrow_down_white.png) right 12px center no-repeat;background-size:21px auto;color:#fff}#news-list .news_inner{display:flex;flex-wrap:wrap}#news-list .news_block{width:calc(33.333% - 36.6666px);padding-left:10px;margin-left:55px;margin-bottom:65px}#news-list .news_block:nth-of-type(3n+1){margin-left:0}#news-list .news_block:nth-of-type(2n) .pic:after{background-color:#000}#news-list .news_block.active .pic:after{transform:translate3d(0,0,0)}#news-list .news_block .pic{position:relative}#news-list .news_block .pic:after{content:"";width:290px;height:200px;background-color:#cc0001;z-index:1;position:absolute;bottom:-10px;left:-10px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#news-list .news_block .pic a{position:relative;z-index:2;display:block;overflow:hidden;border:1px solid #d5d5d5}#news-list .news_block .pic a img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#news-list .news_block .pic a:hover img{transform:scale(1.1,1.1);opacity:1}#news-list .news_block .date_cat{text-align:right;padding-top:30px}#news-list .news_block .date{font-size:12px;font-size:1.2rem;color:#cc0001;display:inline-block;padding-right:10px}#news-list .news_block .cat{display:inline-block;font-size:12px;font-size:1.2rem;padding:4px 12px;background-color:#626262;color:#fff}#news-list .news_block .cat.buy{background-color:#ffd800}#news-list .news_block .ttl{padding:10px 5px 40px;line-height:1.625;font-size:16px;font-size:1.6rem}#news-list .news_block .ttl a:hover{color:#cc0001}#news-list .news_block .tag{font-size:0}#news-list .news_block .tag li{display:inline-block;margin-left:10px;margin-bottom:12px}#news-list .news_block .tag li a{font-size:14px;font-size:1.4rem;line-height:1;text-align:center;display:block;border-radius:15px;border:1px solid #d3d3d3;background-color:#fff;padding:5px 30px}#news-list .news_block .tag li a:hover{border-color:#cc0001}#news-list .tag_area{border:1px solid #c8c8c8;border-radius:8px;padding:40px 0 30px}#news-list .tag_area h3{text-align:center;font-weight:700;font-size:30px;font-size:3rem;position:relative;line-height:1;padding-bottom:65px}#news-list .tag_area h3:before{content:"";position:absolute;left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80px;height:2px;background-color:#cc0001}#news-list .tag_area ul{width:880px;margin:0 auto;font-size:0}#news-list .tag_area ul li{display:inline-block;margin-left:10px;margin-bottom:25px}#news-list .tag_area ul li a{font-size:14px;font-size:1.4rem;line-height:1;text-align:center;display:block;border-radius:15px;border:1px solid #d3d3d3;background-color:#fff;padding:5px 30px}#news-list .tag_area ul li a:hover{border-color:#cc0001}@media screen and (max-width:1280px){#news-list{padding-bottom:calc(125 / 1280 * 100vw)}#news-list:after{bottom:calc(200 / 1280 * 100vw);height:calc(450 / 1280 * 100vw)}#news-list .select_wrap{padding-bottom:calc(95 / 1280 * 100vw)}#news-list .select_wrap .select{width:calc(255 / 1280 * 100vw);margin-left:calc(20 / 1280 * 100vw)}#news-list .select_wrap select{font-size:calc(20 / 1280 * 100vw);padding:1em 0 1em calc(25 / 1280 * 100vw);background:url(//www.playful-kaitori.com/wpapp/wp-content/themes/playful/css/../images/common/arrow_down_white.png) right calc(12 / 1280 * 100vw) center no-repeat;background-size:calc(21 / 1280 * 100vw) auto}#news-list .news_block{width:calc(33.333% - calc(36.6666 / 1280 * 100vw));padding-left:calc(10 / 1280 * 100vw);margin-left:calc(55 / 1280 * 100vw);margin-bottom:calc(65 / 1280 * 100vw)}#news-list .news_block:nth-of-type(3n+1){margin-left:0}#news-list .news_block .pic:after{width:calc(290 / 1280 * 100vw);height:calc(200 / 1280 * 100vw);bottom:calc(-10 / 1280 * 100vw);left:calc(-10 / 1280 * 100vw)}#news-list .news_block .date_cat{padding-top:calc(30 / 1280 * 100vw)}#news-list .news_block .date{font-size:calc(12 / 1280 * 100vw);padding-right:calc(10 / 1280 * 100vw)}#news-list .news_block .cat{font-size:calc(12 / 1280 * 100vw);padding:calc(4 / 1280 * 100vw) calc(12 / 1280 * 100vw)}#news-list .news_block .ttl{padding:calc(10 / 1280 * 100vw) calc(5 / 1280 * 100vw) calc(40 / 1280 * 100vw);font-size:calc(16 / 1280 * 100vw)}#news-list .news_block .tag li{margin-left:calc(10 / 1280 * 100vw);margin-bottom:calc(12 / 1280 * 100vw)}#news-list .news_block .tag li a{font-size:calc(14 / 1280 * 100vw);border-radius:calc(15 / 1280 * 100vw);padding:calc(5 / 1280 * 100vw) calc(30 / 1280 * 100vw)}#news-list .tag_area{border-radius:calc(8 / 1280 * 100vw);padding:calc(40 / 1280 * 100vw) 0 calc(30 / 1280 * 100vw)}#news-list .tag_area h3{font-size:calc(30 / 1280 * 100vw);padding-bottom:calc(65 / 1280 * 100vw)}#news-list .tag_area h3:before{bottom:calc(30 / 1280 * 100vw);width:calc(80 / 1280 * 100vw);height:calc(2 / 1280 * 100vw)}#news-list .tag_area ul{width:calc(880 / 1280 * 100vw)}#news-list .tag_area ul li{margin-left:calc(10 / 1280 * 100vw);margin-bottom:calc(25 / 1280 * 100vw)}#news-list .tag_area ul li a{font-size:calc(14 / 1280 * 100vw);border-radius:calc(15 / 1280 * 100vw);padding:calc(5 / 1280 * 100vw) calc(30 / 1280 * 100vw)}}@media screen and (max-width:750px){#news-list{padding-bottom:calc(240 / 750 * 100vw)}#news-list:after{bottom:calc(200 / 750 * 100vw);height:calc(450 / 750 * 100vw)}#news-list .select_wrap{padding-bottom:calc(100 / 750 * 100vw);display:block}#news-list .select_wrap .select{width:calc(500 / 750 * 100vw);margin:0 auto calc(40 / 750 * 100vw)}#news-list .select_wrap select{font-size:calc(36 / 750 * 100vw);padding:1em 0 1em calc(50 / 750 * 100vw);background:url(//www.playful-kaitori.com/wpapp/wp-content/themes/playful/css/../images/common/arrow_down_white.png) right calc(24 / 750 * 100vw) center no-repeat;background-size:calc(42 / 750 * 100vw) auto}#news-list .news_inner{width:100%;padding-left:calc(95 / 750 * 100vw);padding-right:calc(90 / 750 * 100vw)}#news-list .news_block{width:100%;padding-left:calc(10 / 750 * 100vw);margin-bottom:calc(80 / 750 * 100vw);margin-left:0}#news-list .news_block:nth-of-type(3n+1){margin-left:0}#news-list .news_block:nth-of-type(2n){margin-top:0}#news-list .news_block .pic{margin-top:calc(20 / 750 * 100vw)}#news-list .news_block .pic:after{width:calc(464 / 750 * 100vw);height:calc(320 / 750 * 100vw);bottom:calc(-20 / 750 * 100vw);left:calc(-20 / 750 * 100vw)}#news-list .news_block .date_cat{padding-top:calc(30 / 750 * 100vw)}#news-list .news_block .date{font-size:calc(22 / 750 * 100vw);padding-right:calc(20 / 750 * 100vw)}#news-list .news_block .cat{font-size:calc(20 / 750 * 100vw);padding:calc(4 / 750 * 100vw) calc(14 / 750 * 100vw)}#news-list .news_block .ttl{padding:calc(10 / 750 * 100vw) calc(5 / 750 * 100vw) calc(40 / 750 * 100vw);font-size:calc(28 / 750 * 100vw)}#news-list .news_block .tag li{margin-right:calc(28 / 750 * 100vw);margin-bottom:calc(20 / 750 * 100vw)}#news-list .news_block .tag li a{font-size:calc(22 / 750 * 100vw);border-radius:calc(24 / 750 * 100vw);padding:calc(12 / 750 * 100vw) calc(36 / 750 * 100vw);border-width:calc(2 / 750 * 100vw)}#news-list .tag_area{border-radius:calc(16 / 750 * 100vw);padding:calc(60 / 750 * 100vw) 0 calc(50 / 750 * 100vw);width:calc(710 / 750 * 100vw);margin:0 auto}#news-list .tag_area h3{font-size:calc(40 / 750 * 100vw);padding-bottom:calc(65 / 750 * 100vw)}#news-list .tag_area h3:before{bottom:calc(30 / 750 * 100vw);width:calc(140 / 750 * 100vw);height:calc(4 / 750 * 100vw)}#news-list .tag_area ul{width:100%;padding-left:calc(20 / 750 * 100vw)}#news-list .tag_area ul li{margin-left:calc(10 / 750 * 100vw);margin-bottom:calc(25 / 750 * 100vw)}#news-list .tag_area ul li a{font-size:calc(28 / 750 * 100vw);border-radius:calc(30 / 750 * 100vw);padding:calc(10 / 750 * 100vw) calc(40 / 750 * 100vw)}}