@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: test child
Template: stinger5ver20150505b
---------------------------------------------------------*/

* {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0px;
	padding: 0px;
}
main, article, aside, asidepcsingle, header, canvas, details, figcaption, figure, footer, nav, section, summary {
	display: block;
}
body {
	min-width: 320px;
	word-wrap: break-word;
	background-color:#f2f2f2; 


}
body.mceContentBody {
	background-color:#fff;


}


/* リンクの色 */
a {
	color: #4682b4;
}
/* リンクにマウスオーバーした時の色 */
a:hover {
	color: #b22222;
}
img, video, object {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
	display: block;
}
/* 画像リンクのマウスオーバーに透かし */
a:hover img {
	-moz-opacity: 0.8;
	opacity: 0.8;
}
img.size-full, img.size-large {
	margin-bottom: 10px;
	height: auto;
	max-width: 100%;
}
.wp-caption{
	height: auto;
	max-width: 100%;
}
/* ロゴ画像の最大サイズ */
.sitename img {
	max-width: 300px;
	margin: 0 auto;
}
/* スマートフォンは表示しない */
.smanone {
	display: none;
}
/* clearfix */
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
	padding-bottom: 20px;
}
/* iframeのレスポンシブ */
.youtube-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*--------------------------------
各フォント設定
---------------------------------*/
/* 基本の文字 */
p {
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 20px;
}
/*ブログタイトル*/

header .sitename {
	font-size: 22px;
	color: #fff;
	line-height: 30px;
	font-family: 'Oswald', sans-serif;
	padding: 10px 0px 0px;
	margin-bottom: 10px;
}
header .sitename a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
header .sitename a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*ブログ名の下のキャプション */

header h1 {
	font-size: 12px;
	color: #666;
	font-weight: normal;
}
header a {
	color: #FFF;
	text-decoration: none;
}
header .descr {
	font-size: 12px;
	color: #666;
	font-weight: normal;
	margin-bottom: 0px;
	line-height: 20px;
	padding-bottom: 10px;
}
/* 記事タイトル */

.entry-title {
	font-size: 24px;
	line-height: 30px;
	color: #333;
	margin-bottom: 10px;
}
.entry-title a:hover {
	text-decoration: underline;
}
.entry-title a {
	color: #333;
	text-decoration: none;
}
/* 中見出し */

h2 {
	position: relative;
	background: #f3f3f3;
	color: #1a1a1a;
	font-size: 20px;
	line-height: 27px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
h2:after {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 30px;
	border-radius: 2px;

}
h2:before {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 30px;

}
/*小見出し*/

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

}
h3 a {
	color: #333;
	text-decoration: none;
}
.post h4{
padding:10px;
margin-bottom:10px;
background-color:#f3f3f3;
}
.post h5{
margin-bottom:10px;
font-size:16px;
}
.wp-caption-text a,.wp-caption-text{
font-size:12px;
color:#ccc;
}
/* サイドバーの見出し */
#side aside h4 {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;
	line-height: 28px;
}
/* サイドバーの見出し */
#sidepcsingle asidepcsingle h4 {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;
	line-height: 28px;
}

footer h4 a {
	color: #666;
	text-decoration: none;
}
/* 関連記事の文字 */
.point {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;
	line-height: 28px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	color: #666;
}
/* 記事タイトル下 */
.blogbox p {
	font-size: 12px;
	margin: 0px;
	color: #666666;
	line-height: 15px;
}
.blogbox {
}


/* 引用 */
.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;
}




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

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


/* フッター文字 */
#footer h3 {
	font-size: 14px;
	margin-bottom: 10px;
}
#footer .copy {
	font-size: 12px;
	color: #999;
	line-height: 15px;
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/*--------------------------------
トップページやアーカイブ一覧表示
---------------------------------*/
/* タイトル名 */
#topnews dd h3 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 5px;

}
#topnews dt {
	float: left;
	width: 150px;
}
#topnews dt img {
	width: 100%;
}
#topnews dd {
	padding-left: 120px;
}
#topnews dl {

	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#topnews dl:first-child {
	padding-top: 20px;
}
#topnews dl:last-child {

	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
}
#topnews .clearfix dd h5 {
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}
/* 抜粋文字 */
#topnews .clearfix dd p {
	font-size: 16px;
	color: #666;
	line-height: 24px;
}
#topnews .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}
/* 一覧タイトル下 */

