/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20170501
*/

/* base */
.huto {
	font-weight: bold;
}
.hutoaka {
	font-weight: bold;
	color: #ff0000;
}
.hutoorange {
	font-weight: bold;
	color: #f60;
}
.hutoaqua {
	font-weight: bold;
	color: #167FA6;
}
.hutoaqua {
	font-weight: bold;
	color: #167FA6;
}
.hutoy {
	font-weight: bold;
        background: linear-gradient(transparent 60%, #c2e3f2 60%);
}
.hutoa {
	font-weight: bold;
        background: linear-gradient(transparent 60%, #DCEAF6 60%);
}
.hutop {
	font-weight: bold;
        background: linear-gradient(transparent 60%, #CEF6CE 60%);
}
.blue {
	color: #0033ff;
}
.red {
	color: #CC3333;
}
.green {
	color: #008000;
}
.navy {
	color: #000080;
}
.yellow {
	color: #FF3300;
}
.padt20 {
	padding-top: 20px;
}
.padt10 {
	padding-top: 10px;
}
.padb {
	padding-bottom: 10px;
}
.padb2 {
	padding-bottom: 20px;
}
.marg {
	margin-bottom: 10px;
}
.icon {padding-bottom:10px;}
.sponsor {
	font-size: 14px;
	color: #666;
}

body{
	background-color:#fff;
	border-top: 10px solid #1450aa;
}

main{
	border: 1px solid #ccc;
}

#headbox .sitename a{
	font-size:40px;
	color:#0032f3;
	font-weight:normal;
}

header .sitename{
	margin-bottom:0;
}

header .descr{
	margin-top:0;
}

#st-menuwide{
	margin-top:10px;
}

#st-menuwide ul li{
	border-right:1px solid #ddd;
	display:table;
	width:initial;
	height:30px;
}
#st-menuwide ul li:first-child{
	border-left:1px solid #ddd;
}
#st-menuwide ul li a{
	font-size:12px;
	line-height:18px;
	display:table-cell;
	vertical-align:middle;
	padding:0 10px;
}

main .kanren dt{
	width:150px;
}

main .kanren dt img{
	width:initial;
}

main .kanren dd{
	padding-left:165px;
}

main .kanren h3{
	margin-bottom:10px;
}

main .kanren h3 a{
	font-size:20px;
}

main .kanren .blog_info{
	margin-bottom:10px;
}

main .kanren .smanone p{
	font-size: 15px!important;
	line-height: 27px!important;
}

.post .sns ul,
.sns ul{
	margin:0;
}
.sns-follow ul{
	list-style:none;
	padding:0;
	margin:0 0 0 5px;
}
.sns-follow {
	margin:0px 0px 20px;
}
.sns-follow {
	margin:0px 0px 20px;
	width:100%;
}

/* 下層 */
#breadcrumb ol li,
#breadcrumb ol li a{
	color:#666!important;
}

.entry-title,
.post .entry-title{
	font-size:30px;
	padding-left:0!important;
}

.blogbox{
	margin-top:25px;
}
.blogbox .kdate{
	color:#717171;
/*	background: #1450aa;
	padding:5px 10px;*/
}

.post .mainbox h3{
	background-image: url(images/cah3-bl.png)!important;
	background-repeat: no-repeat!important;
	background-position: left center!important;
	line-height: 30px!important;
	border-bottom-width: 1px!important;
	border-bottom-style: dotted!important;
	border-bottom-color: #999999!important;
}

.post .st-catgroup{
	padding:5px 0 0 0;
}
.post .st-catgroup .kdate{
	padding-right:15px;
}

.post table {
  width: auto;
  border-spacing: 0;
  border-collapse: collapse;
  font-family:Arial;
  margin: 0px 0px 30px 0px;
}
.post table th {
  background:#DCEAF6;
  padding: 6px 6px;
  border-left:1px solid #84b2e0;
  border-top:1px solid #84b2e0;
  border-bottom:1px solid #84b2e0;
  text-align: center;
}
.post table th:last-child {
  border-right:1px solid #84b2e0;
}
.post table tr td {
  padding: 6px 6px;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
}
.post table tr td:last-child {
  border-right:1px solid #84b2e0;
}
.post table tr td:last-child.tdr {
  border-right:0px solid #84b2e0;
}
.post table tr th:last-child.tdr {
  border-right:0px solid #84b2e0;
}
.post table tr:nth-child(even) {
	background-color: initial;
}

