/* ウィジェットタイトル部分 */
.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;}

/* ボタン*/
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;
}