@charset "UTF-8";

/******************************************
 * #article
 * editer
 * 投稿ページデザイン
******************************************/
#article {
	float: left;
	margin: 0px 0px 0px 20px;
	padding: 0;
	border: none;
	width: 778px;
	height: auto;
}
	.article-inner {/* div */
		margin: 0;
		padding: 30px 20px 0px;
/*		border-left: 1px solid #b4b4b4;
		border-right: 1px solid #b4b4b4;
		border-bottom: none;
*/		width: 745px;
		height: auto;
		background: #ffffff;
	}
		.article-inner hr {
			margin: 40px 0px 0px 0px;
			padding: 0;
			width: 100%;
/*			border-color: #e9e9e9;
*/			height: 1px;
		}
.article-header {
/*	border-top: 1px solid #b4b4b4;
*/	border-bottom: none;
	width: 754px;
	height: auto;
}
	.article-title {/* h2 */
/* 		border-left: 8px solid #ff5e9f; */
		padding: 40px 30px 40px;
		margin: 0;
		font-size: 24px;
		font-weight: bold;
		line-height: 38px;
	background: url(http://yoridokoro.biz/blog/wp-content/themes/yoridokoro/images/stripe_bk_r2.png), #fafafa;
	}
.article-contents {
	height: auto;
	padding-top: 40px;
}
	.article-contents hr {
		margin: 80px 0px 0px 0px;
		padding: 0;
		width: 100%;
		border-color: #e9e9e9;
		height: 1px;
	}
.article-text {
	padding: 25px 0;
	border-top: 2px solid #a8a8a8;
}
.article-social {
  padding-bottom: 40px;
	border-bottom: 1px solid #a8a8a8;
}
.sns-share {
  padding: 0;
}
.sns-share p {
  background: #eaeaea;
  padding: 6px 20px 10px;
}
.sns-share-title {
  background: url(http://yoridokoro.biz/blog/wp-content/themes/yoridokoro/images/shareicon.png) 12px 7px no-repeat, #ebebeb !important;
  padding: 7px 20px 0 38px !important;
  height: 34px;
  line-height: 39px;
}
.sns-share-botton {
  background: #eaeaea;
  padding: 8px 20px 0;
}
.sns-share .article-sns {
  margin-top: 0 !important;
  padding-top: 26px;
  padding-bottom: 20px;
}
.article-footer {
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #b4b4b4;
	height: auto;
}
	.article-footer hr {
		margin: 0px 0px 0px 0px;
		padding: 0;
		width: 100%;
		border-color: #e9e9e9;
		height: 1px;
	}
	.last-date {
		margin: 20px 0px 0px 0px;
		font-size: 14px;
	}
	.last-title {
		clear: both;
		margin: 15px 0px 0px 0px;
		width: 694px;
		font-weight: bold;
		padding-bottom: 25px;
	}
	.article-author {
		margin: 0 0 20px 0;
		padding: 30px 0 10px 0;
		width: 100%;
		height: auto;
		border-top: 1px solid #ddd;
	}
	.article-author img {
		width: 100px;
		height: 100px;
		float: left;
		display: block;
	}
	.author-desc {
		display: block;
		float: left;
		width: 574px;
		margin: 0 0 0 20px;
	}
	.author-name {
		margin: 0px 0px 15px 0px;
		width: 574px;
		height: 20px;
		overflow: hidden;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid #ddd;
	}
	.author-profile {
		font-size: 12px;
		width: 574px;
		min-height: 90px
	}

.article-page-footer {
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 40px;
	border-bottom: 1px solid #b4b4b4;
	height: auto;
}
/* back・nextリンク */
.nav-single {
	margin: 10px 0px;
	width: 776px;
	height: 48px;
}
	.prev-single, .next-single {
		float: left;
		margin: 0;
		padding: 0 10px;
		width: 361px;
		height: 48px;
		line-height: 40px;
		background: #fff;
		border: 1px solid #b4b4b4;
		font-size: 20px;
		color: #ddd;
	}
	.prev-single {
		margin: 0 10px 0 0;
	}
		.prev-single .next-prev {
			float: left;
		}
		.prev-single .nav-single-title {
			float: right;
		}
	.next-single {
		
	}
		.next-single .nav-single-title {
			float: left;
		}
		.next-single .next-prev {
			float: right;
		}

	.next-prev {
		font-size: 10px;
		height: 10px;
		line-height: 10px;
		padding: 19px 0;
		margin: 0;
	}
	.nav-single-title {
		margin: 0px 0px 0px 0px;
			line-height: 48px;
		font-size: 14px;
		color: #000;
		width: 280px;
		height: 40px;
		overflow: hidden;
	}
.prev-single:hover, .next-single:hover {
	filter: alpha(opacity=80);
		-moz-opacity:0.80;
	opacity:0.80;
}
	.article-text {
		height: auto;
		font-size: 16px;
		line-height: 22px;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ W3", "Meiryo", "メイリオ", sans-serif;
	}
	.no-link {
		color: #2d2d2d;
		font-size: 14px;
		text-align: center;
		line-height: 48px;
	}

/*==================================
 single.php
 ==================================*/
.article-contents img {
	max-width: 700px !important;
	width: 100%;
	height: auto;
}
.article-contents {
	color: #222222;
}
/* format: heading */
.article-contents h3 {
	margin: 0 0 35px 0;
	font-size: 22px;
	height: auto;
	line-height: 40px;
	padding: 0 0 0 8px;
	border-left: 10px solid #0a00ff;
	font-weight:bolder;
	border-right: 1px solid rgba(255,255,255,0.13);
	background:  url(http://yoridokoro.biz/blog/wp-content/themes/yoridokoro/images/body-bg.gif), #ffffff;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
	box-shadow: 4px 4px 0px rgba(205,205,205,1),2px 2px 0px rgba(205,205,205,1),1px 1px 0px rgba(205,205,205,1),3px 3px 0px rgba(205,205,205,1);
	border-radius: 3px 0px 0px 3px;
}
.article-contents h3:after {
	content: '';
	display: block;
	float: left;
	position: relative;
	border-color: transparent transparent transparent #0a00ff;
	border-style: solid;
	border-width: 7px;
	width: 0px;
	height: 0px;
	top: 13px;
	left: -10px;
}
.article-contents h4 {
	margin: 0 0 35px 0;
	font-size: 22px;
	height: auto;
	line-height: 40px;
	padding: 0 0 0 8px;
	border-left: 10px solid #000000;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
	-webkit-border-radius: 2px 0px 0px 2px;
	border-radius: 2px 0px 0px 2px;
	background: #e9e9e9;
	font-weight:bolder;
}
.article-contents h5 {
	margin: 0 0 35px 0;
	font-size: 20px;
	height: auto;
	font-weight:bolder;
	line-height: 20px;
	padding: 0 0 0 8px;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
.article-contents h5:after {
	content: '';
	display: block;
	float: left;
	position: relative;
	border-color: #26a323;
	border-style: solid;
	border-width: 7px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	width: 8px;
	height: 8px;
	margin: 0px 10px 0 0 ;
	top: 0px;
	left: 0px;
}
.article-contents h6 {
	margin: 0 0 30px 0;
	font-size: 18px;
	line-height: 20px;
	height: auto;
	font-weight:bolder;
	padding: 0 0 0 8px;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
.article-contents h6:after {
	content: '';
	display: block;
	float: left;
	position: relative;
	border-color: #0a00ff;
	border-style: solid;
	border-width: 6px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	width: 7px;
	height: 7px;
	margin: 0 10px 0 0 ;
	top: 0px;
	left: 0px;
}
/* format: paragraph */
.article-contents p {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 1.5em;
}
/* format: none */

/* format: address */
.article-contents address {
	font-style: italic;
	font-family: "Arial", "Hiragino Kaku Gothic", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", sans-serif;
	letter-spacing: 1.05px;
}
/* link */
.article-contents a {
	color: #007693;
	text-decoration: underline;
}
/* list: ul */
.article-contents ul, .list-red {
	list-style-position: outside;
	list-style-type: disc;
	list-style-image: url(http://yoridokoro.biz/blog/wp-content/themes/yoridokoro/images/list/list-02.gif);
	margin: 20px 0px;
	word-break: break-all;
}
	.article-contents ul li {
		margin: 0px 0px 14px 0px;
		word-break: break-all;
	}
		.article-contents ul li ul, .list-green {
			text-indent: 1em;
			list-style-position: outside;
			list-style-type: square;
			list-style-image: url(http://yoridokoro.biz/blog/wp-content/themes/yoridokoro/images/list/list-03.gif);
		}
			.article-contents ul li ul li {
				font-size: 0.9em;
				margin: 0px 0px 10px 0px;
			}
			.article-contents ul li ul li:first-child {
				font-size: 0.9em;
				margin: 5px 0px 10px 0px;
			}
			.article-contents ul ul ul {
				text-indent: 2em;
				list-style-type: disc;
				list-style-image: url(http://yoridokoro.biz/blog/wp-content/themes/yoridokoro/images/list/list-04.gif);
			}
/* _end_list color option */
/* list:ol */
.article-contents ol {
	counter-reset: li; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
	*list-style: decimal; /* Keep using default numbering for IE6/7 */
	font: 15px 'trebuchet MS', 'lucida sans';
	padding: 0;
	margin-bottom: 0.8em;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	line-height: 14px;
}
	.article-contents ol li:before {
		margin: 0px 10px 14px 0px;
/* 		margin: .5em 0; */
		padding: 0.3em;
		padding: 0;
		*padding: .4em;
		position: relative;
		display: inline-block;
		line-height: 14px;
		background: #ddd;
		color: #444;
		text-decoration: none;
		border-radius: .3em;
		width: 25px;
		height: 25px;
		background: #ff3358;
		border-radius: 20px;
		transition: all .3s ease-out;
		content: counter(marker, decimal) ".";
		font-family: "Arial", sans-serif;
		font-size: 12px;
		text-align: center;
		line-height: 25px;
		color: #ffffff;
	}
	.article-contents ol li {
		counter-increment: marker;
		list-style-type: none;
		height: auto;
		line-height: 36px;
		word-break: break-all;
	}
		.article-contents ol li ol {
			list-style-type: lower-roman;
			margin: 0 0 0 2em;
		}
			.article-contents ol li ol li:before {
				
				margin: 0px 10px 14px 0px;
		/* 		margin: .5em 0; */
				padding: 0.3em;
				padding: 0;
				*padding: .4em;
				position: relative;
				display: inline-block;
				line-height: 14px;
				background: #ddd;
				color: #444;
				text-decoration: none;
				border-radius: .3em;
				width: 25px;
				height: 25px;
				background: #31d12d;
				border-radius: 20px;
				transition: all .3s ease-out;
				content: counter(maker, lower-alpha) ".";
				font-family: "Arial", sans-serif;
				font-size: 12px;
				text-align: center;
				line-height: 25px;
				color: #ffffff;
			}
			.article-contents ol li ol li {
				counter-increment: maker;
				font-size: 0.9em;
				margin: 0px 0px 10px 0px;
			}
			.article-contents ol li ol li:first-child {
				font-size: 0.9em;
				margin: 5px 0px 10px 0px;
			}
/* blockquote */
.article-contents blockquote {
	margin: 30px 0px;
	padding: 40px 40px;
	color: #222222;
	background: #dddddd;
	box-shadow: inset 2px 2px 10px rgba(229,229,229,0.16);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.43); 
	position: relative;
}
.article-contents blockquote:before {
	content: '';
	width: 42px;
	height: 30px;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	background: url(http://yoridokoro.biz/blog/wp-content/themes/yoridokoro/images/quote-ss-w.png) no-repeat center center;
}
.article-contents blockquote:after {
	content: '';
	width: 42px;
	height: 30px;
	display: block;
	position: absolute;
	background: url(http://yoridokoro.biz/blog/wp-content/themes/yoridokoro/images/quote-es-w.png) no-repeat center center;
	right: 5px;
	bottom: 5px;
}
/* image */
.article-contents .alignleft {
	float: left;
	margin: 10px 20px 10px 0;
}
.article-contents .alignright {
	float: right;
	margin: 10px 0 10px 20px;
}
.article-contents .aligncenter {
	display: block;
	margin: 10px auto 30px;
}
.article-contents img.alignnone {
	margin: 30px 0;
}
/* Tables */
.article-contents table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}
.article-contents caption,
.article-contents th,
.article-contents td {
	font-weight: normal;
	text-align: left;
}
.article-contents caption {
	font-size: 16px;
	margin: 20px 0;
}
.article-contents th {
	font-weight: bold;
	text-transform: uppercase;
}
.article-contents td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

/* 関連 */
.relation, .latest {
	border: 1px solid #b4b4b4;
	padding: 0px 41px; 
	background: #ffffff;
	margin: 20px 0px 0px 0px;
}
.relation h2, .latest h2 {
	margin: 15px 0 15px 0;
	padding: 0 0 0 10px;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	background: url(http://yoridokoro.biz/blog/wp-content/themes/yoridokoro/images/title-relation.gif) no-repeat left top;
}
.relation-list, .latest-list {
	margin: 0px auto 0px;
	padding: 30px 0 0;
	border-top: 1px solid #b4b4b4;
	width: 692px;
	height: 226px;
}
.relation-list li, .latest-list li {
	float: left;
	margin: 0px 30px 0px 0px;
	width: 150px;
	height: 207px;
	padding: 0;
	overflow: hidden;
	font-size: 12px;
	line-height: 17px;
}
.relation-list li a:hover,
.latest-list li a:hover {
	color: #38b836;
	text-decoration: underline;
}
.relation-list li:last-child, .latest-list li:last-child {
	margin: 0;
}
.list-image img {
	width: 150px !important;
	height: 150px !important;
	border: 1px solid #e2e2e2;
}
.list-image img:hover {
	filter: alpha(opacity=65);
  	-moz-opacity:0.65;
  	opacity:0.65;
}

/* 右カラム */
ul.article-sns {
	clear: both;
	margin: 30px 0px 0px 40px;
	width: 650px;
	height: 65px;
}
ul.article-sns li {
	float: left;
	margin: 0px 50px 0px -40px;
	height: 65px;
	color: #000;
	text-align: center;
}
ul.article-sns li.no-margin {
	margin: 0px 0px 0px -40px;
}

/* 右カラムfb */
.right-fb {
	width: 778px;
	height: 271px;
	background: #fff;
	margin: 20px 0px 20px 0px;
}
.right-fb .fb-like-box {
	margin: 0px 0px 0px 0px;
}

#sharebar {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-shadow:3px 3px 3px rgba(0,0,0,0.4);
padding-top:10px !important;
padding-bottom:20px !important;
}
#sharebar li{
padding-top:10px !important; 
}
/* zenback */
.zenback {
	width: 778px;
	height: auto;
	margin: 0 0 0 375px;
}
#zenback-related-links {
	width: 698px;
	float: left;
	margin: 0;
}
#zenback-hatena-bookmark, #zenback-twitter {
	width: 698px;
	float: left;
	margin: 0 0 0 5px;
}
#zenback-related-keywords {
	display: block;
	float: left;
	width: 580px;
	margin: 0;
	padding: 0;
}
#zenback-related-links:after,#zenback-#zenback-related-links:before {
	content: "";
	display: table;
}
#zenback-related-keywords:after { clear: both; }
#zenback-twitter:before,#zenback-twitter:after {
	content: "";
	display: table;
	}
#zenback-twitter:after { clear: both; }
#zenback-facebook-comment {
	float: left;
}

#zenback-widget {
	float: left;
	margin: 0 auto !important;
	background: #fff;
	width: 698px;
	padding: 40px;
}
#zenback-facebook-comment, #zenback-facebook-comments, #u_0_0 {
	width: 698px !important;
}