@charset "utf-8";

/*
Theme Name: refinesnow2
Theme URI: http: //www.3m-refine.com/
Description: 3M produced affiliate site theme for WordPress
Author: Yoshida Design Inc.
Author URI: http: //yoshide.com/
Version: 1.2.6.2
License: GNU/GPL Version 2 or later.
License URI: http: //www.gnu.org/licenses/gpl.html
Tags: theme-options, threaded-comments, one-column, two-columns, right-sidebar, three-columns, custom-menu, custom-background, custom-header, custom-menu, microformats
*/




/*@import url("css/font-awesome.min.css"); */

@import url("shortcode.php");




/* ==========================================================================
   1. 準備
   ========================================================================== */

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}audio, canvas, video{display: inline-block;}audio: not([controls]){display: none;height: 0;}[hidden]{display: none;}html{font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}body{margin: 0;}a:focus{outline: thin dotted;}a:active, a:hover{outline: 0;}h1{margin: 0.67em 0;font-size: 2em;}abbr[title]{border-bottom: 1px dotted;}b, strong{font-weight: bold;}dfn{font-style: italic;}hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}mark{background: #ff0;color: #000;}code, kbd, pre, samp{font-size: 1em;font-family: monospace, serif;}pre{white-space: pre-wrap;}q{quotes: "\201C" "\201D" "\2018" "\2019";}small{font-size: 80%;}sub, sup{position: relative;vertical-align: baseline;font-size: 75%;line-height: 0;}sup{top: -0.5em;}sub{bottom: -0.25em;}img{border: 0;}svg: not(: root){overflow: hidden;}figure{margin: 0;}fieldset{margin: 0 2px;padding: 0.35em 0.625em 0.75em;border: 1px solid #c0c0c0;}legend{padding: 0;border: 0;}button, input, select, textarea{margin: 0;font-size: 100%;font-family: inherit;}button, input{line-height: normal;}button, select{text-transform: none;}button, html input[type="button"], input[type="reset"], input[type="submit"]{cursor: pointer;-webkit-appearance: button;}button[disabled], html input[disabled]{cursor: default;}input[type="checkbox"], input[type="radio"]{box-sizing: border-box;padding: 0;}input[type="search"]{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}input[type="search"]: : -webkit-search-cancel-button, input[type="search"]: : -webkit-search-decoration{-webkit-appearance: none;}button: : -moz-focus-inner, input: : -moz-focus-inner{padding: 0;border: 0;}textarea{overflow: auto;vertical-align: top;}table{border-spacing: 0;border-collapse: collapse;}
img { vertical-align:bottom }

/* 1.1 初期設定 
   ========================================================================== */

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

html {
	font-size: 13px;
}

body {
	position: relative;
	background: #fff;
	color: #595959;
	text-align: -webkit-left;
	word-wrap: break-word;
	font-family: arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}

.win body, textarea {
	font-family: MeiryoKe_PGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif;
}

.win input, select {
	font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;
}

.mac body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

body, textarea {
	line-height: 1.5;
}

a, 
a:visited {
	color: #06c;
	text-decoration: underline;
}

a:hover, 
a:focus {
	text-decoration: none;
	-webkit-transition: all 0.15s ease-in-out;
	   -moz-transition: all 0.15s ease-in-out;
			transition: all 0.15s ease-in-out;
}

a:active {
	position: relative;
	top: 1px;
	color: #f33;
}

a:link {
	-webkit-tap-highlight-color: rgba(000, 000, 000, 0);
}

/* iframe埋め込み */

.iframe-wrap {
	position: relative;
	padding-top: 56.25%;
	width: 100%;
}

.iframe-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wrapper {
	margin: 0 auto;
}

.header-bar {
	width: 100%;
	min-height: 30px;
}

.header-bar-inner, 
.banner-inner, 
.glovalnavi-inner, 
.container-inner, 
.footer-menu-inner, 
.footer-inner {
	margin: 0 auto;
	width: 1000px; /* ページ全体の幅 */
}

.header-bar-inner{
	position: relative;
}

.container-inner{
	margin-top: 20px;
}

/* Clear */

.glovalnavi-inner:before,
.glovalnavi ul:before,
.container:before,
.entry:before,
.entry-content:before,
.social-buttons:before,
.entry-navi:before,
.sidebar:before, /* ...? */
.footer-menu-inner:before,
.footer-inner:before,
.widget-item:before,
.search-bar:before,
.c3:before,
.c2:before,
.c1:before,
.cf:before { content:""; display:table; }

.glovalnavi-inner:after,
.glovalnavi ul:after,
.container:after,
.entry:after,
.entry-content:after,
.social-buttons:after,
.entry-navi:after,
.sidebar:after, /* ...? */
.footer-menu-inner:after,
.footer-inner:after,
.widget-item:after,
.search-bar:after,
.c3:after,
.c2:after,
.c1:after,
.cf:after { content:""; display:table; clear:both; }

.glovalnavi-inner,
.glovalnavi ul,
.container,
.entry,
.entry-content,
.social-buttons,
.entry-navi,
.sidebar, /* ...? */
.footer-menu-inner,
.footer-inner,
.widget-item,
.search-bar,
.c3,
.c2,
.c1,
.cf { zoom:1; }

/* ==========================================================================
   2. タイトルとナビゲーション
   ========================================================================== */

/* 2.1 ヘッダーバー  
   ========================================================================== */

.header-bar {
	background: #fff;
	padding-top: 10px;
}

.header-bar .logo{
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}

.header-bar .logo img {
	width: 160px;
	padding: 6px 0px 4px;
	height: 100%;
}

.header-bar .description{
	display: inline-block;
	margin:0;
	font-size: 11px;
	padding-top: 8px;
	vertical-align: middle; 
}


.header-bar .beginner_area{
	position: absolute;
	right: 205px;
	top: 15px;
}

.header-bar .beginner_area a{
	display: block;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	background: #92b91a url('img/beginner.svg') no-repeat 8px center;
	background-size: 8px;
	border-radius: 4px;
	padding: 5px 10px 5px 22px;
}

.header-bar .search_area{
	position: absolute;
	right: 0;
	top: 15px;
}


/* カスタムメニュー1 */

.header-bar .menu, 
.header-bar .sb-menu {
	float: right;
	margin: 0 0 0 5px;
	padding: 8px 0;
	line-height: 1;
}

.header-bar .sb-menu{
	display: none;
}

.header-bar .menu li, 
.header-bar .sb-menu li {
	display: inline;
	margin: 0 0 0 10px;
	color: #ededed;
	text-align: right;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.93rem;
	line-height: 1;
}

.header-bar .menu li a, 
.header-bar .sb-menu li a {
	padding: 11px 0;
	color: #ededed;
	text-decoration: none;
}

.header-bar .menu li a:hover, 
.header-bar .sb-menu li a:hover {
	color: #fff;
	text-decoration: none;
}

.header-bar .menu li a {
	padding-left: 18px;
	background-image: url(img/icon-arrow1.png);
	background-position: left center;
	background-repeat: no-repeat;
}

/* カスタムメニュー2 */

.header-bar .sb-menu li a {
	padding-left: 18px;
	background-position: left center;
	background-repeat: no-repeat;
}

.header-bar .sb-menu li a.law         { background-image: url(img/icon-law.png); }
.header-bar .sb-menu li a.facebook    { background-image: url(img/icon-facebook.png); }
.header-bar .sb-menu li a.twitter     { background-image: url(img/icon-twitter.png); }
.header-bar .sb-menu li a.google-plus { background-image: url(img/icon-g-plus.png); }
.header-bar .sb-menu li a.email       { background-image: url(img/icon-email.png); }
.header-bar .sb-menu li a.profile     { background-image: url(img/icon-profile.png); }
.header-bar .sb-menu li a.sitemap     { background-image: url(img/icon-sitemap.png); }
.header-bar .sb-menu li a.rss         { background-image: url(img/icon-rss.png); }

/* 2.2 サイトタイトル、サイトの説明
   ========================================================================== */

.banner {
	text-align: left;
	letter-spacing: 1px;
	zoom: 1;
}

.banner:after{
	display: table;
	clear: both;
	content: "";
}

.banner-inner {
	line-height: 0;
}

.site-title {
	margin: 0;
	padding: 1em 0 5px;
	font-weight: bold;
	font-size: 26px;
	font-size: 2rem;
	line-height: 1.33;
}

.site-title a, 
.site-title a:visited {
	color: #333;
	text-decoration: none;
}

.site-title a:hover {
	color: #999;
}



/* 2.3 グローバルメニュー
   ========================================================================== */

.glovalnavi {
	background: #fff;
	/* box-shadow: 0 2px 2px 0 rgba(148,148,148,0.2); */
	border-bottom: 1px solid #ccc;
	position: relative;

}

.glovalnavi-inner {
	margin: 0 auto;
}

.glovalnavi ul {
	list-style: none;
	margin: 15px 0;
	padding-left: 0;
}

.glovalnavi li {
	border-right: 1px solid #ccc;
	float: left;
	padding: 5px 0;
	text-align: center;
	font-size: 13px;
	font-size: 1.08rem;
	line-height: 1;
	white-space: nowrap;
	padding-right:27px;
	margin-right:27px;  
}

.glovalnavi li:last-child{
	border-right: none;
	padding-right:0px;
	margin-right:0px;
}

.glovalnavi li a, 
.glovalnavi li a:visited {
	text-decoration: none;
	color: inherit;
}

.glovalnavi li a:hover {
}



/* 第二階層
 * box-shadowやpaddingのキャンセルは無駄に見えるかもしれないが、
 * skinによって必要な場合があるので消してはいけない。
 */

.glovalnavi ul ul {
	position: absolute;
	z-index: 10;
	display: none;
	padding: 15px 0 0;
	border: none;
	background-image: none;
}

.glovalnavi li li {
	position: relative;
	display: block;
	clear: left;
	padding: 10px;
	width: 100%;
	border: 1px solid #ccc;
	border-top-width: 0;
	background: #fff;
	box-shadow: none;
	font-weight: normal;
}

.glovalnavi li li:first-child {
	border-top-width: 1px;
}

.glovalnavi li li:last-child {
}

.glovalnavi li li:hover {
	background: #f3f3f3;
	border-bottom: 1px solid #bbb;
}

.glovalnavi li li a {
	padding: 0;
	background: none;
	box-shadow: none;
	color: #555;
	text-shadow: 0 1px 0 #fff;
	font-size: 12px;
	font-size: 0.93rem;
	line-height: 1;
}

.glovalnavi li li:hover > a,
.glovalnavi li li a:hover {
	box-shadow: none;
	color: #000;
	text-shadow: 0 1px 0 #fff;
}

.glovalnavi li li a:before {
	content: none;
}

.glovalnavi ul ul ul {
	top: -1px;
	left: 100%;
	padding-top: 0;
}

.glovalnavi ul li:hover > ul {
	display: block;
}

/*
fv_area
*/

.fv_area{
	background: #efefef;
	padding: 20px 0;
	width: 100%;
}

.fv_area .inner{
	width: 1000px;
	margin: 0 auto;
}

.fv_area .inner .contents{
	width: 326px;
	float: left;
	overflow: hidden;
	margin-right:11px; 
	position: relative;
}

.fv_area .inner .contents p{
	font-size: 14px;
}

.fv_area .inner .contents:last-child{
	margin-right: 0;
}

.fv_area .inner .contents a{
	border: 1px solid #e4e4e4; 
	background: url('img/fv1.jpg') no-repeat center;
	background-size: cover;
	display: block;
	color: inherit;
	text-decoration: none;
	height: 220px;
	transition: all 0.3s ease-in-out;
}

.fv_area .inner .contents:nth-child(2) a{
	background-image: url('img/fv2.jpg');
}

.fv_area .inner .contents:nth-child(3) a{
	background-image: 
	url('http://seo-slovenija.com/wp-content/uploads/2017/06/02mogu.jpg');
}



.fv_area .inner .contents a:hover{
	transform: scale(1.1);
	top: 0;
	left: 0;
}

.fv_area .inner .contents p{
	background: rgba(107, 106, 106, 0.76);
	color: #fff;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 1px;
	padding: 10px 6px;
	font-weight: bold;
	z-index: 1;
}

.fv_area .inner .contents p span{
	font-size: 12px;
	color: #ddd;
	margin-top: 4px;
	display: block;
}


/* 2.4 パンくずリスト
   ========================================================================== */

.breadcrumb {
	margin: 0 auto 10px;
}

.breadcrumb ol {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	font-size: 0;
}

.breadcrumb ol li {
	color: #888;
	display: inline;
	padding-right: 5px;
	font-size: 12px;
	font-size: 0.93rem;
	line-height: 1;
}

.breadcrumb ol li a {
	text-decoration: none;
	font-weight: normal;
	color: inherit;
}

.breadcrumb ol li a:hover {
	text-decoration: underline;
}

.breadcrumb ol li a:hover:after{
	text-decoration: none;
}

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

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

/* ==========================================================================
   3. コンテンツ
   ========================================================================== */

.container {
	padding-bottom: 50px;
}

/* アーカイブページのタイトル */

.page-title {
	background: #f1f1f1;
	margin: 0;
	margin-bottom: 20px;
	padding: 10px;
	color: #222;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	font-size: 1.54rem;
	line-height: 1.5;
}

/* 3.1 レイアウト
   ========================================================================== */

/* ３カラム */

.column3 .contents { /* main + sidebar1 */
	display: inline;
	float: left;
	width: 80%;
}

.column3 .main {
	display: inline;
	float: right;
	margin-right: 1.875%;
	width: 71.25%;
}

.column3 .sidebar1 {
	display: inline;
	float: left;
	margin-bottom: 1.5%;
	width: 25%;
}

.column3 .sidebar2 {
	display: inline;
	float: right;
	margin-bottom: 2%;
	width: 20%;
}

/* ２カラム（右サイドバー） */

.right_sidebar .contents { /* main + sidebar1 */
	display: block;
	float: none;
	width: auto;
}

.right_sidebar .main {
	float: left;
	margin-right: -32%; /* sidebar + margin(20) */
	width: 100%;
}

.right_sidebar .main-inner {/* 
	-webkit-box-shadow: 0 0 2px 2px rgba(148,148,148,0.2);
	box-shadow: 0 0 2px 2px rgba(148,148,148,0.2); */
	border:1px solid #ccc; 
	border-radius: 4px;
	background: #fff;
	margin-right: 32%; /* sidebar + margin(20) */
	padding: 30px 15px 20px;
}

.right_sidebar .sidebar1 {
	float: right;
	width: 30%;
}

.right_sidebar .sidebar2 {
	float: right;
	clear: right;
	width: 30%;
}

/* ２カラム（左サイドバー） */

.left_sidebar .contents { /* main + sidebar1 */
	display: block;
	float: none;
	width: auto;
}

.left_sidebar .main {
	float: right;
	margin-left: -32%; /* sidebar + margin(20) */
	width: 100%;
}

.left_sidebar .main-inner {
	margin-left: 32%; /* sidebar + margin(20) */
}

.left_sidebar .sidebar1 {
	float: left;
	width: 30%;
}

.left_sidebar .sidebar2 {
	float: left;
	clear: left;
	width: 30%;
}

/* １カラム（サイドバー無し） */

.column1 .contents {
	display: inline;
	float: left;
	width: 90%;
}

.column1 .main {
	float: right;
	margin: 0 auto;
	padding: 0;
	width: 88%;
}

.column1 .sidebar1, 
.column1 .sidebar2 {
	display: none;
}

/* 見出し装飾
   ========================================================================== */

.h1,
h1.entry-title,
.entry-content h1,
.textwidget h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	margin: 0 0 0.5em;
	padding: 10px 14px;
	border-radius: 4px;
	background: #f0f0f0;
	color: #222;
}

