/* reset */

/*Bot全体*/
#bot { height: 100%;
        margin: 0;
        overflow: hidden;
        padding: 0;
}

/*上部タイトル*/
.wc-header {
  text-align: center;
  /* padding-left: 50px; */
  background-color: #2a7ec5 ;
height:40px;
line-height:30px;
font-size:20px;
}

/*メッセージエリア*/
.wc-message-groups{
  /*background-image: url("sample2.png");*/
 /* background-image: url("images/gudetama2.gif");
 background-size: 240px auto;
  background-repeat: no-repeat;
   /*  background-size: cover; */ 
    background-position: left bottom;  
    background-position: 0px 120px;
    background-color: #bce6f9;
}

/*メッセージ・送信*/
.wc-message-from-me .wc-message-content{
  background-color: #fff;
  color:#2a7ec5 ;
}
.wc-message-from-me svg.wc-message-callout path {
    fill: #fff;
}

/*メッセージ・レスポンス*/
.wc-message-from-bot .wc-message-content{
    background-color: #2a7ec5;
    color:  #fff;
   font-weight:bolder ;
   /*  opacity: 1;*/
} 
.wc-message-from-bot svg.wc-message-callout path {
    border :3px solid #d7003a;
}

/*入力テキストエリア*/
.wc-console {
       background-color: #fff;

/*  border-radius: 0 0 30px 30px;*/
}

/*レスポンス内のボタン表示*/
.wc-card button {
	color: #2a7ec5;
	font-weight: bolder;
}

.wc-adaptive-card{
width:100%;
}


/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){
/*メッセージエリア*/
.wc-message-groups{
  /*background-image: url("sample2.png");*/
  background-image: url("images/gudetama2.gif");
 background-size: 190px auto;
  background-repeat: no-repeat;
  /* background-size: cover;*/
  background-position: left bottom;
  background-position: 0px 245px;
 background-color: #fff;
}


}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){


/*メッセージエリア*/
.wc-message-groups{
  /*background-image: url("sample2.png");*/
  background-image: url("images/gudetama2.gif");
 background-size: 130px auto;
  background-repeat: no-repeat;
  /* background-size: cover;*/
  background-position: left bottom;
  background-position: 0px 245px;
 background-color: #fff;
}


}