@charset "UTF-8";
/*!
Theme Name: wald-inc-child
Template:   simplicity2
Version:    20180701
*/

/* リセットおよび親style.cssのスタイル打消し・変更 */
/* トップページ・固定ページの詳細スタイルはstyle-user.css */

/************************************************************************
 HTML5 elements
*************************************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main
{ display: block;}

/************************************************************************
 Reseting
*************************************************************************/
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

html { font-size: 62.5%; overflow-y: scroll;}
body {
	font-family:
	/*-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",*/
	/*"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",*/
		"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #111;
	background-color: #fff;
	/*word-wrap: break-word;*/
	overflow-wrap: break-word;
	text-align: center;
	border-top: 5px solid #3a3a3a;
	-webkit-text-size-adjust:100%;
}
body, div, /*pre, blockquote,*/p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ max-width: 100%; height: auto; vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ul, ol
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q::after, q::before
{ content:"";}
a, input
{ outline: none; }
input, textarea
{ border-radius: 0; font-family:/*-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",*/ "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, "メイリオ", Meiryo, sans-serif;}
input[type="button"],input[type="submit"]
{ -webkit-appearance: none; background: none; border: none; padding: 0; cursor: pointer;}
abbr, acronym
{ border: 0;}
*
{ box-sizing: border-box;}

figcaption {
	display: table;
	text-align: left;
	line-height: 1.3;
	font-size: 1.25rem;
	font-weight: bold;
	padding: 0 2px 2px 4px;
	margin: 0.5em auto;
}
	figcaption.bg_gray-ph {
		display: block;
		padding: 0.5em 2px 0.5em 4px;
		margin: 0 auto;
	}

/* !inner
------------------------------------ */
.inner { 
	max-width: 1020px;
	text-align: left;
	margin: 0 auto;
	padding: 0 14px;
}

/************************************************************************
 Clearfix
*************************************************************************/
.clearfix,
section, article, aside,
#header, #contents {
	display: block;
	min-height: 1%;
}

.clearfix::after,
section::after, article::after, aside::after,
#header::after, #contents::after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

/************************************
** 見出し（H1-6）
************************************/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
#voice.single #wpEditor-content h2,
#voice.single #wpEditor-content h4 {
	line-height: 1.2;
	font-weight: bold;
	margin: 1.5em 0 1em 0;
}

body.page .entry-content{
  margin-bottom: 0;
}

/* = headLine02-l-line */
.article h2,
#voice.single #wpEditor-content h2 {
	border-left: 6px solid #00ad00;
	font-size: 2.0rem;
	padding: 0 0 0 0.5em;
	margin: 2em 0 1em 2px;
}

/* = headLine03-fwB + title-icon */
.article h3{
	font-size: 120%;
	border-bottom: none;
	padding:0 0 0 36px;
	line-height: 1.3;
}
	.article h3::before{
		position: absolute;
		font-family: "icomoon";
		content: "\e906";
		top: 48%;
		left: 0;
		width: 24px;
		height: 24px;
		color: #fff;
		line-height: 24px;
		text-align: center;
		font-size: 1.6rem;
		font-weight: normal;
		background-color: #ffca2c;
		border-radius: 50%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.article h3::after {
		display: block;
		position: absolute;
		content: "";
		top: 48%;
		left: 20px;
		width: 0;
		height: 0;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 10px solid #ffca2c;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}

.article h4, .article h5, .article h6,
#voice.single #wpEditor-content h4 {
	font-size: 110%;
	padding:0;
	border: none;
}

/* body.ichiran */
body.ichiran .article h2 {
	border-left: none;
	padding: 0;
	margin: 0 0 1em 0;
}

body.ichiran .article h3{
	position: static;
	padding:0;
}
body.ichiran .article h3::before,
body.ichiran .article h3::after {position: static; content: ""; border: none;}


@media screen and (min-width: 640px){
.article h2, #voice.single #wpEditor-content h2{ font-size: 2.1rem;}
}

@media screen and (min-width: 980px){
.article h2, #voice.single #wpEditor-content h2 { font-size: 2.3rem;}
.article h3 { font-size: 128%;}
}


/************************************
** アンカー
************************************/
a { color: /*#4d4d4d;*/#444;
	text-decoration: underline;
}
a:visited {}
a:hover, a:active, 
a:focus { text-decoration: none; color: #00ad00;} /* footer #47ff47; */

.widget_new_entries a,
.widget_new_popular a,
.widget_popular_ranking a,
.wpp-list a,
.entry-read a,
.related-entry-read a,
.article-list .entry-title a {
	color: /*#4d4d4d;*/#444;
}

.widget_new_entries a:hover,
.widget_new_popular a:hover,
.widget_popular_ranking a:hover,
.wpp-list a:hover,
.entry-read a:hover,
.entry .post-meta a:hover,
.related-entry-read a:hover,
.entry a:hover,
.related-entry-title a:hover,
.navigation a:hover,
#footer a:hover,
.article-list .entry-title a:hover,
.blog-card-title a:hover{
	color: #00ad00;
}

/************************************
** 引用（blockquote）, その他
************************************/
blockquote {
	padding: 10px 45px;
}

blockquote:after { bottom: -8px;}
body.mobile blockquote:after { bottom: 0;}

/* for mobile */
blockquote:before, blockquote:after { display: block;}
body.mobile blockquote:before, body.mobile blockquote:after { font-family: 'Georgia', 'Times', 'Times New Roman', serif;}

/* for IE11 */
@media screen and (min-width:0\0) {
  *::-ms-backdrop, blockquote:before { left: 0; font-family: 'Georgia', 'Times', 'Times New Roman', serif;}
  *::-ms-backdrop, blockquote:after  { right:0; bottom:-4px; font-family: 'Georgia', 'Times', 'Times New Roman', serif;}
}

pre { padding: 3px 7px;}

.article .mark-arrow a {
	font-size: 107%;
}

.wp-caption {border:none;}
.wp-caption-text{
	display: table;
	padding: 4px;
	margin:auto;
	text-align: left;
	line-height: 1.2;
}

/************************************
** リスト（List）
************************************/

.article ul{list-style-type: disc; margin-left: 1.2em;}

ul.mark-note, ul.mark-disc, ul.mark-arrow, ul.mark-arrow-single{list-style: none; margin-left: 0;}

/************************************
** 投稿のテーブル（Table）
** クラス名での設定はuser-parts.css
************************************/
.article table{
	font-size: 90%;
}

.article th, 
.article td{
	text-align: center;
}
.article th{ background-color: #f4f4f4;}

/************************************
** レイアウト（Layout）
************************************/
#body{
  margin-top: 0;
  min-height: 500px; /* for scroll upBtn */
}

#header-in, #navi-in, #body-in, #footer-in {
  width: auto;
}

#container #main {
	float: none;
	width:100%;
	padding: 0;
	margin: 0;
	border: none;
}