.blog_info p a {
	color: #666;
	text-decoration: none;
}
#topnews .clearfix dd .blog_info p {
	font-size: 12px;
}
/*--------------------------------
関連記事表示部分
---------------------------------*/
/* タイトル名 */
#kanren dd h5 {
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}
#kanren dt {
	float: left;
	width: 100px;
}
#kanren dt img {
	width: 100px;
}
#kanren dd {
	padding-left: 110px;
}
#kanren dl {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}
#kanren dl:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
}
/* 抜粋文字 */
#kanren .clearfix dd p {
	font-size: 13px;
	color: #666;
	line-height: 18px;
}
#kanren .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}
#kanren .clearfix dd h5 a:hover {
	color: #b22222;
}

/*--------------------------------
サイドバー
---------------------------------*/
#side aside ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#side aside h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#side aside #mybox ul li ul li {
	font-size: 14px;
	line-height: 27px;
}
#side aside #mybox ul {
	margin-bottom: 10px;
}

#sidepcsingle asidepcsingle ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#sidepcsingle asidepcsingle h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#sidepcsingle asidepcsingle #mybox ul li ul li {
	font-size: 14px;
	line-height: 27px;
}
#sidepcsingle asidepcsingle #mybox ul {
	margin-bottom: 10px;
}
/* RSS購読するボタン */
.rssbox a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #1a1a1a;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #fff;
	box-sizing: border-box;
	text-decoration: none;
}
.rssbox a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*--------------------------------
エディタ用
---------------------------------*/
/*テーブル */
.post table {
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	margin-bottom:20px;
	width:100%;
}
table tr td {
	padding: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 13px;
	line-height: 18px;
}
.post table tr td p{
	font-size: 13px;
	line-height: 18px;
}
.post table tr:nth-child(even) {
	background-color:#f3f3f3;
	}
#main .post table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	color: #333;
}
/*画像 */
img.alignright {
	display: block;
	margin: 0 0 0 auto;
}
img.alignleft {
	display: block;
	margin: 0 auto 0 0;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
img.float-left {
	float: left;
}
img.float-right {
	float: right;
}
.wp-caption {
	text-align: center;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ie8 img {
	width: auto;
}
/*リスト */
.post ul {
	list-style-type: disc;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 10px;
}
.post ul li {
	font-size: 17px;
	line-height: 27px;
}
.post ol {
	list-style-type: decimal;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 10px;
}

.post ol li {
	font-size: 17px;
	line-height: 27px;
}
/*--------------------------------
アコーディオン
---------------------------------*/
#s-navi dl.acordion p {
	margin: 0;
}
#s-navi dl.acordion {
	margin: 0 10px;
}
#s-navi dt.trigger {
	text-align: right;
	padding: 10px 0px;
	cursor: pointer;
}
#s-navi dt.trigger .op {
	font-size: 14px;
	color: #333;
	padding: 0px 10px;
}
#s-navi dd.acordion_tree {
	padding: 0px 10px;
        display:none;
	overflow: hidden;
}
.acordion_tree li {
	float: left;
	font-size: 13px;
	padding-left: 10px;
	display: inline;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.acordion_tree li li {
	float: left;
	font-size: 13px;
	padding-left: 10px;
	display: inline;
	padding-right: 10px;
	border: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.acordion_tree li a {
	float: left;
	color: #333;
	text-decoration: none;
}
/*--------------------------------
検索フォーム
---------------------------------*/
#side aside #search {
	padding-bottom: 0px;
	position: relative;
	width: 100%;
}
#sidepcsingle asidepcsingle #search {
	padding-bottom: 0px;
	position: relative;
	width: 100%;
}
#s {
	height: 33px;
	color: #333;
	font-size: 14px;
	border-radius: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #ccc;
	z-index: 10;
	padding: 5px 65px 10px 5px;
	width: 100%;
	box-sizing: border-box;
}
#searchsubmit {
	border-radius: 0;
	background-color: #ccc;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 32px;
	z-index: 20;
}
*:first-child + html #searchsubmit {
	top: 1px;
}
/*--------------------------------
メニュー
---------------------------------*/
nav li {
	position: relative;
	float: left;
	font-size: 13px;
	padding-left: 10px;
	display: inline;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
nav li li {
	float: left;
	font-size: 13px;
	padding-left: 10px;
	display: inline;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
}
nav li a {
	float: left;
	color: #333;
	text-decoration: none;
}
.menu-navigation-container {
	overflow: hidden;
}
nav li a:hover {
	text-decoration: underline;
}
nav li li {
	float: left;
	font-size: 13px;
	padding-left: 10px;
	display: inline;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
}
nav li a {
	float: left;
	color: #333;
	text-decoration: none;
}
.menu-navigation-container {
	overflow: hidden;
}
nav li a:hover {
	text-decoration: underline;
}
/*--------------------------------
ページャー
---------------------------------*/
.pagination {
	clear: both;
	position: relative;
	font-size: 14px;
	line-height: 13px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	width: auto;
	color: #fff;
	background-color: #999;
}
.pagination a:hover {
	color: #fff;
	background-color: #666666;
}
.pagination .current {
	padding: 6px 9px 5px 9px;
	color: #fff;
	background-color: #CCCCCC;
}
/*--------------------------------
ぱんくず
---------------------------------*/
#breadcrumb {
	font-size: 13px;
}
#breadcrumb a {
	color: #666;
	text-decoration: none;
}
div#breadcrumb {
	padding: 0 0 5px;
	margin: 0 0 0px;
	clear: both;
}
div#breadcrumb a {
	color: #ccc
}
div#breadcrumb div {
	display: inline;
	font-size: 13px;
}
#breadcrumb div a {
	color: #666;
	text-decoration: none;
}



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

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

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

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


