/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/


/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/

.blogroll-channel,
.blogroll-channel * {
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
}

.blogroll-channel {
	width: auto;
	height: 300px;
	padding: 0;
	text-align: left;
	overflow-y: scroll;
		background: #fff;
	border: solid 1px #7d7d7d;
}





.blogroll-channel .blogroll-list-wrap {
	margin-bottom: 10px;
}

/*RSS本文*/
.blogroll-channel .blogroll-list {
	list-style-type: none;
	padding: 0;
	margin-bottom: 4px;
	font-size: 16px;
	line-height: 24px;
	font color: #0000ff;
}

.blogroll-channel a.blogroll-link {
}

/*トップのライブドア広告(バナー表示時は表示)  */
.blogroll-channel .blogroll-ad-text {
	display: block;
	margin-top: 5px;
	color: #666;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
}


@media print,screen and (min-width: 960px) {
	.ad-label {
	/* スポンサーリンクのラベル部分 */
		font-size: 80%;
		color: #333;
		text-align: center;
	}
	
	.ad-box {
	/* 広告下の余白 */
		margin-bottom: 40px;
	}
	
	#ad-pc-left {
		float: left;
	}
	
	#ad-pc-right {
		float: right;
	}/*-- ここまで --*/
	
}


.itiran-ad { /* 広告用のボックス */
	text-align: center;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 1px ;
}
.itiran-ad p { /* スポンサーリンクの文字 */
	font-size: 14px;
	line-height: 1em;
	color: #999;
	margin-bottom: 10px;
}

.backnon {
	background: none;
	padding: 0 10px;
}
@media only screen and (min-width: 781px) {
.backnon {
	padding: 0;
}
}

/*カード型に変更*/
.itiran-custom dl {
	border: none; /* 下にあるボーダーを消す */
	background: #fff; /* カードの背景色 */
	padding: 10px; /* カード内側の余白 */
		margin-bottom: 20px; /* カード下に余白を追加 */
	box-shadow: 1px 3px 3px #999999;
	-moz-box-shadow: 1px 3px 3px #999999;
	-webkit-box-shadow: 1px 3px 3px #999999;
}

.itiran-custom dl:last-child {
	padding-bottom: 10px; /* 最後のカードに設定されている余白を修正 */
}

@media only screen and (min-width: 414px) {
.itiran-custom dt {
	width: 300px;
}
 
.itiran-custom dt img {
	width: 300px;
}

.itiran-custom dd {
	padding-left: 320px;
}
}

@media only screen and (min-width: 414px) { /* スマホは除外 */
.itiran-custom dl h3 a {
	font-size: 20px; /* 記事タイトルの文字サイズ */
	line-height: 1.4em; /* 記事タイトルの行の高さ */
}

.itiran-custom dt a img {
	border-radius: 10px;
}

.itiran-time { /* 投稿日の装飾 */
	color: #999 !important;
	margin-bottom: 6px !important;;
}
.itiran-cat a { /* カテゴリー・タグの装飾 */
	background: #fe0000;
	margin-right: 6px;
	margin-bottom: 6px;
	color: #fff !important;
	padding: 4px 6px;
	border-radius: 4px;
	font-size: 12px;
	display: inline-block;
}
}

@media only screen and (max-width: 413px) {
.itiran-cat a {　/* カテゴリー・タグの装飾（スマホ） */
	font-size: 10px;
}

 
.itiran-custom dd {
	padding-left: 320px;
}
}

/*縦カード型*/
.itiran-custom dl {
	width: 48%;
	float: left;
	padding: 0;
	margin-right: 4%;
	margin-bottom: 20px;
	border-radius: 10px;
}
.itiran-custom dl:nth-child(2n) {
	margin-right: 0;
}
.itiran-custom dl:last-child {
	padding: 0;
	margin-bottom: 20px;
}
.itiran-custom dt {
	float: none;
	width: 100%;
}
.itiran-custom dt img {
	width: 100%;
	height: auto;
}
.itiran-custom dd {
	height: auto; /* タイトル・日付・カテゴリ部分のボックスの高さ */
	padding: 10px;
}
@media only screen and (max-width: 413px) {
.itiran-custom dl {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}
.itiran-custom dd {
	height: auto;
	padding: 10px;
}
}

/* ペイジャー変更 */

.st-pagelink .page-numbers{
	border: 1px solid #fe0000;
	border-radius: 40px;
        background:#fe0000;
        padding:15px;
	margin-right:10px;
	font-size:15px;
        min-width:12px;
        height:12px;
	line-height:12px
}
 
.st-pagelink a{
	color:#fff;
	font-weight:bold;
}
.st-pagelink a:hover {
	opacity:1;
        color:#fff;
	border: 1px solid #b53862;
        background:#b53862;
}
.st-pagelink .page-numbers.current {
	opacity:1;
        color:#fff;
        font-weight:bold;
	border: 1px solid #b53862;
        background:#b53862;   
}


