@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* リンクの下線を消す */
a{
text-decoration: none;
}


/* 引用 */
.post blockquote {
/*	background-color: #f3f3f3;*/
background-color:#fffbd5;;
background-image: url(images/quote.png);
/*	background-repeat: no-repeat;*/
/*	background-position: left top;*/
margin: 10px;
padding: 10px;
/*		padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;*/
/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;*/
border-radius: 15px;
}

blockquote::before {
  content: "“";
  line-height: 1.1;
  left: 10px;
  top: 0;
 font-size: 28pt;
}
blockquote::after {
  content: "”";
  line-height: 0;
  right: 10px;
  bottom: 0px;
 font-size: 28pt;
}






/* 引用じゃないけど引用と同じデザインにしたい時 */
.inyoumodoki {
	margin:7px;
	padding:10px;
	background:#f6fde8;
	border:none;
	border-left:2px solid #FF4400;
}

.inyoumodoki1 {
	margin:7px;
	padding:10px;
	background:#fffbd5;
	border:none;
	border-left:2px solid #FF4400;
}
.inyoumodoki2 {
	margin:7px;
	padding:10px;
	background:#EAFFFF;
	border:none;
	border-right:2px solid #FF4400;
}


/* コメント下トップページに戻るボタン設置 */
.button003 a {
    background: #fff;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 350px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
font-size: 22px;
font-weight: bold;
border: 2px solid #FF4400;		
}
.button003 a:hover {
    background: #313131;
    color: #FFF;
    background: #FF4400;
}
.button003 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button003 a:hover:after {
    border-color: #FFF;
}






/*記事中見出し*/
.entry-content h2 {
	position: relative;
	background: #f3f3f3;
	color: #1a1a1a;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.entry-content h2:after {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 50px;
}
.entry-content h2:before {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 50px;
}
/*記事見出しデザイン*/
.entry-content h2{
  color: #000000 ;
/*  background: #ffffff;*/
background:#f6fde8;

  font-size: 16pt ;
  line-height: 1;
  margin:10px 0px;
  padding: 10px 5px 10px 5px;
    box-shadow:1px 3px 7px 0px #666666 ;
    border-bottom:3px solid #ff6347;
    border-radius: 2px ;

border-left: 3px solid #ff6347;
border-top: 1px #ff6347 dotted;
}









/*記事小見出し*/
.entry-content h3{
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #1a1a1a;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	/*border-bottom: 1px #999999 dotted;*/


border-left: 2px solid #ff6347;
border-bottom: 1px #ff6347 dotted;

/*background:#f3f3f3;*/
background:#fffbd5;

}
.entry-content h3 a{
	color: #333;
	text-decoration: none;
}








/* サイドバーの見出し h2h3同じ*/
.sidebar h2{
width:100%;
	color:#ffff00;
	

	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;


border-radius:7px;

background-color:#FF4400;
}

.sidebar h3{
width:100%;
	color:#ffff00;
	

	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;


border-radius:7px;

background-color:#FF4400;
}






/* 記事下の見出し */
.singleh3 {
	font-weight: bold;
	color:#ffffff;
	

	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;

text-align: center;
border-radius:7px;

background-color:#FF4400;

}
/* 記事下の見出し */
.singleh4 {
	font-weight: bold;
	color:#ffff00;
	

	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;


border-radius:7px;

background-color:#FF4400;

}


/* 携帯ＴＯＰ見出し */
.smhh4 {
	font-weight: bold;
	color:#ffff00;
	font-size: 13px;

	line-height: 25px;
 	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px; 


border-radius:7px;

background-color:#FF4400;
text-align: center;
	
    margin-left: auto;
    margin-right: auto;
width:96%;
}







/*本文下カテゴリ*/
.cat-link {
  color: #333;
  text-decoration: none;
  display: inline-block;
  margin-right: 5px;
  padding: 1px 5px;
  font-size: 12px;
  background-color: #333;
background-color: transparent;
  border: 1px solid #FF4400;	
  border-radius: 4px;
  word-break: break-all;
font-weight: bold;	
}
.cat-link:hover {
  opacity: 1;
  color: #333;
  background-color: #FFFF33;
}

/*本文下タグ*/
.tag-link, .comment-reply-link {
  color: #333;
  text-decoration: none;
  display: inline-block;
  margin-right: 5px;
  padding: 1px 5px;
  font-size: 12px;
  border: 1px solid #FF4400;
  border-radius: 4px;
  word-break: break-all;
font-weight: bold;	
}
.tag-link:hover, .comment-reply-link:hover {
  background-color: #FFFF33;
  transition: all 0.3s ease-in-out;
  color: #333;
}







/*ブログカードスタイル*/
.blogcard{
border: 1px solid #FF4400;
border-radius: 10px;
box-shadow: 3px 3px 1px #666;
}
.blogcard-title{
font-size: 18px;
}




/* トップページのタブ（選択前） */
.index-tab-button{
color: #000;/*文字色*/
font-size: 14px!important;/*文字の大きさ*/
font-weight: bold;
background-color: white;
border: 1px solid #FF4400!important;
border-radius: 10px;
box-shadow: 3px 3px 1px #666!important;	
}
.index-tab-button:hover{
background-color: #ffff00;
}

/* トップページのタブ（選択後） */
#index-tab-1:checked~.index-tab-buttons .index-tab-button[for=index-tab-1],
#index-tab-2:checked~.index-tab-buttons .index-tab-button[for=index-tab-2],
#index-tab-3:checked~.index-tab-buttons .index-tab-button[for=index-tab-3],
#index-tab-4:checked~.index-tab-buttons .index-tab-button[for=index-tab-4]{
font-size: 16px!important;/*文字の大きさ*/
background-color:#FF4400!important;/*選択後の背景色*/

font-weight: bold;
color:#ffff00;
border: 1px solid #FF4400!important;
box-shadow: 3px 3px 1px #666!important;	
}









/*コメントメールサイト非表示*/
.comment-form-email, .comment-form-url, .comment-notes {
  display: none;
}
/* コメント送信ボタンの文字色・背景色が見えにくいので修正 */
.comment-form .form-submit input {
background-color:#FF4400;
border-color: #72c7e6;
border: 1px solid #ddd;
color: #fff;
border-radius:7px;
font-weight: bold;
font-size: 16px;
margin-top: 5px;	
}



/*コメント欄表示スタイル*/
.comment-list {
border: 2px solid #FF4400;
padding: 0;
border-radius: 10px;
}
.comment-title {
margin: 0;
font-size: 20px!important;
background-color:#FF4400;
color: #fff;
padding-left: 20px;
font-weight: bold;		
}
.comment-title:before {
  font-family: FontAwesome;
  content: '\f27b';
  color: #fff;
  margin-right: 4px;
}
.commets-list {
padding: 20px 20px 0 20px;
font-size: 13px!important;
padding-left: 30px;
list-style:decimal!important;
}
.commets-list li::marker {
font-size: 100%;
font-weight: bold;
line-height: 1;
color: #000;
}
.commets-list > li {
  border-top: 2px dashed #FF4400;
  margin: 30px 0;
  padding-top: 20px;
}
.commets-list > li:first-child {
  border: none;
  margin-top: 0;
  padding-top: 0;
}
.commets-list .children {
  border-left: 2px solid #ccc;
  margin: 0;
}
.st-comment-content p {
font-size: 16px!important;
  margin: 1em 0;
  line-height: 1.5em;
font-weight: bold;	
}
.comment-reply-link {
  color: #fff;
  border: none;
  border-radius: 20px;
  background: #FF4400;
  padding: 1px 12px;
  transition: 0.5s;
}
.comment-reply-link:hover {
  color: #fff;
  background: #49add1;
  transition: 0.5s;
}
.commets-list .st-comment-body {
  margin-bottom: 0;
}
/*コメント欄スタイルページリンク*/
.comment-page-link {
  text-align: center;
padding:5px 0px 10px 0px !important;
}
.comment-page-link .page-numbers:hover {
background-color: #ffff00;
}
.comment-page-link .page-numbers {
  width: auto;
  height: auto;
 ?padding: 6px 12px;
  line-height: normal;
}
.comment-page-link .current {
  background-color: #eee;
}




/*サイドバー透明化*/
#sidebar {
  background: transparent;
}
/*記事一覧透明化テスト*/
.home .main, .archive .main {
  background: none;
}
/* エントリー記事カテゴリーラベル非表示 */
.entry-card .cat-label{
display: none;
}
/* 関連記事カテゴリーラベル非表示 */
.related-entry-card .cat-label{
display: none;
}







/*--------------------------------
PAGE TOP
---------------------------------*/
#page-top {
	position: fixed;
	z-index: 9999;
	bottom: 30px;
	right: 10px;
	font-size: 14px;
}
#page-top a {
	background: #EFAD9B;	
	border-radius: 9px;		/* 角丸にするためコード追加 */
	text-decoration: none;
	color: #fff;
	padding: 5px;
	text-align: center;
	display: block;
	-moz-opacity: 0.8;	/* 0.3から0.7に変更 */
	opacity: 0.8;		/* 0.3から0.7に変更 */
