#find_area{display:block;position:fixed;top:-200%;left:50%;transform:translateX(-50%);margin:0 auto;padding:40px;width:80%;height:750px;background:#fff9eb;z-index:999;transition:all .6s;filter:drop-shadow(0 3px 3px rgba(200,200,200,.5))}#find_area.panelactive{top:0}#find_genre{display:block;position:fixed;top:-100%;left:50%;transform:translateX(-50%);margin:0 auto;padding:40px;width:80%;height:400px;background:#fff9eb;z-index:999;transition:all .6s;filter:drop-shadow(0 3px 3px rgba(200,200,200,.5))}#find_genre.panelactive{top:0}.window_close_btn{position:absolute;z-index:1000;top:18px;right:22px;cursor:pointer;width:70px;height:70px}.window_close_btn span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:3px;border-radius:2px;background-color:#666;width:45%}.window_close_btn span:nth-of-type(1) {top:18px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}.window_close_btn span:nth-of-type(2){top:30px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}.find_area_title,.find_genre_title{margin:0 0 30px 0;padding:0;width:100%;font-size:22px;color:#333;text-indent:20px;border-left:8px solid #333;border-bottom:1px solid #ddd}#find_area>dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 10px auto;padding:0 0 10px 0;width:100%;border-bottom:1px solid #ddd}#find_area>dl:last-child{border-bottom:none}#find_area>dl>dt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;width:20%;font-size:16px;color:#56421c;background:#f8dea9;border-radius:4px}#find_area>dl>dd{margin:0;padding:0;width:78%}#find_area>dl>dd>ul{margin:0;padding:0;width:100%}#find_area>dl>dd>ul>li{display:inline-block;margin:0;padding:4px 0;width:150px;border:1px solid #fff}#find_area>dl>dd>ul>li>a{display:block;margin:0;padding:0;width:100%;font-size:16px;color:#694409;text-align:center;text-decoration:none;background:#fff;border:1px solid #ddd;border-radius:4px}#find_area>dl>dd>ul>li>a:hover{background:#face97;border:1px solid #e6b77d;-webkit-transition:all .3s;transition:all .3s}#find_genre>ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0;padding:0;width:100%}#find_genre>ul::after{content:'';display:block;width: calc(99% / 3)}#find_genre>ul>li{margin:0 0 10px 0;padding:0;width: calc(99% / 3)}#find_genre>ul>li>a{position:relative;display:block;margin:0;padding:8px 15px;width:100%;font-size:16px;color:#343434;text-decoration:none;background:#edebcf;border-radius:5px}#find_genre>ul>li>a:hover{background:#c2c09f;transition:all .3s}#find_genre>ul>li>a::after{content:url(https://www.pchoice.com/wp-content/themes/pchoice/assets/images/arrow/xarrow_menu_genre.gif.pagespeed.ic.XgrJth4xl3.png);position:absolute;top:50%;right:10%;transform:translateY(-50%)}@media screen and (max-width:480px){#find_area{top:-100vh;left:0;transform:translateX(0);padding:50px 15px 15px 15px;width:100%;height:100vh;overflow:scroll}#find_genre{top:-100%;left:0;transform:translateX(0);padding:50px 15px 15px 15px;width:100%;height:auto}.window_close_btn{top:10px;right:0}.find_area_title,.find_genre_title{margin-bottom:20px;font-size:18px}#find_area>dl{display:block}#find_area>dl>dt{width:100%}#find_area>dl>dd{margin-top:10px;width:100%}#find_area>dl>dd>ul{display:flex;flex-wrap:wrap;justify-content:space-between}#find_area>dl>dd>ul>li{margin-bottom:3px;padding:0;width:48%}#find_area>dl>dd>ul>li>a{padding:2px 0;font-size:14px}#find_genre>ul::after{width:49%}#find_genre>ul>li{margin-bottom:5px;width:49%}#find_genre>ul>li>a{padding:8px 30px 8px 15px;font-size:14px}}