@charset "utf-8";
/*吹き出しデザイン01*/
.balloon01 {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
}
.balloon01:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
}
.balloon01 p {
	margin: 0;
	padding: 0;
}

.balloon01r {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
    border-radius: 15px;
}
.balloon01r:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
}
.balloon01r p {
	margin: 0;
	padding: 0;
}

/*吹き出しデザイン02*/
.balloon02 {
	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
}
.balloon02:before {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #e0edff;
}
.balloon02 p {
	margin: 0;
	padding: 0;
}

.balloon02r {
	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
    border-radius: 15px;
}
.balloon02r:before {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #e0edff;
}
.balloon02r p {
	margin: 0;
	padding: 0;
}

/*吹き出しデザイン03*/
.balloon03 {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0 1.5em 15px;
	padding: 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
}
.balloon03:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #e0edff;
}
.balloon03 p {
	margin: 0;
	padding: 0;
}

.balloon03r {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0 1.5em 15px;
	padding: 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
    border-radius: 15px;
}
.balloon03r:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #e0edff;
}
.balloon03r p {
	margin: 0;
	padding: 0;
}

/*吹き出しデザイン04*/
.balloon04 {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 15px 1.5em 0;
	padding: 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
}
.balloon04:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #e0edff;
}
.balloon04 p {
	margin: 0;
	padding: 0;
}

.balloon04r {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 15px 1.5em 0;
	padding: 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
    border-radius: 15px;
}
.balloon04r:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #e0edff;
}
.balloon04r p {
	margin: 0;
	padding: 0;
}

/*吹き出しデザイン05*/
.balloon05 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
}
.balloon05:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}
.balloon05:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}
.balloon05 p {
	margin: 0;
	padding: 0;
}

.balloon05r {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 20px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #FFF;
    border: solid 3px #555;
    box-sizing: border-box;
    border-radius: 15px;
}
.balloon05r:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #FFF;
    z-index: 2;
}
.balloon05r:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-top: 14px solid #555;
    z-index: 1;
}
.balloon05r p {
	margin: 0;
	padding: 0;
}

/*吹き出しデザイン06*/
.balloon06 {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 3px #555;
 	box-sizing: border-box;
}
.balloon06:before {
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
 	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
 	z-index: 2;
}
.balloon06:after {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
 	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #555;
 	z-index: 1;
}
.balloon06 p {
	margin: 0;
	padding: 0;
}

.balloon06r {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 3px #555;
 	box-sizing: border-box;
    border-radius: 15px;
}
.balloon06r:before {
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
 	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
 	z-index: 2;
}
.balloon06r:after {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
 	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #555;
 	z-index: 1;
}
.balloon06r p {
	margin: 0;
	padding: 0;
}

/*吹き出しデザイン07*/
.balloon07 {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0 1.5em 15px;
	padding: 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 3px #555;
 	box-sizing: border-box;
}
.balloon07:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
 	z-index: 2;
}
.balloon07:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #555;
 	z-index: 1;
}
.balloon07 p {
	margin: 0;
	padding: 0;
}

.balloon07r {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0 1.5em 15px;
	padding: 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 3px #555;
 	box-sizing: border-box;
    border-radius: 15px;
}
.balloon07r:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
 	z-index: 2;
}
.balloon07r:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #555;
 	z-index: 1;
}
.balloon07r p {
	margin: 0;
	padding: 0;
}

/*吹き出しデザイン08*/
.balloon08 {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 15px 1.5em 0;
	padding: 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 3px #555;
 	box-sizing: border-box;
}
.balloon08:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid #FFF;
 	z-index: 2;
}
.balloon08:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #555;
 	z-index: 1;
}
.balloon08 p {
	margin: 0;
	padding: 0;
}

.balloon08r {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 15px 1.5em 0;
	padding: 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 3px #555;
 	box-sizing: border-box;
    border-radius: 15px;
}
.balloon08r:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid #FFF;
 	z-index: 2;
}
.balloon08r:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #555;
 	z-index: 1;
}
.balloon08r p {
	margin: 0;
	padding: 0;
}

/*吹き出しデザイン09*/
.balloon09 {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 0 5px;
 	width: 90px;
 	height: 90px;
 	line-height: 90px;
 	vertical-align: middle;
 	text-align: center;
 	color: #FFF;
	font-size: 20px;
 	font-weight: bold;
	background: #70a6ff;
 	border-radius: 50%;
 	box-sizing: border-box;
}
.balloon09:before {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #70a6ff;
 	z-index: 0;
}

/*吹き出しデザイン10*/
.balloon10 {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 0 5px;
 	width: 90px;
 	height: 90px;
 	line-height: 90px;
 	vertical-align: middle;
 	text-align: center;
 	color: #FFF;
	font-size: 20px;
 	font-weight: bold;
	background: #a4eb84;
 	border-radius: 50%;
 	box-sizing: border-box;
}
.balloon10:before {
	content: "";
	position: absolute;
	top: -25px;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #a4eb84;
 	z-index: 0;
}

/*吹き出しデザイン11*/
.balloon11 {
	position: relative;
	display: inline-block;
	margin: 1.5em 0 1.5em 15px;
	padding: 0 5px;
	width: 90px;
	height: 90px;
	line-height: 90px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	background: #ffcc75;
	border-radius: 50%;
	box-sizing: border-box;
}
.balloon11:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -25px;
  	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #ffcc75;
 	z-index: 0;
}

/*吹き出しデザイン12*/
.balloon12 {
	position: relative;
	display: inline-block;
	margin: 1.5em 15px 1.5em 0;
	padding: 0 5px;
 	width: 90px;
	height: 90px;
	line-height: 90px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	background: #ff8e9d;
	border-radius: 50%;
	box-sizing: border-box;
}
.balloon12:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -25px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #ff8e9d;
	z-index: 0;
}

/*吹き出しデザイン13*/
.balloon13 {
 	position: relative;
	display: inline-block;
	margin: 1.5em 15px 1.5em 0;
	padding: 0 5px;
	width: 90px;
	height: 90px;
	line-height: 90px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	background: #a58eff;
	border-radius: 50%;
	box-sizing: border-box;
}
.balloon13:before {
	content: "";
	position: absolute;
	bottom: -8px;
	right: -8px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #a58eff;
	z-index: 0;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*吹き出しデザイン14*/
.balloon14 {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 15px;
    width: 50%;
    background: #fff0c6;
    border-radius: 30px;
}
.balloon14:before {    
    content: "";
    position: absolute;
    left: -38px;
    width: 13px;
    height: 12px;
    bottom: 0;
    background: #fff0c6;
    border-radius: 50%;
}
.balloon14:after {
    content: "";
    position: absolute;
    left: -24px;
    width: 20px;
    height: 18px;
    bottom: 3px;
    background: #fff0c6;
    border-radius: 50%;
}
.balloon14 p {
    margin: 0; 
    padding: 0;
}

/*吹き出しデザイン15*/
.balloon15 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}
.balloon15 .faceicon {
    float: left;
    margin-right: -90px;
    width: 80px;
}
.balloon15 .faceicon img{
    width: 100%;
    height: auto;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
}
.balloon15 .chatting {
    width: 100%;
}
.says {
    display: inline-block;
    position: relative; 
    margin: 5px 0 0 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
}
.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
}
.says p {
    margin: 0;
    padding: 0;
}