font-weight: bold;
}
#page-top a:hover {
	text-decoration: none;
	background: #EFAD9B;	
	color: #000;
font-weight: bold;
}


/*--------------------------------
PAGE TOPsingle 記事用
---------------------------------*/
#page-topsingle {
	position: fixed;
	z-index: 9999;
	bottom: 130px;
	right: 6px;
	font-size: 12px;
}
#page-topsingle a {
	background: #EFAD9B;	
	border-radius: 9px;		/* 角丸にするためコード追加 */
	text-decoration: none;
	color: #fff;
	padding: 5px;
	text-align: center;
	display: block;
	-moz-opacity: 0.7;	/* 0.3から0.7に変更 */
	opacity: 0.7;		/* 0.3から0.7に変更 */
font-weight: bold;
}
#page-topsingle a:hover {
	text-decoration: none;
	background: #EFAD9B;	
	color: #000;
font-weight: bold;
}


/*--------------------------------
PAGE homesingle 記事用
---------------------------------*/
#page-homesingle {
	position: fixed;
	z-index: 9999;
	bottom: 75px;
	right: 8px;
	font-size: 12px;
}
#page-homesingle a {
	background: #9cacff;	
	border-radius: 9px;		/* 角丸にするためコード追加 */
	text-decoration: none;
	color: #fff;
	padding: 5px;
	text-align: center;
	display: block;
	-moz-opacity: 0.7;	/* 0.3から0.7に変更 */
	opacity: 0.7;		/* 0.3から0.7に変更 */
font-weight: bold;
}
#page-homesingle a:hover {
	text-decoration: none;
	background: #EFAD9B;	
	color: #000;
font-weight: bold;
}



/*--------------------------------
PAGE downsingle 記事用
---------------------------------*/
#page-downsingle {
	position: fixed;
	z-index: 9999;
	bottom: 20px;
	right: 6px;
	font-size: 12px;
}
#page-downsingle a {
	background: #EFAD9B;	
	border-radius: 9px;		/* 角丸にするためコード追加 */
	text-decoration: none;
	color: #fff;
	padding: 5px;
	text-align: center;
	display: block;
	-moz-opacity: 0.7;	/* 0.3から0.7に変更 */
	opacity: 0.7;		/* 0.3から0.7に変更 */
font-weight: bold;
}
#page-downsingle a:hover {
	text-decoration: none;
	background: #EFAD9B;	
	color: #000;
font-weight: bold;
}










/*記事一覧コメント数表示ＰＣ用*/
.commentkazupc {

font-size: 18px;
font-weight: bold;


}

.commentpcbackcolor {
background-color: #ffd89f;
padding: 2px 4px;
border: 0px solid #FF4400;	
border-radius: 5px;/*角の丸みを調整*/	
position: absolute;		

left: -8px;	
top: -8px;	
}




/*記事一覧デザインCSS*/
.entry-card-wrap { /*エントリーカード設定*/
background-color: white;

border: 1px solid #FF4400;
border-radius: 10px;
box-shadow: 3px 3px 1px #666;
}

.entry-card-thumb {
	transition-duration: 0.3s; /*アニメーションの時間*/
    box-shadow: 0px 4px 15px -5px rgba(85,85,85,0.75); /*通常時の画像の影*/
}
.entry-card-thumb:hover {
    transform: translateY(-6px); /*マウスホバーで上に移動*/
    box-shadow: 0px 8px 18px -5px rgba(85,85,85,0.75); /*マウスホバー時の画像の影*/
}
.entry-card-thumb img { /*画像下の隙間を消す*/
    vertical-align: bottom;
}
.a-wrap:hover { /*マウスホバー時の全体の背景色*/
    background: #fffbc4;
transition: 1.0s;
}

.entry-card-title {
    margin-top: 10px; /*上に余白を付ける*/
    line-height: 1.5; /*行間を広く*/
	font-size: 19px;
}














/************************************
** ページネーション
************************************/
.pagination {
  margin: 24px 0;
  clear: both;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
.pagination .current { /*現在のページ*/
background-color: #FF4400;
color: #ffff00;
border: 1px solid #FF4400;	
}
.pagination a:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: #333;
 background-color: #ffff00;	
}

.page-numbers { /*通常時*/
  color: #333;
  text-decoration: none;
  display: inline-block;
  height: 46px;
  width: 46px;
border: 2px solid #FF4400;
  margin: 0 4px;
  line-height: 46px;
  text-align: center;
  border-radius: 4px;
  background-color: #fff;	
}
.page-numbers span {
  line-height: inherit;
}

.page-numbers.dots {
  opacity: 0.6;
  background-color: #f5f6f7;
}

/************************************
** 「次のページ」ページネーション
************************************/
.pagination-next {
  margin-top: 24px;
}

.pagination-next-link, .comment-btn {
  background-color: #FF4400;
  border: 1px solid #FF4400;
color: #ffff00;
  display: block;
  font-size: 1.2em;
  text-decoration: none;
  width: 100%;
  text-align: center;
  padding: 5px;
  display: block;
border-radius: 30px;
	transition-duration: 0.3s; /*アニメーションの時間*/
    box-shadow: 0px 4px 15px -5px rgba(85,85,85,0.75); /*通常時の画像の影*/	
}
.pagination-next-link:hover, .comment-btn:hover {
  background-color: #FF4400;
  transition: all 0.3s ease-in-out;
color: #ffff00;
    transform: translateY(-6px); /*マウスホバーで上に移動*/
    box-shadow: 0px 8px 18px -5px rgba(85,85,85,0.75); /*マウスホバー時の画像の影*/	
}

/************************************
** スマホ記事分割マルチページのページャーリンク
************************************/
.pager-links {
  margin: 24px 0;
  clear: both;
  text-align: center;
		font-weight: bold;
}
.pager-links .post-page-numbers {
  background-color: transparent;

}
.pager-links span {
/*background-color: #eee;*/
background-color: #FF4400;
}
.pager-links a {
  display: inline-block;
}
.pager-links a span {
  background-color: #fff;
border-radius: 30px;
  border: 2px solid #FF4400;
}
.pager-links a:hover span {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: #333;
 background-color: #ffff00;	
}

.pager-prev-next a {
  width: 40%;
  margin: 0 4px;
}
.pager-prev-next span {
  width: 100%;
  margin: 0;

}















/*--------------------------------
サムネつき次の記事前の記事ｃｓｓ
---------------------------------*/
#prev_next{
width:100%;
margin: 36px 0 24px;
padding:0;
display: table;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:30px 10px 10px;
border-top:#FF4400 2px solid;
border-bottom:#FF4400 2px solid;
display: table-cell;
position:relative;
text-decoration:none;
text-align: center;	
}
#prev_next #prev p, #prev_next #next p{
font-size:90%;
line-height:1.5;
font-weight: bold;
text-align: center;	
}
#prev_next #prev:hover, #prev_next #next:hover{
background-color: #fffbc4;	
}
#prev_next #prev{
border-right:#FF4400 2px solid;
}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute;
border: 2px #FF4400 solid;
background:#fff;
text-align: center;
padding:3px;
color:#000000;
font-weight: bold;	
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;
height:140px;
padding:0 10px;
display: table-cell;
		        vertical-align: middle;
}
#prev_next #prev_no{
border-right:#ccc 1px solid;
}
#prev_next_home{
margin:0 auto;
background-color: #39f;
border: solid 9px #fff;
width: 120px;
height:120px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
box-shadow: 0 0 0 3px #39f;
-webkit-box-shadow: 0 0 0 3px #39f;
-moz-box-shadow: 0 0 0 3px #39f;
text-align:center;

}
#prev_next_home:hover{
background-color: rgba(0,0,255,0.7);
}
#prev_next_home i{
color:#FFF;
margin:10px auto ;
font-size:70px;

}
/*-- ここまで --*/	









/*-- アマゾン画像リンク --*/	
.paapi5-pa-ad-unit {
    border: 1px solid #eee;
    margin:2px;
    position: relative;
    overflow: hidden;
    padding: 22px 20px;
    line-height: 1.1em;
}

.paapi5-pa-ad-unit * {
    box-sizing: content-box;
    box-shadow: none;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    outline: 0;
    padding: 0;
}

.paapi5-pa-ad-unit.pull-left {
    float: left;
}

.paapi5-pa-ad-unit.pull-right {
    float: right;
}

.paapi5-pa-ad-unit a {
    box-shadow: none !important;
}

.paapi5-pa-ad-unit a:hover {
    color: #c45500;
}