/*???????????
ここまで
???????????*/





/*--------------------------------------------
コメント欄の開閉ボタン
---------------------------------------------*/
#comments-toggle {
    display: block;
    margin-top: 10px;
    padding: 3px 8px;
    background-color: #ff4400;
    border-radius: 3px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center; 
}
#comments-toggle:hover {
    cursor: pointer;
    opacity: 0.8;
}


/*--------------------------------------------
個別リンク記事リスト
---------------------------------------------*/
	
.kobetulinkul1 {
  background: #fffde8;
  box-shadow: 0px 0px 0px 10px #fffde8;/*線の外側*/
  border: dashed 2px #ffb03f;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;

	}

.kobetulinkli {
  line-height: 1.0;
  padding: 0.4em 0 !important; 
  
}
	
.kobetulinkli a{
color : #000d82;
text-decoration: none;
font-size: 13px;
font-weight: bold;	
}
	
.kobetulinkli a:hover {
color : #b22222;
}


/*サイドバー用に調整 なんかうまくいってない(´・ω・｀)*/
.sidekobetulink {
  line-height: 1.0;
  padding: 0.4em 0 !important; 

	list-style-type: none!important;/*ポチ消す*/

}
	
.sidekobetulink a{
color : #000d82;
text-decoration: none;
font-size: 15px !important;
font-weight: bold;	
}
	
.sidekobetulink a:hover {
color : #b22222;
}




/*色違い*/	
.kobetulinkul2 {
  background: #f1f8ff;
  box-shadow: 0px 0px 0px 10px #f1f8ff;/*線の外側*/
  border: dashed 2px #668ad8;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;

}

/*色違い*/	
.kobetulinkul3 {
  background: #D1F1CC;
  box-shadow: 0px 0px 0px 10px #D1F1CC;/*線の外側*/
  border: dashed 2px #668ad8;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;

}




/*--------------------------------
カレンダー
---------------------------------*/
#wp-calendar {
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	width: 100%;
}
#wp-calendar thead tr th {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 14px;
	padding: 3px;
	text-align: center;
	background-color: #f3f3f3;
}
#wp-calendar td {
	text-align: center;
	padding: 0px;
	background-color: #fff;
}
#wp-calendar caption {
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 14px;
}
#wp-calendar tbody tr #today {
	background-color: #b0e0e6;
}
/*--------------------------------
PAGE TOP
---------------------------------*/
#page-top {
	position: fixed;
	z-index: 9999;
	bottom: 30px;
	right: 5px;
	font-size: 11px;
}
#page-top 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-top a:hover {
	text-decoration: none;
	background: #EFAD9B;	
	color: #000;
font-weight: bold;
}

/*--------------------------------
PAGE TOPsingle 記事用
---------------------------------*/
#page-topsingle {
	position: fixed;
	z-index: 9999;
	bottom: 70px;
	right: 5px;
	font-size: 11px;
}
#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 downsingle 記事用
---------------------------------*/
#page-downsingle {
	position: fixed;
	z-index: 9999;
	bottom: 20px;
	right: 5px;
	font-size: 11px;
}
#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;
}