#container #sidebar {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}

/********** #contents **********/
#contents {
	margin-bottom: 1em;
}

body:not(.single) #contents img {
	display: block;
	margin: 0 auto;
}
	#contents img.icon-svg {
		display: inline;
		vertical-align: bottom;
		width: 1.2em;
		margin: 0 3px 1px 0;
	}

#contents figure {
	background-color: #f3f3f3;
	margin-bottom: 2em;
}
	#contents .contentsCol figure { margin-bottom: 1em;}
	#contents .contentsFitBox figure { margin-bottom: 0;}	
	body.templ-posts #contents figure { background-color: transparent;}

#contents section {
	margin-bottom: 1.5em;
}
	#contents section:last-child {
		margin-bottom: 1em;
	}

#contents .title {
	margin-top: 1.5em;
	margin-bottom: 0.7em;
}

#contents p,
#contents dl,
#contents ul,
#contents ol{ margin-bottom: 1em;}
	#contents p:last-child,
	#contents dl:last-child,
	#contents ul:last-child,
	#contents ol:last-child{ margin-bottom: 0;}

#contents .btn-request a::before,
#contents .btn-contact a::before,
#contents .btn-visit a::before { margin-bottom: -2px;}


#contents dl.mark-disc + p {
	margin-top: 1.5em;
}
#contents dl.mark-disc .title {
	margin: 1em 0 0.5em;
	color: #00ad00;
}

#contents dt.title.headLine03-green {
	font-weight: normal;
}

/************************************
** ヘッダー(header) →全て差し替え
** 親と被っている名前：#headerのみ
************************************/
#header {
	width: 100%;
}

#header .header-lead {
	width: 100%;
	margin: 2.5em auto 1em;
	padding-left: 0.2em;
	font-size: 1.2rem;
}

#header .logo {
	width: 97%;
	max-width: 360px;
	text-align: center;
	margin: 0.5em auto 1em;
}

/* !hNavi
------------------------------------ */
#hNavi {
	position: absolute;
	top: 5px;
	right: 0;
}
#hNavi li {
	display: inline-block;
	padding: 2px 6px 2px 0;
	vertical-align: top;
	font-size:  1.3rem;
}
#hNavi li.language {
	padding: 2px 6px;
	margin-left: 2px;
	background-color: #3a3a3a;
	color: #fff;
}
	#hNavi li a { text-decoration: none;}
	#hNavi li.language a { color: #fff;}
	#hNavi li.language a:hover { color: #47ff47;}

#hNavi a::before {
	font-family: "icomoon";
	content: "\e900";
	font-size: 1.4rem;
	vertical-align: middle;
}

/* !hBtn
------------------------------------ */
#hBtn li.btn-tel .sp-hide { display: none;}

#hBtnWrap {
	margin: 0 auto;
}

#hBtn li {
	float: left;
	width: 24%;
	margin-left: 1%;
	font-size: 1.1rem;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
}
	#hBtn { margin-left: -1%;}
	#hBtn li.btn-contact { width: 25%;}
	#hBtn li.btn-tel { width: 23%;}

#hBtn li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.3em 0.1em;
}

#hBtn .btn-tel a::before,
#hBtn .btn-request a::before,
#hBtn .btn-contact a::before,
#hBtn .btn-visit a::before {
	display: block;
	margin: 0 auto;
}

#hBtn .btn-tel a::after {
	content:"電話";
}

/* btn-line 
-----------------------------------*/
#hBtn li.btn-line {
	width: 99%;
	margin-top: 0.5em;
	border: 3px solid #00C300;
}
#hBtn li.btn-line a:hover {
	background-color: #f3f3f3;
}
#hBtn li.btn-line a {
	padding: 0;
}


/************************************
** モバイルメニュー（不要）
************************************/
#mobile-menu {
    display: none;
}

/************************************
** グローバルナビメニュー（menu）→全て差し替え
** 親と被っている名前：なし
************************************/
#gNavi {
	border-bottom: 1px solid #ccc;
	margin: 1em auto 1.2em;
}
	#gNavi.inner { padding: 0;}

