@charset "utf-8";
/*-----------------------------------------------------------*/
#etoAnime{position:absolute;z-index:9998;}
#balloon{display:none;position:absolute;padding:5px 0;width:80px;border:1px solid var(--main-color);background:#fff;text-align:center;border-radius:5px;z-index:10;}
#balloon:before{content:"";position:absolute;bottom:-12px;left:33px;display:block;width:0px;height:0px;border-style:solid;border-width:12px 7px 0 7px;border-color:var(--main-color) transparent transparent transparent;}
#balloon:after{content:"";position:absolute;bottom:-10px;left:35px;display:block;width:0px;height:0px;border-style:solid;border-width:10px 5px 0 5px;border-color:#fff transparent transparent transparent;}
#balloon a{display:block;position:relative;margin:0 auto;width:70px;border:1px solid #ccc;}
#balloon img{display:block;width:100%;height:auto;}
#balloon span{display:block;margin-bottom:3px;padding:3px 0;color:var(--main-color);font-size:12px;font-weight:bold;line-height:1.5em;}
#balloon #etoAnimeQuit{position:absolute;bottom:-20px;right:0;padding:2px 5px;text-align:center;background:var(--main-color);color:#fff;font-size:10px;border-radius:3px;line-height:1em;cursor:pointer;}
#balloon #etoAnimeQuit:hover{opacity:0.5;}
#cry{display: flex;flex-direction: column;position: absolute;width: 50px;transform:rotate(30deg);overflow: hidden;}
#cry img{display:block;width: 100%;height: auto;}
#controler{position:fixed;top:10px;right:10px;padding:10px;width:200px;height:auto;background:rgba(200,200,200,0.8);display:none;z-index:9999;border-radius:5px;}
#controler li,#controler div{margin-bottom:5px;}
#controler span{display:inline-block;margin-right:5px;width:80px;}
#controler input{display:inline-block;width:80px;}
#controler .close{margin:10px auto;padding:5px;width:80px;background:#888;text-align:center;color:#fff;}
#controler .close:hover{background:#ccc;}
/*-----------------------------------------------------------*/