/*--------------------------------
コメント
---------------------------------*/
#comments p a {
	color: #333;
}
#comments p {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin: 0px;
	color: #333;
	padding: 5px 0;
}
#comments label {
	display: block;
}
.metadata dd a {
	color: #333;
}
.metadata {
	font-size: 13px;
	line-height: 20px;
}
#comments {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	background-color: #f3f3f3;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.comment-body {
	padding: 10px;
	margin-bottom: 20px;
}
.fn {
	font-style: normal;
	font-size: 13px;
}
.says {
	font-size: 13px;
	line-height: 18px;
}
.commentmetadata {
	font-size: 12px;
	line-height: 15px;
	height: 15px;
	width: 100%;
	clear: both;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.reply {
	padding: 5px;
	font-size: 13px;
}
#comments #respond {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #666;
}
#comments #commentform .tags {
	padding: 10px;
	background-color: #f3f3f3;
	font-size: 13px;
}
#comments #commentlist img {
	padding: 10px;
}
#comments .commets-list {
	padding-left: 0px;
	list-style-type: none;
}
ul.children {
	padding: 0px;
}
.commets-list li {
	list-style-type: none;
}
.comment-author.vcard .avatar {
	float: left;
	margin-right: 10px;
}
.vcard .fn {
	font-size: 13px;
	line-height: 18px;
}
/* コメント欄の下にある使用できるタグの表記を消す */
.form-allowed-tags {
	display: none;
}
#comments h3 {
	background-image: url(images/come.png);
	font-size: 16px;
	padding: 10px 0px 10px 50px;
	border: none;
	margin-bottom: 0px;
}
#comments textarea {
	margin-bottom: 10px;
	width: 100%;
	border: 1px #f2f2f2 solid;
}
#comments input {
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	border-radius: 2px;
	border: 1px #f2f2f2 solid;
}
/* コメントボタン */
#comments input[type="submit"] {
	background-color: #ccc;
	padding: 10px;
	-webkit-appearance: none;
}
/*--------------------------------
PREV NEXT
---------------------------------*/
.p-navi dl dt {
	font-weight: bold;
	font-size: 14px;
	line-height: 27px;
	float: left;
	width: 50px;
	color: #666;
}
.p-navi dl dd {
	font-size: 15px;
	padding-left: 55px;
	line-height: 27px;
}
/*レイアウト スマートフォン
----------------------------------------------------*/
#wrapper {
	max-width: 980px;
	padding: 0 10px;
	margin: 0 auto;
}
header {
	text-align: center;
}
#gazou {
	display: none;
}
#gazou p {
	margin: 0px;
}
main {
	background-color: #fff;
	padding: 20px 10px;
	margin: 0 -10px 20px;
}
section {
	margin-bottom: 3em;
}
footer {
	clear: both;
	padding: 20px 0;
	text-align: center;

}
.ad {
	padding-bottom: 10px;
}
.post{
overflow: hidden;
}









/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
#side aside {
	clear: both;
	float: none;
	width: auto;
	position: static !important;
	;
}
#sidepcsingle asidepcsingle {
	clear: both;
	float: none;
	width: auto;
	position: static !important;
	;
}
/*---------------------------------
スマホ用トップページ記事一覧のタイトル文字サイズ調節
-----------------------------------*/
#topnews dd h3{
    /*記事タイトルが入りきらない場合はここを編集してください*/
    font-size:14px;
     
}
#topnews dt {
	float: left;
	width: 100px;
}

/*---------------------------------
スマホ用トップページ記事一覧をカード化
-----------------------------------*/
#topnews dl {
background-color: #fff;


margin: 0 0 15px 0;
padding: 10px;
width: 92%;

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;


}



}





/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {
#wrapper {
	padding: 0 20px;
}
header {
	text-align: left;
}
.sitename img {
	max-width: 300px;
	margin: 0;
}
main {
	background-color: #fff;
	border-radius: 4px;
	padding: 20px 40px;
}
/*--------------------------------
一覧記事表示部分
---------------------------------*/
#topnews dt {
	float: left;
	width: 175px;
}
#topnews dt img {
	width: 100%;
}
#topnews dd {
	padding-left: 200px;
}
#topnews .clearfix dd h5 {
	font-size: 26px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}
#topnews .clearfix dd p {
	font-size: 13px;
	color: #666;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}
#topnews .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}
/*-- ここまで --*/
}





