/*------------------------------
  »­Ïñ¸¶¤­´µ¤­³ö¤·(»áÔ’)
------------------------------*/
/* ´µ¤­³ö¤· È«Ìå*/
.talking {
      margin-bottom:2em;
      position:relative;
}

.talking:before , .talking:after {
      clear:both;
      content:"";
      display:block;
}

/*¥¢¥¤¥³¥ó*/
.talking figure {
      width:auto;     /*¥¢¥¤¥³¥ó¤Îºá·ù*/
      height:auto;    /*¥¢¥¤¥³¥ó¤Î¿k·ù*/
}

.talking-left_icon {
      float:left;
      margin-right:15px;    /*¥¢¥¤¥³¥ó¤ÎÓÒ¤ÎÓà°×(×ó¤Î´µ¤­³ö¤·)*/
}

.talking-right_icon {
      float:right;
      margin-left:15px;    /*¥¢¥¤¥³¥ó¤Î×ó¤ÎÓà°×(ÓҤ䵤­³ö¤·)*/
}

.talking figure img {
      width:auto;
      height:auto;
      margin:0;
}

/*¥¢¥¤¥³¥ó¤ÎϤÎÃûÇ°*/
.talking-left_icon figcaption ,
.talking-right_icon figcaption {
      padding:2px 0 0;
      font-size:12px;
      text-align:center;
}

/*´µ¤­³ö¤·¤Î¥»¥ê¥Õ²¿·Ö*/
.talking-left , .talking-right  {
      position:relative;
      padding:10px;          /*ÄڂȤÎÓà°×*/
      border-style:solid;    /*–˜¾€¤Î¾€·N*/
      border-radius:10px;    /*¥»¥ê¥Õ¤òÈë¤ì¤ë²¿·Ö¤Î½ÇÍè*/
      max-width: calc(50%);
}

.talking p {
      margin:0;
}

.talking p :last-child {
      margin:0;
}

/*---×ó¤Î´µ¤­³ö¤·---*/
.talking-left {
      float:left;
      border-width:2px;         /*–˜¾€¤ÎÌ«¤µ*/
      border-color:Black;   /*–˜¾€¤ÎÉ«*/
      background:white;    /*±³¾°É«*/
}

/*×ó¤Î´µ¤­³ö¤· Èý½Ç*/
.talking-left:before {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-right: 10px solid Black;  /*Èý½Ç¤Î¾€¤Ë¤Ê¤ë²¿·Ö*/
      top: 20px;
      left: -22px;
}

.talking-left:after {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-right: 10px solid white;
      top: 20px;
      left: -19px;
}

/*---ÓҤ䵤­³ö¤·---*/
.talking-right {
      float:right;
      border-width:2px;      /*–˜¾€¤ÎÌ«¤µ*/
      border-color:khaki;    /*–˜¾€¤ÎÉ«*/
      background:khaki;    /*±³¾°É«*/
}

/*ÓҤ䵤­³ö¤· Èý½Ç*/
.talking-right:before {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-left: 10px solid khaki;  /*Èý½Ç¤Î¾€¤Ë¤Ê¤ë²¿·Ö*/
      top: 15px;
      right: -22px;
}

.talking-right:after {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-left: 10px solid khaki;
      top: 15px;
      right: -19px;
}

/*---ËĽÇ---*/

.talking-square_icon {
      float:left;
      margin-right:15px;    /*¥¢¥¤¥³¥ó¤ÎÓÒ¤ÎÓà°×(×ó¤Î´µ¤­³ö¤·)*/
}

/*´µ¤­³ö¤·¤Î¥»¥ê¥Õ²¿·Ö*/
.talking-square_p ,.talking-square_b,.talking-square_y {
      position:relative;
      padding:5px;          /*ÄڂȤÎÓà°×*/
      border-style:solid;    /*–˜¾€¤Î¾€·N*/
      max-width: calc(75%);
}

.talking-square_p {
      float:left;
      border-width:2px;      /*–˜¾€¤ÎÌ«¤µ*/
      border-color:white;    /*–˜¾€¤ÎÉ«*/
      background:lightpink;    /*±³¾°É«*/
}
.talking-square_b {
      float:left;
      border-width:2px;      /*–˜¾€¤ÎÌ«¤µ*/
      border-color:white;    /*–˜¾€¤ÎÉ«*/
      background:lightblue;    /*±³¾°É«*/
}
.talking-square_y {
      float:left;
      border-width:2px;      /*–˜¾€¤ÎÌ«¤µ*/
      border-color:white;    /*–˜¾€¤ÎÉ«*/
      background:lightyellow;    /*±³¾°É«*/
}