.h2, 
.entry-content h2,
.textwidget h2 {
	margin: 2em 0 1em;
	padding: .75em 0.5em .75em 0em;
	text-align: left;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.33;
	border-bottom:2px solid #bbb; 
	border-top:2px solid #bbb; 
	color: #222;
}

.h3, 
.entry-content h3,
.textwidget h3 ,
.main h3.widget-title {
	border-bottom:2px solid #bbb; 
	margin: 30px 0 15px;
	padding: 10px 10px 5px 0;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.3;
	color: #222;
}

.entry-content h3{
	border-left:3px solid #bbb; 
	line-height: 1.1;
	padding-left: 9px;
	padding-bottom: 10px;
	margin-top: 3em;
}

.yarpp-related{
	background: #f2f2f2;
	border: 1px solid #e3e3e3;
	padding-bottom: 15px;
}

.yarpp-related h3{
	border-bottom: 1px solid #ddd;
	border-left: 3px solid #f48e9a;
	margin: 2em 0 1em;
	padding: 10px 10px !important;
	text-align: left;
	font-weight: normal;
	font-size: 14px;
	font-size: 1.24rem;
	line-height: 1.33;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
	border: 1px solid rgba(127,127,127,0.1);
	width: 150px;
	height: 200px;
	margin: 5px;
	margin-left: 0px;
	vertical-align: top;
}

