/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
/* 本文 */
 .entry-content p {
 font-size: 90%;
 }

/* 見出し装飾 */
.entry-content h2 {
  position: relative;
  border-bottom: 3px solid #cccac3 !important;
  padding: 12px 0px 12px 5px ;
  margin: 30px 0px 20px;
}
.entry-content h2:after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 3px;
  background-color: #5d95ad !important;
}

/* 見出し装飾 */
.entry-content h3 {
  color: #fff !important;
  background-color: #cccac3 !important;
  border-radius: 3px;
  padding: 12px 0px 12px 5px ;
  margin: 30px 0px 20px;
}


/*--------------------
カルーセルの指示CSS
--------------------*/
.topSliderHeading {
  position: relative;
  padding: 0.6em;
  background: #fff;
  text-align: center;
  width: 280px;
  margin: 20px auto;
　font-family: 'Concert One', cursive;
　border-radius: 20px;
}

.topSliderHeading:after {
　position: absolute;
　content: '';
　top: 100%;
　left: 42%;
　border: 15px solid transparent;
　border-top: 15px solid #fff;
　width: 0;
　height: 0;
}
.topSliderHeading span{
　font-family: nikumaru !important;
　font-size: 20px;
}
 


/*--------------------
 吹き出しを作る
--------------------*/
.balloon {
margin-bottom: 2em;
position: relative;
}
.balloon:before,.balloon:after {
clear: both;
content: "";
display: block;
}
.balloon figure {
width: 60px;
height: 60px;
}
.balloon-image-left {
float: left;
margin-right: 20px;
}
.balloon-image-right {
float: right;
margin-left: 20px;
}
.balloon figure img {
width: 100%;
height: 100%;
border: 1px solid #aaa;
border-radius: 50%;
margin: 0;
}
.balloon-image-description {
padding: 5px 0 0;
font-size: 10px;
text-align: center;
}
.balloon-text-right,.balloon-text-left {
position: relative;
padding: 10px;
border: 1px solid;
border-radius: 10px;
max-width: -webkit-calc(100% - 120px);
max-width: calc(100% - 120px);
display: inline-block;
}
.balloon-text-right {
border-color: #aaa;
}
.balloon-text-left {
border-color: #aaa;
}
.balloon-text-right {
float: left;
}
.balloon-text-left {
float: right;
}
.balloon p {
margin: 0 0 20px;
}
.balloon p:last-child {
margin-bottom: 0;
}
/* 三角部分 */
.balloon-text-right:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #aaa;
top: 15px;
left: -20px;
}
.balloon-text-right:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #fff;
top: 15px;
left: -19px;
}
.balloon-text-left:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #aaa;
top: 15px;
right: -20px;
}
.balloon-text-left:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #fff;
top: 15px;
right: -19px;
}
/* 考え毎 */
.think .balloon-text-right,.think .balloon-text-left {
border-radius: 30px;
}
.think .balloon-text-right:before {
border: 1px solid #aaa;
border-radius: 50%;
width: 8px;
height: 8px;
top: 15px;
left: -12px;
}
.think .balloon-text-right:after {
border: 1px solid #aaa;
border-radius: 50%;
width: 4px;
height: 4px;
top: 20px;
left: -19px;
}
.think .balloon-text-left:before {
border: 1px solid #aaa;
border-radius: 50%;
width: 8px;
height: 8px;
top: 15px;
right: -12px;
}
.think .balloon-text-left:after {
border: 1px solid #aaa;
border-radius: 50%;
width: 4px;
height: 4px;
top: 20px;
right: -19px;
}

/* —– 可愛い蛍光下線（ピンク） —– */

.pink {
background: linear-gradient(transparent 40%, #FAD5DC 40%);
padding-bottom: .2em;
font-weight:norma;
}

/* —–可愛い蛍光下線（黄色） —– */

.yellow {
background: linear-gradient(transparent 40%, #ffff8e 40%);
padding-bottom: .2em;
font-weight:norma;
}

/* —–可愛い蛍光下線（青） —– */

.blue {
background: linear-gradient(transparent 40%, #CBE9F5 40%);
padding-bottom: .2em;
font-weight:norma;
}


/*点線*/
.block {
padding: 10px 30px;
background: #fff;
border: 1px #ccc dashed;
margin-bottom: 30px;
}

/*チェックボックス*/
 
.entry-content ul.list_checkb {
border: solid 3px a9a9a9;/*外側の罫線の太さと色*/
padding: 0.3em 1.2em;
position: relative;
}
 
.entry-content ul.list_checkb li {
line-height: 1em;
padding: 0.2em 0 1em 1.4em;
border-bottom: dashed 2px a9a9a9;/*点線の太さと色*/
}
 
.entry-content ul.list_checkb li:before {
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
font-family: fontawesome;
content:"\f058";/*アイコン種類*/
position: absolute;
font-size: 1.5em; /*アイコンのサイズ*/
left: -0.1em; /*左端からのアイコンまで*/
line-height:11px;/*行間*/
color: #00bfff; /*アイコンの色*/
}
 
.entry-content ul.list_checkb li:last-of-type{
border-bottom: none;
padding-bottom: 0;
}

/* サイドバー：人気記事欄 */
.popular-posts li {
line-height:1.4em !important;
margin-bottom:17px !important;
padding-bottom:17px !important;
border-bottom:dotted 1px #000;
}
.popular-posts img {
padding:1px;
border:solid 0.5px #e2e2e2;
border-radius:4px;
}
.popular-posts .wpp-post-title {
color:#20a39e;
font-weight:bold;
padding-top:0;
margin-left:3px;
}
.popular-posts .wpp-post-title:hover {
color:#ef9c99;
}
.popular-posts .wpp-excerpt {
font-size:12px;
}@media (min-width: 578px) {
.popular-posts.wpp-excerpt {
display:block;
margin-top:10px;
}
}

/*タグクラウドの文字の前*/
.tagcloud a::before{
  content: "#";
}