/* ウィジェットタイトル部分 */
.widget-area .widget h3  {
text-align:center;  /* タイトルの中央寄せ */
line-height: 20px; /* 高さ */
font-size: 16px; /* 文字の大きさ */
color: #fff; /* 文字色 */
background-color: #f99; /* 背景色 */
border-radius: 4px; /* 角に丸みをつける */
padding: 2px 10px; /* 左と上下に余白 */
}

/*見出しの左にラインを入れる*/
.entry-content h2 {
border-left:1px solid #000000;  /*h2の左に 色 */
border-bottom:1px solid #000000;}/* h2の下に */


/* 見出しh2 */
.entry-content h2 {
border-left: 8px solid #f99;/* h2左の線の色 */
padding: 0 0 0 15px ;
line-height: 2;
font-size: 21px;
background-color: #fff;}

/*見出しｈ3*/
h3 {
  padding: 1em;
  border: 3px solid #ccc;
	background-color: #fcc;
  border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
　font-size: 19px;
}

/* ボタン*/
button.style-test {
    font-size: 1.7em;
    border-style: none;
    font-weight: bold;
    padding: 15px 35px;
    background-color: #9cf;
    color: #fff;
}



/* ===================================================
あわせて読みたい　複数リンク対応カスタマイズ
=================================================== */
.emphasize-link {
position: relative;
margin: 36px 0 16px;
padding: 16px 10px;
border: 2px solid #df8182;
background-color: #fffbf5;
}
.emphasize-link p:last-child {
margin-bottom: 0;
}
.emphasize-link::before {
position: absolute;
bottom: 100%;
left: -2px;
padding: 2px 6px;
content: "check!";
background-color: #df8182;
color: #fff;
font-weight: bold;
}

@media screen and (min-width: 600px) {
.site {max-width: 1200px;}
.widget-area {width: 30%;}
.site-content {width: 65%;}
}

/* スポンサードリンクというラベルの部分 */
.ad-bottom-label {
  text-align:center;  /* ラベルを中央寄せ */
  margin-top:15px;  /* 上に余白 */
}

/* 横並び広告全体部分 */
.ad-bottom-main {
  margin-top:20px;  /* 上に余白（ラベルとの距離） */
  margin-bottom:20px;  /* 下に余白（下のコンテンツとの距離） */
}

/* 広告左 */
.ad-bottom-left{
     float:left;  /* 広告を左寄せ */
     margin-right:10px;  /* 右に余白（２つの広告の間の余白） */
}
 
/* 広告右 */
.ad-bottom-right{
     float:left;  /* これも広告の左寄せ */
}

/* 最後に左寄せを解除するための記述 */
.ad-bottom-main:after {
  content:"";
  display:block;
  clear:both;
}


/* アドセンスの背景色 */
ins.adsbygoogle { background: transparent !important; }

/*Chat Bubbles　CSS Setting*/
/* 全体のスタイル */
.voice {
  margin-bottom: 40px;
}
/* 左画像 */
.voice-img-left {
  margin-left: 4px;
  margin-top: -1px;
  float: left;
  width: 60px;
  height: 60px;
}
/* 右画像 */
.voice-img-right {
  margin-right: 4px;
  margin-top: -1px;
  float: right;
  width: 60px;
  height: 60px;
}
.voice figure img {
  width: 100%;
  height: 100%;
  border: 2px solid #eee;
  border-radius: 50%;
  margin: 0;
}
/* 画像の下のテキスト */
.voice-img-description {
  padding: 5px 0 0;
  font-size: 10px;
  text-align: center;
}
/* 左からの吹き出しテキスト */
.voice-text-right {
  color: #444;
  position: relative;
  margin-left: 100px;
  padding: 1.2em;
  border: 3px solid #eee;
  background-color: #fff;
  border-radius: 5px;
}
/* 右からの吹き出しテキスト */
.voice-text-left {
  position: relative;
  margin-right: 100px;
  padding: 1.2em;
  border: 3px solid #eee;
  background-color: #fff;
  border-radius: 5px;
}
p.voice-text {
  margin: 0 0 8px;
}
p.voice-text:last-child {
  margin-bottom: 0px;
}
/* 左の三角形を作る */
.voice-text-right:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #eee;
  top: 15px;
  left: -20px;
}
.voice-text-right:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #fff;
  top: 15px;
  left: -16px;
}
/* 右の三角形を作る */
.voice-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #eee;
  top: 15px;
  right: -23px;
}
.voice-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #fff;
  top: 15px;
  right: -19px;
}
/* 回り込み解除 */
.voice:after,.voice:before {
  clear: both;
  content: "";
  display: block;
}

/* 引用の装飾 */ 
blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}
blockquote:before{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 3px;
    vertical-align: middle;
    content: "“";
    font-family: sans-serif;
    color: #cfcfcf;
    font-size: 90px;
    line-height: 1;
}
blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}


/* マーカー水色 */
.marker-blue {
background: linear-gradient(transparent 60%, #00ffff 50%);
}

/*　手書き風BOX 1　*/
.kakomi-te1 {
 margin: 2em auto; 
 padding: 1em 1.5em;
 width: 90%; /*幅の調節*/
 color: #777777; /* 文字色 */
 background-color: #fff; /* 背景色 */
 border: 4px solid #f6bfbc; /*線の太さ・色*/
 border-radius: 3em .8em 3em .7em/.9em 2em .8em 3em;
}