@charset "UTF-8";
/*   
Theme Name: XeoryBaseChild
Template: xeory_base
*/

.post-content h2 {
padding: 10px; /* 上下左右の幅*/
clear: both; 
border-bottom: 1px solid #7799bb; /* 下線の太さ、色*/
border-left : #7799bb 5px solid;      /* 左縦線の太さ、色*/
background : #f8f8f8;                 /* 見出し背景色*/
/* text-align: center; */             /* テキストの配置 */

/*
　h2が上の定義をしていても左詰め、上詰めだった
　ベース側のstyle.cssで、
  padding: 0 0 12px; UQ 
  だったのを
  padding: 0 12px; 
　にした
*/

 }
 .post-content h3 {
 clear: both;
border-left : #7799bb 5px solid;
padding: 10px;
/* text-align: center; */             /* テキストの配置 */
 }

/*マーカー風*/
 .post-content strong {
background: linear-gradient(transparent 40%, #ffff66 40%);
}

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

/* スマホ記事下単一 */
@media screen and (max-width:599px){
.sm-ad-bottom{margin-left:-10px}
}

/* 横並び広告全体部分 */
.ad-bottom-main {
margin-top:15px;  	/* 上に余白（ラベルとの距離） */
margin-bottom:20px;  	/* 下に余白（下のコンテンツとの距離） */
}
/* 広告左 */
.ad-bottom-left{
float:left;  		/* 広告を左寄せ */
margin-right:12px;  	/* 右に余白（２つの広告の間の余白） */
}
/* 広告右 */
.ad-bottom-right{
float:left;  		/* これも広告の左寄せ */
}
/* 最後に左寄せを解除するための記述 */
.ad-bottom-main:after {
content:"";
display:block;
clear:both;
}
/* 2017/03 <-- */

/* 2017/08 --> */
/* ul,olのスタイルをオレンジ破線で囲む */
 .post-content ul, .post-content ol {
    color: #1e366a;
    border: dotted #ffb03f 1px;/*ドット 色 太さ*/
    padding: 0.5em 0.5em 0.5em 2em;
}

 .post-content ul li, .post-content ol li {
    line-height: 1.5;
    padding: 0.5em 0;
}
/* 2017/08 <-- */

/* 2019/02/25 アイキャッチ画像の余白調整 */
/* .post-thumbnail { margin-left: 0px; margin-bottom: 20px; float: right;} */
.post-thumbnail { margin-left: 0px; margin-bottom: 20px;}
.post-content { padding: 0 64px 42px 64px; overflow: hidden;}
/* 2019/02/25 アイキャッチ画像の余白調整 */