@charset "UTF-8";.agent-line-modal{display:none;position:fixed;top:0;left:0;background-color:rgb(0,0,0,0.3);width:100%;height:100%;z-index:10001}#agentLineAccountSelectModal *{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#agentLineAccountSelectModal.modal-chat{border:solid #fff 5px;border-radius:5px;display:none;position:fixed;width:85%;top:50%;left:50%;transform:translate(-50%,-50%);max-height:100%;background-color:#fff;z-index:10002;text-align:center}#agentLineAccountSelectModal.modal-chat .chat-box{border:solid 2px #3ba3ed;border-radius:5px;background:#fff;text-align:center}#agentLineAccountSelectModal.modal-chat .agent-line-modal-close{position:absolute;top:7px;right:7px;width:25px;height:25px;font-size:25px;line-height:.7;color:#3ba3ed}#agentLineAccountSelectModal.modal-chat .agent-line-modal-close::after{content:"\00d7";display:block}#agentLineAccountSelectModal.modal-chat .chat-box>p{font-size:19px;padding:25px 0 10px;border-bottom:solid 1px #ccc;font-weight:bold}#agentLineAccountSelectModal.modal-chat .chat-box>p .em{margin-left:5px}#agentLineAccountSelectModal.modal-chat .chat-box>p svg{margin-left:5px}#agentLineAccountSelectModal.modal-chat .chat-box .em{color:#3ba3ed}#agentLineAccountSelectModal.modal-chat .chat-box>div{padding:20px 15px}#agentLineAccountSelectModal.modal-chat .chat-box>div>p{margin-bottom:12px}#agentLineAccountSelectModal.modal-chat .chat-box .select{position:relative;display:inline-block;padding:5px 20px;border:solid 1px #ccc;border-radius:20px}#agentLineAccountSelectModal.modal-chat .chat-box .select::before{content:"";position:absolute;bottom:-13px;left:50%;margin-left:-10px;border:8px solid transparent;border-top:5px solid #FFF;z-index:2}#agentLineAccountSelectModal.modal-chat .chat-box .select::after{content:"";position:absolute;bottom:-17px;left:50%;margin-left:-12px;border:10px solid transparent;border-top:7px solid #ccc;z-index:1}#agentLineAccountSelectModal.modal-chat .chat-box .select p{font-weight:bold;font-size:12px}#agentLineAccountSelectModal.modal-chat .chat-box ul{margin-top:10px;overflow-y:scroll;max-height:310px}#agentLineAccountSelectModal.modal-chat .chat-box ul li{margin-bottom:15px;float:none;width:100%;border:0;font-weight:normal;font-size:medium;word-wrap:normal}#agentLineAccountSelectModal.modal-chat .chat-box ul li:last-child{margin-bottom:0}#agentLineAccountSelectModal .chat-box .chat-list{position:relative}#agentLineAccountSelectModal .chat-list .chat-button{opacity:0;position:absolute;top:0;left:0;height:100%;width:100%;margin:0;cursor:pointer}#agentLineAccountSelectModal .chat-list .chat-tile{border-radius:10px;color:#fff;opacity:.4;padding:10px 90px 10px 10px;text-align:left;display:flex;justify-content:flex-start}#agentLineAccountSelectModal .chat-list .chat-button:checked+.chat-tile{opacity:1}#agentLineAccountSelectModal .chat-box ul li.one .chat-tile{background:#f7a863 url(/sp/asset/images/agent/chat_01.png) no-repeat right 2px center;background-size:95px}#agentLineAccountSelectModal .chat-box ul li.multiple .chat-tile{background:#f593a3 url(/sp/asset/images/agent/chat_02.png) no-repeat right 2px center;background-size:95px}#agentLineAccountSelectModal .chat-box ul li.family .chat-tile{background:#6ba6d6 url(/sp/asset/images/agent/chat_03.png) no-repeat right 2px center;background-size:95px}#agentLineAccountSelectModal .chat-list .num{font-size:16px;border-radius:50%;background:#fff;height:35px;width:35px;padding:8px;word-break:normal;display:flex;align-items:center;justify-content:center}#agentLineAccountSelectModal .chat-box ul li.one .chat-tile .num{color:#f7a863}#agentLineAccountSelectModal .chat-box ul li.multiple .chat-tile .num{color:#f593a3}#agentLineAccountSelectModal .chat-box ul li.family .chat-tile .num{color:#6ba6d6}#agentLineAccountSelectModal .chat-list label.chat-list-label{cursor:pointer;float:none;width:100%}#agentLineAccountSelectModal .chat-list div.chat-tile-label{flex-grow:1;text-align:center;line-height:1.5;text-shadow:0 0 70px rgb(0 0 0 / 40%)}#agentLineAccountSelectModal .chat-list div.chat-tile-label p{font-size:4vw}#agentLineAccountSelectModal .chat-list div.chat-tile-label span{display:block;font-size:5.4vw;font-weight:bold}#agentLineAccountSelectModal .chat-btn{margin-top:20px}#agentLineAccountSelectModal .agent-display-hidden{display:hidden}#agentLineAccountSelectModal .chat-btn a.agent-btn-line{background:#00b800;color:#fff;border:solid 1px #00b800;box-shadow:0 3px 0 0 #028902;display:block;border-radius:5px;text-align:center;font-weight:600;padding:10px 4px 8px;font-size:124%;text-decoration:none}