.yarpp-thumbnails-horizontal{
	text-align: center;
	padding-top: 10px;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default{
	margin: 0 auto;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail{
	background: #fff;
	color: #595959;
	border: 1px solid #eee;
	vertical-align: top;
}

.yarpp-thumbnail > img{
	padding-top: 10px;
	margin: 0 auto;
}

.yarpp-thumbnail > img, .yarpp-thumbnail-default {
    margin: 0 auto;
}
.yarpp-related .yarpp-thumbnail-title{
	line-height: 18px;
	padding: 5px 6px ;
}
.h4, 
.entry-content h4,
.textwidget h4 {
	margin: 2em 0 1em;
	padding: .8em 0em .3em;
	color: #222;
	text-align: left;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.3;
}

.entry-content > h4{
	margin: 2.75em 0 1.5em;
	border-bottom: 2px solid #bbb;
	line-height: 1.1;
}



.h5, 
.entry-content h5,
.textwidget h5 {
	margin: 2.75em 0 1.5em;
	padding: 2px 0 6px 0px;
	border-bottom: 1px solid #bbb;
	color: #222;
	text-align: left;
	font-weight: bold;
	font-size: 18px;
	line-height: 1;
}

.h6, 
.entry-content h6,
.textwidget h6 {
	margin: 2em 0 .25em;
	padding: 0;
	color: #444;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.24rem;
	line-height: 1.33;
}

/* ==========================================================================
   3.2 メインエリア
   ========================================================================== */

.entry,
.main .widget {
	margin: 0 0 20px;
	text-align: left;
}

.entry > *:last-child,
.main .widget > *:last-child {
	margin-bottom: 0;
}

.main p {
	margin: 0 0 2.25em;
	padding: 0;
	text-align: left;
	font-size: 14px;
	font-size: 1.2rem;
	line-height: 1.95;
}
/* 
.main .main-inner section.entry-content p:nth-last-of-type(1){
	margin-bottom: 4.5em;
}
 */
.main > p strong{
	display: block;
	margin-bottom: -1.25em;
}

.main p small {
	font-size: 12px;
	font-size: 0.93rem;
}

.main blockquote {
	margin: 20px 0 20px;
	padding: 0.5em 0.5em 0.5em 48px;
	border-left: 3px #bbb solid;
	background: #f3f3f3;
	position: relative;
}

.main blockquote:before{
	content: '“';
	display: block;
	font-size: 80px;
	color: #888;
	position: absolute;
	top: 10px;
	left: 10px;
	line-height: 1;

}


.main blockquote p{
	font-size: 13px;
	font-style: italic;
	line-height: 1.7;
	margin-bottom: 0.5em;
}

.main blockquote > :first-child {
	margin-top: 0;
}

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

.main pre {
}

.main dl {
	margin: 20px 20px 20px 20px;
	padding: 0;
	color: #222333;
	text-align: left;
	font-size: 14px;
	font-size: 1.08rem;
	line-height: 1.95;
}

.main dt {
	font-weight: bold;
}

.main dd {
	margin-left: 2em;
}
.main ul,
.main ol {
	margin: -1em 0 1.5em 2em;
	padding: 0;
	list-style-type: disc;
	text-align: left;
}

.main ol {
	list-style-type: decimal;
}

.main li {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 1.2rem;
	line-height: 1.95;
}

.main table {
	margin: 1em 0 2em;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: none;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background: #fff;
	color: #222;
	text-align: left;
	font-size: 13px;
	font-size: 1rem;
	line-height: 1.5;
}

.main th, 
.main td {
	padding: 0.75em 1em;
	border: none;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
}

.main th {
	background: #f3f3f3;
	font-weight: bold;
	color: #333;
}



.entry-content img,
.textwidget img {
	height: auto;
	max-width: 100%;
}



#text-2 .textwidget center:nth-of-type(1) img{
	border-radius: 50%;
	border:1px solid #ddd ;
	width: 75%;
}

.h1 a, 
.h2 a, 
.h3 a, 
.h4 a, 
.h5 a, 
.h6 a, 
.h1 a:visited, 
.h2 a:visited, 
.h3 a:visited, 
.h4 a:visited, 
.h5 a:visited, 
.h6 a:visited, 
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a, 
h1 a:visited, 
h2 a:visited, 
h3 a:visited, 
h4 a:visited, 
h5 a:visited, 
h6 a:visited {
	color: inherit;
	text-decoration: none;
}

.h1 a:hover, 
.h2 a:hover, 
.h3 a:hover, 
.h4 a:hover, 
.h5 a:hover, 
.h6 a:hover, 
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {
	color: inherit;
	text-decoration: underline;
}

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

.widget-title {
	margin: 0;
	padding: 0 0 1em;
	text-align: left;
	font-weight: normal;
	font-size: 15px;
	font-size: 1.16rem;
	line-height: 1.3;
}

.widget .entry-title a {
	text-decoration: none;
}

.widget .entry-title a:hover {
	text-decoration: underline;
}

/* ==========================================================================
   ボタン
   ========================================================================== */



.btn-green {
	border-bottom: 4px solid #669a0a;
	background: #84c513 ;
}


/* ブログ投稿
   ========================================================================== */

.entry-content {
	line-height: 1.95;
}

.entry-content img {
	max-width: 100%;
	height: auto;
	display: block;
}

.entry-content p > img{
	position: relative;
	margin: .5em auto 1.5em;
}


.entry-content p img.sc-icon{
	display: none;
}

/* アイキャッチ */

.entry-img {
	float: right;
	overflow: hidden;
}

.entry-img img {
	margin: 0 0 15px 15px;
	width: inherit;
	height: auto;
}

.column3 .entry-img img {
	max-width: 186px;
}

.right_sidebar .entry-img img,
.left_sidebar .entry-img img {
	max-width: 220px;
}

/* 続きを読む */

a .moretext {
	display: block;
	text-align: right;
	font-size: 12px;
	font-size: 0.93rem;
}

a:hover .moretext {
}

/* ソーシャルボタン */


.sns_share_area ul{
	margin-left: 0 !important;
	font-size: 0;
	padding:10px 0 5px;
}

.main .sns_btn:before{
	content: '';
	display: none;
}

.main .sns_btn {
	float: left;
	width: 19%;
	padding: 8px 0 !important;
	border-radius: 4px;
	text-align: center;
	margin-right: 1%;
	display: block;
	border-bottom: 3px solid #bbb !important;
}

.main .sns_btn:last-child{
	margin-right: 0;
}

.sns_btn a{
	display: block;
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
}

.main .sns_btn .count_num{
	background: #fff;
	border-radius: 4px;
	color: #333;
	font-size: 12px;
	padding:0 1px; 
}


.main .sns_btn.facebook{
	background: #315096;
	border-bottom-color: #04153a !important;
}

.main .sns_btn.facebook .count_num{
	color: #315096;
}

.main .sns_btn.twitter{
	background: #55acee;
	border-bottom-color: #1f77b9 !important;
}

.main .sns_btn.twitter .count_num{
	color: #55acee;	
}

.main .sns_btn.google{
	background: #dd4b39;
	border-bottom-color: #bb2715 !important;
}

.main .sns_btn.google .count_num{
	color: #dd4b39;
}

.main .sns_btn.hatena{
	background: #008fde;
	border-bottom-color: #005382 !important;
}


.main .sns_btn.hatena .count_num{
	color: #008fde;
}


.main .sns_btn.pocket{
	background: #EE4256;
	border-bottom-color: #c0392b !important;
}

.main .sns_btn.pocket .count_num{
	color: #da3246;
}

/* メタ情報 */

.entry-meta {
	margin: 0 0 20px;
	padding: 1em 0 0;
	border-top: 1px solid #ccc;
	color: #666;
	text-align: right;
	font-size: 12px;
	font-size: 0.93rem;
	line-height: 2;
}

.entry-meta a, 
.entry-meta a:visited, 
.entry-meta a:hover {
	color: #666;
}

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



.main .widget ul {
	margin: -10px 0 0;
}

.main .widget ul li {
	padding: 6px 0 5px;
	border-bottom: 1px solid #ddd;
	list-style: none ;
}

.main .widget ul li ul {
	margin: 2px 0 2px 1em;
}

.main .widget ul li li {
	margin: 0 0 0 13px;
	padding: 0 0 2px;
	border-bottom: none;
	background: none;
	list-style: none;
}

/* アーカイブ */

.main .widget_archive {
}

/* カスタムメニュー */

.main .widget_nav_menu {

}

/* カテゴリー */

.main .widget_categories {

}

/* カレンダー */

.main .widget_calendar {

}

/* タグクラウド */

.main .widget_tag_cloud {

}

/* リンク */

.main .widget_links {
}

/* 固定ページ */

.main .widget_pages {
}

/* 最近のコメント */

.main .widget_recent_comments {
}

/* 最近の投稿 */

.main .widget_recent_entries {
}

.main .widget_recent_entries .post-date {
	float: right;
	margin-top: .3em;
	color: #666;
	font-size: 12px;
	font-size: 0.93rem;
}

/* 検索 */

.main .widget_search {

}

/* ページャー（数字）
   ========================================================================== */

.page-navi {
	text-align: left;
}

.page-navi .page-numbers {
	margin: 0 2px 1em 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.page-navi a.page-numbers, 
.page-navi .current, 
.page-navi a.next, 
.page-navi a.prev {
	padding: 5px 11px;
	border: 1px solid #b0b0b0;
	border-radius: 4px;
	background: #fff;
	color: inherit;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.93rem;
}

.page-navi .dots {
	margin: 0 2px 1em 0;
	padding: 5px 5px;
}

a.page-numbers:hover {
	border: 1px solid #aaa;
	background: #666;
	color: #fff;
}


.page-navi .current {
	border: 1px solid #444;
	border-radius: 4px;
	background: #666;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.93rem;
}

/* ページャー（前後）
   ========================================================================== */

.entry-navi {
	clear: both;
	margin: 0 auto;
	color: #999;
	font-size: 12px;
	font-size: 0.93rem;
	line-height: 1.5;
}

.entry-navi .previous {
	float: left;
	margin: 0 0 1em;
	width: 100%;
	text-align: left;
}

.entry-navi .next {
	float: right;
	margin: 0 0 1em;
	width: 100%;
	text-align: right;
}

/* コメント＆トラックバック
   ========================================================================== */

#comments, 
#respond {
	margin: 20px 0 0;
	padding: 1px 20px;
	background: #f3f3f3;
	text-align: left;
}

#respond {
	padding: 1px 20px 20px;
}

#comments a:hover, 
#respond a:hover {
}

#comments h3.title, 
h3#reply-title {
	margin: 15px 0 15px;
	padding: 0;
	color: #222;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.24rem;
	line-height: 1.3;
}

#comments p.wait{margin: 5px;color: #F00;}
#comments .comment-meta a:hover{color: #ccc;}

/* コメント */

ul.commentlist, 
ul.pinglist {
	margin: 0 0 30px;
	padding: 0;
	list-style-type: none;
}

li.comment, 
li.trackback {
	position: relative;
	margin: 15px 0;
	padding: 15px 0 0;
	border-top: 1px dotted #ccc;
}

.commentlist .reply .comment-reply-link {
	position: absolute;
	top: 15px !important;
	right: 0;
	margin: 0;
	padding: 0 0 2px 20px;
	background: url(img/icon_com.gif) no-repeat left 6px;
	font-size: 12px;
	font-size: 0.93rem;
}

.commentlist .avatar {
	float: left;
	margin: 0 10px 0 0;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
}

.comment-author {
	padding-bottom: 3px;
}

.fn {
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	font-size: 1.24rem;
}

.comment-meta {
	margin-top: -2px;
	margin-bottom: 10px;
	color: #999;
	text-align: left;
	font-size: 12px;
	font-size: 0.93rem;
}

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

.commentlist p, 
.pinglist li p {
	margin: 10px 0 10px;
	color: #666;
	text-align: left;
	font-size: 12px;
	font-size: 0.93rem;
	line-height: 1.5;
}

.comment-body {
	margin: 0 0 15px;
}

.commentlist ul.children {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.commentlist ul.children li {
	margin: 0 0 15px 55px;
	padding: 15px 0 0;
	font-size: 13px;
	font-size: 1rem;
}

.commentlist ul.children li .fn, 
.commentlist ul.children li .comment-meta {
	padding-right: 25px;
}

#commentform {
	text-align: left;
}

.column3 textarea#comment {
	width: 100%;
	height: 10em;
}

/* トラックバック */

.pinglist li {
}

.pinglist li p {
}

/* ==========================================================================
   3.3 サブエリア
   ========================================================================== */

.sub {
	margin: 0 0 10px;
	text-align: left;
}

.sub p {
	margin: 0 0 0.75em;
	padding: 0;
	text-align: left;
	font-size: 13px;
	font-size: 1rem;
	line-height: 1.5;
}

.sub ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style: disc;
}

.sub li {
	border-bottom: 1px dotted #ccc;
	margin: 0 0 8px;
	padding: 0 0 4px;
	text-align: left;
	font-size: 13px;
	font-size: 1rem;
	line-height: 1.5;
}

.sub li:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.sub li a, 
.sub li a:visited {
	color: inherit;
	text-decoration: none;
}

.sub li a:hover {
	text-decoration: underline;
}

.img-sub {
	margin: 0 auto;
	text-align: center;
}

.img-sub img {
	margin: 0 0 5px;
	width: 150px;
}

/* 見出し */

.sub h1 {
	margin-top: 1em;
	font-size: 13px;
	font-size: 1rem;
}

.sub h2 {
	margin-top: 1em;
	padding: .5em .75em;
	font-size: 13px;
	font-size: 1rem;
}

.sub h3{
	margin-top: 1em;
	padding: .5em .75em;
	font-size: 13px;
	font-size: 1rem;
}

.sub h4 {
	margin-top: 1em;
	padding: .5em .75em;
	font-size: 13px;
	font-size: 1rem;
}

.sub h5 {
	margin-top: 1em;
	font-size: 13px;
	font-size: 1rem;
}

.sub h6 {
	margin-top: 1em;
	font-size: 13px;
	font-size: 1rem;
}

/* ウィジェット(サイドバー)

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

.sub .widget {
	margin-bottom:15px;
	border: 1px solid #ddd;
	background: #fff;
	padding-bottom: 0px;
}


.sub .widget-title {
	margin: 0 0 10px;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
}

.sub .widget div{
	padding: 10px;
}

.column3 .sub .widget-title {
	font-size: 14px;
	font-size: 1.08rem;
}


.right_sidebar .sub .widget-title,
.left_sidebar .sub .widget-title {/* 
	background:rgba(245, 237, 224, 0.96); */
	font-size: 15px;
	font-size: 1.16rem;
	color: #f15f6c;
	border-bottom: 1px solid #ccc;
	padding:10px 10px 10px 10px;
	position: relative;
	margin-bottom: 0;
}


.sub .widget_text, 
.sub .textwidget {
	text-align: left;
}

