@charset "UTF-8";
/*----------このエリアは削除すると正しく動作しない可能性があります----------

Theme Name:   LION MEDIA Child
Theme URI:    http://fit-jp.com/theme/
Description:  FIT(フィット) が制作するメディア用WordPressTHEME「LION MEDIA」の子テーマ
Author:       Kota Naito　@FIT(フィット)
Author URI:   http://fit-jp.com/about/
Template:     lionmedia
Version:      1.2
License:      GNU GENERAL PUBLIC LICENSE
License URI:  http://www.gnu.org/licenses/gpl.html

----------このエリアは削除すると正しく動作しない可能性があります----------*/


/*/////////////////////////////////////////////////
//下記ユーザーカスタマイズエリア
/////////////////////////////////////////////////*/
.content-form .required{color: #fff;}
.monthly-calendar caption { font-size: 3rem;}

/* ------------------------- */
/* -------- 吹き出し -------- */
/* ------------------------- */
div.balloon{
  display: flex;
  margin: 0 0 1.5em 0;
}
div.balloonR{
  flex-direction: row-reverse;
}
div.balloon-img{
  width: 80px;
  height: auto;
  flex-shrink: 0;
	text-align:center;
}
div.balloon-text{
  padding: 1em;
  border-radius: 6px;
  position: relative;
  display: flex;
}
div.balloon-text-inner{
  margin: auto!important;
}
div.balloon-text::before,.balloon-text::after{
  content: '';
  position: absolute;
  top: 19px;
  font-size: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
div.balloonL .balloon-text{
  margin: 0 100px 0 15px;
  background: #d2ffa5;
		width:100%;
}
div.balloonR .balloon-text{
  margin: 0 15px 0 100px;
  background: #aacf53;
	width:100%;
}
div.balloonL .balloon-text::before{
  left: -16px;
  border-right: 17px solid #d2ffa5;
}
div.balloonR .balloon-text::before{
  right: -16px;
  border-left: 17px solid #aacf53;
}

/*ブログ用囲み枠*/
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #015c41;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #015c41;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}
@media only screen and (max-width: 768px){
div.balloonL .balloon-text{
  margin: 0 10px 0 15px;
}
div.balloonR .balloon-text{
  margin: 0 15px 0 10px;
}		
}