@charset "utf-8";

#r_quickmenu{opacity:0;position:fixed;right:-20px;bottom:55px;z-index:1000;-webkit-transition:all .2s;transition:all .2s}
#r_quickmenu.fixed{opacity:1;right:50px}
#r_quickmenu li{margin-bottom:12px}
#r_quickmenu li a{display:block;width:72px;height:72px;border-radius:50%;font-size:0;background:no-repeat #f75b1b;transition:all .2s}
#r_quickmenu li:nth-child(1) a{background-image:url(./r_quickmenu_02.png);background-position:17px 18px}
#r_quickmenu li:nth-child(2) a{background-image:url(./r_quickmenu_02.png);background-position:19px 19px}
#r_quickmenu li a:hover{background-color:#d2a96c}
#r_quickmenu .to_top{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:no-repeat #f75b1b;transition:all .2s;cursor:pointer}
#r_quickmenu .to_top:hover{background-color:#d2a96c}
#r_quickmenu .to_top span{position:relative;width:2px;height:18px;background-color:#fff}
#r_quickmenu .to_top span:before, #r_quickmenu .to_top span:after{content:"";position:absolute;transform:rotate(-45deg);top:1px;width:11px;height:2px;background-color:#fff}
#r_quickmenu .to_top span:before{left:-8px}
#r_quickmenu .to_top span:after{left:-1px;transform:rotate(45deg)}

@media (max-width:480px){
#r_quickmenu{bottom:85px}
#r_quickmenu.fixed{right:15px}
#r_quickmenu li:nth-child(1) a{background-size:45%;background-position:20px 20px}
#r_quickmenu li a{width:65px;height:65px}
#r_quickmenu .to_top{width:65px;height:65px}
}