.paapi5-pa-product-container {
    width: 180px;
    height: 210px;
}
/* fixed width and height of product image to 150px */
.paapi5-pa-product-image {
    display: table;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    text-align: center;
}

.paapi5-pa-product-image-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.paapi5-pa-product-image-link {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.paapi5-pa-product-image-source {
 ? ?max-width: 200px;
 ? ?max-height: 200px;
    vertical-align: bottom;
}

.paapi5-pa-percent-off {
    display: block;
    width: 32px;
    height: 25px;
    padding-top: 8px;
    position: absolute;
    top: -16px;
    right: -16px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #a50200;
    background-image: -webkit-linear-gradient(top, #cb0400, #a50200);
    background-image: linear-gradient(to bottom, #cb0400, #a50200);
}

.paapi5-pa-ad-unit.hide-percent-off-badge .paapi5-pa-percent-off {
    display: none;
}

.paapi5-pa-product-details {
    display: inline-block;
    max-width: 100%;
    margin-top: 11px;
    text-align: center;
    width: 100%;
}

.paapi5-pa-ad-unit .paapi5-pa-product-title a {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    color: #0066c0;
    text-decoration: none;
    margin-bottom: 3px;
}

.paapi5-pa-ad-unit .paapi5-pa-product-title a:hover {
    text-decoration: underline;
    color: #c45500;
}

.paapi5-pa-ad-unit.no-truncate .paapi5-pa-product-title a {
    text-overflow: initial;
    white-space: initial;
}

.paapi5-pa-product-offer-price {
    font-size: 13px;
    color: #111111;
}

.paapi5-pa-product-offer-price-value {
    color: #AB1700;
    font-weight: bold;
    font-size: 1.1em;
    margin-right: 3px;
}

.paapi5-pa-product-list-price {
    font-size: 13px;
    color: #565656;
}

.paapi5-pa-product-list-price-value {
    text-decoration: line-through;
    font-size: 0.99em;
}

.paapi5-pa-product-prime-icon .icon-prime-all {
    background: url("https://images-na.ssl-images-amazon.com/images/G/01/AUIClients/AmazonUIBaseCSS-sprite_2x_weblab_AUI_100106_T1-4e9f4ae74b1b576e5f55de370aae7aedaedf390d._V2_.png") no-repeat;
    display: inline-block;
    margin-top: -1px;
    vertical-align: middle;
    background-position: -192px -911px;
    background-size: 560px 938px;
    width: 52px;
    height: 15px;
}

.paapi5-pa-product-offer-price,
.paapi5-pa-product-list-price,
.paapi5-pa-product-prime-icon {
    display: inline-block;
    margin-right: 3px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .paapi5-pa-ad-unit .paapi5-pa-product-prime-icon .icon-prime-all {
        background: url("https://images-na.ssl-images-amazon.com/images/G/01/AUIClients/AmazonUIBaseCSS-sprite_2x_weblab_AUI_100106_T1-4e9f4ae74b1b576e5f55de370aae7aedaedf390d._V2_.png") no-repeat;
        display: inline-block;
        margin-top: -1px;
        vertical-align: middle;
        background-position: -192px -911px;
        background-size: 560px 938px;
        width: 52px;
        height: 15px;
    }
}

/* css for mobile devices when device width is less than 441px*/
@media  screen and (max-width: 440px) {
    .paapi5-pa-ad-unit {
        float: none;
        width: 100%;
    }

    .paapi5-pa-product-container {
        margin: 0 auto;
        width: 100%;
    }

    .paapi5-pa-product-details {
        text-align: center;
        margin-top: 11px;
    }
}









/*--------------------------------------------
テストメールボタン
---------------------------------------------*/


.original-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  font-size: 18px;
  color: #000000;
　font-weight: bold;
  border-radius: 3px;
  width: 250px;
  height: 50px;
  border: 3px solid #07b92a;
  position: relative;
  transition: 0.3s;
  background-color: #a6ff4d;

}

.original-button::before {
  content: "Mail";
  display: block;
  font-size: 13px;
  background-color: #ff4400;
  color: #fff;
  border-radius: 3px;
  padding: 3px 5px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-5px, -30%);
  transition: .3s;
}

.original-button:hover::before {
  transform: translate(-5px, -50%);
}





/*???????????
自作追加部分　スマホ上部メニュー？
???????????*/

.mobmenushare{
width:107%;
margin:0;
padding:0;
font-size:11px;
	
padding: 0px 0px 0px 0px;	
margin: 0px 0px 0px -35px;		

}

.mobmenu{
margin:0 auto;
text-align:center;

}
.mobmenu ul {
list-style:none;

}
.mobmenu li {
float:left;
width:24%;
margin:2px 1% 0 0;
}
.mobmenu li a {
font-size:11px;
position:relative;
display:block;
padding:0px;
color:#fff;
border-radius:3px;
text-align:center;
text-decoration: none;
text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}


/* ホーム */
.mobmenu .home a {
background:#00acee;
box-shadow:0 5px 0 #0092ca;
}
.mobmenu .home a:hover {
background:#0092ca;
}

/* メールと規約 */
.mobmenu .mail a {
background:#25af00;
box-shadow:0 5px 0 #219900;
}
.mobmenu .mail a:hover {
background:#219900;
}

/* 北海道 */
.mobmenu .hokkai a {
background:#db4a39;
box-shadow:0 5px 0 #ad3a2d;
}
.mobmenu .hokkai a:hover {
background:#ad3a2d;
}

/* テレビ */
.mobmenu .tv a {
background:#5d8ac1;
box-shadow:0 5px 0 #43638b;
}
.mobmenu .tv a:hover {
background:#43638b;
}





/* サイドバー用ＳＮＳフォローボタン設定 */ 
/* 回り込み解除のためのクラス */
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:"";
    display: block;
    clear: both;
    height: 0;
    visibility:hidden;

}
 
/* サークルのスタイル */
.sns_circle{
position:relative;
width: 50px;
height: 50px;
    margin:0 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #999;
    float:left;
    list-style: none;

	margin: 5px !important;
    padding:5px !important;
}
 
/* Webフォントに関する指定 */
.sns_circle span{
position:absolute;
padding:10px;
font-size:20px;
color:#ffffff;/* 文字の色 */
padding: 0px 0px 0px 0px;	
margin: 8px 0px 0px 10px;	
}
 
/* リンク領域をブロック全体に */
.sns_circle a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-indent:-999px;
    color:#FFF;/* 文字の色 */

}
 
/* マウスオーバー */
.sns_circle a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
 
/* 横幅を300pxに固定して真ん中に表示 */
ul.circle_group{
    width:300px;
    margin:auto;
    list-style: none;
    padding:0;

}

 
/* アイコン毎の配色と配置 */
.sns_circle.feedly{
    background-color: #6CC655;

}
 
.sns_circle.facebook{
    background-color: #265a96;
}
 
.sns_circle.twitter{
    background-color: #00acec;
}
 
.sns_circle.hatebu{
    background-color: #006fbb;
}
 
.sns_circle.pocket{
    background-color: #EE4256;
}
 
.sns_circle.googleplus{
    background-color: #dd4b39;
}
 
.sns_circle.line{
    background-color: #2cbf13;
}
 
.sns_circle.feed{
    background-color: #ff9900;
}
 
.sns_circle.youtube{
    background-color: #e22d26;
}







/* 記事トップ用小さな四角ＳＮＳフォローボタン設定 */ 
/* 回り込み解除のためのクラス */
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:"";
    display: block;
    clear: both;
    height: 0;
    visibility:hidden;
}




#socialmedia_icons_kijitop{
	float:right;
 }
#socialmedia_icons_kijitop li { display:inline; }



 
/* SQUAREのスタイル */
.sns_square{
    position:relative;
    width: 35px;
    height: 35px;
    margin:0 5px;
    -webkit-border-radius: 15%;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #999;
    float:left;
    list-style: none;
}
 
/* Webフォントに関する指定 */
.sns_square span{
    position:absolute;
    padding:8px;
    font-size:20px;
    color:#FFF;/* 文字の色 */
}
 
/* リンク領域をブロック全体に */
.sns_square a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-border-radius: 15%;
    -moz-border-radius: 15%;
    border-radius: 15%;
    text-indent:-999px;
    color:#FFF;/* 文字の色 */
}
 
/* マウスオーバー */
.sns_square a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
 
/* 横幅を300pxに固定して真ん中に表示 */
ul.square_group{
 ? ?width:230px;
    margin:auto;
    list-style: none;
    padding:0;
}
 
/* アイコン毎の配色と配置 */
.sns_square.feedly{
    background-color: #6CC655;
}
 
.sns_square.facebook{
    background-color: #265a96;
}
 
.sns_square.twitter{
    background-color: #00acec;
}
 
.sns_square.hatebu{
    background-color: #006fbb;
}
 
.sns_square.pocket{
    background-color: #EE4256;
}
 