#gNavi ul {
	overflow: hidden;
	width: 100%;
}
	#gNavi li {
		float: left;
		width: 50%;
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		text-align: center;
		line-height: 1.1;
	}
	#gNavi li:nth-child(even) { border-right: none;}
	
	#gNavi li a {
		display: block;
		padding: 8px 0;
		color: #111;
		text-decoration: none;
	}
		#gNavi li a:hover {
			background-color: #00ad00;
			color: #fff;
		}

/* current 
--------------------------------*/
#gNavi .current-menu-item a,
#gNavi .current-page-ancestor a,
#gNavi .current-post-ancestor a,
#gallery #gNavi .menu-item-object-gallery a,
#voice #gNavi .menu-item-object-voice a {
	background-color: #00ad00;
	color: #fff;
}

/************************************
** パンくずリスト（Breadcrumb）
************************************/
#breadcrumb{
	margin-bottom: 0;
	padding: 1em 0;
	font-size: 1.1rem;
	color: #7a7a7a;
}
body.templ-posts #breadcrumb{
	margin-bottom: 2em;
}

div#breadcrumb div { display: block;} /* for parent */
#breadcrumb .inner div { display: inline;}

#breadcrumb a{ color: #7a7a7a; text-decoration: underline;}
#breadcrumb a:hover {text-decoration: none; color: #00ad00;}
	

/************************************
** フッター(footer)、フッターナビメニュー　→全て差し替え
** 親と被っている名前：#footer, #copyright
************************************/
#footer, #copyright, #footer-widget {
  padding: 0;
}

.footer-left,
.footer-center,
.footer-right{
  padding: 10px 0 0;
}
/*.footer-center {
  width: 34%;
  padding: 10px 10px 0;
}
.footer-left,
.footer-right {
  width: 33%;
}*/
.footer-left {width: 100%;}

#footer-widget li {
  font-size: 80%;
}

#footer h3,
#footer .sns-follow-msg {
  font-size: 80%;
  margin: 0;
}

/** 子テーマ設定 ************************/
#footer {
	width: 100%;
	background-color: #3a3a3a;
	color: #fff;
	font-size: 1.3rem;
	padding-bottom: 5.5em;
}
	#footer a { color: #fff; text-decoration: none;}
	#footer a:hover { color: #47ff47;}

#footer .inner {
	padding-top: 1em;
}

#footer .inner .logo {
	width: 97%;
	max-width: 320px;
	margin-bottom: 8px;
}

#footer .inner .lead {
	margin-bottom: 6px;
}

/* !address
---------------------------------  */
address {
	border-top: 1px dashed #fff;
	padding-top: 6px;
}

/* !fNaviWrap（フッター下リンク）
---------------------------------  */
#fNaviWrap {
	padding: 1em 0 0.7em;
}

#fNavi li {
	display: inline-block;
	padding-right: 1em;
	vertical-align: middle;
	font-size: 1.1rem;
}
	#fNavi a::before {
		font-family: "icomoon";
		content: "\e900";
		vertical-align: middle;
	}

#copyright {
	color: #fff;
	font-size: 1.1rem;
	text-align: left;
	padding-top: 1em;
}

/* !f-gNavi（フッターナビメニュー）
-------------------------------------*/
#f-gNaviWrap {
	width: 100%;
	background-color: #ececec;
}

#f-gNavi.inner {
	margin-left: -1em;
}
	#f-gNavi li {
		display: inline-block;
		margin: 0 0 1.2em 1em;
		font-weight: bold;
	}
	#f-gNavi li a {
		color: #4d4d4d;
		text-decoration: underline;
	}
		#f-gNavi li a:hover {
			color: #00ad00;
			text-decoration: none;
		}

/* #footer-scroll-btn（スクロールで非表示になるフッターボタン）
-------------------------------------*/
/* f-upBtn */
#f-upBtn li.btn-tel .sp-hide { display: none;}

#f-upBtnWrap {
	position: fixed;
	bottom: 0;
	right: 0;	
	width: 100%;
	padding-bottom: 12px;
	/*background: rgba(58,58,58,.8);*/
	background-color: #3a3a3a;
	border-top: 1px solid #999;
	z-index: 999;
}

#f-upBtn li {
	float: left;
	width: 24%;
	margin-left: 1%;
	font-size: 1.1rem;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
}
	#f-upBtn { margin-left: -1%;}
	#f-upBtn li.btn-contact { width: 25%;}
	#f-upBtn li.btn-tel { width: 23%;}

#f-upBtn li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.3em 0.5em;
}
	#f-upBtn li a:hover {color: #fff;}

#f-upBtn .btn-tel a::before,
#f-upBtn .btn-request a::before,
#f-upBtn .btn-contact a::before,
#f-upBtn .btn-visit a::before {
	display: block;
	margin: 0 auto;
}

#f-upBtn .btn-tel a::after {
	content:"電話";
}

/* page-top(親機能使わない：子独自名）*/
.page-top{
  position:fixed;
  /*right: 14px;*/
  right: 0;
  bottom: 6em;
  z-index: 999;
}

.page-top a {
  color:#fff;
  text-decoration:none;
  display:block;
  cursor:pointer;
  text-align:center;
  /*background: rgba(100,100,100,.8);*/
  background-color: #3a3a3a;
  border: 1px solid #999;
  border-right: none;
  padding:9px 14px;
  line-height:100%;
  border-radius: 0;
  font-size:11px;
}

.page-top a:hover{
	color:#fff !important;
	background: rgba(100,100,100,.6);
}


/************************************
** サーチフォーム（Search Form）
************************************/
#searchform{
  margin-top: 0;
}

/* #sidebar-widget .widget_search */
#s {
	font-size: 1.2rem;
}

/* Base64変換PNGをクリアなSVGに変更 */
#searchsubmit {
background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiLz4NCiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+DQo8L3N2Zz4=') 28px/28px;
}

