/* チャット部 */
#chat_frame {
    position : fixed;
    display  : inline-block;
    bottom   : 0;
    right    : 0;
    width    : 100px;
   /* height   : 95%;*/
	z-index:999;
}

.click_h{
	height   : 95%;
}

/*@media screen and (max-width: 768px){
	#chat_frame {
    height   : auto;
}
}*/

/* チャット画面開閉アイコン */
#chat_icon {
    position : absolute;
    display  : inline-block;
    bottom   : 0;
    width    : 100px;
}

/* チャット表示部（全体） */
#chat_contents {
    position : absolute;
    display  : inline-block;
    left     : 100px;
    bottom   : 0;
    width    : 517px;
    height   : 100%;
}

/* チャット表示部（タイトル） */
#chat_title {
    position                : relative;
    width                   : 517px;
    height                  : 35px;
    border                  : 1px solid #898989;
    border-top-left-radius  : 10px;
    border-top-right-radius : 10px;
    margin-bottom           : -2px;
    color                   : #aa0078;
    background              : linear-gradient(
        to bottom,
        rgb(245, 245, 245) 0%,
        rgb(230, 230, 230) 49%,
        rgb(210, 210, 210) 50%,
        rgb(210, 210, 210) 80%,
        rgb(234, 234, 234) 100%
        );
}

/* チャット表示部（タイトル） */
#chat_title > label {
    display     : inline;
    margin      : 0px 0px 0px 10px;
    line-height : 35px;
    font-family : "メイリオ", sans-serif;
    font-size   : 14pt;
    font-weight : bold;
}

/* チャット表示部（チャット） */
#webchat {
    position: relative;
    width                 : 100%;
    height                : calc(100% - 35px);
    border                : 1px solid #898989;
    background-color      : #f2f2f2;
}