/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
.smanone {
	display: block;
}
.pcnone {
	display: none;
}
#wrapper {
	padding: 0 40px;
}
header {
	padding-top: 10px;
}
nav {
	display: block;
	padding: 10px 0;
}
#gazou {
	display: block;
	overflow: hidden;
}
#contentInner {
	float: left;
	width: 100%;
	margin-right: -300px;
}
main {
	margin-right: 320px;
	margin-left: 0px;
	background-color: #fff;
	border-radius: 4px;
	padding: 20px 40px;
}
#side aside {
	float: right;
	width: 300px;
	padding: 0px;

}
#sidepcsingle asidepcsingle {
	float: right;
	width: 300px;
	padding: 0px;

}
/*IEで要素がズレるのを対応*/
.ie7 aside ul li, .ie8 aside ul li, .ie9 aside ul li {
	display: list-item;
	padding: 0;
}
/*IEで要素がズレるのを対応*/
.ie7 asidepcsingle ul li, .ie8 asidepcsingle ul li, .ie9 asidepcsingle ul li {
	display: list-item;
	padding: 0;
}
/*--------------------------------
各フォント設定
---------------------------------*/
p {
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 20px;
}
/*記事タイトル*/
.entry-title {
	font-size: 24px;
	line-height: 35px;
	color: #333;
	margin-bottom: 5px;
}
.entry-title a:hover {
	text-decoration: underline;
}
/*中見出し*/
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;
}
h2:after {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 50px;
}
h2:before {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 50px;
}
/*小見出し*/
.post h3 {
	font-size: 18px;
	margin-bottom: 7px;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	color: #1a1a1a;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	/*border-bottom-color: #999999;*/
	border-bottom-color: #ff6347;

}
/*リスト */
.post ul {
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 10px;
}
.post ul li {
	font-size: 14px;
	line-height: 27px;
}
.post ol {
	list-style-type: decimal;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 10px;
}

.post ol li {
	font-size: 14px;
	line-height: 27px;
}
/*--------------------------------
ページャー
---------------------------------*/
.pagination {
	clear: both;
	position: relative;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	width: auto;
	color: #fff;
	background-color: #999;
}
.pagination a:hover {
	color: #fff;
	background-color: #666666;
}
.pagination .current {
	padding: 6px 9px 5px 9px;
	color: #fff;
	background-color: #CCCCCC;
}
/*-- ここまで --*/


/*?????????????
自作追加部分　780px SNS
?????????????*/
.share{
padding-bottom:10px;
}
.sns ul {
margin:0 auto;
list-style:none;
}
.sns li {
width:23%;
margin:0 2% 3% 0;
}
.sns li a {
font-size:75%;
padding:10px 2px;
}
.sns li:nth-child(4n) {
margin-right:0;
}

/*?????????????
ここまで
?????????????*/



/*---------------------------------
サイドバーを左に　＋ ＰＣで記事ページの場合サイドバーを記事の長さにあわせる
-----------------------------------*/
/*サイドとメインを１くくりにする自作div */
#mainside{

	position: relative;

}


#contentInner {
float: right;

}

asidepcsingle {
float: left;
/*background-color: #FFFFFF;*/

position: absolute;
height: 100%;
}



aside {
float: left;
/* background-color: #FFFFFF;*/

/*position: absolute;*/
/*	height: 100%;*/
}



main {
margin-right: 285px;
margin-left: 30px;
}


/*--------------------------------------------
サイドバー固定
---------------------------------------------*/
.sbar {
  position: -webkit-sticky;
  position: sticky;
  top: 5px;
}




/*---------------------------------
PC用トップページ記事一覧をカード化
-----------------------------------*/
#topnews dd h3 {

margin-top: 15px;

}

#topnews dl {
background-color: #fff;

float: left;

margin: 0 -10px 15px -20px;
padding: 10px;
width: 100%;

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;



}


	
	

	
	
	


}






















/*?????????????
ここから下自作追加style.css
?????????????*/


/*見出しデザイン*/
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;
}





/*サイト横幅*/

#wrapper {
    max-width: 1200px;
}




/*グーグル検索*/

#cse-search-box {
	width: 200px !important;
