@charset "utf-8";

/* ==========================================================================

	 Yoshida Design Inc. WP Core css v2.2 2014.12.10

	 ========================================================================== */

/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* ==========================================================================
	 Header
	 ========================================================================== */

.header-image {
	margin-top: 20px;
}

/* ==========================================================================
	 Main
	 ========================================================================== */

/* Breadcrumb
	 ========================================================================== */

.breadcrumb {
	margin-bottom: 20px;
	padding: 0;
	overflow: hidden;
}

.breadcrumb ol {
	padding: 0;
	font-size: 0;
}

.breadcrumb ol li {
	float: left;
	margin-bottom: .5em;
	color: #888;
	list-style-type: none;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1;
}

.breadcrumb ol li a {
	padding-right: .5em;
	color: #666;
	text-decoration: none;
}

.breadcrumb ol li:hover a {
	color: #000;
}

.breadcrumb ol li a:after {
	margin-left: .5em;
	color: #ccc;
	content: ">";
}

.breadcrumb ol li:last-child a:after {
	content: none;
}

.breadcrumb ol li:last-child span {
	max-width: 60em;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media(max-width: 800px) {

	.breadcrumb ol li:last-child span {
		max-width: 24em;
	}

}

/* Archivepage title
	 ========================================================================== */

.page-title {
	margin: 0;
	padding: 0 0 30px;
	color: #222;
	text-align: left;
	font-weight: normal;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1;
}

/* Category description
	 ========================================================================== */

.main 
.category-description p {
	margin-bottom: 30px;
	color: #999;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.618;
}


/* Content
	 ========================================================================== */

/* Sales letter - no banner */

.nobanner .main {
	margin-top: 30px;
}

.salesletter-head {
	margin:-70px -70px -30px;
	max-width: 900px;
}

@media(max-width: 800px) {

	.nobanner .main {
		margin-top: 1em;
	}

	.salesletter-head {
		margin: 0;
		max-width: 100%;
	}

}

/* Entry title */

.entry-title {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/* Entry content */

.entry-content:before,.entry-content:after { content: ""; display: table }
.entry-content:after { clear: both }
.entry-content { *zoom: 1 }
.entry-content { 
}

.entry-content > :last-child {
  margin-bottom: 0;
}

.entry-content .widget:first-child {
	margin-bottom: 30px;
}

.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > h5:first-child,
.entry-content > h6:first-child {
	margin-top: 0;
}

.c1 .entry-content p {
	font-size: 16px;
	font-size: 1.6rem;
}

.entry-content > h2 {
	margin: 30px 0;
	padding: .75em 1em 1em;
	border-top: 2px solid #999;
	background: #f8f8f8;
	background: -webkit-linear-gradient       (top, rgba(0,0,0,.025) 0%, rgba(0,0,0,0) 100%);
	background:         linear-gradient( to bottom, rgba(0,0,0,.025) 0%, rgba(0,0,0,0) 100%);
	color: #444;
	text-align: left;
	text-shadow: 0 1px 0 #fff;
	font-weight: normal;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1.333;
}

.entry-content > h3,
.entry-content .widget h3,
.entry-content .yarpp-related h3 /* Yet Another Related Posts */ {
	margin: 30px 0;
	padding: .9em 0;
	border-top: 2px solid #ccc;
	/*background: rgba(0,0,0,.025);*/
	color: #555;
	text-align: left;
	text-shadow: 0 1px 0 #fff;
	font-weight: normal;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.333;
}

.entry-content > h4 {
	margin: 30px 0;
	padding: .9em 1em;
	border-radius: 5px;
	background: #e6e6e6;
	background: -webkit-linear-gradient       (top, #eee 0%, #e9e9e9 100%);
	background:         linear-gradient( to bottom, #eee 0%, #e9e9e9 100%);
	color: #222;
	text-align: left;
	font-weight: normal;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.333;
}

.entry-content > h5 {
	margin: 16px 0;
	padding: 0 0 0 5px;
	border-left: 16px solid #999;
	color: #333;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
}

.entry-content > h6 {
	margin: 0 0 5px;
	padding: 0;
	color: #444;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.333;
}

.entry-content > hr {
	clear: both;
	margin: 40px auto;
	height: 1px;
	border: none;
	background: #ccc;
}

.entry-content > blockquote {
	margin: 30px;
	background-color: rgba(0,0,0,.02);
	padding: 2em 2em 2em 4em;
	position: relative;
}

.entry-content > blockquote:before {
	position: absolute;
	top: 15px;
	left: 15px;
	color: #ccc;
	content: "“";
	font-size: 600%;
	font-family: serif;
	line-height: 1em;
}

.entry-content > blockquote > :last-child {
	margin-bottom: 0;
}

.entry-content > table {
	margin: 2em auto;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.entry-content > table th,
.entry-content > table td {
	padding: .75em 1em;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	font-size: 1.4rem;
}

.entry-content > table th {
	background-color: rgba(0,0,0,.02);
}

/* entry-content Sales letter */

.salesletter .entry-content {
	padding: 40px;
}

@media(max-width: 800px) {

	.salesletter .entry-content {
		padding: 0;
	}

}

/* Social button */

.social-button {
	margin: 1em 0;
	padding: 0;
}

.social-button li {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0;
	list-style: none;
	vertical-align: top;
	line-height: 0;
}

/* Thumbnail */

.attachment-post-thumbnail:before,.attachment-post-thumbnail:after { content: ""; display: table }
.attachment-post-thumbnail:after { clear: both }
.attachment-post-thumbnail { *zoom: 1 }
.attachment-post-thumbnail {
	display: block;
	float: left;
	margin: .5em 1em 1em 0;
	max-width: 32%;
}

.c2l .attachment-post-thumbnail {
	float: right;
	margin-right: 0;
	margin-left: 1em;
}

.single .attachment-post-thumbnail {
	float: right;
	margin: .5em 0 30px 1em;
}

@media(max-width: 800px) {
	.post-thumbnail,
	.post-thumbnail img,
	.wp-post-image {
		float: none;
		margin: 0 auto !important;
		max-width: 100% !important;
		text-align: center;
		transform: none !important;
	}
	.post-thumbnail img,
	.wp-post-image {
		margin-bottom: .75em !important;
	}
}

/* Moretext */

.more-link {
	clear: both;
	color: #666;
	font-size: 13px;
	line-height: 1.618;
}

.more-link a {
	border-bottom: 1px solid rgba(0,0,0,0);
	text-decoration: none;
}

.more-link a:hover {
	border-bottom: 1px solid rgba(0,0,0,.333);
	text-decoration: none;
}

.more-link:before {
	margin-right: 5px;
	content: "\f0da";
	font-family: FontAwesome;
}

/* Entry meta */

.entry-meta {
	margin-bottom: 2em;
	color: #666;
	text-align: left;
	font-size: 12px;
	line-height: 1.5;
}

footer.entry-meta {
	margin-top: 1em;
	margin-bottom: 0;
	padding-top: 2em;
	border-top: 1px solid rgba(0,0,0,.1);
}

.entry-meta a {
	color: #666;
	border-bottom: 1px solid rgba(0,0,0,.333);
}

.entry-meta a:hover {
	border-bottom: 1px solid rgba(0,0,0,0);
	text-decoration: none;
}

.sticky .entry-meta {
	display: none;
}

.entry-meta-item {
	margin-right: .5em;
	margin-bottom: .5em;
}

.entry-meta .date:before {
	content: "\f017";
	font-family: FontAwesome;
	margin-right: 5px;
}

.entry-meta .comments:before {
	content: "\f0e5";
	font-family: FontAwesome;
	margin-right: 5px;
}

.entry-meta .category:before {
	content: "\f115";
	font-family: FontAwesome;
	margin-right: 5px;
}

.entry-meta .edit_post:before {
	margin-right: 5px;
}

/* post password form  */

.post-password-form {
	clear: both;
	margin: 1em 1em 2em;
	padding: 2em 2em 1.5em;
	background-color: rgba(0,0,0,.0333);
	box-shadow: 0 1px 2px rgba(0,0,0,.1618) inset;
}

/* Comment
	 ========================================================================== */

h3#comments,
#respond h3 {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #eee;
	font-weight: normal;
}

.commentlist {
	margin-bottom: 0;
	clear: both;
	background-color: rgba(0,0,0,.0333);
	padding: 20px 20px 20px 3em;
	box-shadow: 0 1px 3px rgba(0,0,0,.1618) inset;
}

.comment {
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: 2em;
	padding-top: 2em;
	font-size: 13px;
}

.commentlist li.bypostauthor{ 
	overflow: hidden;
	margin-bottom: 1em;
	padding: 1em 1em 0;
	background-color: rgba(0,0,0,.0333);
	border: 1px solid rgba(0,0,0,.0333);
}

.comment:first-child {
	border: none;
	margin-top: 0;
	padding-top: 0;
}

.comment ul {
	list-style-type: none;
}

.avatar {
	float: left;
	margin: 5px 10px 0 0;
}

.fn {
	font-size: 16px;
	font-style: normal;
}

.says {
	font-size: 12px;
}

.comment-meta {
	font-size: 12px;
}

.comment-meta a {
	color: #666;
}


@media(max-width: 800px) {

	.commentlist ul {
		padding-left: 0;
	}

}

/* Comment - navigation */

.navigation:before,.navigation:after { content: ""; display: table }
.navigation:after { clear: both }
.navigation { *zoom: 1 }
.navigation a { 
	display: block;
	margin: 20px 0;
 }

/* Comment - nocomments */

p.nocomments { display: none }

/*p.nocomments {
	margin-top: 2em;
	margin-bottom: 0;
	color: #999;
	font-size: 12px;
	line-height: 1.1;
}*/

/*p.nocomments:before {
		content: "\f05e";
		font-family: FontAwesome;
		margin-right: 5px;
}*/

/* Comment - form */

form#commentform small {
	margin-left: .5em;
	color: #555;
	font-size: 90%;
}

form#commentform input[type="text"],
form#commentform textarea {
	outline: 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fefefe;
}

form#commentform input[type="text"]:focus,
form#commentform textarea:focus {
	border: 1px solid #bbb;
	background: #fdfdfd;
}


form#commentform input[type="text"] {
	padding: .5em;
	width: 50%;
	color: #666;
	font-size: 90%;
}