.sub .widget_text *:first-child, 
.sub .textwidget  *:first-child {
	margin-top: 0;
}




/*ランキング*/

.sub .wpp-list{
	padding-top: 10px;
}
.wpp-list li{
	position: relative;

}

.wpp-list li:before{
	content: '1';
	background: #F0BC01;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	width: 1.35em;
	height: 1.35em;
	line-height: 1.35em;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.wpp-list li:nth-of-type(2):before{
	content: '2';
	background: #B8C0C8;
}

.wpp-list li:nth-of-type(3):before{
	content: '3';
	background: #BF7F34;
}

.wpp-list li:nth-of-type(4):before{
	content: '4';
	background: #777;
}

.wpp-list li:nth-of-type(5):before{
	content: '5';
	background: #777;
}



/* カテゴリー ドロップダウン表示 */

select.postform {
	padding: .1em .2em 0;
	width: 100%;
}

/* 検索バー */

.search-input {
	margin: 0;
	outline: 0;
	padding: 5px 10px 5px 22px;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 2px;
	background: #f8f8f8 url('img/icon_search.png') no-repeat 5px center;
	background-size: 14px;
	color: #777;
	font-size: 12px;
}

.search-input:hover {
	border: 1px solid #999;
}

.search-input:focus {
	border: 1px solid #999;
	background: #fff url('img/icon_search.png') no-repeat 5px center;
	background-size: 14px;
}

.search-submit {
	margin: 0;
	padding: 0 1em;
	height: 24px;
	border: 1px solid #bbb;
	border-radius: 1px;
	background: #fff;
	background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
	background:         linear-gradient(top, #fff 0%, #e6e6e6 100%);
	color: #444;
	font-size: 12px;
	line-height: 2;
	cursor: pointer;
	/*IE6 IE7 IE8 */
	position: relative;
	zoom: 1;
	-pie-background: linear-gradient(#fff 0%, #e6e6e6 100%);
	behavior: url("<?php bloginfo( 'template_directory' ); ?>/PIE.htc");
}

.search-submit:hover {
	border: 1px solid #999;
	color: #000;
}

.search-submit:active {
	box-shadow: 0 1px 2px rgba(000, 000, 000, 0.6) inset;
}

/* カレンダー */

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

#wp-calendar td, 
#wp-calendar th {
	padding: 8px 0;
	text-align: center;
	font-size: 12px;
	font-size: 0.93rem;
	line-height: 1;
}

#wp-calendar caption {
	padding: 10px 0 8px 0;
	color: #666;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	font-size: 0.93rem;
}

#wp-calendar th {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f3f3f3;
	font-weight: bold;
}

#wp-calendar tfoot td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* タグクラウド */

.tagcloud {
	text-align: left;
}

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

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






#toc{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 2em 0 ;
	padding:20px 10px;
}

#toc .toc-title{
	border-left: 2px solid #f15f6c;
	padding-left: 10px;
	margin-bottom: 0;
	font-size:18px;
	margin-bottom:20px;
}

#toc .toc-title span{
	font-weight:bold;
}

#toc ol{
	margin: 0;
	padding-left: 1.5em;
}

#toc ol li{
	margin-bottom:10px;
}


#toc ol li a{ 
	color: inherit; 
	text-decoration: none;
	display:inline-block;
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;
}



#toc ol li a:hover{
	text-decoration: underline;
}



/* ==========================================================================
   3.4 フッターエリア
   ========================================================================== */

/* フッターメニュー */

.footer-menu {
	clear: both;
	margin: 0 auto;
	padding: 20px 0 0;
}

.footer-menu .footer-menu1,
.footer-menu .footer-menu2,
.footer-menu .footer-menu3 {
	float: left;
	margin: 0;
	padding: 0;
}

.footer-menu .footer-menu1-inner {
	padding-right: 0%;
	padding-left : 0;
}
.footer-menu .footer-menu2-inner {
	padding-right: 0%;
	padding-left : 0%;
}
.footer-menu .footer-menu3-inner {
	padding-right: 0;
	padding-left : 0;
}

.footer-menu {
	background: #f3f3f3;
	width: 100%;
}


/* フッター */

.footer {
	clear: both;
	background: #999;
}

.footer-inner {
	padding: 2em 0;
	text-align: left;
	font-style: normal;
	font-size: 12px;
	font-size: 0.93rem;
	line-height: 1;
}

#footer-menu .footer-menu-inner div .widget-title{
	font-size: 12px;
	background: none;
	color: inherit;
	border-top:none ;
	border-bottom: 1px solid #ccc;
	padding-left: 0;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#footer-menu .footer-menu-inner div .widget{
	border: none;
	background: transparent;
}

#footer-menu .footer-menu-inner div ul{
	margin-left: 0;
}


.footer-menu .footer-menu1 .widget,
.footer-menu .footer-menu2 .widget
.footer-menu .footer-menu3 .widget{
	border: none;
	margin-bottom: 0;
}

.footer-menu .footer-menu1 .widget-title,{
	display: none;
}

.footer-menu .footer-menu1 .textwidget{
}

.footer-menu .footer-menu1{
	width: 16%;
}

.footer-menu .footer-menu2{
	width: 64%;
	padding: 0 2% 0;
}

.footer-menu .footer-menu3{
	width: 20%;
}


.footer-menu .footer-menu2-inner{
	padding:0px 0 15px; 
	font-size: 0.3em;
	padding-left: 0;
}

.footer-menu .footer-menu2-inner ul li,
.footer-menu .footer-menu3-inner ul li{
	font-size: 11px;
	width: 48%;
	display: inline-block;
	margin-right: 3%;
	padding-left: 1em;
	position: relative;
}

.footer-menu .footer-menu3-inner ul li{
	width: 100%;
	border-bottom: 1px dotted #ccc;
}

.footer-menu .footer-menu3-inner ul li:before,
.footer-menu .footer-menu2-inner ul li:before{
	content: '●';
	position: absolute;
	font-size: 0.8em;
	top: 0;
	left: 0;


}

.footer-menu .footer-menu2-inner ul li:nth-child(2n){
	margin-right: 0;
}
.footer-menu .footer-menu2-inner ul li:last-child{
	border-bottom: 1px dotted #ccc;
}

.footer-menu .footer-menu2-inner a{
	color: #777;
}

.footer-menu3-inner .widget .textwidget{
	padding: 0;
}

.footer p, 
.footer small {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
	font-size: 0.93rem;
}

.footer p {
	float: right;
	text-align: right;
}

.footer small {
	float: left;
	text-align: left;
}

.footer p a, 
.footer p a:visited, 
.footer small a, 
.footer small a:visited {
	color: #fff;
	text-decoration: none;
}

.footer p a:hover, 
.footer small a:hover {
	color: #fff;
}

.gotopbtn{
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.gotopbtn a{
	border-radius: 50%;
	background: rgba(203, 203, 203, 0.64); 
	display: block;
	height: 45px;
	width: 45px;
	position: relative;
}

.gotopbtn a:before{
	content: '';
	background: #fff;
	width: 20px;
	height: 3px;
	position: absolute;
	top: 18px;
	left: 19px;
	display: block;
	transform: rotate(45deg);
}


.gotopbtn a:after{
	content: '';
	background: #fff;
	width: 20px;
	height: 3px;
	position: absolute;
	top: 18px;
	left: 6px;
	display: block;
	transform: rotate(-45deg);
}

.related_post{
	border-radius: 4px;
	border: 1px solid #ccc;
	margin: 1.5em 0;
	padding: 15px 15px 13px;
	transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
}


.related_post > p{
	display: none;
}


.related_post:hover{
	background: #eee;
}


.related_post a{
	color:inherit;
	display: block;
}

.related_post a .left_img{
	display: block;
	float: left;
	width: 20%;
	border: 1px solid #e5e5e5;
}

.related_post a .right_text{
	float: right;
	width: 78%;
}

.related_post a .right_text h4:before{
	content: '関連記事';
	display: inline-block;
	background: #f48e9a;
	color: #fff;
	font-weight: normal;
	padding:2px 6px;
	border-radius: 2px;
	font-size: 13px;
	margin-right: 2px; 
}

.related_post a .right_text h4{
	margin-top: 0;
	padding: 0;
	border-left: 0;
	font-size: 16px;
	margin-bottom: 5px;
}

.related_post a .right_text .ptext{
	line-height: 1.6;
}


.related_post a .right_text .ptext > p{
	display: inline;
	margin: 0;
	font-size: 12px;
	line-height: 1.4;
}


/* ==========================================================================
   4. ページテンプレート
   ========================================================================== */

/* 4.1 サイトマップ
   ========================================================================== */

.sitemap .main p {
	margin: 0 0 10px;
	padding: 0;
	color: #666;
	text-align: left;
	font-size: 14px;
	font-size: 1.08rem;
	line-height: 1.5;
}

.sitemap .main ul {
	margin-bottom: 30px;
	padding: 0;
}

.sitemap .main li{
}

.sitemap .main ul li{
	margin-left: 2em;
	padding: 5px 0 5px 24px;
	background: url(img/sitemap-li.gif) left center no-repeat;
	list-style-type: none;
	text-align: left;
	font-size: 14px;
	font-size: 1.08rem;
	line-height: 1.5;
}

.sitemap .main ul li.last{
	background: url(img/sitemap-li-last.gif) left center no-repeat;
}

/* ==========================================================================
   5. その他
   ========================================================================== */

/* オリジナルウィジェット 共通フォーマット rewg= refines widgets
   ========================================================================== */

.rewg {
	text-align: left;
}

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

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

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

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

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

/* サムネイル */

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

.main .rewg .entry-img img {
	max-width: 81px;
	max-height: 50px;
	margin: 0;
}

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

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

/* タイトル */

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

.sub .rewg .entry-title {
	margin-bottom: 0.3em;
	text-align: left;
	font-size: 13px;
	font-size: 1rem;
	line-height: 1.5;
}

/* 本文 */

.main .rewg p {
	color: #555;
	margin-bottom: 5px;
	text-align: left;
	font-size: 12px;
	font-size: 0.93rem;
	line-height: 1.5;
	margin-top: 0;
}

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

/* 日付 */

.main .rewg .entry-date {
	margin-bottom: .4em;
	color: #666;
	font-size: 12px;
	font-size: 0.93rem;
}

.sub .rewg .entry-date {
	margin-bottom: .4em;
	color: #666;
	font-size: 12px;
	font-size: 0.93rem;
}

/* コメント数 */

.main .rewg .comment-num {
	color: #666;
	text-align: right;
	font-size: 12px;
	font-size: 0.93rem;
	line-height: 1.5;
}

.sub .rewg .comment-num {
	color: #666;
	text-align: right;
	font-size: 10px;
	font-size: 0.77rem;
	line-height: 1.5;
}

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

/* メイン */

.banners {
	text-align: left;
	font-size: 13px;
	font-size: 1rem;
	line-height: 1.5;
}

.banners .unit {
	float: 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;
}

.banners .image {
	overflow: hidden;
	margin-bottom: 5px;
	text-align: left;
}

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

/* サブ */

.sub .banners {
	margin-bottom: -5px;
	text-align: left;
	font-size: 12px;
	font-size: 0.93rem;
	line-height: 1.5;
}

.sub .banners .unit {
	float: none;
	margin-bottom: 5px;
}

.sub .banners .c1 .unit, 
.sub .banners .c1 .unit, 
.sub .banners .c2 .unit, 
.sub .banners .c2 .unit, 
.sub .banners .c3 .unit, 
.sub .banners .c3 .unit {
	width: auto;
}

.sub .banners .c1 .unit2, 
.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 .image {
	margin-bottom: 5px;
}

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

/* Responsive web design
   ========================================================================== */

/* 折りたたみボタン */

.sub-btn,
.gnavi-btn {
	display: none;
}

/* WordPress必須
   ========================================================================== */

/* Alignment */

.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: 0.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: 0.93rem;
	font-family: Georgia, serif;
}