float: right;

}
#cse-search-box table.gsc-search-box td.gsc-input {
	padding: 0 !important;
}
#cse-search-box input[type="text"] {
	padding: 0 !important;
	height: 25px;
	width: 136px;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-webkit-appearance: none;
}
#cse-search-box input[type="submit"] {
	margin-left: -6px !important;
	background-color: #333333;
	border: 1px solid #333333;
	color: #FFFFFF;
	height: 27px;
	width: 40px;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-webkit-appearance: none;

/*font-size: 0.1em;*/

}


/*ブログタイトル*/

header .sitename {
	font-size: 28px;
	color: #fff;
	line-height: 30px;
	font-family: 'Oswald', sans-serif;
	padding: 10px 0px 0px;
	margin-bottom: 20px;

/*	border-bottom: dotted 1px #FF4400;*/
}
header .sitename a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
header .sitename a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}





/* 画像リンクのマウスオーバーに透かし */
/* ヘッダー画像のマウスオーバーは透かしなし */
#headimg a:hover img {
	-moz-opacity: 1;
	opacity: 1;
}




/* サイドバーの見出し */
#side aside h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 28px;
color:#ffff00;
}
#sidepcsingle asidepcsingle h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 28px;
color:#ffff00;
}


/* 記事下の見出し */
.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;

}





/*--------------------------------
サイドバー
---------------------------------*/
#side aside ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#side aside h4 {
	font-size: 14px;
	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;

}
#side aside #mybox ul li ul li {
	font-size: 14px;
	line-height: 27px;
}
#side aside #mybox ul {
	margin-bottom: 5px;
}





#sidepcsingle asidepcsingle ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#sidepcsingle asidepcsingle h4 {
	font-size: 14px;
	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;

}
#sidepcsingle asidepcsingle #mybox ul li ul li {
	font-size: 14px;
	line-height: 27px;
}
#sidepcsingle asidepcsingle #mybox ul {
	margin-bottom: 5px;
}



/*--------------------------------
関連記事横並び化
---------------------------------*/

#kanren ul{
    width: 175px;
    height: 225px;
    float: left;
    padding: 0px 0px 0px 10px;
    list-style: none;
    overflow:hidden;
    zoom:1;
}



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




#kanren .related-article-title h5 {
 font-size: 14px;
 font-weight: bold;
 padding: 0px;
 margin-bottom: 5px;
 text-align: center;
}
 
#kanren .related-article-title h5 a {
 color: #333;
 text-decoration: none;
}
 
#kanren .related-article-title h5 a:hover {
 color: #b22222;
}





/* コメント欄のメールとＵＲＬ削除 */
.comment-form-email,
.comment-form-url{ display:none; }




/* コメントボタン */
#comments input[type="submit"] {
	background-color: #FF4400;
        color: #ffff00;
	padding: 10px;
	-webkit-appearance: none;

border-radius:7px;

}







/* プルダウンメニュー関連 */
#xs-menu-btn {
margin: 0 10px;
padding: 10px 0;
overflow: hidden;
}
#xs-menu-btn span.op {
padding: 8px 6px;
float: right;
text-align: right;
cursor: pointer;
}
#xs-navigation {
display: none;
width: 100%;
border-top: 2px solid #333;
background: #fff;
position: absolute;
left: 0;
}
#xs-navigation li {
line-height: 30px;
}
#xs-navigation li a {
font-size: 14px;
display: block;
padding: 4px 40px 4px 16px;
background: #fff;
border-bottom: 1px solid #ddd;
text-decoration: none;
position: relative;
}
#xs-navigation li a:hover {
color: #fff;
background: #333;
}
#xs-navigation li a:after {
color: #bbb;
position: absolute;
top: 50%;
right: 0;
margin: -12px 0 0;
width: 24px;
height: 24px;
line-height: 24px;
content: ">";
}
#xs-navigation li ul li a {
font-size: 80%;
padding: 0 24px;
}
#xs-navigation li ul li ul li a {
padding: 0 32px;
}
#xs-navigation li ul li ul li ul li a {
padding: 0 40px;
}



#main-navigation {
float: left;
border-right: 1px /*dotted #ccc;*/

}
#main-navigation li {
list-style: none;
font-size: 13px;
border-left: 1px /*dotted #ccc;*/
float: left;
display: inline;
position: relative;
margin-top: 6px;

}
#main-navigation li a {
padding: 5px 20px;

margin: -3px;/*メニューの間隔を小さく*/