form#commentform textarea {
	padding: 1em;
	width: 100%;
	color: #333;
	font-size: 105%;
}

form#commentform input[type="submit"] {
	padding: .5em 1em;
	outline: 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #dedede;
	background: -webkit-linear-gradient       (top, #fefefe, #eee);
	background:         linear-gradient( to bottom, #fefefe, #eee);
	color: #444;
	font-size: 90%;
}

form#commentform input[type="submit"]:hover {
	border-color: #bbb;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	color: #333;
}

form#commentform input[type="submit"]:active {
	box-shadow: 0 2px 2px rgba(0,0,0,.2) inset;
}

/* Entry-navi
	 ========================================================================== */

.entry-navi:before,.entry-navi:after { content: ""; display: table }
.entry-navi:after { clear: both }
.entry-navi { *zoom: 1 }
.entry-navi {
	clear: both;
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid rgba(0,0,0,.1);
	word-wrap:break-word;
	word-break:break-all;
	font-size: 12px;
	line-height: 1.618;
}

.entry-navi a {
	border-bottom: 1px solid rgba(0,0,0,0);
}

.entry-navi a:hover {
	border-bottom: 1px solid rgba(0,0,0,.333);
	text-decoration: none;
}

/* previous */

.entry-navi .previous {
	position: relative;
	float: left;
	padding: 0 .5em 0 1.333em;
	width: 50%;
	text-align: left;
}