.wp-caption .wp-caption-text {
	position: relative;
	margin-bottom: 0.6em;
	padding: 10px 0 5px 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;/* ... including captioned images! */
	background: #fff;
}

.indexed.format-image .entry-content .wp-caption .wp-caption-text {
	margin: 0;
	padding-bottom: 1em;
}

.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: 0.93rem;
	font-family: Georgia, serif;
}

.wp-caption .wp-caption-text {
	position: relative;
	margin-bottom: 0.6em;
	padding: 10px 0 5px 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);/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Post author highlighting */

.commentlist > li.bypostauthor {
	border-color: #d3d3d3;
	background: #ddd;
}

.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}

.commentlist > li.bypostauthor .comment-meta a:focus, 
.commentlist > li.bypostauthor .comment-meta a:active, 
.commentlist > li.bypostauthor .comment-meta a:hover {
}

.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */

.commentlist .children > li.bypostauthor {
	border-color: #d3d3d3;
	background: #ddd;
}


/* singlepagecustum */

.postid-1398 .main .review_area h3{
	margin-bottom: 30px;
}

.postid-1398 .main .review_area h3 span{
	color: #F0BC01;
}

.postid-1398 .main .review_area dl{
	border-radius: 3px;
	border: 1px solid #ccc;
	border-bottom: 2px solid #b5b5b5;
	margin: 12px 10px 10px 10px ;
	color: inherit;
}

.postid-1398 .main .review_area dl dt{
	background: rgba(236, 220, 194, 0.96) url('img/icon_check_bottom.svg') no-repeat 98% center;
	background-size: 20px;
	color: #9e7738;
	padding: 6px 8px;
	border-radius: 3px;
	font-size: 15px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.postid-1398 .main .review_area dl dt:hover{
	cursor: pointer;
	background: rgba(232, 200, 149, 0.96) url('img/icon_check_bottom.svg') no-repeat 98% center;
	background-size: 20px;
}

.postid-1398 .main .review_area dl dt strong{
	color: #fff;
	background: #9e7738;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
	padding:1px 6px;
	font-size: 0.8em; 
}

.postid-1398 .main .review_area dl dd{
	padding: 12px;
	margin-left: 0;
	background: #f5f5f5;
	display: none;
}

.postid-1398 .main .review_area dl dd a{
	color: #fff;
	text-decoration: none;
	background: #333;
	border-radius: 3px;
	display: block;
	font-size: 12px;
	padding: 5px 4px;
	margin-left: auto;
	width: 200px;
	text-align: center;
}

.postid-1398 .main .point_txt{

}

.main .btn{
	display: block;
	text-align: center;
}


/*************
愛犬に合ったドッグフードが見つかる【ジャンル別】おすすめ一覧！ 3711
【犬種別】基礎知識＆おすすめドッグフードを一挙大公開！！ 1364
これ選べば間違いなし！！安全な【無添加ドッグフード】おすすめ３選 3527
****************/

#post-2540 ol,
#post-3527 ol{
	margin:0 0 0 2em;
}

#post-2540 ol li,
#post-3527 ol li{
	margin-bottom: 5px;
}

#post-2540 ol li strong,
#post-3527 ol li strong{
	border-bottom: 2px dotted #9e7738;
}



#post-3527 ul,
#post-1364 ul,
#post-3711 ul{
	margin-left: 20px;
	list-style: none;

}


#post-3527 ul li:before,
#post-1364 ul li:before,
#post-3711 ul li:before{
	content:'●';
	color: #9e7738;
	position: absolute;
	left: 0;
	top: 0px;
}


#post-3527 ul li,
#post-1364 ul li,
#post-3711 ul li{
	border-bottom: 1px dotted #bbb;
	margin-bottom: 12px;
	padding-left: 1em;
	padding-bottom: 3px;
	position: relative;

}

#post-3711 ul span{
	background: #9e7738;
	color: #fff;
	font-size: 0.9em;
	padding: 2px 5px;
	border-radius: 3px;
	margin-left: 4px;
}

#post-3527 ul li a,
#post-1364 ul li a,
#post-3711 ul li a{
	color:inherit;
	font-weight: normal;
	text-decoration: none;
}

#post-2540 .entry-content p img{
}


/* プルダウン */

.postid-956 .main .review_area h3{
	margin-bottom: 30px;
}

.postid-956 .main .review_area h3 span{
	color: #F0BC01;
}

.postid-956 .main .review_area dl{
	border-radius: 3px;
	margin: 12px 10px 10px 10px ;
	color: inherit;
}

.postid-956 .main .review_area dl dt{
	background: rgb(247, 245, 245) url('img/icon_check_bottom.svg') no-repeat 98% center;
	background-size: 20px;
	color: #222;
	padding: 6px 8px;
	border-radius: 3px;
	font-size: 15px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	margin-bottom: 10px;
	border-bottom: 2px solid #b5b5b5;
}

.postid-956 .main .review_area dl dt:hover{
	cursor: pointer;
	background: rgb(226, 225, 225) url('img/icon_check_bottom.svg') no-repeat 98% center;
	background-size: 20px;
}

.postid-956 .main .review_area dl dt strong{
	color: #fff;
	background: #9e7738;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
	padding:1px 6px;
	font-size: 0.8em; 
}

.postid-956 .main .review_area dl dd{
	padding: 12px;
	margin-left: 0;
	background: #f5f5f5;
	display: none;
	margin-bottom: 15px;
}

.postid-956 .main .review_area dl dd a{
	color: #fff;
	text-decoration: none;
	background: #333;
	border-radius: 3px;
	display: block;
	font-size: 12px;
	padding: 5px 4px;
	margin-left: auto;
	width: 200px;
	text-align: center;
}


#post-2453 .entry-content ul{
	list-style: none;
	margin: 0;
}

#post-2453 .entry-content ul li{
	padding-left: 15px;
	border-bottom: 1px dashed #ccc;
	position: relative;
}

#post-2453 .entry-content ul li:last-child{
	border-bottom: none;
}


#post-2453 .entry-content ul li:before{
	content: '';
	background: #f15f6c;
	display: inline-block;
	height: 0.4em;
	width: 0.4em;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
}

#post-2453 .entry-content ul li a{
	text-decoration: none;
	color: inherit;
	display: block;
	padding: 10px 0;

}

#post-2453 .entry-content ul li a span{
	background: #f15f6c;
	display: inline-block;
	padding: 1px 2px;
	margin-left: 4px;
}

a.custambtn1{
	width: 80%;
	display: block;
	margin: 0 auto;
	border: 1px solid #f15f6c;
	border-bottom: 3px solid #d8505c;
	border-radius: 8px;
	text-decoration: none;
	text-align: center;
	padding: 15px ;
	color: #f15f6c;
	position: relative;
}
a.custambtn1:after{
	content: '';
	display: inline-block;
	width: 0.6em;
	height: 0.6em;
	border-right: 2px solid #f15f6c;
	border-top: 2px solid #f15f6c;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

/*お問い合わせフォーム*/
.main #post-31 .entry-content p{
	margin-bottom: 1.5em;
}

.main #post-31 .entry-content .wpcf7 form p span.head{
	border-left: 3px solid #666;
	padding-left: 5px;
	margin-bottom: 10px;
	display: block;
}


/*******************************************/

.btn strong {
	display: inline-block;
}
.btn strong a{
	display: inline-block;
	border: 1px solid #9e7738;
	border-bottom: 2px solid #9e7738;
	padding: 8px 20px;
	border-radius: 5px;
	color: #9e7738;
	text-decoration: none;
	font-weight: normal;
	transition: all .2s ease-in-out; 
	vertical-align: middle;
}
.btn strong a:after{
	content: '';
	height: 0.6em;
	width: 0.6em;
	display: inline-block;
	border-right: 2px solid #9e7738;
	border-top: 2px solid #9e7738;
	margin: 0 0 2px 2px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.btn strong a:hover{
	background: rgba(245, 237, 224, 0.96);
}


.point_contents{
	background: #f3f3f3;
	padding: 20px 15px;
	border-radius: 5px;
}

.point_contents h5{
 margin: 0 0 12px;
}

.point_contents p{
	margin-bottom: 12px;
}

.bg-red-lt,
.bg-purple-lt,
.bg-gray-lt,
.bg-blue-lt,
.bg-green-lt,
.bg-yellow-lt { 
	 border: 2px solid #f48e9a;
	 padding: 15px 15px;

}

.colored_bg{
	margin-top: -1.5em;
}

.colored_bg ul,
.colored_bg ol{
	margin-left: 1.5em;
}

.ib-right .bg-yellow-lt:after {
    border-left-color: #ecac4d;
}

.bg-yellow-lt p{
	margin-bottom: 0;
	position: relative;
	line-height: 1.8;
	padding-left: 1em;
}

.bg-yellow-lt p:before{
	background: #f48e9a;
	content: '';
	height: 0.8em;
	width: 0.8em;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 7px;

}

.bg-yellow-lt p strong span{
	font-weight: normal;
}

.illust_bubble .title{
	margin-bottom: 5px;
}

.box-r{

}

.box-r .sc-icon{
	display: none;
}

.colored_box {
	margin: 0 auto 20px;
	padding: 15px 20px;
	text-align: left;
	font-size: 14px;
	font-size: 1.08rem;
}

#text-2 .textwidget .owner{
	text-align: center;
	padding:0; 
	margin-bottom: 5px;
}

#text-2 .textwidget .owner_btn{
	display: inline-block;
}

#text-2 .textwidget .owner_btn1{
	margin:0 10px 0 0px; 
}

#text-2 .textwidget .owner_btn1 a img{
	border-radius: 0;
	border:none;
    width: 100%;
    margin-top: 0px;
}