.sns_square.googleplus{
    background-color: #dd4b39;
}
 
.sns_square.line{
    background-color: #2cbf13;
}
 
.sns_square.feed{
    background-color: #ff9900;
}
 
.sns_square.youtube{
    background-color: #e22d26;
}





/* サイドバー用ＳＮＳランキングボタン */ 
/* 回り込み解除のためのクラス */
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:"";
    display: block;
    clear: both;
    height: 0;
    visibility:hidden;
}
 
/* boxのスタイル */
.sns_box{
    position:relative;
    width: 100px;
    height: 25px;
    margin:0 5px;
    float:left;
    list-style: none;

	margin: 10px !important;
    padding:10px !important;
}
 
 
/* リンク領域をブロック全体に */
.sns_box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
 


/*検索フォーム*/
.search-edit {
height:50px;
padding:0 10px; 
border-radius:25px !important;
outline:0;
background:#eee;
}
[type="submit"].search-submit {
height:50px;
width:50px;
top:0;
right:0;
background:#FF4400;
color:#fff;
border:none;
border-radius:0 25px 25px 0;
}
[type="submit"].search-submit:hover{
color:#839b5c;
background:#ddd;
}




/*???????????
自作追加部分　記事上下　SNSいいね＆シェアボタン設定？
???????????*/

.share{
width:100%;
}
.share h4{
font-size:100%;
text-align:center;
}

.sns{
margin:0 auto;
text-align:center;
margin:0 0 0 -30px;
}
.sns ul {
list-style:none;

}
.sns li {
float:left;
width:48%;
margin:0 2% 3% 0;
}
.sns li a {
font-size:80%;
position:relative;
display:block;
padding:5px;
color:#fff;
border-radius:3px;
text-align:center;
text-decoration: none;
text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}
.sns li a:hover {
-webkit-transform: translate3d(0px, 5px, 1px);
-moz-transform: translate3d(0px, 5px, 1px);
transform: translate3d(0px, 5px, 1px);
box-shadow:none;
}

/* ツイッター */
.sns .twitter a {
background:#00acee;
box-shadow:0 5px 0 #0092ca;
}
.sns .twitter a:hover {
background:#0092ca;
}

/* Facebook */
.sns .facebook a {
background:#3b5998;
box-shadow:0 5px 0 #2c4373;
}
.sns .facebook a:hover {
background:#2c4373;
}

/* グーグル */
.sns .googleplus a {
background:#db4a39;
box-shadow:0 5px 0 #ad3a2d;
}
.sns .googleplus a:hover {
background:#ad3a2d;
}

/* はてぶ */
.sns .hatebu a {
background:#5d8ac1;
box-shadow:0 5px 0 #43638b;
}
.sns .hatebu a:hover {
background:#43638b;
}

/* LINE */
.sns .line a {
background:#25af00;
box-shadow:0 5px 0 #219900;
}
.sns .line a:hover {
background:#219900;
}

/* Pocket */
.sns .pocket a {
background:#f03e51;
box-shadow:0 5px 0 #c0392b;
}
.sns .pocket a:hover {
background:#c0392b;
}

/* RSS */
.sns .rss a {
background:#ffb53c;
box-shadow:0 5px 0 #e09900;
}
.sns .rss a:hover {
background:#e09900;
}

/* Feedly */
.sns .feedly a {
background:#87c040;
box-shadow:0 5px 0 #74a436;
}
.sns .feedly a:hover {
background:#74a436;
}


