/*
celtispack プラグイン用スタイルシート
Version: 2.6.0
Author: Celtislab
Author URI: https://celtislab.net
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* =Alignments Extras
-------------------------------------------------------------- */
.left {
  float: left;
}

.right {
  float: right;
}

.center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

/* =Clearfix
-------------------------------------------------------------- */
.clearfix:after,
.clearfix:before {
  content: ' ';
  display: table;
}

.clearfix:after {
  clear: both;
  zoom: 1;
}

/* =Widget
-------------------------------------------------------------- */
.widget {
	margin: 0 0px 20px 0px;
}

.content-widget-wrapper {
    padding-top: 10px;
}

/* =Adsense 表示部
-------------------------------------------------------------- */
.left .Linkunit_async_ads,
.left .Responsive_async_ads {
    margin-right: 16px;
    margin-left: 0;
}

.right .Linkunit_async_ads,
.right .Responsive_async_ads {
    margin-right: 0;
    margin-left: 16px;
}

.center .Linkunit_async_ads,
.center .Responsive_async_ads {
    margin-right: auto;
    margin-left: auto;
}

.widget.Linkunit_async_ads,
.widget.Responsive_async_ads,
.widget.Smart_async_ads,
.widget.Matched_content_ads{
	background-color: transparent;
}

.adsense_async_code ins,
ins.adsbygoogle {
	background-color: transparent;
}

/*  関連/最新/更新/人気記事ウィジェット表示 
-------------------------------------------------------------- */
.fit-contain, amp-img.fit-contain img { 
    object-fit: contain;
    position: relative;
    width: 100%;
    height: 100%;
}

.fixed-container {
    position: relative;
    width: 300px;
    height: 300px;
}

.cp-post-thumb.fixed-container {
    float: left;
    position: relative;
    width: 100px;
    height: 75px;
    margin: 2px 8px 8px 0;
}

.recent-posts, .related-posts, .share-ranking, .popular-ranking {
    margin: 0 8px 8px;
    padding: 0;
}


.thumb-wrap .rank {
    font-size: 13px;
    line-height: 1.9;
    text-align: center;
    color: white;
    background-color: rgba(4, 60, 120, 0.6);
    position: relative;
    top: -70px;
    left: 2px;    
    margin-top: 2px;
    width: 24px;
    height: 24px;
    border-radius: 50%;    
}

.post-info { margin: 2px 0 0 0; }
.post-info .title { font-size: 13.5px; font-weight: bold; line-height: 1.3; border: none; word-wrap: break-word; max-height: 33px; overflow: hidden;}
.post-info .excerpt { font-size: 12px; line-height: 1.2; padding: 5px 0 0; word-wrap: break-word; max-height: 33px; overflow: hidden;}
.post-info .date { color: #808080; font-size: 12px; line-height: 1.2; padding: 5px 0 0;}
.post-info .count { padding: 6px 0 0; word-wrap: break-word; }
.post-info .count a { font-size: 12px; background-color: #FCC; font-weight: bold; font-style: normal; display: inline; color: #F00; padding: 0 5px;}

.popular-posts-linkurl {
    float: right;
    margin: 1px 20px 5px 20px;
}

/* ダイナミックタグクラウドウィジェット設定用 */
.dc_tagcloud_related {
    margin-left: 8px;
    margin-bottom: 0.5em;
}

/* wp_category_checklist() */
.categorychecklist-wrapper {
    border-color:#CEE1EF;
    border-style:solid;
    border-width:1px;
    height:140px;
    margin:-6px 4px 2px;
    overflow:auto;
    padding:0.1em 0.5em;  
}

ul.categorychecklist ul {
    margin-left: 18px;
}

/* =SVG icon define data フッター下の余白表示を消す
-------------------------------------------------------------- */
.cpicon-define {
    position: absolute; width: 0; height: 0; overflow: hidden;
}


/** 以下のスタイル定義はAMPでは使用しない **/
/* Google code Prettify 
-------------------------------------------------------------- */
.prettyprint {
	padding: 8px;
    font-size: 13px;
}

/* スクロールボタン 
-------------------------------------------------------------- */
.cp-scroll .svgicon {
    height: 40px;
    width: 40px;
    fill: white;
    background-color: rgba(4, 60, 120, 0.6);
    padding: 4px;
    border: none;
    border-radius: 1.5em;
}
    
.scroll-to-top,
.scroll-up,
.scroll-down {
	cursor: pointer;
	position: fixed;
	right: 12px;
	z-index: 999;
}

.scroll-to-top {
	bottom: 160px;
}

.scroll-up {
	bottom: 110px;
}

.scroll-down {
	bottom: 60px;
}

.scroll-to-top:hover,
.scroll-up:hover,
.scroll-down:hover {
    opacity: 0.9;
}