#text-4 .textwidget{
	margin-bottom: 0px;
}

#text-4 h3.widget-title{
	background: #e14646;
	color: #fff;
	margin:0 ;
	border-bottom: none;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 10px 10px;
}

#text-4{
	border: 1px solid #ccc;
    border-radius: 4px;
    padding: 20px 15px 20px;
}

#text-4 .textwidget{
	margin-top: 20px;
}

#text-4 .textwidget .ranking{
	border-radius: 6px;
	border: 14px solid #f0bc01;
	margin-bottom: 15px;
	padding:15px; 
	position: relative;
	overflow:hidden; 
}

#text-4 .textwidget .ranking.rank2{
	border-color: #b8c0c8;
}


#text-4 .textwidget .ranking.rank3{
	border-color: #bf7f34;
}


#text-4 .textwidget .ranking h4{
	background: url('img/icon-ranking1-1.png') no-repeat left -4px;
	background-size: 40px;
	padding:8px 5px 8px 45px;
	margin: 0 0 15px;
	border: none;
	font-size: 18px;
	border-bottom: 2px solid #ccc;
}

#text-4 .textwidget .ranking.rank2 h4{
	background-image: url('img/icon-ranking1-2.png');
}

#text-4 .textwidget .ranking.rank3 h4{
	background-image: url('img/icon-ranking1-3.png');
}

#text-4 .textwidget .ranking .cf .clip_img {
	overflow: hidden;
	height: 160px;
	width: 100%;
	position: relative;
	margin-bottom: 10px;
	border: 1px solid #eee;
}

#text-4 .textwidget .ranking .cf .clip_img img{
	position: absolute;
	height: auto;
	width: 100%;
	top: 47%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}


#text-4 .textwidget .ranking .tag_lavel{
	position: absolute;
	display: inline-block;
	background: #e14646;
	border-bottom: 2px solid #a01c1c;
	color: #fff;/* 
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2); */
	text-align: center;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	z-index: 10;
	right: -33px;
	top: 25px;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 40px;
}

#text-4 .textwidget .ranking.rank2 .cf .clip_img img{
	top: 49%;
}

#text-4 .textwidget .ranking.rank3 .cf .clip_img img{
	top: 46%;
}


#text-4 .textwidget .ranking .cf .right_contents p{
	font-size: 13px;
	margin-bottom: 20px;
	line-height: 1.7;

}

#text-4 .textwidget .ranking .btn_area{
	text-align: center;
	margin-bottom: 15px;
}

#text-4 .textwidget .ranking .btn_area a{
	 display: inline-block;
    border: 1px solid #f15f6c;
    border-bottom: 2px solid #f15f6c;
    padding: 8px 20px;
    border-radius: 5px;
    color: #f15f6c;
    text-decoration: none;
    font-weight: normal;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    vertical-align: middle;
    width: 93%;
}

#text-4 .textwidget .ranking .btn_area a:hover{
	color: #fff;
	background:  #f15f6c;
}

#text-9{
	background: url('./img/bottom_contents_bg.png') no-repeat center;
	background-size: cover;
	padding: 25px 20px 50px;
	margin-top: 20px;
	text-align: center;
}
#text-9 .textwidget{
	text-align: center;
}

#text-9 .textwidget > *{
	text-align: center;
}


#text-9 h3{
	color: #fff;
	text-align: center;
	border-bottom: none;
	border: 1px solid rgba(255, 255, 255, 0.5);
	background: rgba(173, 162, 161, 0.5);
	padding: 12px;
	margin-top: 10px;
	margin-bottom: 0;
}

#text-9 h4{
	color: #fff;
	padding: 0;
	margin-bottom: 0.5em;
	margin-top: 1.5em;
}

#text-9 p{
	color: #eee;
	margin-bottom: 0.8em;
	line-height: 1.8;
}

#text-9 a{
	border-radius: 6px;
	background: #ee4256;
	display: inline-block;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	padding: 10px 30px;
	text-decoration: none;

}

.btn-orange {
	display: inline-block;
	background: #555;
	margin: 0px 2% 0 ;
	width: 46%;
}

/********topページ*************/

.home .container-inner {
    margin-top: 20px;
}

.home .right_sidebar .main-inner{
	border: none;
	padding:0; 
}

.home #top_new_list{
	border: 1px solid #ccc;
    border-radius: 4px;
    padding: 20px 15px 20px;
}

.home #top_new_list .entry{
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.home #top_new_list h2{
	background: #f1f1f1;
	margin-top: 0px;
	padding:8px 10px;  
}

.home #top_new_list .entry-header{
	width: 80%;
	float: left;
}

.home #top_new_list .entry-header h1.entry-title{
	background: none;
	font-size: 15px;
	padding: 0;
	margin-bottom: 10px;
}

.home #top_new_list .entry-header p{
	margin-bottom: 0;
	font-size: 13px;
	line-height: 1.5;
	padding-right: 10px;
}
.home #top_new_list .entry-header p a{
	color: inherit;
	text-decoration: none;
}

.home #top_new_list .entry-header p a:hover{
	text-decoration: underline;
}

.home #top_new_list .thum_img{
	width: 20%;
	float: right;
}

.home #top_new_list .thum_img img{
	border: 1px solid #ccc;
	width: 100%;
	display: block;
	height: auto;
}

.home #top_new_list .entry-meta{
	border:none; 
}

.home #top_new_list .yarpp-related{
	display: none;
}


/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊カテゴリリスト＊＊＊＊＊＊＊＊*/