/*--------------------------------------------
記事下注意書きについて
---------------------------------------------*/
.box21{
    padding: 0.5em 1em;
    background: -moz-linear-gradient(#ffb03c, #ff708d);
    background: -webkit-linear-gradient(#ffb03c, #ff708d);
    background: linear-gradient(to right, #ffb03c, #ff708d);
    color: #FFF;
	border-radius: 5px ;
	
}
.box21 p {
    margin: 0; 
    padding: 0;
	font-size: 16px;
}		







/************************************
** 次の記事前の記事　投稿ナビ
************************************/
.pager-post-navi {
padding: 0px;
margin: 0px;
margin-top: 10px;	
margin-bottom: 10px;	
/*margin: 38px 0;*/
display: flex;
flex-direction: column;

}
.pager-post-navi a {
  padding: 10px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
 ?font-size: 1em;
font-weight: bold;/*文字の太さ*/	
}
.pager-post-navi a .iconfont {
  font-size: 1.8em;
  color: #000;
  padding: 8px;
}
.pager-post-navi a figure {
  min-width: 120px;
  max-width: 120px;
}
.pager-post-navi a.prev-post {
  flex-direction: row;
  padding-left: 5px;
border-top: 2px solid #FF4400;
border-right: 2px solid #FF4400;
border-bottom: 1px solid #FF4400;
border-left: 2px solid #FF4400;
border-radius: 10px;
box-shadow: 3px 3px 1px #666;
background-color: #fff;/*背景色*/	
}
.pager-post-navi a.prev-post .prev-post-title {
  margin-left: 10px;
}
.pager-post-navi a.prev-post:hover { /*マウスホバー時の全体の背景色*/
    background: #fffbc4;
}	
.pager-post-navi a.next-post {
  flex-direction: row-reverse;
  padding-right: 5px;
border-top: 1px solid #FF4400;
border-right: 2px solid #FF4400;
border-bottom: 2px solid #FF4400;
border-left: 2px solid #FF4400;
	
border-radius: 10px;
box-shadow: 3px 3px 1px #666;
background-color: #fff;/*背景色*/	
}
.pager-post-navi a.next-post .next-post-title {
  margin-right: 10px;
}
.pager-post-navi a.next-post:hover { /*マウスホバー時の全体の背景色*/
    background: #fffbc4;
}	

.pager-post-navi a.prev-next-home {
  justify-content: center;
  font-size: 50px;
  text-align: center;
  color: #888;
}

.post-navi-square a {
  height: auto;
}

.post-navi-default.post-navi-border a {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.post-navi-default.post-navi-border .next-post {
  border-top-width: 0px;
}
.post-navi-default.post-navi-border .next-post:first-child {
  border-top-width: 1px;
}

.pager-post-navi.post-navi-square {
  flex-direction: row;
}
.pager-post-navi.post-navi-square a {
  width: 50%;
}

.post-navi-square.post-navi-border a {
  border: 1px solid #ccc;
}
.post-navi-square.post-navi-border a:last-child {
  border-left-width: 0px;
}









/*--------------------------------------------
PC用の人気記事一覧レイアウト 自作wpp_pc変数 横並び化記事下
---------------------------------------------*/
div.wpp_pcdown_wrapper{
position: relative;
overflow: hidden;
}


div.wpp_pcdown{

width: 900px;

overflow: hidden;
margin-left:0px;

margin-top: 0px;

}









div.wpp_pcdown ul{
padding: 0px;


}


div.wpp_pcdown li {
position: relative;
display: inline-block;
/*  vertical-align: top;*/
/*   width: 9em;*/

margin-right: -6px;/*リストの幅調整;*/
margin-bottom: 0px;
padding: 0px;
/*  font-size: 13px;*/
/*   line-height: 1em;*/
/* color:#000000;*/
width: 196px;

}

div.wpp_pcdown li img{

border: 3px #000000 solid;

}

div.wpp_pcdown li a.wpp-post-title {
position: absolute;
left: 2px;
bottom: 10px;
background-color: rgba(0,0,0,0.6);
max-width:185px;/*枠の6px-左ズラシたぶん減らす*/

font-size: 14px;
color:#ffffff;
text-decoration: none;
line-height:17px; /*行間設定*/
white-space: normal;
text-align: center;
font-weight: bold;

}

div.wpp_pcdown li a.wpp-post-title:hover {
	text-decoration: none;
color:#ffffff;
}

div.wpp_pcdown li:last-child { /*なぜか最後のカードだけずれるので*/
	margin-bottom: 0px;

}



div.wpp_pcdownwpp-list {
    counter-reset: wpp-ranking;
}
div.wpp_pcdownwpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
}
div.wpp_pcdownwpp-list li {
  position: relative;
  list-style-type: none;
}


/*順位によって色変更*/

div.wpp_pcdownwpp-list li:nth-of-type(1):before{
background:rgba(255,0,13,0.9);
}

div.wpp_pcdownwpp-list li:nth-of-type(2):before{
background:rgba(255,115,0,0.9);
}

div.wpp_pcdownwpp-list li:nth-of-type(3):before{
background:rgba(64,0,255,1);
}



div.wpp_pcdownwpp-list li:before {
  content: counter(wpp-ranking, decimal)'位';
  counter-increment: wpp-ranking;
  background: #2478e5;
  color: #fff;
 font-size: 14px;
  line-height: 1;
  padding: 4px 8px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

div.wpp_pcdownwpp-list li img {
  margin: 0px 5px 10px 0px;
}





/*--------------------------------------------
携帯用の人気記事一覧レイアウト 自作wpp_pc変数 横並び化記事下
---------------------------------------------*/

div.wpp_smhdown_wrapper{
width: max;
/*overflow: hidden;*/
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;

}

div.wpp_smhdown{
width: 1000px;
height: 165px;
display: inline-block;
white-space:nowrap;

}


div.wpp_smhdown ul {

width: 156px;
height: 156px;
float: left;
padding: 0px;



margin-top: 1px;
padding-top: 1px;
margin-bottom: -50px;
padding-bottom: -50px;

padding: 0px 0px 0px 0px;
list-style: none;
zoom:1;

}


div.wpp_smhdown li {

position: relative;
display: inline-block;
vertical-align: top;
margin-right: -1px;/*リストの幅調整;*/

line-height:13px; /*行間設定*/

}


div.wpp_smhdown li img{

border: 3px #000000 solid;

}

div.wpp_smhdown li a.wpp-post-title{
	
padding: 0px;
margin-bottom: 10px;
text-align: center;

position: absolute;
left: 0;
bottom: 0px;
background-color: rgba(0,0,0,0.6);
max-width:150px;/*150+枠の6px*/

white-space: normal;

color:#ffffff;
text-decoration: none;
font-weight:bold;
font-size: 13px;
}



div.wpp_smhdown li a.wpp-post-title:hover {
	text-decoration: none;
color:#ffffff;
}








div.wpp_smhdownwpp-list {
    counter-reset: wpp-ranking;
}
div.wpp_smhdownwpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
}
div.wpp_smhdownwpp-list li {
  position: relative;
  list-style-type: none;
}

/*順位によって色変更*/

div.wpp_smhdownwpp-list li:nth-of-type(1):before{
background:rgba(255,0,13,0.9);
}

div.wpp_smhdownwpp-list li:nth-of-type(2):before{
background:rgba(255,115,0,0.9);
}

div.wpp_smhdownwpp-list li:nth-of-type(3):before{
background:rgba(64,0,255,1);
}


div.wpp_smhdownwpp-list li:before {
  content: counter(wpp-ranking, decimal)'位';
  counter-increment: wpp-ranking;
  background: #2478e5;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 4px 8px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

div.wpp_smhdownwpp-list li img {
  margin: 0px 5px 10px 0px;
}








/*--------------------------------------------
PC用のサイドバーランダム人気記事一覧レイアウト
---------------------------------------------*/
div.wpp_pcsiderand_wrapper{

}


div.wpp_pcsiderand{

width: 310px;
/*white-space:nowrap;*/
overflow: hidden;
margin-left:0px;

}


div.wpp_pcsiderand ul{

padding: 0px;
/*  font-size:0px;*/

}


div.wpp_pcsiderand li {
position: relative;
   display: inline-block;
 /*  vertical-align: top;*/
/*   width: 9em;*/

 ?padding: 0px 5px 0px 0px !important;/*リストの幅調整;*/	

  margin: 0px 0px -10px 0px !important;/*リストの幅調整;*/	
	
/*  font-size: 13px;*/
/*   line-height: 1em;*/
/* color:#000000;*/

 ? width: 296px;	

}

div.wpp_pcsiderand li img{

border: 3px #000000 solid;

}

div.wpp_pcsiderand li a.wpp-post-title {
position: absolute;
left: 2px;
bottom: 12px;
background-color: rgba(0,0,0,0.6);
max-width:296px;/*枠の6px-左ズラシたぶん減らす*/

font-size: 16px;
color:#ffffff;
text-decoration: none;
line-height:17px; /*行間設定*/
white-space: normal;
text-align: center;
font-weight: bold;
}

div.wpp_pcsiderand li a.wpp-post-title:hover {
	text-decoration: none;
color:#ffffff;
}

div.wpp_pcsiderand li:last-child { /*なぜか最後のカードだけずれるので*/
	margin-bottom: 16px;

}



div.wpp_pcsiderandwpp-list {
    counter-reset: wpp-ranking;
}
div.wpp_pcsiderandwpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
}
div.wpp_pcsiderandwpp-list li {
  position: relative;
  list-style-type: none;
}


/*順位によって色変更*/

div.wpp_pcsiderandwpp-list li:nth-of-type(1):before{
background:rgba(255,0,13,0.9);
}

div.wpp_pcsiderandwpp-list li:nth-of-type(2):before{
background:rgba(255,115,0,0.9);
}

div.wpp_pcsiderandwpp-list li:nth-of-type(3):before{
background:rgba(64,0,255,1);
}



div.wpp_pcsiderandwpp-list li:before {
  content: counter(wpp-ranking, decimal)'位';
  counter-increment: wpp-ranking;
  background: #2478e5;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 4px 8px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

div.wpp_pcsiderandwpp-list li img {
  margin: 0px 5px 10px 0px;
}





/*--------------------------------------------
携帯用の人気記事一覧レイアウト 自作wpp_mobile変数
---------------------------------------------*/

ul.wpp_mobile1 {

width:98%;
padding: 0px 0px 0px 6px !important;
margin: 0px 0px 0px 0px !important;	
	
}	
	
ul.wpp_mobile1 li {
border-bottom: 1px dashed #bbb;
counter-increment: wpp-count;
position: relative;

/*赤枠で記事と同じ感じに*/
background-color: #fff;

margin: 0px 0px 3px 0px;
padding: 5px;
padding: 5px 5px 10px 5px;

border: 1px solid #FF4400;
border-radius: 5px;
box-shadow: 3px 3px 1px #666;
-moz-box-shadow: 3px 3px 1px #666; /* Firefox */
-webkit-box-shadow: 3px 3px 1px #666; ; /* Chrome, Safari */
background-color:#fff;
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Color='#666666', Direction=135, Strength=5);
filter: progid:DXImageTransform.Microsoft.Shadow(Color='#666666', Direction=135, Strength=5);
display:block;

}


ul.wpp_mobile1 li:last-child {

/*border-bottom: none;*/

}
/*タイトル設定*/
ul.wpp_mobile1 li a.wpp-post-title {

margin-left: 0px;

display: block;
font-size: 12px;
padding: 5px;
text-decoration: none;
color: #333;
text-align: center;
font-weight: bold; 

}

/*--------------------------------------------
携帯用の人気記事一覧レイアウトサイドバー用 自作wpp_mobile変数
---------------------------------------------*/

ul.wpp_mobileside {

width:98%;
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important;	
	
}	
	
ul.wpp_mobileside li {
border-bottom: 1px dashed #bbb;
counter-increment: wpp-count;
position: relative;

/*赤枠で記事と同じ感じに*/
background-color: #fff;

margin: 0px 0px 3px 0px;
padding: 5px;
padding: 9px 5px 12px 5px;

	
	
border: 1px solid #FF4400;
border-radius: 5px;
box-shadow: 3px 3px 1px #666;
-moz-box-shadow: 3px 3px 1px #666; /* Firefox */
-webkit-box-shadow: 3px 3px 1px #666; ; /* Chrome, Safari */
background-color:#fff;
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Color='#666666', Direction=135, Strength=5);
filter: progid:DXImageTransform.Microsoft.Shadow(Color='#666666', Direction=135, Strength=5);
display:block;

}


ul.wpp_mobileside li:last-child {

/*border-bottom: none;*/

}
/*タイトル設定*/
ul.wpp_mobileside li a.wpp-post-title {

margin-left: 25px;

display: block;
font-size: 12px;
padding: 5px;
text-decoration: none;
color: #333;
text-align: center;
font-weight: bold; 

}




/*--------------------------------------------
PC用の人気記事一覧レイアウト 自作wpp_pc変数 横並び化TOP
---------------------------------------------*/

div.wpp_pc{

width: 1210px;
white-space:nowrap;
overflow: hidden;
margin-left:22px;
height: 175px;	
}


div.wpp_pc ul{

  padding: 0px;
/*  font-size:0px;*/

}


div.wpp_pc li {
position: relative;
display: inline-block;
 /*  vertical-align: top;*/
/*   width: 9em;*/

margin-right: -7px;/*リストの幅調整;*/
margin-bottom: 2px;
padding: 0px;

/*  font-size: 13px;*/
/*   line-height: 1em;*/
/* color:#000000;*/

width: 196px;		
}

div.wpp_pc li img{

border: 3px #000000 solid;

}

div.wpp_pc li a.wpp-post-title {
position: absolute;
left: 2px;
bottom: 11px;
background-color: rgba(0,0,0,0.6);
max-width:187px;/*160+枠の6px-左ズラシたぶん減らす*/

font-size: 14px;
color:#ffffff;
text-decoration: none;
line-height:17px; /*行間設定*/
white-space: normal;
text-align: center;

margin-left: 1px; /*文字の位置設定*/
margin-bottom: 2px;
font-weight: bold;	
}

div.wpp_pc li a.wpp-post-title:hover {
	text-decoration: none;
color:#ffffff;
}

div.wpp_pc li:last-child { /*なぜか最後のカードだけずれるので*/
	margin-bottom: 2px;

}





div.wpp_pcwpp-list {
    counter-reset: wpp-ranking;
}
div.wpp_pcwpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
}
div.wpp_pcwpp-list li {
  position: relative;
  list-style-type: none;
}


/*順位によって色変更*/

div.wpp_pcwpp-list li:nth-of-type(1):before{
background:rgba(255,0,13,0.9);
}

div.wpp_pcwpp-list li:nth-of-type(2):before{
background:rgba(255,115,0,0.9);
}

div.wpp_pcwpp-list li:nth-of-type(3):before{
background:rgba(64,0,255,1);
}



div.wpp_pcwpp-list li:before {
  content: counter(wpp-ranking, decimal)'位';
  counter-increment: wpp-ranking;
  background: #2478e5;
  color: #fff;
 font-size: 14px;
  line-height: 1;
  padding: 4px 8px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

div.wpp_pcwpp-list li img {
  margin: 0px 5px 10px 0px;
}






/*--------------------------------------------
PC用の人気記事一覧レイアウト 自作wpp_pc変数 横並び化最下部foot
---------------------------------------------*/

div.wpp_pcfoot{

width: 1200px;
white-space:nowrap;
overflow: hidden;
margin-left:22px;
height: 175px;	
}


div.wpp_pcfoot ul{

padding: 0px;

}


div.wpp_pcfoot li {
position: relative;
display: inline-block;
vertical-align: top;
/*   width: 9em;*/

margin-right: -3px;/*リストの幅調整;*/

/*  font-size: 13px;*/
/*   line-height: 1em;*/
/* color:#000000;*/
	
}

div.wpp_pcfoot li img{

border: 3px #000000 solid;

}

div.wpp_pcfoot li a.wpp-post-title {
position: absolute;
left: 3px;
bottom: 12px;
background-color: rgba(0,0,0,0.6);
max-width:157px;/*160+枠の6px-左ズラシたぶん減らす*/
font-weight: bold;	
font-size: 14px;
color:#ffffff;
text-decoration: none;
line-height:17px; /*行間設定*/
white-space: normal;
}

div.wpp_pcfoot li a.wpp-post-title:hover {
text-decoration: none;
color:#ffffff;
}



div.wpp_pcfoot-list {
counter-reset: wpp-ranking;
}
div.wpp_pcfoot-list li:before {
content: counter(wpp-ranking, decimal);
counter-increment: wpp-ranking;
}
div.wpp_pcfoot-list li {
position: relative;
list-style-type: none;
}


/*順位によって色変更*/

div.wpp_pcfoot-list li:nth-of-type(1):before{
background:rgba(255,0,13,0.9);
}

div.wpp_pcfoot-list li:nth-of-type(2):before{
background:rgba(255,115,0,0.9);
}

div.wpp_pcfoot-list li:nth-of-type(3):before{
background:rgba(64,0,255,1);
}



div.wpp_pcfoot-list li:before {
content: counter(wpp-ranking, decimal)'位';
counter-increment: wpp-ranking;
background: #2478e5;
color: #fff;
font-size: 14px;
line-height: 1;
padding: 4px 8px;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}

div.wpp_pcfoot-list li img {
 margin: 0px 5px 10px 0px;
}








/*--------------------------------
記事上下タグの関連記事横並び表示１ここなぜか反映されない；；
---------------------------------*/
/* タイトル名 */

#kanrentag dd h5{
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}
#kanrentag dt {
	float: left;
	width: 100px;
}
#kanrentag dt img {
	width: 100px;
}
#kanrentag dd {
	padding-left: 110px;
}
#kanrentag dl {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}
#kanrentag dl:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
}
/* 抜粋文字 */
#kanrentag .clearfix dd p {
	font-size: 12px;
	color: #666;
	line-height: 18px;
}
#kanrentag .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}
#kanrentag .clearfix dd h5 a:hover {
	color: #b22222;
}






