@charset "utf-8";
/* -----------------------------------------------------------------
	sanyorealty contents css Document
	@subpackage sanyorealty_tmpl
	サンヨーリアルティ株式会社様　contents.css
 ----------------------------------------------------------------- */

/* 投稿 装飾設定
------------------------------------------------------------ */
.post {
	margin: 0;
	padding: 3.5rem 0;
}

/* パンくずリスト */
.breadcrumbs-list {
	margin: 0;
	margin-bottom: 2.5rem;
	padding: 0.5rem 1.0rem;
	font-size: 0.8em;
	background-color: #f5f5f5;
	border-radius: 6px;
}
.breadcrumbs-list a { color: #529b58; }
.breadcrumbs-list a:hover { text-decoration: underline; }
.breadcrumbs-list .disabled {
	color: #cacaca;
	cursor: not-allowed;
}
.breadcrumbs-list > span {
	margin: 0 0.5%;
	padding: 0;
	display:inline-block;
}
.breadcrumbs-list span.current-item,
.breadcrumbs-list span.current-item[property="name"] {
    display: inline-block;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumbs-list span.current-item:hover,
.breadcrumbs-list span.current-item[property="name"]:hover {
    max-width: none;
}


.post h1.title,
.post h1 {
	margin: 2.0rem 0;
	padding: 0.25rem 0.5rem;
	font-size: 2.0em;
	line-height: 145%;
	font-weight: 600;
	color:#ffffff;
}
h2.title,
.post h2.title,
.post h2 {
	position: relative;
	margin: 0.5rem auto;
	margin-bottom: 2.5rem;
	padding: 0.5rem 1.0rem;
	font-size: 1.85em;
	color: #529b58;
	font-weight: 600;
	border-bottom: solid 1px #529b58;
}
.post h3 {
	margin: 3.0% 0 2.0% 0;
	padding: 0.5% 1.0%;
	font-weight: normal;
	font-size: 1.40em;
	line-height: 125%;
	letter-spacing: 1px;
	color:#529b58;
	border-top: 1px solid #529b58;
	border-bottom: solid 1px #529b58;
}
.post h4 {
    margin: 3% 0 1.5%;
    padding: 0.5% 1.5%;
	font-size: 1.30em;
	line-height: 135%;
	color:#529b58;
	font-weight: normal;
	background-color: #f3f9f3;
}
.post h5 {
	margin: 3% 0 1.5%;
	padding: 0.25% 0.5%;
	color:#529b58;
	font-size: 1.20em;
	line-height: 135%;
	font-weight: normal;
	border-bottom: 1px dashed #529b58;
}
.post h6 {
	margin: 3% 0 1.5%;
	padding: 0.25% 0.5%;
	color: #529b58;
	font-size: 1.10em;
	line-height: 135%;
	font-weight: normal;
	border-bottom: 1px solid #529b58;
}
.post h3 a:link,
.post h3 a:visited,
.post h4 a:link,
.post h4 a:visited,
.post h5 a:link,
.post h5 a:visited {
	color:#529b58;
}
.post h1.title span,
.post h1 span,
.post h2 span,
.post h3 span {
	font-size:70%;
	line-height: 1;
}
/* ----- 文字強調（赤） ----- */
.emphasis, .red { color:#cc0000; }
.pink { color:#ff6699; }
.blue { color: #008899; }
.purple { color: #9370db; }
.green { color: #00a381; }
.yellow { color: #ffcc00; }
.gold { color: #e6b422; }
.text-small {
	font-size:80%;
	line-height:135%;
}
/* ----- フォントサイズ指定 ----- */
.font80 { font-size:80%; }
.font85 { font-size:85%; }
.font90 { font-size:90%; }
.font100 { font-size:100%; }
.font110 { font-size:110%; }
.font120 { font-size:120%; }
.font130 { font-size:130%; }
.font140 { font-size:140%; }
.font150 { font-size:150%; }
.font160 { font-size:160%; }
.font170 { font-size:170%; }
.font180 { font-size:180%; }
.font190 { font-size:190%; }
.font200 { font-size:200%; }
.font-bold { font-weight:bold; }
/* リスト装飾
------------------------------------------------------------ */
/* list 調整 */
.post ul, .post ol {
    margin-top: 3.5%;
    margin-bottom: 3.5%;
}
.post ul li,
.post ol li {
    margin-top: 0.5%;
	margin-bottom: 0.5%;
}
/* リストマーク 無し */
ul.list-none {
	list-style:none;
}
/**/
.post ul.post-index,
.post ol.post-index,
.post ul.post-index ul,
.post ol.post-index ol,
.post ul.post-index ol,
.post ol.post-index ul {
    margin-top: 0;
    margin-bottom: 2.0%;
}
.imageBorder {
	border: solid 1px #020202;
}

/* 続きを読む リンクボタン修飾設定
------------------------------------------------------------ */
.more-link {
	margin: 2.0% auto 0;
	padding: 1.0% 3.5%;
	width: 80%;
	font-weight: bold;
	text-align: center;
	background-color: #ffffff;
	border: solid 2px #696969;
	border-radius: 8px;;
}

/* 擬似テーブルスタイル
------------------------------------------------------------ */
.base-tbl {
	width:100%;
	margin:0 auto 1.50em;
	padding:0;
	display:table;
	font-size:100%;
	line-height:145%;
	border-top:solid 1px #d3d3d3;
}
.tr-group {
	display:table-row;
	margin:0;
}
.th-cap {
	width:25%;
	font-size:90%;
	font-weight:bold;
	margin:0;
	padding:15px;
	background-color:#f5f5f5;
	border-bottom:solid 1px #d3d3d3;
	vertical-align:middle;
	display:table-cell;
}
.td-txt {
	width:75%;
	font-size:90%;
	margin:0;
	padding:15px;
	border-bottom:solid 1px #d3d3d3;
	display:table-cell;
}
.td-txt ul, .td-txt ol {
	margin-top:0;
	margin-bottom:0;
}
.td-txt li {
	font-size:90%;
}

.post details {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.post summary {
	margin-bottom: 0.5rem;
}

/* ------------------------------------------------------------
	archive.php ＆ single.php 用
------------------------------------------------------------ */

/* ------------------------------------------------------------
	archive.php 用
------------------------------------------------------------ */
.entryArchiveContents {
	padding: 0.75rem;
	border: solid 1px #000000;
	border-radius: 6px;
}
.entryArchiveContents a {
	display: block;
}
.entryArchiveContentsThumbnail img {
	width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.entryArchiveContentsText {
	position: relative;
}
.entryArchiveContentsText h3 {
	margin: 0;
	border: 0;
}
.entryArchiveContentsTextFooter {
	position: absolute;
	right: 1.0rem;
	bottom: 0;
	font-size: 0.8em;
}

/* オリジナルタグリスト */
.archive-original-tag-list {
	margin: 3.5% 0 0;
	padding: 0;
}
.archive-original-tag-list ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
.archive-original-tag-list ul li {
	margin: 0.5em;
	padding: 0.5% 2.0%;
	font-size: 90%;
	line-height: 1;
	border: solid 1px #ea4609;
}
.archive-original-tag-list ul li a:link,
.archive-original-tag-list ul li a:visited {
	display: block;
	color: #ea4609;
}


/* ------------------------------------------------------------
	single.php
------------------------------------------------------------ */

/* 記事 フッター */
div.blog_info {
	margin: 6.0% 0 3.0%;
	padding: 1.0% 2.0% 2.0%;
	font-size: 90%;
	text-align:right;
	border-top:solid 1px #cccccc;
}
div.blog_info i {
	margin-right: 0.5%;
}
div.blog_info ul {
	margin:0;
	padding:0;
	list-style:none;
}
div.blog_info ul li {
	margin: 0;
	padding: 0.5%;
	display: inline;
	font-size: 85%;
}
div.blog_info ul li::before {
    content: " | ";
}
div.blog_info ul li:nth-child(1)::before {
	content: none;
}
/* エントリー 更新日 */
.blog-data {
	margin:0 0 1.0%;
	padding:0;
	text-align:right;
	font-size:85%;
}
/* 前後の記事へのリンク */
ul.nav-below {
	margin: 4% 0 2%;
	padding: 0;
	font-size: 1.0em;
	text-align:center;
}
ul.nav-below li {
	list-style:none;
	display:inline-block;
}
.nav-below-top {
	margin: 0 1.0%;
	padding: 0.15% 1%;
	text-align: center;
	font-weight: bold;
	background-color: #529b58;
	border-radius: 4px;
}
ul.nav-below li:nth-child(2) a,
.nav-below-top a {
	color: #ffffff;
}
/* ページネーション */
.pagination {
	clear:both;
	margin: 3.0em 0 6.0em 0;
	padding: 0;
	position:relative;
	font-size:80.0%;
	line-height:125.0%;
}
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 0.5% 0.5% 0.5% 0;
	padding: 0.5% 1.25%;
	text-decoration:none;
	width:auto;
	color:#ffffff;
	background: #a9a9a9;
	border-radius: 6px;
}
.pagination a:hover{
	color:#529b58;
	background: #e5f0e8;
}
.pagination .current{
	padding: 0.5% 1.25%;
	color:#ffffff;
	background: #529b58;
}

/* コンテンツ（カスタム投稿タイプ：Contents）
------------------------------------------------------------ */
.author-profile {
	margin-top: 10.0%;
}
.author-profile h5 {
	margin-top: 0;
}
.author-profile p {
	font-size: 95.0%;
}
.author-profile ul {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}
.author-profile ul li {
	margin: 0 5.0% 0.5% 0;
	padding: 0;
	list-style-position: inside;
}
.author-profile ul li::marker {
	padding-right: 0;
}


/* ------------------------------------------------------------
	固定ページ
------------------------------------------------------------ */
.pageHeaderImage {
	margin-bottom: 2.0rem;
}
.pageHeaderImage img {
	width: 100%;
	height: auto;
}
/* 各コンテンツメニュー
------------------------------------------------------------ */
.sp-tbl { margin: 0 0 2.5%; }
.sp-tbl table, .sp-tbl table tr th, .sp-tbl table tr td {
    border: solid 1px #cccccc;
    background: #ffffff;
}
.sp-tbl table thead tr th, .sp-tbl table thead tr td {
    color: #ffffff;
	background-color: #696969;
    /* background: linear-gradient( #006ba4 0%, #284b7f 100%); */
}
.sp-tbl table thead tr th {
	text-align: center;
}

/* 会社概要
------------------------------------------------------------ */
.wp-block-table.company-table table,
.wp-block-table.company-table table tbody,
.wp-block-table.company-table table tr,
.wp-block-table.company-table table tr td {
	border: none;
}
.wp-block-table.company-table table tr td{
	margin: 0;
	padding: 1.0rem 1.5rem;
	font-size: 1.0em;
	line-height: 150%;
	border-bottom: solid 1px #d3d3d3;
}
.wp-block-table.company-table table tr td:nth-child(1) {
	text-align: center;
	background-color: #f5f5f5;
}
.wp-block-table.company-table table tr:nth-child(1) td {
	border-top: solid 1px #d3d3d3;
}

/* Googleマップ・Youtube用 */
.ggmap, .youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe, .youtube iframe,
.ggmapr object, .youtube object,
.ggmap embed, .youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* お問い合わせ
------------------------------------------------------------ */
.contact-base-tbl {
	margin: 0 auto;
	padding: 0;
	width: 90%;
	font-size:90%;
	line-height:140%;
}
form#mailformpro .contact-base-tbl dl.tr-group {
    display: block;
}
form#mailformpro .contact-base-tbl dl dt {
    width: 21.5%;
}
form#mailformpro .contact-base-tbl dl dd {
    padding-left: 23.0%;
}
.contact-base-tbl ul.list-float {
    display: flex;
    flex-wrap: wrap;
}
.send-button button {
	color: #000000 !important;
}

/* Table スタイル
------------------------------------------------------------ */
#spTableStyle1 table,
#spTableStyle1 table tbody,
#spTableStyle1 table tbody td {
	border-color: #c0c0c0;
}
#spTableStyle1 table tbody td {
	padding: 1.0rem;
}
#spTableStyle1 table td:nth-child(1) {
	font-weight: 600;
	background-color: #f5f5f5;
}

/* clearfix
------------------------------------------------------------ */
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}


/* Media-Query スマホサイト用
------------------------------------------------------------ */
@media only screen and (max-width: 767px) {
	.post {
		padding: 0 0.5em;
		padding-bottom: 1.0em;
	}
	.post h1.title, .post h1 {
		margin-bottom: 1.0em;
		font-size: 1.65em;
	}
	h2.title, .post h2.title, .post h2 {
		margin-bottom: 1.0em;
		font-size: 1.35em;
		line-height: 1.25em;
	}
	.post h3 {
		font-size: 1.25em;
	}
	.post h4 {
		font-size: 1.20em;
	}
	.post h5 {
		font-size: 1.15em;
	}
	.post h6 {
		font-size: 1.10em;
	}
	/* 改行除去 */
	.post p br, .post h2 br, .post h3 br, .post h4 br, .post h5 br, .post h6 br {
		display:none;
	}
	/* 擬似テーブルスタイル
	------------------------------------------------------------ */
	.base-tbl, .tr-group, .th-cap, .td-txt, .contact-base-tbl, .contact-tr-group, .contact-th-cap, .contact-td-txt {
		display:block;
	}
	.th-cap, .td-txt, .contact-th-cap, .contact-td-txt {
		width:100%;
		padding:10px;
	}
	/* カスタム投稿タイプ 用
	------------------------------------------------------------ */
	/* -- 一覧用 -- */
	ul.custompost-box li { width:50%; }

	.event-data, .blog-data {
		margin-bottom: 1.25em;
		font-size: 0.75em;
	}

	/* archive.php
	------------------------------------------------------------ */
	.entryArchiveContentsText h3 {
		font-size: 1.1em;
	}

	/* single.php
	------------------------------------------------------------ */

    /* 記事 フッター
    ------------------------------------------------------------ */
    div.blog_info ul li { display: block; }
    div.blog_info ul li::before { content: none; }
	/* 前後の記事へのリンク */
	ul.nav-below li { display: inherit; }
	ul.nav-below li:nth-child(1) { text-align:left; }
	ul.nav-below li:nth-child(2) {
		margin-top:0.5%;
		margin-bottom:0.5%;
	}
	ul.nav-below li:nth-last-child(1) { text-align:right; }

	/* ------------------------------------------------------------
		固定ページ
	------------------------------------------------------------ */
	/* 会社概要 テーブル */
	.wp-block-table.company-table table {
		width: 90%;
		margin: auto;
	}
	.wp-block-table.company-table table tbody,
	.wp-block-table.company-table table tr,
	.wp-block-table.company-table table tr td {
		display: block;
		width: 100%;
	}
	.wp-block-table.company-table table tr td {
		padding: 1.0rem 1.0rem 2.0rem;
		font-size: 1.0rem;
		border-bottom: none;
	}
	.wp-block-table.company-table table tr td:nth-child(1) {
		padding: 0.5rem 1.0rem;
		font-size: 1.0rem;
		font-weight: 600;
		border-top: solid 1px #d3d3d3;
		border-bottom: solid 1px #d3d3d3;
	}
	.wp-block-table.company-table table tr:nth-child(1) td {
		border-top: none;
	}
	.wp-block-table.company-table table tr:nth-child(1) td:nth-child(1) {
		border-top: solid 1px #d3d3d3;
	}

	/* コンテンツ
	------------------------------------------------------------ */
	.sp-tbl, .price-tbl, .warranty-table, .pricelist-tbl {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.sp-tbl table, .price-tbl table, .warranty-table table, .pricelist-tbl table {
		width: 870px;
	}

	/* オリジナルタグリスト */
	.archive-original-tag-list {
		margin-top: 3.5%;
	}
	.archive-original-tag-list ul li {
		margin: 0.35em;
		padding: 0.5% 2.0%;
	}


	/* Tabel スタイル
	------------------------------------------------------------ */
	#spTableStyle1 table {
		width: 95%;
		margin: auto;
		border: 0;
	}
	#spTableStyle1 table tbody {
		border: 0;
	}
	#spTableStyle1 table td {
		width: 100%;
		padding: 0.5rem 0.5rem 1.5rem;
		display: block;
		border: 0;
	}
	#spTableStyle1 table td:nth-child(1) {
		padding: 0.75rem 0.5rem;
		border-top: solid 1px #d3d3d3;
		border-bottom: solid 1px #d3d3d3;
	}

}