@charset "UTF-8";
/* CSS Document */
/* reset */

@keyframes kirakira {
    0% {transform:translateY(0) rotateY(0);
    }
    100% {transform:translateY(calc(100vh + 1em)) rotateY(3600deg);
    }
}

/**********************パソコン**********************/
@media only screen and (min-width: 961px) {
/*Bot全体*/
#bot {
  border:none;
   height: 100%;
   margin: 0;
   overflow: hidden;
   padding: 0;
   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box

}

/* star*/
.star {
    animation: kirakira 8s linear;
    color: yellow;
    display: inline-block;
    height: 1em;
    line-height: 1em;
    position: fixed;
    top: -1em;
    z-index: 1000;
}

/*上部タイトル*/
.wc-header {
/*  background: -moz-linear-gradient(top, #69D8C1, #FFF);
  background: -webkit-linear-gradient(top, #69D8C1, #FFF);
  background: linear-gradient(to bottom, #69D8C1, #FFF);*/
	background-color: #69D8C1;
	text-align: center;
    height:40px;
    line-height:30px;
}

.wc-message-pane{
}

/*メッセージエリア*/
.wc-message-groups{
background-color: white !important;
opacity:0.7;
}


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

/*メッセージ・レスポンス*/
.wc-message-from-bot .wc-message-content{
    background-color: white;
	border: solid  1px #4CABA7;
	border-radius: 10px;
    color:#000;
　　font-weight: normal;
    width:90%;
	line-height: 3.0em;
　　box-shadow: 0 2px 4px rgba(224,248,241, 0.8);
}

.format-markdown p::after {
font-family: "Font Awesome 5 Free";
	content: '\f4ad';
	color: #707070;
	font-weight: 900;
	padding-left: 3px;
}

/*入力テキストエリア*/
.wc-console {
  border: 1px solid #01aea8;
  background-color:#E0F8F1;
}
/*ボタン色*/
.wc-app button {
 background-color:white;
 color:#495057;
 border: solid #4CABA7 1px;
 border-radius:11px;
font-size: 14px;
font-weight: lighter;
}

.ac-container{
width:100%;
text-align: center;
border: none;

}

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

.format-plain span{
	color: #495057;
	font-weight: lighter;
	
}

.format-plain span::before {
font-family: "Font Awesome 5 Free";
	content: '\f086';
	color: #C1C1C1;
	padding-right: 3px;
	font-weight: 900;
}
}
/**********************モバイル**********************/
@media only screen and (max-width: 960px) and (min-width: 540px){
	/*Bot全体*/
#bot {
  border:none;
   height: 100%;
   margin: 0;
   overflow: hidden;
   padding: 0;
   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box

}

/* star*/
.star {
    animation: kirakira 8s linear;
    color: yellow;
    display: inline-block;
    height: 1em;
    line-height: 1em;
    position: fixed;
    top: -1em;
    z-index: 1000;
}

/*上部タイトル*/
.wc-header {
/*  background: -moz-linear-gradient(top, #69D8C1, #FFF);
  background: -webkit-linear-gradient(top, #69D8C1, #FFF);
  background: linear-gradient(to bottom, #69D8C1, #FFF);*/
	background-color: #69D8C1;
	text-align: center;
    height:40px;
    line-height:30px;
}

.wc-message-pane{
}

/*メッセージエリア*/
.wc-message-groups{
background-color: white !important;
opacity:0.7;
}


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

/*メッセージ・レスポンス*/
.wc-message-from-bot .wc-message-content{
    background-color: white;
	border: solid  1px #4CABA7;
	border-radius: 10px;
    color:#000;
　　font-weight: normal;
    width:90%;
	line-height: 3.0em;
　　box-shadow: 0 2px 4px rgba(224,248,241, 0.8);
}

.format-markdown p::after {
font-family: "Font Awesome 5 Free";
	content: '\f4ad';
	color: #707070;
	font-weight: 900;
	padding-left: 3px;
}

/*入力テキストエリア*/
.wc-console {
  border: 1px solid #01aea8;
  background-color:#E0F8F1;
}
/*ボタン色*/
.wc-app button {
 background-color:white;
 color:#495057;
 border: solid #4CABA7 1px;
 border-radius:11px;
font-size: 14px;
font-weight: lighter;
}

.ac-container{
width:100%;
text-align: center;
border: none;

}

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

.format-plain span{
	color: #495057;
	font-weight: lighter;
	
}

.format-plain span::before {
font-family: "Font Awesome 5 Free";
	content: '\f086';
	color: #C1C1C1;
	padding-right: 3px;
	font-weight: 900;
}
}
/**********************スマホ**********************/
@media only screen and (max-width: 539px) {
	/*Bot全体*/
#bot {
  border:none;
   height: 100%;
   margin: 0;
   overflow: hidden;
   padding: 0;
   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box

}

/* star*/
.star {
    animation: kirakira 8s linear;
    color: yellow;
    display: inline-block;
    height: 1em;
    line-height: 1em;
    position: fixed;
    top: -1em;
    z-index: 1000;
}

/*上部タイトル*/
.wc-header {
/*  background: -moz-linear-gradient(top, #69D8C1, #FFF);
  background: -webkit-linear-gradient(top, #69D8C1, #FFF);
  background: linear-gradient(to bottom, #69D8C1, #FFF);*/
	background-color: #69D8C1;
	text-align: center;
    height:40px;
    line-height:30px;
}

.wc-message-pane{
}

/*メッセージエリア*/
.wc-message-groups{
background-color: white !important;
opacity:0.7;
}


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

/*メッセージ・レスポンス*/
.wc-message-from-bot .wc-message-content{
    background-color: white;
	border: solid  1px #4CABA7;
	border-radius: 10px;
    color:#000;
　　font-weight: normal;
    width:90%;
	line-height: 3.0em;
　　box-shadow: 0 2px 4px rgba(224,248,241, 0.8);
}

.format-markdown p::after {
font-family: "Font Awesome 5 Free";
	content: '\f4ad';
	color: #707070;
	font-weight: 900;
	padding-left: 3px;
}

/*入力テキストエリア*/
.wc-console {
  border: 1px solid #01aea8;
  background-color:#E0F8F1;
}
/*ボタン色*/
.wc-app button {
 background-color:white;
 color:#495057;
 border: solid #4CABA7 1px;
 border-radius:11px;
font-size: 14px;
font-weight: lighter;
}

.ac-container{
width:100%;
text-align: center;
border: none;

}

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

.format-plain span{
	color: #495057;
	font-weight: lighter;
	
}

.format-plain span::before {
font-family: "Font Awesome 5 Free";
	content: '\f086';
	color: #C1C1C1;
	padding-right: 3px;
	font-weight: 900;
}
}