/*--------------------------------
記事下タグの関連記事横並び表示
---------------------------------*/
#kanrentag_wrapper
{
/*width: 800px;*/
overflow: hidden;
/*overflow-x: scroll;*/
/*overflow-y: hidden;*/


}
#kanrentag {
width: 900px;
display: inline-block;
white-space:nowrap;
overflow: hidden;
}

#kanrentag ul{

  width: 175px;
  height: 225px;
  float: left;
  padding: 0px;
  font-size:0px;

margin-right: -20px;/*リストの幅調整;*/

	margin-top: 3px;
	padding-top: 3px;
	margin-bottom: -50px;
	padding-bottom: -50px;

    padding: 0px 0px 0px 0px;
    list-style: none;
    zoom:1;

}








#kanrentag li{


font-size: 12px;
position: relative;
display: inline-block;
line-height:18px; /*行間設定*/


}


#kanrentag li img{
border: 3px #000000 solid;
}



#kanrentag .related-article-thumb{
width: 100px;
height: 100px;
display: block;
margin-left: auto;
margin-right: auto;
}





#kanrentag .related-article-title h5 {

padding: 0px;
margin-bottom: 15px;/*文字の位置調節*/
text-align: center;

position: absolute;
left: 3px;
bottom: -12px;
background-color: rgba(0,0,0,0.6);
max-width:156px;/*150+枠の6px*/

white-space: normal;
line-height:18px; /*行間設定*/
}
 

#kanrentag .related-article-title h5 a {

/*文字の太さとサイズ*/
font-size: 13px;
font-weight:normal;

color:#ffffff;
text-decoration: none;
font-weight: bold; 	
}
 
#kanrentag .related-article-title h5 a:hover {
color:#ffffff;


}








/*--------------------------------
記事下タグの関連記事横並び表示携帯用
---------------------------------*/
#kanrentagsmh_wrapper
{
width: 100%;
/*overflow: hidden;*/
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;

}

#kanrentagsmh {
width: 1210px;
height: 175px;
display: inline-block;
white-space:nowrap;

}


#kanrentagsmh ul{

  width: 175px;
  height: 175px;
  float: left;
  padding: 0px;

  margin-right: -16px;/*リストの幅調整;*/

	margin-top: 3px;
	padding-top: 3px;
	margin-bottom: -50px;
	padding-bottom: -50px;

    padding: 0px 0px 0px 0px;
    list-style: none;
    zoom:1;

}





#kanrentagsmh li{


    font-size: 11px;
	position: relative;
	display: inline-block;



line-height:13px; /*行間設定*/


}


#kanrentagsmh li img{

	border: 3px #000000 solid;
}




#kanrentagsmh .related-article-thumb{
　　width: 100%;    /* 横幅を割合で指定 */
    height: 100%;


}




#kanrentagsmh .related-article-title h5 {

padding: 0px;
margin-bottom: 11px;
text-align: center;

    position: absolute;
    left: 0;
    bottom: -10px;
    background-color: rgba(0,0,0,0.6);
    max-width:156px;/*150+枠の6px*/

white-space: normal;
}
 

#kanrentagsmh .related-article-title h5 a {

/*文字の太さとサイズ*/
font-size: 13px;
font-weight:bold;

color:#ffffff;
text-decoration: none;

}
 
#kanrentagsmh .related-article-title h5 a:hover {
color:#ffffff;


}














/*--------------------------------
記事下ＮＥＷ記事表示ＰＣ2列　ここなぜか反映されない；；
---------------------------------*/
/* タイトル名 */

#newpostdown dd h5{
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}
#newpostdown dt {
	float: left;
	width: 196px;
}
#newpostdown dt img {
	width: 196px;
}
#newpostdown dd {
	padding-left: 110px;
}
#newpostdown dl {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}
#newpostdown dl:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
}
/* 抜粋文字 */
#newpostdown .clearfix dd p {
	font-size: 12px;
	color: #666;
	line-height: 18px;
}
#newpostdown .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}
#newpostdown .clearfix dd h5 a:hover {
	color: #b22222;
}






/*--------------------------------
記事下新着記事横並び表示２列ＮＥＷラベルつき
---------------------------------*/
#newpostdown_wrapper
{
position: relative;
overflow: hidden;
}

#newpostdown {
width: 800px;

overflow: hidden;
margin-left:0px;

margin-top: 0px;


}

#newpostdown ul{

width: 196px;
height: 156px;
float: left;
padding: 0px;
font-size:0px;
margin-right: 1x;/*リストの幅調整;*/
margin-bottom: 10px;
padding: 0px 0px 0px 0px;
list-style: none;
zoom:1;
}








#newpostdown li{


    font-size: 11px;
	position: relative;
	display: inline-block;



line-height:18px; /*行間設定*/


}


#newpostdown li img{

	border: 3px #000000 solid;
}



#newpostdown .related-article-thumb{
    width: 196px;