.search #top_new_list,
.archive #top_new_list{
	border: 1px solid #ccc;
    border-radius: 4px;
    padding: 20px 15px 20px;
}
.search .entry,
.archive .entry{
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.search .entry h2,
.archive .entry h2{
	background: #f1f1f1;
	margin-top: 0px;
	padding:8px 10px;  
}
.search .entry .entry-header,
.archive .entry .entry-header{
	width: 80%;
	float: left;
}

.search .entry .entry-header h1.entry-title,
.archive .entry .entry-header h1.entry-title{
	background: none;
	font-size: 15px;
	padding: 0;
	margin-bottom: 10px;
}


.search .entry .entry-header p,
.archive .entry .entry-header p{
	margin-bottom: 0;
	font-size: 13px;
	line-height: 1.5;
	padding-right: 10px;
}


.search .entry .entry-header p a,
.archive .entry .entry-header p a{
	color: inherit;
	text-decoration: none;
}

.search .entry .entry-header p a:hover,
.archive .entry .entry-header p a:hover{
	text-decoration: underline;
}

.search .entry .thum_img,
.archive .entry .thum_img{
	width: 20%;
	float: right;
}

.search .entry .thum_img img,
.archive .entry .thum_img img{
	border: 1px solid #ccc;
	width: 100%;
	display: block;
	height: auto;
}

.search .entry .entry-meta,
.archive .entry .entry-meta{
	border:none; 
}


.search .entry .yarpp-related,
.archive .entry .yarpp-related{
	display: none;
}



/* ==========================================================================
   6. 調整用CSS
   ========================================================================== */

/* margin（外側の余白）
 * t … 上
 * r … 右
 * b … 下
 * l … 左
 *
 */

.m0   { margin: 0 !important }
.m0-t { margin-top: 0 !important }
.m0-r { margin-right: 0 !important }
.m0-b { margin-bottom: 0 !important }
.m0-l { margin-left: 0 !important }

.m10   { margin: 10px !important }
.m10-t { margin-top: 10px !important }
.m10-r { margin-right: 10px !important }
.m10-b { margin-bottom: 10px !important }
.m10-l { margin-left: 10px !important }

.m20   { margin: 20px !important }
.m20-t { margin-top: 20px !important }
.m20-r { margin-right: 20px !important }
.m20-b { margin-bottom: 20px !important }
.m20-l { margin-left: 20px !important }

.m30   { margin: 30px !important }
.m30-t { margin-top: 30px !important }
.m30-r { margin-right: 30px !important }
.m30-b { margin-bottom: 30px !important }
.m30-l { margin-left: 30px !important }

.m40   { margin: 40px !important }
.m40-t { margin-top: 40px !important }
.m40-r { margin-right: 40px !important }
.m40-b { margin-bottom: 40px !important }
.m40-l { margin-left: 40px !important }

.m50   { margin: 50px !important }
.m50-t { margin-top: 50px !important }
.m50-r { margin-right: 50px !important }
.m50-b { margin-bottom: 50px !important }
.m50-l { margin-left: 50px !important }

.m60   { margin: 60px !important }
.m60-t { margin-top: 60px !important }
.m60-r { margin-right: 60px !important }
.m60-b { margin-bottom: 60px !important }
.m60-l { margin-left: 60px !important }

/* padding（内側の余白）
 * t…上
 * r…右
 * b…下
 * l…左
 *
 */

.p0   { padding: 0 !important }
.p0-t { padding-top: 0 !important }
.p0-r { padding-right: 0 !important }
.p0-b { padding-bottom: 0 !important }
.p0-l { padding-left: 0 !important }

.p10   { padding: 10px !important }
.p10-t { padding-top: 10px !important }
.p10-r { padding-right: 10px !important }
.p10-b { padding-bottom: 10px !important }
.p10-l { padding-left: 10px !important }

.p20   { padding: 20px !important }
.p20-t { padding-top: 20px !important }
.p20-r { padding-right: 20px !important }
.p20-b { padding-bottom: 20px !important }
.p20-l { padding-left: 20px !important }

.p30   { padding: 30px !important }
.p30-t { padding-top: 30px !important }
.p30-r { padding-right: 30px !important }
.p30-b { padding-bottom: 30px !important }
.p30-l { padding-left: 30px !important }

.p40   { padding: 40px !important }
.p40-t { padding-top: 40px !important }
.p40-r { padding-right: 40px !important }
.p40-b { padding-bottom: 40px !important }
.p40-l { padding-left: 40px !important }

.p50   { padding: 50px !important }
.p50-t { padding-top: 50px !important }
.p50-r { padding-right: 50px !important }
.p50-b { padding-bottom: 50px !important }
.p50-l { padding-left: 50px !important }

.p60   { padding: 60px !important }
.p60-t { padding-top: 60px !important }
.p60-r { padding-right: 60px !important }
.p60-b { padding-bottom: 60px !important }
.p60-l { padding-left: 60px !important }

/* カラム */

*[class*="col-"]{
	margin-left : 0.83333333333333%;
	margin-right: 0.83333333333333%;
	float: left;
	display: block;
}

.col-1  { width: 6.6666666666667% }
.col-2  { width: 15% }
.col-3  { width: 23.333333333333% }
.col-4  { width: 31.666666666667% }
.col-5  { width: 40% }
.col-6  { width: 48.333333333333% }
.col-7  { width: 56.666666666667% }
.col-8  { width: 65% }
.col-9  { width: 73.333333333333% }
.col-10 { width: 81.666666666667% }
.col-11 { width: 90% }
.col-12 { width: 98.333333333333% }

*[class*="col-"].alpha { margin-left : 0 }
*[class*="col-"].omega { margin-right: 0 }

.cl { clear: both }

/* font-weight（文字の太さ） */

.b      { font-weight: bold !important }
.normal { font-weight: normal !important }

/* font-size（文字の大きさ） */

.f8pt  { font-size: 8pt !important }
.f9pt  { font-size: 9pt !important }
.f10pt { font-size: 10pt !important }
.f11pt { font-size: 11pt !important }
.f12pt { font-size: 12pt !important }
.f13pt { font-size: 13pt !important }
.f14pt { font-size: 14pt !important }
.f15pt { font-size: 15pt !important }
.f16pt { font-size: 16pt !important }
.f17pt { font-size: 17pt !important }
.f18pt { font-size: 18pt !important }
.f19pt { font-size: 19pt !important }
.f20pt { font-size: 20pt !important }
.f21pt { font-size: 21pt !important }
.f22pt { font-size: 22pt !important }
.f23pt { font-size: 23pt !important }
.f24pt { font-size: 24pt !important }
.f25pt { font-size: 25pt !important }

/* line-height（行の高さ） */

.lh10 { line-height: 1.0 !important }
.lh11 { line-height: 1.1 !important }
.lh12 { line-height: 1.2 !important }
.lh13 { line-height: 1.3 !important }
.lh14 { line-height: 1.4 !important }
.lh15 { line-height: 1.5 !important }
.lh16 { line-height: 1.6 !important }
.lh17 { line-height: 1.7 !important }
.lh18 { line-height: 1.8 !important }
.lh19 { line-height: 1.9 !important }
.lh20 { line-height: 2.0 !important }

/*行揃え*/

.al-c { text-align: center !important }
.al-r { text-align: right !important }
.al-l { text-align: left !important }

/*見出し一行目*/

.first-line { margin-top: 0 !important }

/*文字の色*/

.red    { color: #ff0000 !important }
.blue   { color: #0000dd !important }
.green  { color: #008000 !important }
.yellow { color: #ffff00 !important }
.navy   { color: #000080 !important }
.orange { color: #ff6600 !important }
.pink   { color: #ff69b4 !important }
.purple { color: #660099 !important }
.olive  { color: #808000 !important }
.lime   { color: #00ff00 !important }
.aqua   { color: #00ffff !important }
.black  { color: #000000 !important }
.gray   { color: #cccccc !important }
.white  { color: #ffffff !important }

/*背景の色*/

.bgc-red    {background-color: #ff0000 !important }
.bgc-blue   {background-color: #0000dd !important }
.bgc-green  {background-color: #008000 !important }
.bgc-yellow {background-color: #ffff00 !important }
.bgc-navy   {background-color: #000080 !important }
.bgc-orange {background-color: #ff6600 !important }
.bgc-pink   {background-color: #ff69b4 !important }
.bgc-purple {background-color: #660099 !important }
.bgc-olive  {background-color: #808000 !important }
.bgc-lime   {background-color: #00ff00 !important }
.bgc-aqua   {background-color: #00ffff !important }
.bgc-black  {background-color: #000000 !important }
.bgc-gray   {background-color: #cccccc !important }
.bgc-white  {background-color: #ffffff !important }

/* float: left（画像などを左端に寄せ、右側にテキストが回り込む）*/

.left { float: left; margin: 0 20px 20px 0 !important }

/* float: right（画像などを右端に寄せ、左側にテキストが回り込む）*/

.right { float: right; margin: 0 0 20px 20px !important }
.cl { visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0 }


/* Enter Your Custom CSS Here */

/* Contact Form 7をレスポンシブ対応する */
.form-width { width: 100%;}


.wpcf7-textarea{
	border: 1px solid #ccc;
}

/* Contact Form 7の送信ボタンフラット*/
.wpcf7-submit {
font-size: 1.2em;
padding: 8px 30px;
border-radius: 3px;
background-color: #aaa;
color: #fff;
border-style: none;
width: 100%;
transition: all 0.3s ease-out;
}
 
.wpcf7-submit:enabled {
background-color: #9e7738;
color: #fff;
}

/* トップ画面（記事一覧）でアイキャッチを非表示 */
.home .entry-img {
display: none;
}

.right_sidebar .entry-img img {
display: none !important;
}

/* ヘッダー周りを背景色と同一*/
.banner {
background:none;
}

/* リンクマウスオーバーで上右に2pxずらす */  
a:hover { 
position:relative;
top: 1px;
left:1px;
}

/* スマホ表示時の余⽩を変更 */
@media(max-width: 1000px) {
.header-bar-inner,
.banner-inner,
.glovalnavi-inner,
.container-inner,
.footer-menu-inner,
.footer-inner {

}
.entry,
.main .widget {
margin: 0 0 10px !important;
}
.main-inner > .entry,
.main-inner > .widget {
}
.main-inner > .entry .entry-title,
.main-inner > .widget .widget-title {
top: -10px !important;
margin: 0 -10px !important;
}
}

/* 日付けを非表示 */
.entry-meta .date {
display: none;
}

.yarpp_pro_msg{
    border: 1px ridge #D0D0D0;
    padding: 0.4em 2em 0.8em;
    text-align: justify;
}
.yarpp_pro_msg strong{
    display: inline-block;
    text-align: center;
    width: 100%;
    color: orange;
}
.yarpp_help {
    position: relative;
    display: inline-block;
    background: transparent url('../../../../wp-includes/images/wpicons.png') no-repeat -520px -20px;
    vertical-align: text-bottom;
    width: 20px;
    height: 20px;
}
.yarpp_help_msg {
    position: absolute;
    left: 25px;
    display: none;
    border: 1px solid #D0D0D0;
    width: 250px;
    text-align: justify;
    padding: 10px 15px;
    background-color: #FFF;
    box-shadow: 0 0 0.4em -0.15em #333;
    z-index: 100;
}
.yarpp_help:hover .yarpp_help_msg{
    display: block
}

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 1em;
	display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	background: #fff;
	padding: .2em .8em;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}

/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera
cabrerahector.com | @cabrerahector

Use the following classes to style your popular posts list as you like.
*/

/* Styles the "Sorry, no data so far" message */
.wpp-no-data {
}

/* UL - Popular Posts container styles */
.wpp-list {	
}

	/* LI - Post container styles */
	.wpp-list li {
		overflow:hidden;
		float:none;
		clear:both;
	}
	
	/* Styles for the popular post in view */
	.wpp-list li.current {
	}
	
		/* Thumbnail styles */
		.wpp-thumbnail {
			display:inline;
			float:left;
			margin:0 5px 0 0;
			border:none;
		}

		/* Title styles */
		.wpp-post-title {
		}
		
		/* Excerpt styles */
		.wpp-excerpt {
		}
		
		/* Stats tag styles */
		.post-stats {
			display:block;
			font-size:9px;
			font-weight:bold;
		}
			
			/* Comments count styles */
			.wpp-comments {
			}
			
			/* Views count styles */
			.wpp-views {
			}
			
			/* Author styles */
			.wpp-author {
			}
			
			/* Post date styles */
			.wpp-date {
			}
			
			/* Post category styles */
			.wpp-category {
			}
		
		/* WP-PostRatings styles */
		.wpp-rating {
		}

.yarpp-thumbnails-horizontal .yarpp-thumbnail, .yarpp-thumbnail-default, .yarpp-thumbnail-title {
	display: inline-block;
	*display: inline;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail > img, .yarpp-thumbnails-horizontal .yarpp-thumbnail-default {
	display: block;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
	font-size: 1em;
	max-height: 4.8em;
	line-height: 1.4em;
	margin-top: 0px;
	text-decoration: inherit;
	overflow: hidden;
}
.yarpp-thumbnail-default {
	overflow: hidden;
}
.yarpp-thumbnail-default > img {
	min-height: 120px;
	min-width: 120px;
}

/* レスポンシブ用 表示非表示 */

.lsc {display: block;}
.sp_on,.ssc {display: none;}

@media(max-width: 1000px) {

	html, body, .custom-background .wrapper {
		width: 100%;
		-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
	}

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

	textarea,input{
		max-width: 95%;
	}

	/* 

	1.2 レイアウト 

	*/

	.header-bar-inner, 
	.banner-inner, 
	.glovalnavi-inner, 
	.container-inner, 
	.footer-menu-inner, 
	.footer-inner {
		width: 100%; /* ページ全体の幅 */
	}

	.container {
		display: block;
		padding: 0;
	}

	.custom-background .wrapper {
		max-width: auto;
		width: 100%;
	}

	.header-bar-inner, 
	.banner-inner, 
	.glovalnavi-inner, 
	.container-inner, 
	.footer-menu-inner, 
	.footer-inner {
		max-width: auto;
		width: 100%;
	}

	.glovalnavi > .pad { /* padはグローバルメニューの調整用クラス */
		margin-left: 20px;
		margin-right: 20px;
	}

	.glovalnavi ul ul,
	.glovalnavi ul ul li {
		display: none;
	}

	/* ２カラム右, ３カラム */

	.column3 #contents,
	.right_sidebar #contents {
		display: block;
		float: none;
		width: auto;
	}

	.column3 #main,
	.right_sidebar #main {
		float: left;
		margin-left: 0;
		margin-right: -220px; /* sidebar + margin(20) */
		width: 100%;
	}

	.column3 .main-inner,
	.right_sidebar .main-inner {
		margin-left: 0;
		margin-right: 220px; /* sidebar + margin(20) */
		padding: 30px 15px 20px;
	}

	.column3 #sidebar1,
	.right_sidebar #sidebar1 {
		float: right;
		width: 200px;
	}

	.column3 #sidebar2,
	.right_sidebar #sidebar2 {
		float: right;
		clear: right;
		width: 200px;
	}

	/* ２カラム左 */

	.left_sidebar #contents {
		display: block;
		float: none;
		width: auto;
	}

	.left_sidebar #main {
		margin-right: 0;
		margin-left: -220px; / *sidebar + margin(20) */
		width: 100%;
	}

	.left_sidebar .main-inner {
		margin-right: 0;
		margin-left: 220px; /* sidebar + margin(20) */
	}

	.left_sidebar #sidebar1 {
		width: 200px;
	}

	.left_sidebar #sidebar2 {
		width: 200px;
	}

	/* 

	2.2 サイトタイトル、サイトの説明

	*/

	.site-description {
		display: none;
	}

	/* カスタムヘッダー */
	.header-txt {
		left: 40px;
		width: auto;
	}

}

@media(max-width: 640px) {
	.sp_on{
		display: block;
	}
	html,body{
		width: 100%;
		-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
	}

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

	textarea,input{
		max-width: 95%;
	}

	/* 

	1.2 レイアウト 

	*/
	.header-bar .description,
	.search-input{
		display: none;
	}

	.column3 #contents,
	.column3 #main,
	.column3 #sidebar1,
	.column3 #sidebar2,
	.right_sidebar #contents,
	.right_sidebar #main,
	.right_sidebar #sidebar1,
	.right_sidebar #sidebar2,
	.left_sidebar #contents,
	.left_sidebar #main,
	.left_sidebar #sidebar1,
	.left_sidebar #sidebar2,
	.column1 #contents,
	.column1 #main,
	.column1 #sidebar1,
	.column1 #sidebar2 {
		float: none;
		clear: none;
		margin-left: 0;
		margin-right: 0;
		max-width: auto;
		width: 100%;
	}

	.column3 .main-inner,
	.right_sidebar .main-inner,
	.left_sidebar .main-inner,
	.column1 .main-inner {
		margin-left: 0;
		margin-right: 0;
	}

	.column3 .container-inner,
	.left_sidebar .container-inner,
	.column1 .container-inner {
		padding-top: 20px;
	}

	/* 

	2.2 サイトタイトル、サイトの説明

	*/

	.header-bar{
		padding-top:10px;
		padding-left: 10px;
		position: relative;
	}

	.header-bar .logo{
		width: 160px;
	}

	.header-bar .beginner_area {
    	position: absolute;
    	right: 10px;
    	top: 8px;
	}

	.fv_area{
		padding:0; 
		height: auto;
	}

	.fv_area .inner{
		width: 100%;
		padding:20px 15px;
	}
	.fv_area .inner .contents{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.fv_area .inner .contents:last-child{
		margin-bottom: 0;
	}
	.fv_area .inner .contents a{
		height: 220px;
		position: relative;
		z-index:1;
	}
	/* 

	2.3 グローバルメニュー

	*/

	/* メニューボタン */

	.gnavi-btn {
		position: absolute;
		z-index: 10;
		display: none;
		text-decoration: none;
		font-size: 12px;
		cursor: pointer;
		top: 4px;
		right: 0px;
		border-radius: 2px;
		border: 1px solid #ccc;
		padding: 3px 8px;
	}
	[class^="icon-"], [class*=" icon-"]{
		vertical-align: middle;
	}

	/* glovalnavi */
	.glovalnavi{
		padding-left: 10px;
		overflow-x: auto;
		width: 100%;
	}

	.glovalnavi::-webkit-scrollbar {
		height: 3px;
		width: 50px;
	}
	.glovalnavi::-webkit-scrollbar-track {
		margin: 0 2px;
		border-radius: 5px;
	}

	.glovalnavi::-webkit-scrollbar-thumb {
			background: #555;
			border-radius: 5px;
	}

	.glovalnavi .pad{
			width: 790px;
			margin-left: 0;

	}
	.glovalnavi ul{
		margin:10px 0; 
	}
	.glovalnavi li{
		margin-right: 10px;
		padding-right: 10px;
		font-size: 13px;
	}
	.glovalnavi li a:hover{
		top: 0;
		left: 0;
	}


	/* 

	3.1 メインコンテンツ

	*/

	.container-inner{
		margin-top: 20px;
	}
	.breadcrumb{
		margin-bottom: 12px;
	}

	.breadcrumb ol{
		line-height: 16px;
	}

	/* アイキャッチ */

	.entry-img {
		float: none !important;
		padding: 0;
		zoom: 1;
	}

	.entry-img:after{
		display: block;
		clear: both;
		content: "";
	}

	.entry-img img {
		margin: 0 auto 2em;
	}

	/* コメント欄 */

	.commentlist >li > ul.children {
		margin: 0 0 1em 1em;
	}

	.commentlist ul.children li {
		margin: 0;
	}

	/* 

	3.3 サブコンテンツ

	*/
	.yarpp-related{
		background: #fff;
		margin: 1em -10px !important;
	}
	.yarpp-thumbnails-horizontal{
		margin-left: 0px;
	}

	.yarpp-thumbnails-horizontal .yarpp-thumbnail{
		width: 48%;
		margin-bottom: 5px;
	}

	/* 折り畳みボタン */

	.sub-btn {
		display: none;
		margin: 20px auto;
		padding: .75em 1em;
		border: 1px solid #b0b0b0;
		border-radius: 2px;
		background: #f0f0f0;
		background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
		background:         linear-gradient(top, #fff 0%, #e6e6e6 100%);
		box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
		color: #222;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 1) ;
		text-decoration: none;
		font-size: 12px;
		font-size: 0.93rem;
		cursor: pointer;
	}

	.sub-btn:hover {
		background: #f0f0f0;
		background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
		background:         linear-gradient(top, #fff 0%, #ededed 100%);
		color: #555;
		cursor: pointer;
	}

	.sub-btn:active {
		position: relative;
		top: 1px;
		box-shadow: 0 2px 2px rgba(000, 000, 000, .3) inset;
	}

	/* サブコンテンツ表示／非表示 */

	.column3 .sidebar,
	/* .right_sidebar .sidebar, */
	.left_sidebar .sidebar,
	.column1 .sidebar {
		display: none;
	}

	.column3 .sub-open,
	.right_sidebar .sub-open,
	.left_sidebar .sub-open,
	.column1 .sub-open {
		display: block;
	}
	.sns_share_area{
		margin-bottom: 15px;
	}

	#text-8 h3{
		overflow:visible; 
	}

	#text-8 h3 span{
		padding-left:0px;
		font-size: 18px;
	}
	#text-8 h3 span:before{
		width: 50px;
		height: 50px;
		left: inherit;
		right: 11px;
		bottom: -29px;
	}
	#text-8 h3 span:after{
		width: 33px;
		height: 19px;
		right: -8px;
		bottom: -29px;
	}
	#text-8 .textwidget p{
		padding:0 5px; 
	}
	#text-8 .textwidget p br{
		display: none;
	}
	#text-4{
		padding-left: 0;
		padding-right: 0;
	}
	#text-4 h3.widget-title{
		margin: 0 !important;
	}
	#text-4 .textwidget .ranking .btn_l{
		margin: 0 0px 20px;
	}

	#text-4 .textwidget .ranking{
		border-width: 8px;
		padding: 15px 10px 5px;
	}
	#text-4 .textwidget .ranking .cf .clip_img{
		height: 90px;
	}
	#text-4 .textwidget .ranking .btn_area a {
		width: 100%;
	}
	#text-4 .textwidget .ranking.rank1 .cf .clip_img img{
		top: 44%;
	}
	#text-4 .textwidget .ranking.rank2 .cf .clip_img img{
		top: 45%;
	}
	#text-4 .textwidget .ranking.rank3 .cf .clip_img img{
		top: 43%;
	}

	.home #top_new_list .entry-header{
		width: 70%;
	}
	.home #top_new_list .entry-header h1.entry-title{
		font-size: 14px;
		padding-right: 10px;
		margin-bottom: 4px;
	}
	.home #top_new_list .entry-header p{
		font-size: 12px;
	}

	.home #top_new_list .thum_img {
    width: 30%;
    float: right;
	}

	#text-9{
		background: url('./img/bottom_contents_bg.png') no-repeat right bottom;
		padding-left: 10px;
		padding-right: 10px;
		position: relative;
		z-index: 2;
	}
	#text-9:before{
		content: '';
		background: rgba(0, 0, 0, 0.27);
		height: 100%;
		width: 100%;
		display: inline-block;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		z-index: -1;
	}

	#text-9 h3{
		padding: 12px 0;
	}
	#text-9 h4{
		margin-bottom: 0.6em;
    	margin-top: 1.8em;
	}

	#text-9 a{
		width: 100%;
		text-align: center;
	}



	/* ==========================================================================
		 飾り背景
		 ========================================================================== */

	[class^="bg-deco-"] {
		width: auto !important;
	}

	/* ==========================================================================
		 吹き出し＋イラスト
		 ========================================================================== */

	/* イラスト */

	.ib-left .ib-illust,
	.ib-right .ib-illust {
		float: none;
		text-align: center;
	}

	/* 吹き出し */

	.ib-left .ib-bubble {
		margin-left: 0;
	}

	.ib-right .ib-bubble {
		margin-right: 0;
	}

	.ib-left .colored_bg:after,
	.ib-right .colored_bg:after {
		position: absolute; 
		top: -36px;
		left: 50%;
		width: 0; 
		height: 0;
		border: 18px solid transparent;
		content: "";
		margin-left: -18px;
	}

	.ib-left .bg-green-lt:after , .ib-right .bg-green-lt:after  { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #abddcd; }
	.ib-left .bg-blue-lt:after  , .ib-right .bg-blue-lt:after   { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #bccddd; }
	.ib-left .bg-gray-lt:after  , .ib-right .bg-gray-lt:after   { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #cdcdcd; }
	.ib-left .bg-purple-lt:after, .ib-right .bg-purple-lt:after { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #ddbccd; }
	.ib-left .bg-red-lt:after   , .ib-right .bg-red-lt:after    { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #eebcbc; }
	.ib-left .bg-yellow-lt:after, .ib-right .bg-yellow-lt:after { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #ecac4d; }

	.ib-left [class^="title-"],
	.ib-right [class^="title-"] {
		padding: 0;
	}
	.footer-menu{
		padding-bottom: 20px;
	}

	.footer-menu .footer-menu1,
	.footer-menu .footer-menu2,
	.footer-menu .footer-menu3{
		width: 100%;
		float: none;
	}
	#footer-menu .footer-menu-inner div ul{
		font-size: 0;
	}
	.footer-menu .footer-menu1{
		width: 30%;
		margin: 0px auto;
	}
	.footer-menu .footer-menu1 .textwidget{
		padding: 0;
	}
	.footer-menu .footer-menu2-inner{
		padding-bottom: 0px;
	}

	.footer-menu .footer-menu2-inner ul li,
	.footer-menu .footer-menu3-inner ul li{
		width: 49%;
		margin-right: 2%;
	}
	.footer-menu .footer-menu2-inner ul li:last-child,
	.footer-menu .footer-menu3-inner ul li:last-child{
		margin-right: 0%;
	}

	.footer-inner{
		padding: 10px;
	}

	.footer-inner small{
		padding-top: 7px;
		font-size: 11px;
	}


	#search-2{
		display: none;
	}

	/* ==========================================================================
		 レスポンシブ用 表示非表示
		 ========================================================================== */

	.lsc {display: none;}
	.ssc {display: block;}

	/* WordPress用 */

	img.alignleft,
	img.alignright{
		float: none;
		display: block;
		padding: 0;
		margin: auto;
	}

}