/*SNS（シェア）ボタン　ここから*/
/*Twitter*/
.sns .fa-twitter {
  border:none;
  padding-right:0;
}
 
/*Facebook*/
.sns .fa-facebook {
  border:none;
  padding-right:0;
}
 
/*Google+1*/
.sns .fa-google-plus {
  border:none;
  padding-right:0;
}
 
/* Pocket */
.sns .fa-get-pocket {
  border:none;
  padding-right:0;
}
 
/*はてぶ*/
.sns .fa-hatena {
  border:none;
  padding-right:0;
}
 
/*LINE*/
.sns .fa-comment {
  border:none;
  padding-right:0;
}

/*RSS*/
.sns .rss a {
  background-color:#f79637;
}
 
.sns .rss a:hover {
  background-color:#de7d1e;
}

/*feedly*/
.sns .feedly a {
  background-color:#87c040;
  background-image:url("/wp-content/themes/affinger4-child/images/feedly-i.png");
  background-repeat:no-repeat;
  background-position:12px 9px;
}
 
.sns .feedly a:hover {
  background-color:#6ea727;
}
 
.sns .feedly .snstext {
  padding-left:22px;
}

/*push7*/
.sns .push7 a {
  background-color:#eeac00;
  background-image:url("/wp-content/themes/affinger4-child/images/push7-i.png");
  background-repeat:no-repeat;
  background-position:14px 8px;
}
 
.sns .push7 a:hover {
  background-color:#d59300;
}
 
.sns .push7 .snstext {
  padding-left:24px;
}

/*タブレット・スマホRSS非表示*/
@media print, screen and (max-width:959px) {
.sns .rss {
  display:none;
}
}

/* WPPカスタム（画像にタイトルを重ねる） */
.wpp-img2 {
    position:relative;
    display:block;
    /* 画像と同じサイズを指定 */
    width:300px;
    height:169px;
    margin:5px;
    padding:0;
    background-color:#000;
}
.wpp-img2 img {
    z-index:0;
    margin:0;
    padding:0;
}
 
.wpp-img2 a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
 
.wpp-img2 a:hover {
    color: #b22222;
}
.wpp-img2 img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.img_title {
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:1;
    margin:0;
    padding:5px;
    background-color:#000;
    width: 290px;
}
.img_title a:hover {
    color:#b22222;
}
.opa  {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.ad p{
 margin-bottom: 0;
}

/*--------------------------------
トップページのウィジェットボックス
---------------------------------*/

.top-wbox-t {
	padding-bottom:0px;
	text-align: center;
}

.top-wbox-u {
	padding:10px 0 20px;
}

/*--------------------------------
コメント欄変更
---------------------------------*/

#comments { /* コメント欄全体の枠 */
	margin-top: 20px;
	background: #f2f2f2;
	border: 1px solid #7f7f7f;
}
h5#resp { /* コメントがあった時の見出し */
	font-size: 20px;
		color: #fe0000;
}
h3#reply-title { /* コメント入力欄の見出し */
	font-size: 20px;
	color: #000000;
}
.comment-listCon { /* コメント毎のボックス */
	margin-bottom: 20px;
}
.comment-name .fn { /* コメントした人の名前 */
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
.comment-name .says { /* 「より：」の部分 */
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
.comment-date-edit { /* 「日付」とログイン者が見れる「編集」の部分 */
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
#comments input[type="submit"] { /* 送信ボタン */
	background: #50c1a5;
	color: #fff;
	border-radius: 3px;
	padding: 10px;
}
@media only screen and (max-width: 413px) { /* スマホで日付を改行して文字サイズ変更 */
.comment-date-edit {
	font-size: 12px;
	display: block;
	}
}
a.comment-reply-link { /* 返信ボタンのスタイル */
	font-size: 12px;
	background: #fe0000;
	border-radius: 4px;
	color: #fff;
	padding: 5px 10px;
	text-decoration: none;
}
ul.commets-list .children { /* 返信部分（入れ子）の左側の余白 */
	padding-left: 5%;
}
ul.commets-list .depth-1 { /* 親コメント下部の余白とボーダー */
	border-bottom: 2px dotted #7f7f7f;
	margin-bottom: 30px;
}
.comment-edit { display: block; text-align: right; }

/*--------------------------------
改ページ
---------------------------------*/
.tuzukicenter {
	text-align:center;
	padding-top;0px
}
.tuzuki {
	margin:0 auto;
	padding: 0;
}

.tuzuki a {
	border-radius: 40px;
	background:#fe0000;
	padding:15px;
	margin-right:10px;
	font-size:15px;
	color:#fff;
line-height:5px
}

.tuzuki a:hover {	
	opacity:1;
    color:#fff;
	border: 1px solid #b53862;
    background:#b53862;
}

.t_b {
	font-weight: bold; 
	font-size: 18px; 
	line-height: 27px; 
	margin-bottom: 50px; 
	margin-top: 15px;
}

.t_h{
	font-size: 13px; 
}