height: 156px;
    display: block;
    margin-left: auto;
    margin-right: auto;

}





#newpostdown .related-article-title h5 {

padding: 0px;
margin-left: 3px; /*文字の位置設定*/
margin-bottom: 12px;
text-align: center;

    position: absolute;
    left: 0;
    bottom: -10px;
    background-color: rgba(0,0,0,0.6);
    max-width:196px;/*150+枠の6px*/

white-space: normal;
}
 

#newpostdown .related-article-title h5 a {

/*文字の太さとサイズ*/
font-size: 14px;
font-weight:normal;

color:#ffffff;
text-decoration: none;
font-weight: bold;
}
 
#newpostdown .related-article-title h5 a:hover {
color:#ffffff;


}


/*--------------------------------
記事下新着記事横並び表示携帯用
---------------------------------*/
#newpostdownsmh_wrapper
{
width: 100%;
/*overflow: hidden;*/
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;

}

#newpostdownsmh {
width: 1570px;
height: 175px;
display: inline-block;
white-space:nowrap;

}


#newpostdownsmh ul{

  width: 175px;
  height: 175px;
  float: left;
  padding: 0px;

  margin-right: -16px;/*リストの幅調整;*/

	margin-top: 3px;
	padding-top: 3px;
	margin-bottom: -50px;
	padding-bottom: -50px;

    padding: 0px 0px 0px 0px;
    list-style: none;
    zoom:1;

}





#newpostdownsmh li{

    font-size: 11px;
	position: relative;
	display: inline-block;

line-height:13px; /*行間設定*/

}


#newpostdownsmh li img{

	border: 3px #000000 solid;
}


#newpostdownsmh .related-article-thumb{
　　width: 100%;    /* 横幅を割合で指定 */
    height: 100%;

}


#newpostdownsmh .related-article-title h5 {

padding: 0px;
margin-left: 3px;	
margin-bottom: 10px;
text-align: center;

    position: absolute;
    left: 0;
    bottom: -5px;
    background-color: rgba(0,0,0,0.6);
    max-width:156px;/*150+枠の6px*/

white-space: normal;
}
 

#newpostdownsmh .related-article-title h5 a {

/*文字の太さとサイズ*/
font-size: 13px;
font-weight:bold;

color:#ffffff;
text-decoration: none;

}
 
#newpostdownsmh .related-article-title h5 a:hover {
color:#ffffff;


}



/*--------------------------------
サイドバー新着記事　ここなぜか反映されない；；
---------------------------------*/
/* タイトル名 */

div.newpostsidebar dd h5{
font-size: 12px;
font-weight: bold;
padding: 0px;
margin-bottom: 5px;
}
div.newpostsidebar dt {
float: left;
width: 300px;
}
div.newpostsidebar dt img {
width: 300px;
}
div.newpostsidebar dd {
padding-left: 110px;
}
div.newpostsidebar dl {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: dotted;
/* border-bottom-color: #ccc; */
}
div.newpostsidebar dl:last-child {
margin-bottom: 20px;
padding-bottom: 20px;
border-style: none;
}
/* 抜粋文字 */
div.newpostsidebar .clearfix dd p {
font-size: 12px;
color: #666;
line-height: 18px;
}
div.newpostsidebar .clearfix dd h5 a {
/*color: #333; */
text-decoration: none;
}
div.newpostsidebar .clearfix dd h5 a:hover {
color: #b22222;
}






/*--------------------------------
サイドバー新着記事縦並び表示ＮＥＷラベルつき
---------------------------------*/
div.newpostsidebar_wrapper
{
position: relative;
}

div.newpostsidebar {
width: 310px;
overflow: hidden;
margin-left:0px;
margin-top: 0px;
}

div.newpostsidebar ul{
width: 300px;
height: 160px;
float: left;
padding: 0px;
font-size:0px;
margin-right: 5px;/*リストの幅調整;*/
margin-bottom: 10px;
padding: 0px 0px 0px 0px;
list-style: none;
/*zoom:1;*/
}








div.newpostsidebar li{
font-size: 11px;
position: relative;
display: inline-block;
line-height:18px; /*行間設定*/
}


div.newpostsidebar li img{
border: 3px #000000 solid;
}



div.newpostsidebar .related-article-thumb{
width: 300px;
height: 160px;
display: block;
margin-left: auto;
margin-right: auto;
}





div.newpostsidebar .related-article-title h5 {
padding: 0px;
margin-left: 3px; /*文字の位置設定*/
margin-bottom: 12px;
text-align: center;
position: absolute;
left: 0;
bottom: -10px;
background-color: rgba(0,0,0,0.6);
max-width:300px;/*150+枠の6px*/
white-space: normal;
}
 

div.newpostsidebar .related-article-title h5 a {
/*文字の太さとサイズ*/
font-size: 16px;
font-weight:normal;
color:#ffffff;
text-decoration: none;
font-weight: bold;
}
 
div.newpostsidebar .related-article-title h5 a:hover {
color:#ffffff;
}








/*--------------------------------------------
新着記事ＮＥＷ表示
---------------------------------------------*/	
.post_thumbnail {
    position: relative;
}
.kijidownnew::before {
    position: absolute;
    border-width: 56px 56px 0 0;
    border-style: solid;
    border-color: #ff0000 transparent transparent transparent;
    content: "";
    opacity: 0.7;
    filter: alpha(opacity=100);
    -moz-opacity: 1.5;
}


.kijidownnew_label {
    position: absolute;
    top: 12px;
    left: 4px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .2rem;
    font-weight: 600;
    font-size: 1.2rem;
    transform: rotate(-45deg);
font-size: 13px;
}




/*--------------------------------------------
PC用のサイドバー追尾人気記事一覧レイアウト 自作wpp_pc変数 ２列ずつ
---------------------------------------------*/


div.wpp_pcside{

width: 400px;

padding: 0px 0px 0px 0px;	
margin: 10px 0px 0px -40px;		
	
	
}


div.wpp_pcside ul{

/*font-size: 0;*/
/*padding : 0;*/


}


div.wpp_pcside li {

position: relative;
display: inline-block;

/*padding : 10px;*/
margin: -4px -1px !important;/*リストの幅調整;*/
width: 150px;
}

div.wpp_pcside li img{

border: 3px #000000 solid;

}

div.wpp_pcside li a.wpp-post-title {
position: absolute;
left: 3px;
bottom: 3px;
background-color: rgba(0,0,0,0.6);
max-width:150px;/*枠の6px-左ズラシたぶん減らす*/

font-size: 13px;
color:#ffffff;
text-decoration: none;
line-height:17px; /*行間設定*/
white-space: normal;
text-align: center;
font-weight:bold;
}

div.wpp_pcside li a.wpp-post-title:hover {
	text-decoration: none;
color:#ffffff;
}




















/* ----------------------------------------------- */
/*

      BlogRoll css 2

*/
/* ----------------------------------------------- */

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

font-weight:bold; 
}
.blogroll-channel {
margin-bottom: 0px;
padding: 0px;
background: #fff;


}

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

}

.blogroll-channel .blogroll-list {
list-style-type: none;

margin-bottom: 1px;
font-size: 13px;

padding: 1px;
border: 2px solid ;
border-color : #e5e5e5 #F3C0AB #F3C0AB #F3C0AB ;

padding-bottom: 0px;
margin-bottom: 0px;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
	display: inline;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
 margin: 0 0 0 4px;
}

.blogroll-channel img.blogroll-favicon {
	width: 18px;
	height: 18px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;


}


/*--------------------------------------------
ライブドア相互ＲＳＳ設置
---------------------------------------------*/
.blogroll_wrapper{
width:98%;
overflow-y:scroll;
background-color:#F7F7F7;
margin-left: 20px;

}
.blogroll_wrapper a {
color : #000d82;
margin-left: 6px;
text-decoration: none;
font-size: 13px;

}
.blogroll_wrapper a:hover {
color : #b22222;
}


.blogroll_innner{
width:50%;
height:284px;
float:left;


}



/*--------------------------------------------
ライブドア相互ＲＳＳ記事下小型のを設置
---------------------------------------------*/
.blogroll_wrapperkiji{

width:100%;
height:390px;
overflow:hidden;
background-color:#F7F7F7;
white-space: nowrap;
padding: 2px;
padding-top: 0px;

}
.blogroll_wrapperkiji a {
color : #000d82;
font-size: 14px;
text-decoration: none;
margin-left: 10px;
}

.blogroll_wrapperkiji a:hover {
color : #b22222;

}


.blogroll_wrapperkiji .blogroll-list {
list-style-type: none;

margin-bottom: 1px;
font-size: 13px;

padding: 2px;
border: 2px solid ;
border-color : #e5e5e5 #F3C0AB #F3C0AB #F3C0AB ;

padding-top: 0px;
margin-left: 0px;
margin-right: 0px;

}