/************************************
** 入力フォーム（Form）
************************************/
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus {
  border: 1px solid #999;
  box-shadow:  0 0 3px rgba(153,153,153, 1);
}

/************************************
** メインカラム
** #main、投稿関係、関連記事（Relation）
************************************/
#main .post,
#main .page{
  margin-bottom: 0;
}

/** 子テーマ設定 ********************/
body.templ-posts .side{
	margin-top: 50px;
}
body.templ-posts .side .area-ichiran-link,
body.templ-posts .side .area-model-house {
	margin-bottom: 2em;
}
	body.templ-posts .side .area-model-house .fzS{
		font-size: 90%;
	}

body.templ-posts .article h1 {
	margin-top: 0;
}

body.templ-posts .article-list {
	margin-bottom: 2em;
}

.archive-title-pb {margin-left: -0.5em;}

body.templ-posts .readmore {
	 background-color: #00ad00;
}
#main .related-entry .readmore {font-size: 1.2rem; margin-bottom: 0.5em;}

/* wrapper-bg555 */
.wrapper-bg555{
	background-color: #555;
	color: #fff;
	margin-bottom: 1.5em;
}
	body.single .wrapper-bg555,
	#list .article-list.article-body-archive .wrapper-bg555 { margin-bottom: 0.3em;}

.wrapper-bg555 .post-meta{
	background-color: transparent;
	color: #fff;
	margin: 0;
}
.wrapper-bg555 .post-meta a{ color: #fff;}
.wrapper-bg555 .post-meta a:hover { color: #adffad;}

.wrapper-bg555 .post-meta,
#list .btn-entry-cat a, body.single .btn-entry-cat a {
	min-height: 2.2em;
}

#list .post-meta,
body.single .post-meta{
	margin: 0 11em 0 0.5em;
	font-size:1.3rem;
	text-align: left;
	padding-top: 0.2em;
}
	.post-meta .post-tag {
		display: inline-block;
		font-size: 1.3rem;
		padding-right: 0.7em;
	}
	.post-meta .tag-separator {
  		padding-right: 0.5em;
	}

/* btn-entry-cat */
#list .btn-entry-cat,
body.single .btn-entry-cat{
	margin:0;
	float: right;
	width: 10.3em;
	font-size: 1.3rem;
}
#list .btn-entry-cat a::after, body.single .btn-entry-cat a::after { left: 4px;}
#list .btn-entry-cat a, body.single .btn-entry-cat a { padding: 0.55em 4px 0.4em 12px;}

/* category icon-tree 現在不使用 */
.post-meta .category{
	width: auto;
}
.wrapper-bg555 .post-meta .category.icon-tree::before {
	display: inline-block;
	font-size: 2.0rem;
	font-weight: normal;
	margin: -2px -5px 0 0;
	color: #fff;
}
	.wrapper-bg555 .post-meta  .category.icon-tree a {
		text-decoration: none;
		border-bottom: 1px solid #fff;
	}
	.wrapper-bg555 .post-meta .category.icon-tree a:hover {
		border-bottom: none;
	}

/* #list
-------------------------------------*/
/* h2 */
#list .article-list .entry-title {
	font-size: 2.0rem;
	font-weight: bold;
}
	#list .article-list .mark-arrow-single {
		padding-left: 1em;
	}

#list .entry-thumb{
	margin-top: 0; padding-top: 0;
}
#list .article-list .entry-thumb{
	float: right;
	margin: 0 0 0 1em;
	overflow: hidden;
	width: 120px;
	max-height: 120px;
}
	#list .article-list .entry-thumb img{
		width: 100%;
		height: auto;
	}

#list .article-list .entry-snippet{
	font-size: 92%;
}


/* archive.php --------------- */
#list .article-list.article-body-archive{
	background-color: #f6f6f6;
	margin-bottom: 1.5em;
}

#list .article-list.article-body-archive .entry-title{
	font-size: 1.8rem;
	padding: 14px 10px 10px 1.3em;
	margin: 0;
}
	#list .article-list.article-body-archive .mark-arrow-single::before {left: 8px;}

#list .article-list.article-body-archive .entry-snippet{
	font-size: 1.2rem;
	padding: 0 10px 6px;
}

/* body.single
----------------------------------------*/
/* h1 */
body.single .article .entry-title{
	font-size: 2.2rem;
	line-height: 1.2;
	font-weight: bold;
	padding: 2.0rem 0;
	border-bottom: 1px solid #555;
}

body.single .article .eye-catch{
	text-align: center;
}

body.single #related-entries h2{
	font-size: 1.4rem;
	margin: 60px 0 8px;
}

/* lNavi-media */
body.single #lNavi-media .mark-arrow{
	font-size: 96%;
}
body.single #lNavi-media .mark-arrow a{
	font-size: 118%;
}


/***************************
** イベントページ（#event）
****************************/
/* common */
/* event-data */
#event.templ-posts .event-data-wrapper .event-data dt{
	float: left;
	font-weight: bold;
	line-height: 1.4;
}
#event.templ-posts .event-data-wrapper .event-data dd{
	margin-bottom: .5em;
	line-height: 1.4;
}

/* #event.ichiran
----------------------------------------*/
/* entry-thumb */
#event.ichiran .event-data-wrapper .entry-thumb {
	max-height: 200px;
	margin: 0 10px 6px;
}

/* bg_gray-ph */
#event.ichiran .event-data-wrapper .bg_gray-ph {
	margin-bottom: 0;
}