display: block;
color: #1a1a1a;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;

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

}
#main-navigation li a:hover {
color: #b22222;
text-decoration: underline;
}
#main-navigation li a span {
font-size: 10px;
font-weight: normal;
display: block;
}
#main-navigation li ul {
display: none;
background: #f8f8f8;/*プルダウンメニュー背景色、今は白*/
font-size: 11px;
/*border-top: 1px dotted #ccc;*/
/*border-left: 1px dotted #ccc;*/
/*border-right: 1px dotted #ccc;*/
padding: 0;
position: absolute;
top: 100%;
left: 0;
margin: 0 0 0 -1px;
z-index: 999;
}
#main-navigation li ul li {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
}
#main-navigation li ul li a {
width: 120px;
padding: 5px 10px;
margin: -4px -9px;/*プルダウンメニューの間隔を小さく*/
/*border-bottom: 1px dotted #ccc;*/
}
#main-navigation li ul li ul {
top: 0;
left: 100%;
margin: 0;
}





/*--------------------------------
アコーディオン
---------------------------------*/
#s-navi dl.acordion p {
/*	margin: 0;*/
	margin: 10px 1px;

}
#s-navi dl.acordion {
	margin: 0 10px;
}
#s-navi dt.trigger {
	text-align: right;
	padding: 10px 0px;
	cursor: pointer;
}
#s-navi dt.trigger .op {
	font-size: 16px;
	color: #333;
	padding: 0px 10px;
}
#s-navi dd.acordion_tree {
	padding: 0px 10px;
        display:none;
	overflow: hidden;
}
.acordion_tree li {
	float: left;
	font-size: 13px;
	padding-left: 10px;
	display: inline;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	width:100%;
}
.acordion_tree li li {
	float: left;
	font-size: 13px;
	padding-left: 10px;
	display: inline;
	padding-right: 10px;
	border: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.acordion_tree li a {
	float: left;
	color: #333;
	text-decoration: none;
}
/*追記*/
.acordion_tree li ul{
	margin: 10;
	padding: 10;
	display:none;
	width:100%
}
.acordion_tree li ul li{
	margin: 10;
	padding: 10;
}
.acordion_tree li a:hover{
	.sub-menu{display:block;}
}
.acordion_tree li a:active{
	.acordion_tree li ul{display:block;}
}














/* サイドバー用ＳＮＳフォローボタン設定 */ 
/* 回り込み解除のためのクラス */
.clearfix{
    zoom:1;

}
.clearfix:after{
    content:"";
    display: block;
    clear: both;
    height: 0;
    visibility:hidden;

}
 
/* サークルのスタイル */
.sns_circle{
    position:relative;
    width: 40px;
    height: 40px;
    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:#FFF;/* 文字の色 */

}
 
/* リンク領域をブロック全体に */
.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:300px;
    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%;
}
 











/*-------------------------------------
トップページ記事一覧カード化変更分
---------------------------------------*/
/* タイトル名 */
#topnews dd h3 {
/*font-size: 20px;*/スマホ、PCでタイトルサイズ変えたかったので応急処置でこちらを消してます
line-height: 30px;
margin-bottom: 20px;

}

/*--------------------------------------------
トップページ記事一覧 ブログインフォを左寄せにして
ホバー時を装飾
---------------------------------------------*/
#topnews .clearfix dd .blog_info p {
font-size: 12px;
text-align: left;


}
#topnews .clearfix dd .blog_info a:hover {
color: #FF4400;
}

/*--------------------------------------------
トップページ記事一覧 ラストカードだけ何故か色がつかなかったのでこれで修正
---------------------------------------------*/
#topnews dl:last-child {
border: 1px solid #FF4400;
}










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

ul.wpp_mobile li {
  border-bottom: 1px dashed #bbb;
  counter-increment: wpp-count;
  position: relative;

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

margin: 0 0 3px 0;
padding: 2px;

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_mobile li:last-child {

/*border-bottom: none;*/

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

  margin-left: 35px;

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

}



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

div.wpp_pc{

width: 1200px;
white-space:nowrap;
overflow: hidden;

}


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: 0px;/*リストの幅調整;*/

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

}

div.wpp_pc li img{

border: 3px #000000 solid;

}

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

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

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


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

}


div.wpp_pcdown{

width: 1200px;
white-space:nowrap;
overflow: hidden;

}


div.wpp_pcdown ul{

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

}


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

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

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

}

div.wpp_pcdown li img{

border: 3px #000000 solid;

}

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

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

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


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

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

}

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

}


div.wpp_smhdown ul {

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



	margin-top: 3px;
	padding-top: 3px;
	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;

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

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

}