.post blockquote {
	background-color: #f3f3f3;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	margin-top: 20px;
	margin-right:0;
	margin-bottom: 20px;
	margin-left: -50px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}

.catname{
	color: #1a1a1a!important;
	padding:8px 14px;
	background:#edf2fa;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}

.mainbox{
	margin-top:30px;
}


.mainbox h2{
	color:#fff;
	background:#3779B7;
	margin:20px -51px 30px -51px;
	position:relative;
    padding-top:15px;
    padding-bottom:15px;
	padding-left:50px!important;
	padding-right:50px!important;
}

.mainbox h2:before{
	content: '';
	position: absolute;
	border-top: 10px solid #3779B7;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 50px;
}

.blog-card{
  padding:12px;
  margin:10px 0 20px 0;
  border:1px solid #ddd;
  word-wrap:break-word;
  max-width:100%;
  width:initial;
  border-radius:5px;
}

.blog-card-thumbnail{
  float:left;
}

.blog-card-content{
  margin-left:110px;
  line-height:120%;
}
.blog-card-title{
  margin-bottom:5px;
}

.blog-card-title a{
  font-weight:bold;
  text-decoration:none;
  color:#111;
}

.blog-card-excerpt{
  color:#333;
  font-size:90%;
}

.blog-card-excerpt p{
	margin-bottom:0;
}

.blog-card-footer{
  font-size:70%;
  color:#777;
  margin-top:5px;
	text-align:right;
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {
main .kanren h3 a{
	font-size:18px;
}
/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {
main .kanren h3 a{
	font-size:20px;
}
/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {

#content{
max-width: 1200px;
}
#side aside {
width: 336px;
padding: 0px;
}

	p,
	.st-kaiwa-hukidashi,
	.yellowbox,
	.graybox,
	.redbox,
	.post h5,
	.post h6
 {
	font-size: 17px;
	line-height: 28px;
}

.post table tr th td p {
	font-size: 88%;
	line-height: 18px;
}
	.post ul li,
	.post ol li
 {
	font-size: 16px;
}
	.post ul,
	.post ol
 {
	padding-top: 0px;
	padding-bottom: 0px;
}
/*-- ここまで --*/
}

/*-- 関連記事 
.cat-itiran p.point .point-in {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #f3f3f3;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #666;
	border-bottom-color: #666;
} --*/

/*-- サイドバーメニュー --*/
.menu_underh2 {
	font-size: 16px!important;
	font-weight: bold!important;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	background-image: url(images/ca3.png);
	background-repeat: no-repeat;
	background-position: left center;
}
* {
	font-family: “Lucida Grande”, “segoe UI”, “ヒラギノ丸ゴ ProN W4”, “Hiragino Maru Gothic ProN”, “メイリオ”, Meiryo, Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

#toc_container ul,#toc_container li{margin:0;padding:0}#toc_container.no_bullets ul,#toc_container.no_bullets li,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:none;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title + ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}
/*-----------------------------
amazonjs
------------------------------*/

.post .amazonjs_item ul li{
font-size:12px;}
.post .kizi .amazonjs_item {
padding:10px;
font-size:12px;
}
.post .kizi .amazonjs_item h4 {
	background-color: #FFF;
	font-size: 14px;

}
/* アーカイブとカテゴリーのウィジェットに出る文字列を非表示する */
label.screen-reader-text {
	display: none;
}

.quote {
	background-color: #f3f3f3;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: -50px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.box{
	background-color: #edf2fa;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: -40px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.bluebox {
	padding:20px;
	border:solid 1px #568ebf;
	background-color:#edf2fa;
	margin-bottom:20px;
}
.post .bluebox p:last-child,
.post .bluebox ol:last-child,
.post .bluebox ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}
.greenbox {
	padding:20px;
	border:solid 1px #4bb754;
	background-color:#e5f1cd;
	margin-bottom:20px;
}
.post .greenbox p:last-child,
.post .greenbox ol:last-child,
.post .greenbox ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}
.ad_in {
margin:0 0 20px 0;
}
.mb20 {
margin:0 0 20px 0;
}

.adarc {
    padding-bottom: 20px;
	text-align:center;
}
.adarcs {
	color:#666;
	margin-bottom:5px;"
	font-size: 14px;
	color: #666;
}
.pop-box.kanren {
    margin-top:30px;
}

.nowhits .pop-box {
	position:relative;
	margin:0px 0 20px;
	border-top:solid 1px #FEB20A;
	padding:20px 15px 10px;
}

.marg {
	margin-bottom: 10px;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.freebox {
	border-top:solid 1px #568ebf;
	padding:10px 0;
	background:#568ebf;
	margin-bottom:10px;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 20px;
	position:relative;
}

.ad .freebox {
	margin-bottom: 0px;
}

.p-free {
	padding:0;
	}

.p-free:after {
	content: "";	
	display:block;
	margin-bottom:30px;
	}

.p-entry-f {
	padding:3px 20px;
	margin:0;
	font-size:15px;
	font-weight:bold;
	background:#568ebf;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	max-width:80%;
}

.free-inbox {
	padding:10px 15px 0px;
	text-align:left;
}
.post .maruck ul li:before {
	content: " \f00c";
	font-family: FontAwesome;
	border-radius: 50%;
	display: inline-block;
	float: left;
	padding:0 6px;
	font-size:70%;
	margin-right:10px;
	background: #e1e9f2;
	color:#000;
	margin-left:-3em;
}
.post .maruno ol li:before {
	content: counters(st-section,"");
	border-radius: 50%;
	display: inline-block;
	float: left;
	padding:0 8px;
	font-size:70%;
	margin-right:10px;
	background: #e1e9f2;
	color:#000;
	margin-left:-3em;
}

.post .mainbox dl {
	border: 1px solid #ddd;
	margin: 0 auto 24px;
	width: 80%;
	padding: 5%;
	border-radius: 5px;
}
.post .mainbox dt {
	margin: 0 0 1em 0;
	padding: 0 0 0 50px;
	font-weight: bold;
	background: url(images/check.gif) left no-repeat;
}

.feedly .arrow_box {
  position: relative;
  background: #fff;
  border: 1px solid #BDBDBD;
  padding: 0 6px;
  border-radius:3px;
  top:-7px;
  line-height:18px;
  display:inline-block;
  height:20px;
}

.feedly a{
  color:#333;
  font-size:11px;
  text-decoration:none;
  line-height:18px;
}

.feedly .arrow_box:after,
.feedly .arrow_box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.feedly .arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 3px;
  margin-top: -3px;
}

.feedly .arrow_box:before {
  border-color: rgba(189, 189, 189, 0);
  border-right-color: #BDBDBD;
  border-width: 4px;
  margin-top: -4px;
}
/*** 購読者数付きFeedlyボタン ***/
#feedly-followers {
  display: block;
}
#feedly-followers img{
	width: 60px;
	height: 21px;
	border: none;
}
#feedly-followers a{
	float:left;
}
/* 購読者数の表示部分 */
#feedlyCount {
	float:left;
	margin:3px 0 0 7px;
	width:50px;
	height:20px;
	line-height: 20px;
	position: relative;
	border: 1px solid #669966;
	border-radius: 4px;
	padding: 0 4px;
	font-size:13px;
	text-align: center;
	display: block;
}
/* 購読者数吹き出し部分 */
.subscribers:after,
.subscribers:before {
	border: solid transparent;
	content: ' ';
	position: absolute;
}
.subscribers:before {
	border-width: 4px;
	border-right-color: #B0C1D8;
	top:5px;
	right:59px;
}
.subscribers:after {
	border-width: 3px;
	border-right-color: #FFF;
	top:6px;
	right:58px;
}
/************************************
** 購読者数つきFeedlyボタン（横型）
************************************/
.feedly-btn-horizontal img#feedly-follow{
  width:71px;
  height:28px;
  border:0;
  margin-right:3px;
}

.feedly-btn-horizontal .arrow_box {
  position: relative;
  background: #fff;
  border: 1px solid #BDBDBD;
  padding: 0 6px;
  border-radius:3px;
  top:-7px;
  line-height:18px;
  display:inline-block;
  height:20px;
}

.feedly-btn-horizontal a{
  color:#333;
  font-size:11px;
  text-decoration:none;
  line-height:18px;
}

.feedly-btn-horizontal .arrow_box:after,
.feedly-btn-horizontal .arrow_box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.feedly-btn-horizontal .arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 3px;
  margin-top: -3px;
}

.feedly-btn-horizontal .arrow_box:before {
  border-color: rgba(189, 189, 189, 0);
  border-right-color: #BDBDBD;
  border-width: 4px;
  margin-top: -4px;
}
.underline {text-decoration: underline;}
.ref {
	background-color: #5484C8;
	margin-right: 10px;
	padding: 5px 10px;
	color: #FFF;
}