/* h3 */
#event.ichiran .event-data-wrapper .event-data-title {
	font-size: 100%;
	margin: 2px 0 0.7em 0;
}

/* #event.single
----------------------------------------*/
#event.single .event-data-wrapper + p{
	margin-top: 2em;
	
}

/* event-entry-thumb（eye-catch） */
#event.single .event-data-wrapper .event-entry-thumb {
	float: right;
	max-width: 120px;
	margin: 0 5px 14px 10px;
	position: relative;
	z-index: 10;
}

/* bg_gray-ph */
#event.single .event-data-wrapper .bg_gray-ph {
	padding: 16px;
	margin: 0;
}
#event.single .event-data-wrapper .entry-btn.bg_gray-ph {
	padding: 0 0 14px;
}

/* .article h2 */
#event.single .event-data-wrapper .event-data-title {
	border-left: none;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.2;
	padding: 0;
	margin: 2px 0 1em 0;
}

/* event-map */
#event.single .event-data-wrapper .event-data .event-map {
	display: inline-block;
	vertical-align: top;
	font-size: 1.3rem;
	font-weight: normal;
	text-decoration: none;
	padding: 5px 10px 5px 20px;
	margin-top:3px;
}
	#event.single .event-data-wrapper .event-data .event-map::after {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		/*right: 10px;*/
		left: 6px;
		display: block;
		content: "";
		width: 6px;
		height: 6px;
		border-top: #fff 2px solid;
		border-right: #fff 2px solid;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#event.single .event-data-wrapper .event-data .event-map:hover,
	#event.single .event-data-wrapper .event-data .event-map:focus {
		color: #fff;
		background-color: #00e000;
	}


/************************************
** サイドバー（Sidebar）・ウィジェットなど
************************************/
#main .widgets{
  margin: 0;
}

#sidebar{
	font-size: 1.3rem;
}

#sidebar h3{
	font-weight: bold;
	font-size: 130%;
}

#sidebar .widget{
	margin-bottom: 1em;
}

#sidebar .widget_tag_cloud,
#sidebar .widget_archive{
	margin-bottom: 3em;
}

#sidebar .widget select{
	width: 100%;
}

/* sidebarタグクラウド
---------------------------------------*/
#sidebar .widget_tag_cloud a.tag-cloud-link{
	display: inline-block;
	font-size: 1.2rem !important;
	line-height: 1.2;
	text-decoration: none;
	background-color: #555;
	border-radius: 4px;
	color: #fff;
	margin: 0 0.3em 0.5em 0;
	padding: 5px 0.7em;
}
	#sidebar .widget_tag_cloud a.tag-cloud-link:hover {
		color: #adffad;
	}

/* カテゴリーリストウィジェット：sidebar用
---------------------------------------*/
#sidebar .widget_categories .children{
	margin-top: 8px;
}

/* カテゴリーリストウィジェット：固定ページ用（col2→3）
------------------------------------------------*/
body.page .widget-under-page-category.area-ichiran-link {
	clear: both;
	margin: 2em auto;
}
body.page .widget-under-page-category.area-ichiran-link .children li {
	display: inline-block;
	vertical-align: top;
	margin-top: 1em;
	width: 100%;
}	

/* ウィジェットで追加するカテゴリーをボタンに
--------------------------------------------------------- */
#sidebar .widget_categories ul,
body.page .widget-under-page-category.area-ichiran-link ul{
	padding-left: 0;
	margin-left: 0;
	text-align: left;
}

/* ＝btn_waku01px */
#sidebar .widget_categories li,
body.page .widget-under-page-category.area-ichiran-link li{
	position: relative;
	font-size: 1.6rem;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
}
	#sidebar .widget_categories li::after,
	body.page .widget-under-page-category.area-ichiran-link li::after{
		position: absolute;
		top: 0.85em;
		/*bottom: 0;*/
		/*margin: auto;*/
		left: 6px;
		display: block;
		content: "";
		width: 8px;
		height: 8px;
		border-top: #999 2px solid;
		border-right: #999 2px solid;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
#sidebar .widget_categories li a,
body.page .widget-under-page-category.area-ichiran-link li a{
	display: block;
	padding: 0.5em;
	padding-left: 20px;
	text-decoration: none;
	border: 1px solid #999;
	color: #666;
}
#sidebar .widget_categories li a:hover,
#sidebar .widget_categories li a:focus,
body.page .widget-under-page-category.area-ichiran-link li a:hover,
body.page .widget-under-page-category.area-ichiran-link li a:focus{
	background-color: #f3f3f3;
	color: #666;
}

/* sidebar最近の投稿
---------------------------------------*/
#sidebar .widget_recent_entries li{
	border-top: 1px dashed #ccc;
	margin: 0;
	padding: 0.5em 0;
}
	#sidebar .widget_recent_entries li:first-child{
		border-top: none;
		padding-top: 0;
	}

/************************************
** SNSシェアボタン
************************************/
ul.snsbs li a{
  width:35px;
  height: 35px;
}

/************************************
** SNSページフォロー
************************************/
#sns-group {
	margin-top: 15px;
}

#contents .sns-follow-msg,
#contents .sns-share-msg {
  font-size: 80%;
  margin:0;
}

ul.snsp li a span {
  font-size: 34px;
  width: 34px;
  height: 34px;
}

/************************************
** 前の記事へ、次の記事へ（デフォルト）
************************************/
.navigation{
	clear: both;
	font-size: 1.3rem;
	margin: 20px 0 4px;
	font-weight: bold;
}

.navigation a{
  text-decoration: none;
}

.navigation a:hover{
  background: #f3f3f3;
}