div.wpp_smhdown li img{

border: 3px #000000 solid;

}

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

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

white-space: normal;

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



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



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



div.wpp_pcside{

width: 350px;
margin-left: -4px;

}


div.wpp_pcside ul{

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


}


div.wpp_pcside li {

position: relative;
display: inline-block;



/*padding : 10px;*/
  margin: -2px -1px !important;/*リストの幅調整;*/


   width: 156px;

}

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:156px;/*枠の6px-左ズラシたぶん減らす*/

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

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: 2px;
border: 1px solid ;
border-color : #e5e5e5 #F3C0AB #F3C0AB #F3C0AB ;
}

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

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

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

.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:100%;
overflow-y:scroll;
background-color:#F7F7F7;


}
.blogroll_wrapper a {
color : #000d82;
margin-left: 10px;
text-decoration: none;
}
.blogroll_wrapper a:hover {
color : #b22222;
}


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


}



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

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

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

}


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

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

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

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

}

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

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

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

}


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

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

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

		background-color:#fff8e9 !important;
	
padding-top: 0px;
margin-left: -30px;
margin-right: -18px;

}



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

width:100%;
height:305px;
overflow:hidden;
background-color:#FFFFFF;
white-space: nowrap;
padding: 2px;

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

}

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

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

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

	background-color:#fff8e9 !important;

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

}


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

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

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

}

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

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

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

	background-color:#fff8e9 !important;

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

}






/*--------------------------------------------
ライブドア相互ＲＳＳ携帯用トップ小型のを設置
---------------------------------------------*/
.blogroll_wrappermobiletop{
width:100%;
height:278px;
overflow:hidden;
background-color:#F7F7F7;
white-space: nowrap;
padding: 2px;
}
.blogroll_wrappermobiletop a {
font-size: 13px;
color : #000d82;
text-decoration: none;
}
.blogroll_wrappermobiletop a:hover {
color : #b22222;
}


/*--------------------------------------------
ライブドア相互ＲＳＳサイドバーPC用の設置
---------------------------------------------*/
.blogroll_wrapperpcside{
width:100%;
height:930px;
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 ;

}






/*--------------------------------------------
記事別タイトル下カテゴリータグスタイル
---------------------------------------------*/

.blog_infotag {

font-size: 13px;
word-break: keep-all;　/*折り返し調整*/
}

.blog_infotag a{
padding: 0px 5px;
line-height: 25px; /*折り返したときの上下間隔調整*/
text-decoration: none;


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

}

.blog_infotag a:hover {
color: #b22222;
text-decoration: underline;
}



/*--------------------------------------------
topページカード記事別タイトル下カテゴリータグスタイル
---------------------------------------------*/

.blog_infotagcard {

font-size: 12px;
word-break: keep-all;　/*折り返し調整*/


}

.blog_infotagcard a{
padding: 0px 5px;
line-height: 25px; /*折り返したときの上下間隔調整*/
text-decoration: none;


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

}

.blog_infotagcard a:hover {
color: #b22222;
text-decoration: underline;
}







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

#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: 1200px;
display: inline-block;
white-space:nowrap;

}

#kanrentag ul{

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

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

	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: 11px;
	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: 5px;
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;
}
 

#kanrentag .related-article-title h5 a {

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

color:#ffffff;
text-decoration: none;

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


}








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

}

#kanrentagsmh {
width: 1125px;
height: 150px;
display: inline-block;
white-space:nowrap;

}


#kanrentagsmh ul{

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

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

	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: 5px;
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;
}
 

#kanrentagsmh .related-article-title h5 a {

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

color:#ffffff;
text-decoration: none;

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


}



















/*クリックで展開ＢＯＸ*/


.clickopen {
	width: 130px;/*リンクのクリック可能範囲横幅*/
	text-align: center;
	float: right;
	margin-right: 20px;
}


.clickopen a{

font-size: 15px;/*リンク文字サイズ*/
    display: block;
    width: 100%;
    height: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
}






#kijititle {


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

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

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


width: 100%;


border: 2px 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;


}




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

.sponserdrink {

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


.sponsergazou {

overflow: hidden;

}


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


/*--------------------------------------------
yarpp関連記事スタイル 文字サイズなど
---------------------------------------------*/

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
max-height: 5.5em !important;
}
.yarpp-related .yarpp-thumbnail-title {
font-size: 70% !important;
}