/*--------------------
 Common Style
--------------------*/

h1,h2,h3,h4,h5,h6{font-weight:bold}

.ccover{ width: 100%; background: #000; padding: ;margin-top: -5em; text-align: center;}
.ccover img {width: 100%; height: 6em; z-index: 5;}
.ccover p {color: #fff; font-size: 80%; margin-top: -3em; z-index: 10;  }
.ccover a {color: #fff; font-weight:600; }
.ccover a:hover {color: #fff; }

/* top Descriptionのフォントカラー */
p.desc {color:#fff;}

/* グローバルナビを太字に */
#gnavi li {font-weight:bold;}

/* 記事アイキャッチ設定 */
.post-top-thumbnail {text-align: center;margin-bottom: 2em;}

/* 段落・見出し */
blockquote {color:#777;font-style:italic !important;display: block;padding: 10px 20px;background: #f8f8f8 !important;border-left: 5px solid #ddd;border-radius: 0;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0;-webkit-margin-end: 0; margin-bottom: 35px;}


p.capt{font-size:15px!important;line-height:1.5!important;margin:-25px 3px 30px 15px;padding-top:0;text-indent:-15px}
.post h2{background:#f7f7f7;padding:.3em .4em .1em .4em;border-bottom:3px solid #eee;border-left: none; margin-bottom:.5em}

.post h3{border-bottom:3px solid #eee;font-size:120%;padding-bottom:.3em;padding-left:40px;background-image:url(/images/icon-h3.png);background-repeat:no-repeat;background-position:3px 0;border-left: none;}
.post p + h2,.kaerebalink-box + h2,.post p + h3{margin-top:4em}
h2 + h3{margin-top:2em}
.clearfix:after{height: 0;visibility: hidden;content: "."; display: block; clear: both;}

.post hr{display:block;border:0;width:100%;height:19px!important;background:url(/images/bgHr.png) no-repeat top center;-webkit-background-size:300px 19px;padding:30px;clear:both;margin:auto!important;background-color:transparent}@media (max-width: 873px){.post hr{-webkit-background-size:150px 10px;height:10px!important;width:50%}}


/* リスト */
.post ul, .post ol{font-size:110%}
.post ul li, .post ol li{margin-bottom: 3px;}

/* home 記事一覧 */
.home #list .toc {padding-bottom: 30px;}
@media screen and (min-width:1140px) {
.home #list .toc { float: left; width: 48.5%; margin-right: 3%;}
.home #list .toc:nth-child(even) {margin-right: 0;}
.home #list .toc h2 {font-size:140%; line-height: 1.3; }
.home #list .toc img {width: 100%; }
}




/* postmeta */
.meta, .post .meta {border-top: 1px dotted #bbb;margin-bottom: 10px; padding-top: 10px;}
/* HOME抜粋文章 */
#list .excerpt {margin: 0 0 20px 0;}

/* readmoerボタン */
#list .read-more, #list .excerpt .read-more {clear: both;line-height: 1.4;margin: 20px 0 ;text-align: left;}
.read-more {font-size: 16px;font-size: 1.6rem; overflow:visible; }
.read-more a {padding: 10px;background: #f7f7f7; text-decoration: none;  border-radius: 3px; display: block}
#related .read-more a {display: inline}
.read-more a:hover {background: #3b94d9; color:#fff;}
@media (max-width: 540px){.read-more-link {padding: 10px;background: #f7f7f7;border: none;border-radius: 3px;font-size: 14px;font-size: 1.4rem;white-space:normal;overflow:visible;text-align: left;line-height: 1.3;}}





/* デフォルトの赤いところを青に */
.pagination > .active > span,.pagination > li > a:hover,#comments input[type="submit"]:hover {background: #3b94d9;}
.entry-title a:hover,#pnavi a:hover {color: #3b94d9;}

/* SNSフォローボタンのスタイル */
#thk-follow ul li {box-shadow: none;}
#thk-follow a {border:none;border-radius: 0;padding:  10px 0;}
#thk-follow .snsf {border-radius: 0;}


/* Table */
table {border: solid 2px #aaa; overflow:scroll;width:100%;}
td,th {padding: 0.3em;border-top: solid 1px #bbb;border-bottom: solid 1px #bbb;border-left: solid 1px #ccc;border-right: solid 1px #ccc;}
th {background:#f8f8f8; text-align:center;}
@media screen and (max-width: 414px) {
.tablescroll{overflow: auto;white-space: nowrap;}
.tablescroll::-webkit-scrollbar{height: 5px;}
.tablescroll::-webkit-scrollbar-track{background: #F1F1F1;}
.tablescroll::-webkit-scrollbar-thumb { background: #BCBCBC;}

}

/* テキストサイズ */
.text-big1{font-size:130%!important;font-weight:700}
.text-big2{font-size:160%!important;font-weight:700}
.text-big3{font-size:180%!important;font-weight:700}

/* 動画タイトル */
.post em{font-size:95%;font-weight:700;font-style:normal;background:url(/img/bg_youtube.png) no-repeat;padding-left:20px;padding-bottom:0;font-family:Arial,Helvetica,sans-serif;letter-spacing:0!important}
.post em.vimeo{background:url(/img/bg_vimeo.png) no-repeat}
.post em.other{background:url(/img/bg_videos.png) no-repeat}



/* 最近の投稿 */
.term a {max-width: 150px;}
.term img {max-width: 150px;border: none;border-radius: 0;box-shadow: none;}
.toc .new-title {font-size: 16px !important; font-size: 1.6rem !important;font-weight: normal !important;}

/* アクセスランキング（人気記事） */
ul.wpp-list li,ol.wpp-list li{ font-size:16px; line-height: 1.4 !important; padding: 15px 0 !important; border-bottom: 1px dotted #ccc;}

hr{clear:both;margin:20px 0;margin:0;padding:1px;height:0;background-color:#fff;border:none;color:#fff}

.alignnone{margin:0}

.more-link:link{display:inline-block;margin:1em 0 0}


.wp-caption-text,.gallery-caption,input[type="submit"],.sticky-status span,.comment-respond label,.comment-footer span,.comment-footer a,.menu-primary a,.post-categories,.post-tags,.more-link,.comments-link,.tagline,.post-byline,.further-reading span{font-size:.85em}

.ad-entry{margin-bottom:1em; }
.moread{margin:1em 0; }

/* TOC目次設定 */
#toc_container{font-size:100%;width:100%}
#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li{list-style-type:disc;margin-left:20px;margin-bottom:3px}
#toc_container.no_bullets li ul,#toc_container.no_bullets ul ul,#toc_container.no_bullets ul li ul{margin-top:3px}
#toc_container.no_bullets li ul li,#toc_container.no_bullets ul ul li,#toc_container.no_bullets ul li ul li{list-style-type:circle;margin-left:5px;font-size: 90%;}


/* 左右50％ */
.responbox,.responbox30,.responbox40,.responbox50,.responbox60,.responbox70,.responboxfree{padding:10px;margin-bottom:20px}
.responbox .lbox img{width:100%!important;box-sizing:border-box;margin-bottom:10px}
.responbox50 .lbox{padding:10px;float:left;padding-right:15px;width:50%;box-sizing:border-box}
.responbox50 .rbox{padding:10px;float:left;box-sizing:border-box;width:50%}

/* 画像リスト */
.titlelist { list-style:none; margin:0 !important; padding-left:0 !important;}
.titlelist li { list-style:none; margin:0 0 2em !important;}
.titlelist .credit { display:block; padding:3px; color:#fff; margin:-25px 0 0 5px; font-size:80%;text-shadow: 1px  1px 1px #000,-1px  1px 1px #000,1px -1px 1px #000,-1px -1px 1px #000;  }
.titlelist .credit a { color:#fff; text-decoration:none;}
.titlelist .caption { display:block; margin:-25px 0 0 ; font-size:100%;}

/* 画像リスト（番号ふり） */
ol.imagelist {padding-left:0;}
ol.imagelist li{margin:0 0 1.5em ;}
ol.imagelist li img{display:inline;}
ol.imagelist {counter-reset: li;margin:0;}
ol.imagelist > li {list-style: none;position: relative;padding-left: 0; }
ol.imagelist > li:before {counter-increment: li;content: counter(li);margin-right: 1em;background: #FF8C00;color: #ffffff;text-align: center; width: 1.5em; height: 1.5em; position: absolute;left: 0em;top: 0;line-height: 1.4;}

#main div.grid:last-child{margin-bottom: 0; border-bottom:none;}

/* 関連画像 */
figure p { margin-bottom:8px !important;}
figcaption .credit { display:block; padding:3px; color:#fff; margin:-25px 0 0 5px; font-size:80%;text-shadow: 1px  1px 1px #000,-1px  1px 1px #000,1px -1px 1px #000,-1px -1px 1px #000;  }
figcaption .credit a { color:#fff; text-decoration:none;}
figcaption .caption { display:block; margin:0 0 0 ; font-size:95%;}

@media screen and (min-width:1200px) {
#related .toc {padding: 5px 2% 5px 0; border: none; display:inline-block; float:left; width:50%;}
}

.related-upper-title { font-size:140%; font-weight:bold !important;}