.entry-navi .previous a:before {
	position: absolute;
	top: 5px;
	left: 0;
	border: 4px solid transparent;
	border-right-color: #999;
	content: "";
}

/* next */

.entry-navi .next {
	position: relative;
	float: right;
	padding: 0 1.333em 0 .5em;
	width: 50%;
	text-align: right;
}

.entry-navi .next a:before {
	position: absolute;
	top: 5px;
	right: 0;
	border: 4px solid transparent;
	border-left-color: #999;
	content: "";
}


/* ==========================================================================
	 Sub area widgets
	 ========================================================================== */

@media(max-width: 800px) {

	.sub .widget-title {
		font-size: 18px !important;
	}

}

/* List */

.sub .widget > ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sub .widget li {
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
}

.sub .widget li ul {
	margin-top: .25em;
	margin-bottom: .25em;
}
.sub .widget li li {
	margin-left: 1em;
}

.sub .widget li a {
	color: #333;
}

.widget ul li a {
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0);
}

.widget ul li a:hover {
	border-bottom: 1px solid rgba(0,0,0,.25);
}

@media(max-width: 800px) {

	.widget ul li {
		margin-bottom: .4em;
		padding-bottom: .4em;
		font-size: 12px;
		line-height: 1.618;
	}

}

/* Recent comments */