/*--------------------------------------------
ライブドア相互ＲＳＳ記事下小型携帯用のを設置
---------------------------------------------*/
.blogroll_wrapperkijimobile{

width:100%;
height:350px;
overflow:hidden;
background-color:#F7F7F7;
white-space: nowrap;
padding: 0px;
padding-top: 0px;

}
.blogroll_wrapperkijimobile a {
color : #000d82;
font-size: 13px;
text-decoration: none;
margin-left: 8px;
}
.blogroll_wrapperkijimobile a:hover {
color : #b22222;

}


.blogroll_wrapperkijimobile .blogroll-list {
list-style-type: none;

margin-bottom: 1px;


padding: 1px;
border: 2px solid ;
border-color : #e5e5e5 #F3C0AB #F3C0AB #F3C0AB ;

background-color:#fff8e9 !important;
	
padding-top: 0px;
margin-left: 0px;
margin-right: 0px;
display: block;
width: 100%;
overflow: hidden;
white-space: nowrap;
}



/*--------------------------------------------
ライブドア相互ＲＳＳ記事中小型のを設置
---------------------------------------------*/
.blogroll_wrapperkijinaka{

width:100%;
height:322px;
overflow:hidden;
background-color:#FFFFFF;
white-space: nowrap;
padding: 2px;
	
}
.blogroll_wrapperkijinaka a {
color : #000d82;
font-size: 13px;
text-decoration: none;
margin-left: 10px;
}
.blogroll_wrapperkijinaka a:hover {
color : #b22222;

}

.blogroll_wrapperkijinaka .blogroll-list {
list-style-type: none;

margin-bottom: 1px;
font-size: 13px;

padding: 2px;
border: 2px solid ;
border-color : #e5e5e5 #F3C0AB #F3C0AB #F3C0AB ;

	background-color:#fff8e9 !important;

margin-left: -32px;
margin-right: -10px;

}


/*--------------------------------------------
ライブドア相互ＲＳＳ記事中小型携帯用のを設置
---------------------------------------------*/
.blogroll_wrapperkijinakamobile{

width:112%;
height:265px;
overflow:hidden;
background-color:#F7F7F7;
white-space: nowrap;
padding: 2px;

}
.blogroll_wrapperkijinakamobile a {
color : #000d82;
font-size: 12px;
text-decoration: none;
margin-left: 8px;
}
.blogroll_wrapperkijinakamobile a:hover {
color : #b22222;

}

.blogroll_wrapperkijinakamobile .blogroll-list {
list-style-type: none;

margin-bottom: 1px;
font-size: 12px;

padding: 2px;
border: 2px solid ;
border-color : #e5e5e5 #F3C0AB #F3C0AB #F3C0AB ;

	background-color:#fff8e9 !important;

margin-left: -32px;
margin-right: -17px;

	 display: block;
            width: 100%;
            overflow: hidden;
             

            white-space: nowrap;
}






/*--------------------------------------------
ライブドア相互ＲＳＳ携帯用トップ小型のを設置
---------------------------------------------*/
.blogroll_wrappermobiletop{
height:374px;
overflow:hidden;
background-color:#F7F7F7;
white-space: nowrap;
padding: 1px 0px 1px 1px;	

margin-left: auto;
margin-right: auto;
width:96%;
}

.blogroll_wrappermobiletop a {
font-size: 13px;
color : #000d82;
text-decoration: none;
margin-left: 8px;
margin-right: 5px;
}
.blogroll_wrappermobiletop a:hover {
color : #b22222;
}

.blogroll_wrappermobiletop .blogroll-list {
list-style-type: none;

margin-bottom: 1px;
font-size: 12px;

padding: 3px;
border: 2px solid ;
border-color : #e5e5e5 #F3C0AB #F3C0AB #F3C0AB ;



margin-left: 0px;
margin-right: 0px;

display: block;
width: 100%;
overflow: hidden;       
white-space: nowrap;
text-overflow: ellipsis;
}




/*--------------------------------------------
ライブドア相互ＲＳＳサイドバーPC用の設置
---------------------------------------------*/
.blogroll_wrapperpcside{
width:100%;
height:870px;
overflow:hidden;
background-color:#F7F7F7;
white-space: normal;

}

.blogroll_wrapperpcside a {
color : #000d82;
text-decoration: none;

}
.blogroll_wrapperpcside a:hover {
color : #b22222;
}

.blogroll_wrapperpcside .blogroll-list {

margin: 10px 5px !important;
padding-left: 5px !important;
padding-top: 5px !important;
padding-bottom: 5px !important; 

border: 1px solid ;
border-color : #e5e5e5 #F3C0AB #F3C0AB #F3C0AB ;

}











#kijititle {


/* background-color: #fff;*/
background-color: #f6fde8;

width: 100%;
	
float: left;

margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;

padding-left: 10px;
padding-right: 0px;
padding-bottom: 5px;






border-top: 3px solid #FF4400;
border-bottom: 3px solid #FF4400;

box-shadow: 0px 3px 1px #666;
-moz-box-shadow: 0px 3px 1px #666; /* Firefox */
-webkit-box-shadow: 0px 3px 1px #666; ; /* Chrome, Safari */
/*background-color:#fff; */
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Color='#666666', Direction=135, Strength=5);
filter: progid:DXImageTransform.Microsoft.Shadow(Color='#666666', Direction=135, Strength=5);
display:block;


}









/*--------------------------------------------
アドセンス関連
---------------------------------------------*/

.sponserdrink {

font-size: 13px;
background: linear-gradient(transparent 94%, #FF4400 94%);
margin-bottom: 5px;
}


.sponsergazou {

overflow: hidden;

}

.minline {

font-size: 13px;
background: linear-gradient(transparent 94%, #FF4400 94%);
margin-bottom: 5px;
}





.pcdown_siiwrapper
{
position: relative;
overflow: hidden;
}

.pcside_ninja
{
text-decoration: none;
}






/************************************
** フッターメニュー
************************************/
.navi-footer-in > .menu-footer {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: center;
  margin: 0;
}
.navi-footer-in > .menu-footer li {
  width: 120px;
  border-left: 1px solid #ddd;
}
.navi-footer-in > .menu-footer li:last-child {
  border-right: 1px solid #ddd;
}
.navi-footer-in a {
  color: #333;
  text-decoration: none;
  display: block;
  font-size: 14px;
font-weight:bold;	
  transition: all 0.3s ease-in-out;
}
.navi-footer-in a:hover {
  background-color: #f5f8fa;
	  background-color: #FFFF33;
  transition: all 0.3s ease-in-out;
  color: #333;
}


/*--------------------------------------------
PCTOP本日人気記事表示
---------------------------------------------*/
.pctopninkimoji {
font-size: 13px;
width: 110px;

text-decoration: none;
color:#ffff00;/*メニュー文字色*/
background-color:#FF4400;/*メニュー背景色*/
box-shadow: 0 5px 8px -7px #555555;/*シャドーを付加*/
border-radius: 5px;/*角の丸みを調整*/

margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 0px;

padding-left: 10px;
padding-right: 0px;
padding-bottom: 3px;
padding-top: 3px;	
}


/*--------------------------------------------
エラーなど注意書き用ｃｓｓ
---------------------------------------------*/
.minline {
font-size: 12px;
background: linear-gradient(transparent 94%, #FF4400 94%);
margin-bottom: 5px;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/

/*サイドバー消えてるときはPCでもフッターボタンが出るので上へ下へボタンけす*/
#page-topsingle,#page-homesingle,#page-downsingle,#page-top
{
display: none;
}

}
/*834px以下*/
@media screen and (max-width: 834px){
/*PCじゃない場合ロゴサイズ*/
.logo-header img {
width: 300px;
}	
}
/*480px以下*/
@media screen and (max-width: 480px){
/*スマホの場合　記事本文タイトルサイズ調整*/
.entry-title, .article h1 {
padding: 0.6em 0;
font-size: 23px;
line-height: 34px;	
	
}
/*スマホの場合　TOP記事カード本文タイトルサイズ調整*/
.entry-card-title {
    margin-top: 10px; /*上に余白を付ける*/
    line-height: 1.5; /*行間を広く*/
	font-size: 14px;
}
/*スマホの場合　ページネーションサイズ*/	
.page-numbers {
  width: 48px;
  height: 48px;
  line-height: 48px;
}	
/*スマホの場合　ブログカードタイトルサイズ*/	
.blogcard-title{
	font-size: 15px;
}	
/*スマホの場合　コメントリストサイズ*/	
.st-comment-content p {
font-size: 14px !important;
}
.commets-list {
font-size: 10px !important;
}
}



/*--------------------------------------------
アンテナサイトリスト
---------------------------------------------*/
.antenalist a{
font-size: 15px;
text-decoration: none;
word-break: keep-all;/*折り返し調整*/
color: #000ae8;
｝