/*
Theme Name: Child
Template: mesocolumn
*/

@import url('../mesocolumn/style.css');

/* 個別記事ページのタイトル */
#post-entry article h1.post-title {
    font-size: 2.2em !important;
    margin: 0px;
    color: #333;
    padding: 0px;
    float: left;
    width: 100%;
    line-height: 110%;
    font-weight: normal;
      word-wrap: break-word;
}

/* 見出し2のスタイル */
.post-content h2 { /* 記事内の H2 が対象になる */
    border-style: solid;
    border-color: #EBAF30;
    border-width: 0 0 1px 8px;
    padding: 5px 0 5px 8px;
    margin-top: 1em !important;
    font-weight: bold;
    font-size: 150%;
}


/* 見出し3のスタイル */
.post-content h3 { /* 記事内の H3 が対象になる */
    margin-top: 1em !important;
}


/* 一覧ページの見出し2のスタイル */
h2.list-title {
    border: none;
    font-color: #EBAF30;
    padding: 5px 0 5px 8px;
    font-weight: bold;
    font-size: 150%;
}

/* アイキャッチの右に文字を回り込ませる */
.left {
    float: left; margin-right: 10px;
}

/* moreタグの前でのレイアウト崩れ対策 */
.clear {
    margin-bottom: 1em;
    clear: both;
}


/* Facebookボタンのずれを修正 */
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

/* Pocketボタンの改行を修正 */
.pocket-btn{
 display:inline-block;
}
.pocket-btn {
  vertical-align: top !important;
}

/* Google+ボタンのマージンを修正 */
#___plusone_0,
#___plusone_1 {
width:65px !important;
}


/* twitterウィジェットのサイズ調整 */
.twitter-timeline { 
    width:100%; height: 400px !important;
}

/* 広告部分の枠を消す */
.table_noborder {
    border: none !important;
}

/* WordPress Related Postsのスタイル */
.WP_related_posts {
    margin-top: 1em !important;
}


/* ShareHTMLの自動整形を防ぐ */
.share-box:after {
  content: "";
  display: block;
  clear: both;
}

/* ShareHTML装飾 */ 
.share-box {
background-color: #fff; /* 背景色 */
border:1px solid #CCC; /* 周りに枠線 */
border-radius: 10px; /* 角丸 */
padding: 5px; /* 全体的に周りに余白（中央にちょっと寄せる） */
margin-bottom: 20px;  /* 下のコンテンツとの距離 */
}

/*-----New Share HTML----*/

.link-box {
border:1px solid #e1e1e1;
padding:10px;
display:flex;
margin:30px;
}

.link-box:hover {
background-color:#f3f3f3;
-webkit-transition:background-color .35s;
transition:background-color .35s;
}

.img-box {
width:25%;
float:left;
}

.img-box div {
min-height:170px;
background-size:cover;
background-position:center center;
}

.text-box {
width:75%;
float:left;
padding-left:20px;
line-height:1.4em;
margin:0;
}

.text-box .title {
font-size:18px;
line-height:1.4em;
font-weight:600;
color:#428bca;
padding:0;
margin:0;
}

.text-box .description {
font-size:14px;
line-height:1.4em;
color:#333;
padding:0;
margin:0;
}

@media only screen and (max-width:479px) {

.img-box div {
min-height:80px;
}

.text-box {
margin-left:10px;
line-height:1.4em;
}

.text-box .title {
font-size:13px;
line-height:1.4em;
margin:0;
}

.text-box .description {
font-size:11px;
line-height:1.4em;
margin-top:5px;
}
}

/*-----ここまで：New Share HTML----*/