.recentcomments a:last-child {
	padding-left: 0;
}

.recentcomments a:last-child:before {
	content: none;
}

/* Category */

.cat-item {
	color: #666;
}

/* Category - dropdown */

select.postform {
	padding: .1em .2em 0;
	width: 100%;
	font-size: 12px;
}

/* Search */

.searchform div {
	display: table;
}

.searchform input[type=text] {
	display: table-cell;
	width: 70%;
	height: 30px;
	font-size: 12px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.searchform input[type=submit] {
	display: table-cell;
	width: 25%;
	height: 30px;
	font-size: 12px;
}

/* Calendar */

#wp-calendar {
	width: 100%;
	color: #333;
}

#wp-calendar caption {
	padding: 0 0 .75em;
	color: #666;
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
}

#wp-calendar th, 
#wp-calendar td {
	padding: .5em 0;
	text-align: center;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1;
}

#wp-calendar thead th {
	border-top: 1px solid rgba(0,0,0,.1);
	background: rgba(0,0,0,.025);
	font-weight: normal;
}

#wp-calendar tbody tr:first-child td { padding-top: 1em; }
#wp-calendar tbody tr:last-child  td { padding-bottom: 1em; }

#wp-calendar tbody td {
	color: #666;
}

#wp-calendar tbody td a {
	font-weight: bold;
	font-size: 110%;
}

#wp-calendar tfoot td {
	padding-top: 1em;
	padding-bottom: 0;
	border-top: 1px solid rgba(0,0,0,.1);
}

#wp-calendar tfoot td#prev { text-align: left }
#wp-calendar tfoot td.pad  { text-align: center }
#wp-calendar tfoot td#next { text-align: right }

/* Tagcloud */

.widget_tag_cloud .tagcloud {
	text-align: left;
}

.widget_tag_cloud .tagcloud a[class^="tag-link"] {
	display: inline-block;
	margin: 0 .3em .3em 0;
	padding: .4em;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
			border-radius: 3px;
	background: #f8f8f8;
	color: #555;
	text-decoration: none;
	line-height: 1;
}

.widget_tag_cloud .tagcloud a[class^="tag-link"]:hover {
	border: 1px solid #bbb;
	background: #f3f3f3;
}

/* Sidebars (Widget area)
	 ========================================================================== */

/* 記事 本文上 */

.single_main_post_content_top {
	padding-bottom: 1em;
	text-align: center;
}

/* 記事 「続きを読む」の後 */

.single_main_post_content_more {
	text-align: center;
}

@media(max-width: 800px) {

	.single_main_post_content_more {
		margin-left: -16px;
		margin-right: -16px;
	}

}

/* 記事 本文下 */

.single_main_post_content_bottom {
	padding-top: 1em;
	text-align: center;
}

/* 記事 メインカラム下 */

.single_main_bottom {
	padding-top: 2em;
}

/* ヘッダーバナー */

.bigbanner_top {
	padding-bottom: 30px;
	text-align: center;
	line-height: 0;
}

/* フッターバナー */

