.search_box{background-image:-moz-linear-gradient(right, #e92085 0%, #e93453 30%, #e94820 100%);background-image:-webkit-linear-gradient(right, #e92085 0%, #e93453 30%, #e94820 100%);background-image:linear-gradient(to left, #e92085 0%, #e93453 30%, #e94820 100%);opacity:1;color:#fff;display:flex;flex-wrap:wrap;padding:15px}.search_box_key{width:100%;display:flex;justify-content:center;flex-wrap:wrap}.search_box_key .ttl{font-size:1.6rem}.search_box_key .words{display:flex;flex-wrap:wrap;width:88%;margin-top:10px}.search_box_key .words li{margin:0 5px 5px}.search_box_key .words li a{padding:.2em 1.5em;border:1px solid #fff;border-radius:15px;display:flex;justify-content:center}.search_box_form{width:100%;margin-top:10px;position:relative;height:30px}.search_box_form .textbox{background-color:#fff;width:100%;height:30px;border-radius:15px;padding:0 1em;font-size:1.6rem;position:absolute;top:0;left:0;line-height:30px}.search_box_form .btn{width:62px;height:30px;background-color:#333;border-radius:0 15px 15px 0;cursor:pointer;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center}.search_box_form .btn img{width:18px}.search_box_btn{width:100%}.search_box_btn button{background-image:-moz-linear-gradient(left, #e92085 0%, #e93453 30%, #e94820 100%);background-image:-webkit-linear-gradient(left, #e92085 0%, #e93453 30%, #e94820 100%);background-image:linear-gradient(to right, #e92085 0%, #e93453 30%, #e94820 100%);opacity:1;border-radius:30px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.6rem;font-weight:500;padding:1em;width:90%;max-width:300px;margin:0 auto;cursor:pointer}.search_box_btn img{width:23px;flex-shrink:0;margin-right:8px}.scrollbox{height:250px;overflow-y:scroll;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.acc_list{position:relative}.acc_list li{border-bottom:1px solid #eee}.acc_trigger{padding:1em 2em 1em .5em;cursor:pointer;position:relative}.acc_trigger span{padding-left:.5em}.acc_trigger::after{content:"";display:inline-block;width:10px;height:10px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(45deg);margin-right:0;vertical-align:middle;border-width:2px;position:absolute;top:50%;right:14px;transform:rotate(45deg) translateY(-50%)}.acc_trigger.on::after{transform:rotate(-135deg);right:10px}.acc_open{display:none;padding:10px 0}.refine_ttl{font-size:1.8rem;font-weight:500;line-height:2;padding-bottom:6px;border-bottom:1px solid #ddd;margin-bottom:24px}.refine dl{margin:10px 0}.refine dl dt{font-weight:500;margin-bottom:10px}.refine dl dd .app_lists_category{padding:0}.refine dl dd .category{display:flex}.refine dl dd .category li{margin-right:10px}.refine_trigger{border-bottom:1px solid #ddd;position:relative;padding:1em}.refine_trigger::after{content:"";display:inline-block;width:10px;height:10px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(45deg);margin-right:0;vertical-align:middle;position:absolute;right:18px;top:18px}.refine_trigger.on::after{transform:rotate(-135deg);top:22px}.refine_open{display:none}.refine_open.borderbox{padding:20px;border-top:none;margin-top:0}.catch{margin:40px 0}.catch .category_lists{display:flex;flex-wrap:wrap;color:#666;margin-top:10px}.catch .category_lists li{margin-right:1em;margin-bottom:.3em;padding-right:1em;border-right:1px solid #666}.catch .category_lists li:last-child{margin-right:0;padding-right:0;border-right:none}.catch .app_lists_category{padding:20px 0 0}.catch_play{display:none}article>[class$="_ttl"]:first-child{margin-top:0}@media screen and (min-width: 768px){.search_box{padding:15px 30px;align-items:center}.search_box_key{width:calc(100% - 300px);flex-wrap:nowrap;align-items:center}.search_box_key .ttl{width:145px;font-size:1.6rem}.search_box_key .words{display:flex;flex-wrap:wrap;width:calc(100% - 145px);margin-top:5px}.search_box_form{width:300px;margin-top:0}.search_menu{display:flex;flex-wrap:wrap}.search_menu .left{width:30%;max-width:336px;margin-right:7%}.search_menu .left .select_btn label{width:calc(50% - 6px);text-align:center}.search_menu .left .select_btn label:nth-of-type(2n){margin-right:0}.search_menu .left .select_btn.-col3 label{width:calc(33.33% - 6px)}.search_menu .left .select_btn.-col3 label:nth-of-type(2n){margin-right:9px}.search_menu .left .select_btn.-col3 label:nth-of-type(3n){margin-right:0}.search_menu .right{width:63%}.search_menu .right_col2{display:flex}.search_menu .right_col2_item{width:calc(50% - 16px)}.search_menu .right_col2_item:first-child{margin-right:16px}.search_menu .clear_btn{width:30%;max-width:336px;margin-right:7%}.search_menu .clear_btn button[type="reset"]{margin:0}.search_menu .search_box_btn{width:63%;margin-top:40px}.search_menu .search_box_btn button{margin:0}.search_btn{display:flex;align-items:center}.search_btn .clear_btn{width:30%;margin-right:7%}.search_btn .clear_btn button{margin-left:0}.search_btn .search_box_btn{width:63%}.search_btn .search_box_btn button{margin:0}.refine{display:flex;align-items:center}.refine_ttl{padding-bottom:0;border-bottom:none;width:80px;margin-bottom:0}.refine_lists{padding-left:28px;margin-left:28px;border-left:1px solid #ddd;width:calc(100% - 80px)}}@media screen and (min-width: 1024px){.search_box_key .words li a:hover{opacity:.6}.search_menu{display:flex;flex-wrap:wrap}.search_menu .left .line_ttl{margin-top:44px}.search_menu .right .line_ttl{margin-top:44px}.search_menu .clear_btn{width:100%;margin:30px 0 0}.search_menu .clear_btn button[type="reset"]{margin:0 auto 0 0}.scrollbox{height:335px}.acc_trigger{transition:all .1s ease-out}.acc_trigger:hover{background-color:#f5f5f5}.refine_lists{padding-left:56px;margin-left:56px}.refine dl{display:flex;width:100%}.refine dl dt{flex:0 0 6em;margin-right:2em}.refine dl dd{width:calc(100% - 6em)}.refine_acc .acc_trigger::after{right:36px}.refine_trigger{padding:1em 30px;transition:all .1s ease-out;cursor:pointer}.refine_trigger:hover{background-color:#eee}.refine_trigger::after{right:36px;top:22px}.refine_trigger.on::after{top:26px}.refine_open.borderbox{padding:40px}.catch{position:relative;width:100%;height:0;margin:40px 0;padding-bottom:55.55%;overflow:hidden}.catch .color_ttl{position:relative;z-index:10;margin:0;padding:30px 40px 0;color:#fff}.catch .category_lists{position:relative;z-index:10;padding:16px 40px 0;color:#fff}.catch .category_lists li{border-color:#fff}.catch .category_lists+.app_lists_category{position:relative;z-index:10;padding:20px 40px 0}.catch_img{position:absolute;top:0;left:0;width:100%;height:100%}.catch_img_bg{display:table;background-color:#000;width:100%;height:100%}.catch_img_bg img{opacity:.6;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:auto;max-width:100%;height:auto;max-height:100%}.catch_img .play::after{content:none}.catch_play{display:inline-block;position:absolute;bottom:40px;right:40px;z-index:10;background:#e94820 url("/cocoapp/images/case/play_btn.png") no-repeat left 40px center;color:#fff;padding:.6em 2em .7em 60px;border-radius:99px;transition:all .2s}.catch_play:hover{opacity:.8}article .color_line_ttl{margin:100px 0 60px}}