.category_wrap ul{margin:0 0 0 -2%;font-size:0;text-align:left}.category_wrap ul li{display:inline-block;width:23%;margin:0 0 20px 2%;overflow:hidden;vertical-align:top}.category_wrap ul li a{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transition:all 0.8s;-o-transition:all 0.8s;display:block;position:relative;padding:0;border:3px solid #eee;border-radius:5px;color:#646464;font-size:15px;line-height:1.3;text-align:center;vertical-align:middle;word-break:break-all;opacity:1;transition:all 0.8s}.category_wrap ul li a:hover{opacity:0.5}.category_wrap ul li a p.brand_name{display:inline-block;width:100%;padding:10px 0 6px;background:#fafafa;font-size:11px;font-weight:bold;letter-spacing:0.03em;text-align:center;vertical-align:middle;word-break:break-all}.category_wrap ul li a p.brand_watchchart{display:flex;align-items:center;justify-content:space-between;padding:11px 5% 9px;background:#eee}.category_wrap ul li a p.brand_watchchart .watch_icon{width:39%}.category_wrap ul li a p.brand_watchchart .watch_chart{width:60%}.category_wrap ul li a .brand_name span{display:block;margin:3px 0 0;font-size:10px;font-weight:normal;text-align:center}.category_wrap ul li a:before{-webkit-transform:scale(0.4, 0.4);-moz-transform:scale(0.4, 0.4);-ms-transform:scale(0.4, 0.4);-o-transform:scale(0.4, 0.4);display:inline-block;position:absolute;right:-2px;bottom:11px;margin:-14px 5px -4px -4px;transform:scale(0.4, 0.4);vertical-align:middle;content:url("/images/common/arrow_g.svg")}.select_area_wrap{display:table;z-index:1;position:relative;width:100%;max-width:640px;margin:0 auto 50px;border-bottom:1px solid #eee;font-size:0;letter-spacing:0}.select_area_wrap li{display:table-cell;width:23%;font-size:12px;line-height:1.4;text-align:center;vertical-align:bottom;cursor:pointer}.select_area_wrap li:last-child{padding:0}.select_area_wrap li a{display:block;position:relative;padding:0 10px 10px;border-bottom:3px solid #fff;opacity:1}.select_area_wrap li a:hover{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transition:all 0.8s;-o-transition:all 0.8s;cursor:pointer;opacity:0.8;transition:all 0.8s}.select_area_wrap li a.active:hover{opacity:1}.select_area_wrap li a.active{border-bottom:3px solid #240000;color:#240000;font-weight:bold}.select_area_wrap li a.active:after{display:none}.inner_select_area{padding:30px 30px 0;background-color:#fafafa}.select_area_wrap.inner_select{width:100%;max-width:330px;margin:0 auto;border:none}.select_area_wrap.inner_select li{width:50%}.select_area_wrap.inner_select li a{box-sizing:border-box;display:inline-block;width:100%;padding:3px 0;border:2px solid #646464;background-color:#fff;color:#646464;font-size:12px;font-weight:bold;text-align:center}.select_area_wrap.inner_select li a.first_select_box{border-radius:5px 0 0 5px}.select_area_wrap.inner_select li a.second_select_box{border-radius:0 5px 5px 0}.select_area_wrap.inner_select li a:hover{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;cursor:pointer;opacity:0.8;transition:all 0.3s}.select_area_wrap.inner_select li a.active{background-color:#646464;color:#ffffff}.category_wrap ul li a p.campaign_attention_text{display:inline-block;position:absolute;top:50%;right:8px;margin:-18px 0 0;border-radius:5px;font-size:10px;text-align:center}.category_wrap ul li a span.campaign_attention{display:inline-block;margin:0;padding:5px;border-radius:5px;background-color:#f7772c;font-weight:normal;line-height:1.3}.brandinfo{position:relative}.brand_category_pc{width:100%;margin:0 0 10px}.brand_category_scroll{display:none}.grad-btn{display:block;z-index:2;position:absolute;right:0;margin:6em 0 0;font-size:13px;text-decoration:underline;cursor:pointer}.grad-item{position:relative;height:6em;margin:40px 0 70px;padding:0;overflow:hidden;font-size:13px;line-height:1.8;text-align:left}.grad-item p{margin:0 0 20px}.grad-item::before{display:block;position:absolute;bottom:0;left:0;width:100%;height:3em;background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);background:linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);content:''}.grad-trigger{display:none}.grad-trigger:checked+.grad-btn{display:none}.grad-trigger:checked~.grad-item{height:auto}.grad-trigger:checked~.grad-item::before{display:none}.brand_category_scroll{display:none}@media screen and (min-width: 320px) and (max-width: 640px){.category_wrap ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0}.category_wrap ul li{width:49%;margin:0 0 15px}.category_wrap ul li a p.brand_watchchart{padding:9px 3% 6px}.category_wrap ul li a p.brand_watchchart .watch_icon{width:37%}.category_wrap ul li a p.brand_watchchart .watch_chart{width:63%}.category_wrap ul li a p.brand_name{padding:7px 0 3px}.select_area_wrap{margin:0 auto 30px}.category_wrap ul li a p.campaign_attention_text{right:6px}.category_wrap ul li a span.campaign_attention{padding:5px 4px}.brand_category_sp{width:100%;overflow-x:scroll}.brand_category_sp img{width:160%;max-width:none}.brand_category_scroll{display:block;max-width:10%;margin:0 auto}}