/*
celtispack プラグイン用スタイルシート
Version: 1.7.0
Author: Celtislab
Author URI: http://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;
}


.widget {
	border: none;
	font-size: 100%; 
	margin: 0 0px 12px 0px;
}

.widget select,
.widget input[type="text"],
.widget input[type="password"],
.widget input[type="email"] {
  width: 75%;
}

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


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

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

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

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

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

.adsense_async_code ins {
	background: #FFFFFF;
}

//ダイナミックタグクラウドウィジェット設定用
.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;
}

/*  関連/最新/更新記事表示部 
-------------------------------------------------------------- */
.recent-item,
.related-item {
    clear: both;
    margin: 0 10px 8px;
    padding: 0;
    overflow: hidden;
}

/* version の違いを吸収するための定義 */
.recent-thumbnail a img.alignleft,
.related-thumbnail a img.alignleft,
.recent-thumbnail a img.alignnone,
.related-thumbnail a img.alignnone {
    float: left;
    margin: 4px 10px 4px 0;
}

.recent-info,
.related-info {
    line-height: 1.3;
    margin: 2px 0 0 0;
    overflow: hidden;
}

.recent-info a,
.related-info a {
    font-weight: bold;
    font-size: 104%;
    margin: 2px 0;
    padding: 0;
	border: none;
}

.aside-date,
.aside-excerpt {
    color: #606060;
    font-size: 85%;
    line-height: 1.3;
    margin: 2px 0;
}

/* ページビューと人気記事 
-------------------------------------------------------------- */
/* jQuery タブ */
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.5; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before,
.ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }

.ui-tabs { position: relative; padding: 4px 10px 10px 5px; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0 16px; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .3em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0;  background: none; }
.ui-tabs .ui-tabs-nav a { margin: 3px 6px; }

.ui-state-default,
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default { border: 1px solid #dddddd; background-color: #f4f4f4; font-weight: bold; color: #0073ea; }
.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited { color: #0073ea; text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { border: 1px solid #0073ea; background-color: #0073ea; font-weight: bold; color: #ffffff; }
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active { border: 1px solid #dddddd; background-color: #0073ea; font-weight: bold; color: #ffffff; }
.ui-state-hover a, 
.ui-state-hover a:hover, 
.ui-state-hover a:link, 
.ui-state-hover a:visited { color: #ffffff; text-decoration: none; }
.ui-state-active a, 
.ui-state-active a:link, 
.ui-state-active a:visited { color: #ffffff; text-decoration: none; }

.graph {
    position: relative; /* IE is dumb */
    max-width: 80%;
}

.graph .bar {
    display: block;
    position: relative;
    background: #058DC7;
    text-align: left;
    color: #f0ffff;
    height: 0.8em;
    line-height: 0.8em;
    float: left;
    margin: 6px 8px 2px 2px;
}
.graph .bar span { position: absolute; left: 1em; }

.ga-pvp-table {
    margin: 4px 5px 8px;
}

.ga-pvp-table th,
.ga-pvp-table td {
    padding: 2px;
    vertical-align: middle;
}

.ga-pvp-titlewrapper a {
    display: inline !important;
}

.ga-pvp-titlewrapper p {
    margin: 2px 0px; 
    overflow: auto;
    zoom: 1;
}

.ga-pvp-titlewrapper:after {
	content: ' ';
	display: table;
    clear: both;
}

/* version の違いを吸収するための定義 */
.ga-pvp-titlewrapper a img.alignleft,
.ga-pvp-titlewrapper a img.alignnone {
    float: left;
    margin: 0px 10px 10px 1px;
}

.ga-pvp-graphwrap {
    margin-left: 80px;
}

.ga-pvp-linkurl {
    float: right;
    margin: 1px 20px 5px 20px;
}

/* Google code Prettify 
-------------------------------------------------------------- */
.prettyprint {
	padding: 8px;
    font-size: 13px;
}

/* スクロールボタン 
-------------------------------------------------------------- */
.cp-scroll {
    color: white;
    background-color: rgba(34, 34, 34, 0.4);
    width: 41px;
    height: 41px;
    text-align: center;
    padding: 5px 0px;
    border: none;
    border-radius: 1em;
}

.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;
}