.balloon1 {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
}

.balloon1:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
}

.balloon1 p {
	margin: 0;
	padding: 0;
}


.fa-white:before
{
color: #f0f8ff ;
}

.balloon3 {
 	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;
}

.balloon3:before{
	content: "";
	position: absolute;
	bottom: -25px;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #70a6ff;
 	z-index: 0;
}

blockquote {
    position: relative;
    padding: 10px 20px;
    box-sizing: border-box;
    font-style: italic;
    color: #4e4e4e;
    background: #f2f9ff;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 10px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #d2e6ff;
    font-size: 58px;
    line-height: 1;
}

blockquote:after{
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 15px;
    vertical-align: middle;
    text-align: center;
    content: "\f10e";
    font-family: FontAwesome;
    color: #d2e6ff;
    font-size: 40px;
    line-height: 1;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*-------------------------------------- ふきだしの色を変える（←左） --------------------------------------*/ .sc { border: solid 2px #d5d5d5;/*ふきだしの線の色*/ background: #FFFFFF;/*ふきだしの中の色*/ color: #000000;/*文字の色*/ } .sc:before { border: 12px solid transparent; border-right: 12px solid #d5d5d5;/*ふきだしの線の色*/ content: ""; } .sc:after { display: inline-block; position: absolute; border: 12px solid transparent; border-right: 12px solid #FFFFFF;/*ふきだしの中の色*/ content: ""; } 
/*-------------------------------------- ふきだしの色を変える（右→） --------------------------------------*/ .right .sc { background: #FFFFFF ;/*ふきだしの中の色*/ color: #000000;/*文字の色*/ } .right .sc:before, .right .sc:after { right: -23px; left: auto; border: 12px solid transparent; border-left: 12px solid #d5d5d5;/*ふきだしの線の色*/ } .right .sc:after { right: -20px; border-left-color: #FFFFFF ;/*ふきだしの中の色*/ } 

/*--------------------------------------
  追尾型の目次をスクロールに変更
--------------------------------------*/
#fixed_sidebar .widget h4 + * {
max-height: 450px;/* 縦の幅 */
overflow-y: auto;
}

/*--------------------------------------
スクロールのデザインを変更
--------------------------------------*/
ul::-webkit-scrollbar{
  width: 10px;/* 横幅 */
}
ul::-webkit-scrollbar-track{
  background: #fff;/* トラックの背景 */
  border-radius: 0px;/* トラックの丸み */
  box-shadow: inset 0 0 1px #999; /* トラックの枠 */
}
ul::-webkit-scrollbar-thumb{
  background:#b0c4de;/* バーの色 */
  border-radius: 0px;/* バーの丸み */
  box-shadow: none;/* バーの枠 */
}

/*--------------------------------------
スクロールのタイトルのデザインを変更
--------------------------------------*/
#fixed_sidebar .widgettitle{
    text-align: center;/* 中央揃え */
}
#fixed_sidebar .toc_widget .widgettitle:before {
    display: block;
    content: url(https://japanesia.net/wp-content/uploads/2018/12/nc73641-e1543634851950.png);
    margin-bottom: -5px;/* 縦位置の調整 */
}