.bigbanner_bottom {
	clear: both;
	padding-top: 30px;
	text-align: center;
	line-height: 0;
}

/* スクロール追尾 */

.fixed_sidebar-wrapper {
	margin-top: 1.5em;
}

.fixed_sidebar-wrapper > div {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

@media(max-width: 800px) {
	.bigbanner_top,
	.bigbanner_bottom {
		margin-left: -1em;
		margin-right: -1em;
	}
}

/* フッターウィジェットエリア
	 ========================================================================== */

.fat_footer:before,.fat_footer:after { content: ""; display: table }
.fat_footer:after { clear: both }
.fat_footer { *zoom: 1 }
.fat_footer {
	clear: both;
}

.fat_footer-inner > div {
	float: left;
	width: 33.333%;
}

.fat_footer .fat_footer1-inner {
	padding-right: 4%;
	padding-left : 0;
}
.fat_footer .fat_footer2-inner {
	padding-right: 2%;
	padding-left : 2%;
}
.fat_footer .fat_footer3-inner {
	padding-right: 0;
	padding-left : 4%;
}

.fat_footer.sub .widget {
	margin-top: 0;
	margin-bottom: 30px;
}

@media(max-width: 800px) {
	.fat_footer-inner > div {
		float: none;
		width: auto;
	}
	.fat_footer .fat_footer1-inner,
	.fat_footer .fat_footer2-inner,
	.fat_footer .fat_footer3-inner {
		padding-right: 0;
		padding-left : 0;
	}
}


/* ==========================================================================
	 Page-navi
	 ========================================================================== */

.page-navi:before,.page-navi:after { content: ""; display: table }
.page-navi:after { clear: both }
.page-navi { *zoom: 1 }
.page-navi {
	clear: both;
	margin-bottom: 1em;
	text-align: left;
	font-size: 12px;
	line-height: 1;
}

.page-navi span,
.page-navi a {
	float: left;
	padding: .8em .9em;
	border-radius: 4px;
	color: #333;
	text-decoration: none;
}

.page-navi a {
	margin-right: 4px;
	outline: 0 none black;
	border: 1px solid #ccc;
	border-top-color: #f3f3f3;
	background: #fff;
	background: -webkit-linear-gradient       (top, #fff 0%, #f8f8f8 100%);
	background:         linear-gradient( to bottom, #fff 0%, #f8f8f8 100%);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.page-navi a:hover {
	border: 1px solid #666;
	border-top-color: #666;
	border-bottom-color: #666;
	background: #555;
	color: #fff;
	box-shadow: none;
}

.page-navi a:active {
	position: relative;
	top: 1px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2) inset;
}

.page-navi span.current {
	margin-right: 5px;
	border: 1px solid #444;
	border-top-color: #333;
	background: #444;
	background: -webkit-linear-gradient       (top, #444 0%, #666 100%);
	background:         linear-gradient( to bottom, #444 0%, #666 100%);
	box-shadow: 0 1px 3px rgba(0,0,0,.2) inset;
	color: #eee;
}

.page-navi span.pages {
	float: right;
	border: 1px solid #ccc;
	background: #fff;
	color: #333;
}

@media(max-width: 800px) {

	.page-navi {
		font-size: 11px;
	}

	.page-navi span,
	.page-navi a,
	.page-navi span.pages {
		float: left;
		margin-bottom: 4px;
	}

}


/* ==========================================================================
	 Page template
	 ========================================================================== */

/* Sitemap
	 ========================================================================== */

.sitemap .main .h4 {
	margin-top: 1.5em;
	margin-bottom: 0;
	font-size: 1.5em;
	border-color: #ddd;
}

.sitemap .main .h4 a {
	color: inherit;
}

.sitemap .main p {
	margin-top: 0;
	margin-bottom: .5em;
	color: #999;
}

.sitemap .main ul {
	margin-top: 0;
	padding: 0;
}

.sitemap .main ul li {
	margin: 0 0 0 2.2em;
	padding: .25em 0 .25em 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAACvAQMAAAAhY6e8AAAABlBMVEXMzMz////TjRV2AAAAAnRSTlP/AOW3MEoAAAAXSURBVHgBY6xvaKQBHsUMDAy0tWMUAwDW6wW/2vRUSQAAAABJRU5ErkJggg==) left center no-repeat;
	list-style-type: none;
}

.sitemap .main ul li:last-child {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAACvCAAAAAA+xmojAAAAAnRSTlMA/1uRIrUAAAApSURBVEjH7coxEQAACMSw968NT7CDBNIx11SvQggh5J3s0uchhBBCjgxIU3+Cr0JClgAAAABJRU5ErkJggg==) left center no-repeat;
}


/* ==========================================================================
	 Shortcodes
	 ========================================================================== */

/* Global Styles
	 ========================================================================== */
.ip5-clear-floats { clear: both }
.ip5-clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* Spacing
	 ========================================================================== */
.ip5-spacing {
	display: block;
	height: auto;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: none !important;
	outline: none !important;
}

/* Divider
	 ========================================================================== */
.ip5-divider {
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	background: none !important;
	border: none;
}
.ip5-divider.solid { border-top: 1px solid #ddd }
.ip5-divider.dashed { border-top: 2px dashed #ddd }
.ip5-divider.dotted { border-top: 3px dotted #ddd }
.ip5-divider.double {
	height: 5px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/* Columns
	 ========================================================================== */
.ip5-one-half { width: 48% }
.ip5-one-third { width: 30.66% }
.ip5-two-third { width: 65.33% }
.ip5-one-fourth { width: 22% }
.ip5-three-fourth { width: 74% }
.ip5-one-fifth { width: 16.8% }
.ip5-two-fifth { width: 37.6% }
.ip5-three-fifth { width: 58.4% }
.ip5-four-fifth { width: 67.2% }
.ip5-one-sixth { width: 13.33% }
.ip5-five-sixth { width: 82.67% }
.ip5-one-half,
.ip5-one-third,
.ip5-two-third,
.ip5-three-fourth,
.ip5-one-fourth,
.ip5-one-fifth,
.ip5-two-fifth,
.ip5-three-fifth,
.ip5-four-fifth,
.ip5-one-sixth,
.ip5-five-sixth {
	position: relative;
	margin-right: 4%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ip5-column-last {
	margin-right: 0!important;
	clear: right;
}
.ip5-column-last:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.ip5-one-half,
.ip5-one-third,
.ip5-two-third,
.ip5-three-fourth,
.ip5-one-fourth,
.ip5-one-fifth,
.ip5-two-fifth,
.ip5-three-fifth,
.ip5-four-fifth,
.ip5-one-sixth,
.ip5-five-sixth { }

/* responsive support */

@media only screen and (max-width: 520px) { 
		.ip5-one-half,
		.ip5-one-third,
		.ip5-two-third,
		.ip5-three-fourth,
		.ip5-one-fourth,
		.ip5-one-fifth,
		.ip5-two-fifth,
		.ip5-three-fifth,
		.ip5-four-fifth,
		.ip5-one-sixth,
		.ip5-five-sixth {
				width: 100%;
				float: none;
				margin-right: 0;
				margin-bottom: 20px;
		}
}

/* ==========================================================================
	 Widgets
	 ========================================================================== */

.textwidget :last-child {
	margin-bottom: 0;
}

/* rewg= refines widgets
	 ========================================================================== */

.rewg {
	text-align: left;
}

.rewg ul {
	margin: 0;
	padding: 0;
}

.widget-item:before,.widget-item:after { content: ""; display: table }
.widget-item:after { clear: both }
.widget-item { *zoom: 1 }

/* Main
	 ========================================================================== */

.main .rewg .widget-item {
	margin-bottom: .4em;
	padding-bottom: .4em;
	border: none;
	border-bottom: 1px solid #ddd;
	list-style: none;
	clear: both;
}

.main .rewg .widget-item:last-child {
	margin-bottom: 0;
}

/* サムネイル */

.main .rewg .widget-item-entry-img {
	float: right;
	overflow: hidden;
	margin-bottom: .5em;
	margin-left: 1em;
	max-height: 50px;
}

.main .rewg .widget-item-entry-img img {
	width: 67px;
	margin: 0;
}

/* 日付 */

.main .rewg .widget-item-entry-date {
	color: #666;
	font-size: 12px;
	font-size: 1.2rem;
}

.main .rewg .widget-item-entry-date:before {
	content: "\f017";
	font-family: FontAwesome;
}

/* タイトル */

.main .rewg .widget-item-entry-title {
	margin-bottom: .25em;
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.618;
}

/* 本文 */

.main .rewg p {
	color: #666;
	margin-bottom: 5px;
	text-align: left;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.618;
}

/* コメント数 */

.main .rewg .widget-item-comment-num {
	color: #666;
	text-align: right;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.618;
}

/* Sub
	 ========================================================================== */

.sub .rewg .widget-item {
	margin-bottom: .3em;
	padding: 5px 0;
	border: none;
	border-bottom: 1px solid #ddd;
	list-style: none;
	background: none;
}

.sub .rewg .widget-item:last-child {
	margin-bottom: 0;
}

/* サムネイル */

.sub .rewg .widget-item-entry-img {
	float: right;
	overflow: hidden;
	margin-bottom: .5em;
	margin-left: 1em;
	width: 60px;
	height: 60px;
}

.sub .rewg .widget-item-entry-img img {
	max-width: 60px;
	max-height: 60px;
	margin: 0;
}

/* 日付 */

.sub .rewg .widget-item-entry-date {
	color: #666;
	font-size: 12px;
	font-size: 1.2rem;
}

.sub .rewg .widget-item-entry-date:before {
	content: "\f017";
	font-family: FontAwesome;
}

/* タイトル */

.sub .rewg .widget-item-entry-title {
	margin-bottom: .3em;
	text-align: left;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.618;
	overflow: auto; /* for modern browser */
	zoom: 1; /* for ie6 */
}

/* 本文 */

.sub .rewg p {
	color: #555;
	text-align: left;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.618;
}

/* コメント数 */

.sub .rewg .widget-item-comment-num {
	color: #666;
	text-align: right;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.618;
}

/* 広告ウィジェット
	 ========================================================================== */

.banners:before,.banners:after { content: ""; display: table }
.banners:after { clear: both }
.banners { *zoom: 1 }
.banners {
	/*margin-bottom: -10px;*/
}

/* メイン */

.banners-image {
	overflow: hidden;
	margin-bottom: 10px;
	text-align: center;
	line-height: 0;
}

.banners-image img {
	max-width: 100%;
	height: auto;
}

.banners-title {
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.618;
}

.banners-text {
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.618;
}

.banners .unit {
	float: left;
	text-align: left;
}

.banners .c1 .unit {
	width: 100%;
}

.banners .c2 .unit {
	width: 50%;
}

.banners .c2 .unit1 {
	margin-right: 7px;
}

.banners .c2 .unit2 {
	margin-left: 8px;
}

.banners .c3 .unit {
	width: 33.333333%;
}

.banners .c3 .unit1 {
	margin-right: 8px;
}

.banners .c3 .unit2 {
	margin-right: 4px;
	margin-left: 4px;
}

.banners .c3 .unit3 {
	margin-left: 8px;
}

/* サブ */

.sub .banners {
	text-align: left;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.618;
}

.sub .banners .c1 .unit, 
.sub .banners .c2 .unit, 
.sub .banners .c3 .unit {
	float: none;
	margin-bottom: 5px;
	width: auto;
}

.sub .banners .c1 .unit1, 
.sub .banners .c2 .unit1, 
.sub .banners .c2 .unit2, 
.sub .banners .c3 .unit1, 
.sub .banners .c3 .unit2, 
.sub .banners .c3 .unit3 {
	margin-right: 0;
	margin-left: 0;
}

.sub .banners .c2 .unit1, 
.sub .banners .c3 .unit1, 
.sub .banners .c3 .unit2 {
	margin-bottom: 1em;
}

.sub .banners .image {
	margin-bottom: 5px;
}

.sub .banners img {
	max-width: 100%;
	height: auto;
}

/* RWD */

@media(max-width: 800px) {

	.banners {
		text-align: left;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.618;
	}

	.banners .c1 .unit, 
	.banners .c2 .unit, 
	.banners .c3 .unit {
		float: none;
		margin-bottom: 5px;
		width: auto;
	}

	.banners .c1 .unit1, 
	.banners .c2 .unit1, 
	.banners .c2 .unit2, 
	.banners .c3 .unit1, 
	.banners .c3 .unit2, 
	.banners .c3 .unit3 {
		margin-right: 0;
		margin-left: 0;
	}

	.banners .c2 .unit1, 
	.banners .c3 .unit1, 
	.banners .c3 .unit2 {
		margin-bottom: 1em;
	}

	.banners .image {
		margin-bottom: 5px;
	}

	.banners img {
		max-width: 100%;
		height: auto;
	}

}

/* テキスト（枠無し）
	 ========================================================================== */

.text_noframe .widget {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: none !important;
	background: none !important;
	box-shadow: none !important;
	text-align: center;
}

.text_noframe .widget-title {
	margin-top: 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: none !important;
	background: none !important;
	box-shadow: none !important;
	text-align: left!important;
	text-shadow: none !important;
}


/* ==========================================================================
	 E.T.C
	 ========================================================================== */

/* WordPress necessary */ .alignleft{display:inline;float:left;margin-right:1.625em}.alignright{display:inline;float:right;margin-left:1.625em}.aligncenter{display:block;clear:both;margin-right:auto;margin-left:auto}p img,.wp-caption{margin-top:.4em}.wp-caption{margin-bottom:1.625em;padding:9px;max-width:96%;background:#eee}.wp-caption img{display:block;margin:0 auto;max-width:98%}.wp-caption .wp-caption-text,.gallery-caption{color:#666;font-size:12px;font-size:.93rem;line-height:1.333;font-family:Georgia,serif}.wp-caption .wp-caption-text{position:relative;margin-bottom:0;padding:10px 0 0 40px}.wp-caption .wp-caption-text:before{position:absolute;top:7px;left:10px;margin-right:5px;color:#666;content:'\2014';font-weight:bold;font-style:normal;font-size:14px;font-size:1.08rem}.wp-caption img{border-color:#eee}.wp-caption a:focus img,.wp-caption a:active img,.wp-caption a:hover img{border-color:#ddd;background:#fff}.indexed.format-image .entry-content .wp-caption .wp-caption-text{margin:0;padding-bottom:0}.indexed.format-image .wp-caption{margin-bottom:0;padding:2% 2% 0;max-width:96%;background:#111}.indexed.format-image .wp-caption .wp-caption-text{color:#ddd}.indexed.format-image .wp-caption .wp-caption-text:before{color:#444}.wp-caption .wp-caption-text,.gallery-caption{color:#666;font-size:12px;font-size:.93rem;font-family:Georgia,serif}.wp-caption .wp-caption-text{position:relative;margin-bottom:0;padding:10px 0 0 40px}.wp-caption .wp-caption-text:before{position:absolute;top:7px;left:10px;margin-right:5px;color:#666;content:'\2014';font-weight:bold;font-style:normal;font-size:14px;font-size:1.08rem}.blog .sticky .entry-header .entry-meta{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}

/* Caption */

.wp-caption .wp-caption-text,
.wp-caption .gallery-caption {
	padding-left: 5px;
	color: #666;
	font-size: 14px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
}
.wp-caption .wp-caption-text:before {
	content: none;
}

@media(max-width: 800px) {
	.alignleft,
	.alignright {
		display: block;
		float: none;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 1em;
		margin-left: auto;
		text-align: center;
	}
}

/* ==========================================================================
	 Pulgin
	 ========================================================================== */

/* Yet Another Related Posts */

.entry-content .yarpp-related {
	clear: both;
	margin-top: 20px;
}

.entry-content .yarpp-related h3 {
	margin: 30px 0px !important;
	padding: 0.9em 0 !important;
	font-weight: normal !important;
	font-size: 1.8rem !important;
}