/************************************
** 前の記事へ、次の記事へ（サムネイルつきポストナビ）
************************************/
#prev-next{
  margin: 36px 0 2px;
}

#prev-next #prev:hover, #prev-next #next:hover{
/*background-color: rgba(238,238,238,0.7);*/
  background: #f3f3f3;
}

/************************************
** ページャー、ページナビゲーション
************************************/
a.page-numbers,
.pager .current{
	padding: 8px 12px;
	background-color: #fff;
	border: 1px solid #666;
	border-radius: 3px;
	color: #444;
	font-size: 1.4rem;
	font-weight: bold;
    text-decoration: none;
}

.pager .current{
    background-color: #444;
   	border: 1px solid #444;
	color: #fff;
}

a.page-numbers:hover{
	background-color: #f3f3f3;
	border: 1px solid #ccc;
}

/************************************
** レスポンシブページネーション
************************************/
.pagination{
  margin: 1.5em auto !important;
}

/************************************
** 記事分割時のページナビゲーション
************************************/
.page-link {
margin: 2em auto;
text-align:center;
}

.page-link span,
.comment-page-link span,
.comment-page-link a{
margin-right: 0;
padding: 6px 11px;
background-color: #444;
border: 1px solid #444;
border-radius:3px;
font-size: 1.4rem;
color: #fff;
font-weight: bold;
text-decoration: none;
}
.page-link a span,
.comment-page-link a{
background: #fff;
border: 1px solid #666;
color:#444;
}
.page-link a{
border-bottom: none;
color: #444;
text-decoration:none;
}
.page-link a span:hover,
.comment-page-link a:hover{
	background-color: #f3f3f3;
	border: 1px solid #666;
	border-radius: 3px;
	color: #444;
}

/************************************
** ブログカードのスタイル
************************************/
.blog-card-title a{
	font-size: 100%;
	margin-bottom:8px;
	line-height: 1.2;
}
.blog-card-excerpt{
	font-size: 80%;
	line-height:1.3;
}


/****************************************************************************
** 共通メディアクエリ
*****************************************************************************/
@media screen and (min-width: 480px){

/****************************************
** ヘッダ(header)
*****************************************/
/*------------------------------------
** !hBtn
--------------------------------------*/
#hBtn li {
	font-size: 1.4rem;
}
	#hBtn li.btn-contact,#hBtn li.btn-tel{ width: 24%;} /* all 24 */

#hBtn li a {
	padding: 0.6em 0.1em;
}

#hBtn .btn-request a::before, #hBtn .btn-contact a::before, #hBtn .btn-visit a::before, #hBtn .btn-tel a::before {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.7rem;
	margin: -2px 2px 0 0;
}


/************************************
** グローバルナビ
************************************/
#gNavi li {
	width: 33.3%;
}
	#gNavi li:nth-child(even) { border-right: 1px solid #ccc;}
	#gNavi li:nth-child(3n+3) { border-right: none;}


/****************************************
** フッタ（footer）
*****************************************/
#fNaviWrap {
	position: relative;
}
	#copyright {
		position: absolute;
		right: 0;
		bottom: 0.8em;
	}

/*----------------------------------
** #footer-scroll-btn
------------------------------------*/
#f-upBtnWrap {
	border-top: 1px solid #999;
	background-color: #3a3a3a;
}

#f-upBtn li {
	font-size: 1.3rem;
}
#f-upBtn li a{
	padding: 0.6em 0.2em;
}

#f-upBtn .btn-request a::before, #f-upBtn .btn-contact a::before, #f-upBtn .btn-visit a::before, #f-upBtn .btn-tel a::before {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.6rem;
	margin: -2px 2px 0 0;
}

/* #f-upBtnとpage-topの調整 */
#f-upBtn{
	margin-right: 48px;
}

.page-top{
	right: 10px;
	bottom: 10px;
}

.page-top a{ padding:8px 14px; background: rgba(153,153,153,.8); border: none;}
.page-top a:hover{ background: rgba(153,153,153,.6);}


/****************************************
** 投稿関係
*****************************************/
#list .article-list .entry-thumb{
	width: 140px;
}

/* wp-text-editor */
.article .btn-4act.col1_2 { width: 48.5%;}


/**********************
** イベントページ（#event）
***********************/

/* event-data */
#event.single .event-data-wrapper .event-data dt{
	margin-bottom: .5em;
}
#event.single .event-data-wrapper .event-data dd{
	margin: 0 0 .5em 3em;
}

/* eye-catch */
#event.single .event-data-wrapper .event-entry-thumb {
	max-width: 140px;
	margin: 0 10px 10px;
}

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

/* カテゴリーリストウィジェット：固定ページ用
------------------------------------------------*/
/* col2に */
body.page .widget-under-page-category.area-ichiran-link .children li{
	width: calc(100% / 2 - 8px);
	margin: 1em 0 0 10px;
}
	body.page .widget-under-page-category.area-ichiran-link .children li:nth-child(odd) {
		margin-left: 0;
	}

/*-----------------------------------
** サイドバー　widget_categories　ボタン化
-------------------------------------*/
#sidebar .widget_categories ul.children li{
	float: left;
	width: 49%;
}
#sidebar .widget_categories ul.children li:nth-child(odd){
	float: right;
}

/************************************
** ブログカードのスタイル
************************************/
.blog-card-title{
	padding: 5px 0;
}
.blog-card-title a{
  font-size: 106%;
}
.blog-card-excerpt{
  font-size: 88%;
  line-height:1.4;
}

/* blog-card-wide */
.blog-card.blog-card-wide{
  width: 100%;
  margin: 20px auto;
}
.blog-card.blog-card-wide .blog-card-content{
  margin-left:0;
}


}

@media screen and (min-width: 640px){

/****************************************
** ヘッダ(header)
*****************************************/
#header .header-lead {
	margin: 2.5em auto 0;
}

#header .logo {
	max-width: 380px;
	margin: 1em auto 1.2em;
}

/*----------------------------------
** #hBtn
------------------------------------*/
#hBtn li,
#hBtn li.btn-contact {
	width: 31%;
	margin-left: 1%;
	font-size: 1.5rem;
	margin-bottom: 5px;
}
	#hBtn li.btn-contact { width: 34%;}
	#hBtn { margin-right: -1%;}

#hBtn .btn-request a::before, 
#hBtn .btn-contact a::before, 
#hBtn .btn-visit a::before {
	font-size: 1.7rem;
	margin: -2px 4px 0 0;
}

/* btn-tel
-----------------------------------*/
#hBtn li.btn-tel .sp-hide { display: inline;}

#hBtn li.btn-tel,
#hBtn li.btn-tel a, 
#hBtn li.btn-tel a:hover {
	display: inline;
	background-color: transparent;
	color: #111;
}

#hBtn li.btn-tel {
	width: 51%;
	margin-top: 8px;
	font-size: 1.1rem;
	font-weight: normal;
}

#hBtn .btn-tel a::after { content: none;}
#hBtn .btn-tel a::before {
	content: "電話での問い合わせは";
	font-size: 1.1rem;
}

#hBtn li.btn-tel .tel {
    font-family: 'Lato', sans-serif;
	font-size: 2.5rem;
	font-weight: bold;
}
/*#hBtn .btn-tel .tel::before {
	font-family: "icomoon";
	content: "\e903";
	display: inline-block;
	vertical-align: top;
	font-size: 2.6rem;
	font-weight: normal;
	margin: 0 -1px 0 2px;
	color: #3EB13B;	
}*/
#hBtn .btn-tel .svg-tel {
	display: inline-block;
	vertical-align: top;
	width: 16px;
	margin: 6px -1px 0 0;
}


/* btn-line 
-----------------------------------*/
#hBtn li.btn-line {
	float: right;
	width: 46%;
	margin-top: 2px;
	margin-right: 1%;
}

/****************************************
** #breadcrumb
*****************************************/
#breadcrumb {
	font-size: 1.2rem;
}

/****************************************
** フッタ（footer）
*****************************************/
#footer .inner .logo {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 1em 8px 0;
}

#footer .inner .lead {
	display: inline-block;
}

/*----------------------------------
** #footer-scroll-btn
------------------------------------*/
#f-upBtn li {
	font-size: 1.6rem;
}
#f-upBtn li a{
	padding: 0.6em 0.5em;
}

#f-upBtn .btn-request a::before, #f-upBtn .btn-contact a::before, #f-upBtn .btn-visit a::before, #f-upBtn .btn-tel a::before {
	font-size: 1.7rem;
}

/* #f-upBtnとpage-topの調整 */
.page-top{
	right: 12px;
	bottom: 12px;
}

.page-top a{ padding:9px 14px;}


/****************************************
** 投稿関係
*****************************************/

/**********************
** イベントページ（#event）
***********************/
#event.single .event-data-wrapper .event-entry-thumb {
	margin: 0 14px 10px;
}


}


@media screen and (min-width: 768px){

/****************************************
** ヘッダ(header)
*****************************************/
#header .logo {
	float: left;
	width: 51%;
	max-width: 400px;
	margin: 1.2em 0 0 0;
}

/*----------------------------------
** #hBtn
------------------------------------*/
#hBtnWrap {
	float: right;
	width: 47%;
	margin: 0.6em auto 0;
}

#hBtn li,
#hBtn li.btn-contact {
	font-size: 1.4rem;
}
#hBtn .btn-request a::before, 
#hBtn .btn-contact a::before, 
#hBtn .btn-visit a::before {
	font-size: 1.6rem;
	margin: -2px 2px 0 0;
}

/* btn-tel
-----------------------------------*/
#hBtn li.btn-tel {
	width: 53%;
}
#hBtn .btn-tel a::before {
	content: none;
}

#hBtn li.btn-tel .tel {
	font-size: 2.4rem;
}
/*#hBtn .btn-tel .tel::before {
	font-size: 2.5rem;
}*/
#hBtn .btn-tel .svg-tel {
	margin: 3px -1px 0 0;
}

/* btn-line 
-----------------------------------*/
#hBtn li.btn-line {
	width: 44%;
}

/****************************************
** グローバルナビ
*****************************************/
#gNavi {
	border-bottom: none;
	margin: 1em auto;
}
	#gNavi.inner { padding: 0 20px;}

#gNavi ul {
	display: table;
}

#gNavi li {
	float: none;
	width: auto;
	display: table-cell;
	vertical-align: middle;
	border-top: none;
	font-weight: bold;
	font-size: 1.45rem;
}
	#gNavi li:nth-child(3n+3) { border-right: 1px solid #ccc;}
	#gNavi li:nth-child(1) { border-left: 1px solid #ccc;}

#gNavi li a {
	padding: 0.5em 0.2em;
}

/****************************************
** フッタ(footer)
*****************************************/
#footer {
	font-size: 1.4rem;
}

#f-gNavi.inner {
	margin-left: -1.5em;
}
	#f-gNavi li {
		margin: 0 0 1.2em 1.5em;
	}

#fNavi li,
#copyright {
	font-size: 1.2rem;
}

/****************************************
** 投稿関係
*****************************************/
body.templ-posts #contents { /* not:gallery */
	margin-bottom: 3em;
}

/* カテゴリ・シングル2カラム */
body.templ-posts #container #main {
	float: left;
	width: 74%;
	padding-right: 24px;
	margin: 0;
}
body.templ-posts #container #contents .side {
	float: right;
	width: 26%;
	padding-left: 14px;
	margin-top: 0;
	font-size: 1.4rem;
	border-left: 1px solid #e6e6e6;
}


/* #list
-------------------------------------*/
#list .article-list .entry-title{
	font-size: 2.2rem;
}
#list .article-list.article-body-archive .entry-title{
	font-size: 2.0rem;
}
body.single .article .entry-title{
	font-size: 2.4rem;
}

#list .post-meta, body.single .post-meta,
#list .btn-entry-cat, body.single .btn-entry-cat,
.navigation {
	font-size:1.4rem;
}

#under-entry-body{
	margin-bottom: 0;
}


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

/* カテゴリーリストウィジェット：固定ページ用
------------------------------------------------*/
/* col3に */
body.page .widget-under-page-category.area-ichiran-link .children li,
body.page .widget-under-page-category.area-ichiran-link .children li:nth-child(odd){
	width: calc(100% / 3 - 10px);
	margin: 1em 0 0 10px;
}
	body.page .widget-under-page-category.area-ichiran-link .children li:nth-child(3n+1){
		margin-left: 0;
	}


/* side
---------------------------------------*/
body.templ-posts #contents .side .area-ichiran-link .col2-4,
body.templ-posts #contents .side .area-model-house .col1_2 {
	width: 100%;
	margin-left: 0;
}

/*------------------------------------
** widget_categories　ボタン化
-------------------------------------- */
#sidebar .widget_categories ul.children li,
#sidebar .widget_categories ul.children li:nth-child(odd){
	float: none;
	width: 100%;
}

/*----------------------------------
**　サーチフォーム
------------------------------------*/
#searchform{
  margin-top: 0;
}

}

@media screen and (min-width:890px){

/****************************************
** ヘッダ(header)
*****************************************/
/*----------------------------------
** #hBtnWrap
------------------------------------*/
/* btn-tel
-----------------------------------*/
#hBtn li.btn-tel {
	width: 50%;
	margin-top: 6px;
}

#hBtn li.btn-tel .tel {
	font-size: 2.6rem;
}
#hBtn .btn-tel .svg-tel {
	width: 18px;
	margin: 3px -1px 0 0;
}

/* btn-line 
-----------------------------------*/
#hBtn li.btn-line {
	width: 47%;
}

}


@media screen and (min-width:980px){

/****************************************
** ヘッダ(header)
*****************************************/
#header .header-lead {
	margin-top: 2em;
}

/*----------------------------------
** #hBtnWrap
------------------------------------*/
#hBtn li,
#hBtn li.btn-contact {
	font-size: 1.5rem;
}

#hBtn .btn-request a::before,
#hBtn .btn-contact a::before,
#hBtn .btn-visit a::before {
	font-size: 1.8rem;
	margin: -2px 4px 0 0;
}

/* btn-tel
-----------------------------------*/
#hBtn li.btn-tel .tel {
	font-size: 2.8rem;
}
/*#hBtn .btn-tel .tel::before {
	font-size: 2.8rem;
}*/

/****************************************
** グローバルナビ
*****************************************/
#gNavi li {
	font-size: 1.6rem;
}

/****************************************
** フッタ(footer)
*****************************************/
#f-gNavi.inner {
	margin: 0 auto;
}
	#f-gNavi li {
		margin: 0 1.5em 1.2em 0;
	}

/*----------------------------------
** #footer-scroll-btn
------------------------------------*/
#f-upBtn {
	margin: 0 auto;
	padding-right:1.2em; 
}

#f-upBtn li.btn-tel .sp-hide { display: inline;}

#f-upBtn li.btn-tel,
#f-upBtn li.btn-tel a {
	display: inline;
	background-color: transparent;
	padding: 0;
}
#f-upBtn .btn-tel a::before, #f-upBtn .btn-tel a::after { content: none;}

#f-upBtn li:not(.btn-tel) { width: 17%;}
#f-upBtn li.btn-request { margin-left: 0;}

#f-upBtn li.btn-tel {
	width: auto;
	font-size: 1.3rem;
	font-weight: normal;
	text-align: right;
}

#f-upBtn li.btn-tel .tel {
	display: inline-block;
    font-family: 'Lato', sans-serif;
	font-size: 3.5rem;
	font-weight: bold;
}
#f-upBtn .btn-tel .tel::before {
	font-family: "icomoon";
	content: "\e903";
	display: inline-block;
	vertical-align: middle;
	font-size: 2.6rem;
	font-weight: normal;
	margin: -4px 0 0 4px;
	color: #47ff47;
}

/* #f-upBtnとpage-topの調整 */
.page-top{
	right: 12px;
	bottom: 14px;
}

/************************************
** メインカラム
** #main、投稿関係、関連記事（Relation）
************************************/
body.single .article .entry-title{
	font-size: 2.6rem;
}

/**********************
** イベントページ（#event）
***********************/
#event.single .event-data-wrapper .event-entry-thumb {
	max-width: 160px;
}


}

@media screen and (min-width:1100px){

/*----------------------------------
** #footer-scroll-btn
------------------------------------*/
#f-upBtn li:not(.btn-tel) { width: 18%;}

}

/* Open house */
ul.tile4 {margin-left:-6px;}
ul.tile4 li {float: left;list-style-type: none;margin-right: 1px;}