/*!
Theme Name: マルコ不動産プランニング
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: temp_base
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

temp_base is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments



--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */ 
@media print, screen and (min-width:769px) { 

html {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 97%;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Box sizing
--------------------------------------------- */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #333333;
	font-family:inherit;
	line-height: 1.7;
	letter-spacing: 0.08em;
	transition: all .1s;
}
b,
strong {
	font-weight: bolder;
}
small {
	font-size: 80%;
}
blockquote {
	margin: 0 1.5em 1.6em;
	padding: 15px;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
}
address {
	margin: 0 0 1.5em;
}
/* Elements
--------------------------------------------- */
body {
	background: #fff;
	overflow-x: hidden;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
dt {
	font-weight: 700;
}
dd {
	margin: 0 1.5em 1.5em;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
img {
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}
figure {
	margin: 1em 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
/*SP用の要素を非表示*/
.sp_show {
	display: none !important;
}

/* Links
--------------------------------------------- */
a {
	color: #0066c0;
}
a:visited {
	color: #649ACB;
}
a:hover,
a:focus,
a:active {
	color: #014786;
	text-decoration: none;
}
a:focus {
	outline: none;
}
a:hover,
a:active {
	outline: 0;
}
#page a:hover img,
.site_header a:hover img,
.contents_1col_top a:hover img {
	opacity:0.78;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.2em .5em 0.6em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: inherit;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 7px;
	font-size: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}
select {
	border: 1px solid #ccc;
}
textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
main.contents_top {
	margin: 0 auto;
	padding: 80px 0 0;
}

main .contents_page_inner {
	margin: 0 auto 55px;
	padding: 0;
	width: 92%;
	max-width: 1400px;
}
main .contents_page_inner.page_2col {
	display: flex;
	justify-content: space-between;
	
}
main .contents_page_inner.page_2col article {
	flex: 1;
}
main .contents_page_inner.page_2col aside {
	margin-left: 5%;
	width: clamp(220px, 26%, 300px);
}

/*要素をコンテナから開放*/
.breaking-out {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}
/*子要素を内側にプレス*/
.press-inside {
	padding-right: calc(50vw - 50%);
	padding-left: calc(50vw - 50%);
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* header
--------------------------------------------- */
.header {
	background: #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.16);
}
.header_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	margin: 0 auto auto;
	padding: 12px 0 0;
	width: 97%;
	max-width: 1400px;
}
#description {
	position: absolute;
	top: 8px;
	font-size: clamp(10px,1.0vw,13px);
    letter-spacing: 0.05em;
}
.site_title {
	width: 43%;
}
.site_title a img {
	margin-top: clamp(21px,2vw,28px);
}

.header_links {
	width: 48%;
    margin: 0 1.5% 0 0;
}
.header_links ul {
	display: flex;
	justify-content: flex-end;
	gap:15px;
}
.header_links ul li {
	margin: 0;
	font-size: clamp(11px,1.2vw,14px);
}
.header_links ul li a {
	color: #222;
	text-decoration: none;
}
.header_links ul li a:hover,
.header_links ul li a:active {
	color: #aaa;
}
.header_tel {
	width: 55%;
	max-width: 480px;
}
.header_tel ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap:15px;
}

/*パンくずリスト*/
#breadcrumb {
	margin-bottom: 30px;
	padding: 15px 0;
	font-size: 75%;
	text-align: left;
}
#breadcrumb_inner {
	margin: 0 auto;
	padding: 0;
	width: 92%;
	max-width:1400px;
	color:#222;
}
#breadcrumb_inner a {
	display: inline-block;
	margin: 0;
	padding: 0 8px;
	color:#222;
	text-decoration: none;
}
#breadcrumb_inner a.home {
	padding-left: 0;
}
#breadcrumb_inner a:hover {
	text-decoration:none;
	color: #aaa;
}
#breadcrumb_inner .current-item {
	display: inline-block;
	margin: 0;
	padding: 0 8px;
	text-decoration: none;
}


/* Navigation
--------------------------------------------- */
.pc_nav {
	padding: 13px 0;
	transition: all .2s;
}
.pc_nav ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin: 0 auto;
	width: 100%;
	max-width: 1100px;
	font-size: 97%;
}
.pc_nav ul li {
	flex-grow: 1;
	text-align: center;
}

/*リンクのスタイル*/
.pc_nav a,
.pc_nav a:hover,
.pc_nav a:active,
.pc_nav a:visited {
	display: block;
	margin: 0 auto;
	width: 7em;
	color: #222;
	text-decoration: none;
	font-size: 145%;
	font-weight: 700;
	letter-spacing: 0.08em;
}
.pc_nav ul li a p {

}
.pc_nav ul li a p.buy::first-letter {
	color: #1b7ca0;
	font-size: 140%;
	/*transition: all .1s;*/
}
.pc_nav ul li a:hover p.buy {
	color: #1b7ca0;
	/*transition: all .1s;*/
}
.pc_nav ul li a p.sale::first-letter {
	color: #D9A303;
	font-size: 140%;
	/*transition: all .1s;*/
}
.pc_nav ul li a:hover p.sale {
	color: #D9A303;
	/*transition: all .1s;*/
}
.pc_nav ul li a p.rent::first-letter {
	color: #6ea01b;
	font-size: 140%;
	/*transition: all .1s;*/
}
.pc_nav ul li a:hover p.rent {
	color: #6ea01b;
	/*transition: all .1s;*/
}
/*.pc_nav ul li:nth-child(1) a:first-letter {
	color: pink;
}*/


/* TOP　コンテンツ
--------------------------------------------- */
.mv {
	position: relative;
	width: 100%;
	height: clamp(100px, 28vw,530px);
}
.mv_copy {
	position: absolute;
    bottom: -40px;
	left: 0;
    margin: 0 auto;
    padding:0;
	width: 100%;
	height: 35%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.mv_copy .innerwrap {
	margin: 0 auto;
	padding: 1.1em 2em;
	width: 85%;
	max-width: 1200px;
	font-size: clamp(85%, 1.5vw, 125%);
	text-align: center;
    background: #FFE9E9;
	border-radius: 100px;
}
#copy_title {
	padding-bottom: .5em;
	font-size: 130%;
	font-weight: 700;
	color:#BC3976;

}

/* TOP　借りる・買う
--------------------------------------------- */
.rental_sales {
	display: flex;
	justify-content: space-between;
	margin: 2.5% auto 4%;
	width: 92%;
	max-width: 1400px;
	gap:3%;	
}
#rental_box,
#sales_box {
	padding: 5.5% 3% 2.5%;
}
/*点線枠*/
.rental_sales #sales_box {
	position: relative;
	width:50%;
	border:dotted 3px #1B7CA0;
	border-radius: 10px;
	background: #FFF;
}
.rental_sales #rental_box {
	position: relative;
	width:50%;
	border:dotted 3px #76A822;
	border-radius: 10px;
	background: #FFF;
}
/*h2タイトル*/
.rental_sales h2 {
	position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
	display: inline;
	padding:0 0 2px;
	width:8em;
	border-radius: 104px;
	color:#FFF;
	font-size: clamp(180%, 3vw, 230%);
	text-align: center;
	font-weight: 700;	
}
#rental_box h2 {
	background: #6EA01B;
}
#sales_box h2 {
	background: #1B7CA0;
}
/*メニューボタン*/
#rental_box ul,
#sales_box ul {
	display: flex;
	justify-content: center;
	gap:4%;
}
#rental_box ul li,
#sales_box ul li {
	flex: 1;
	text-align: center;
}

/* TOP　賃貸・売買　新着物件
--------------------------------------------- */
.bukken_new {
	padding: 20px 0;
}
.bukken_new.rent {
	background: #FBFFF3;

}
.bukken_new.sale {
	background: #EFFBFF;

}
/*見出し*/
.bukken_new h2 {
	position: relative;
	padding: 0.4em 1em;
	font-size: 160%;
	font-weight: 700;
	letter-spacing: 0.08em;
	border-bottom: 1px solid #707070;
}
/*見出し　賃貸*/
.bukken_new.rent h2:before {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	display: inline-block;
	background: #6EA01B;
	width: 8.4em;
	height: 8px;
}
.bukken_new.rent h2 span {
	color: #6EA01B;
}
/*見出し　売買*/
.bukken_new.sale h2:before {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	display: inline-block;
	background: #1B7CA0;
	width: 8.4em;
	height: 8px;
}
.bukken_new.sale h2 span {
	color: #1B7CA0;
}

.bukken_new .innerwrap {
	margin: 0 auto;
	width: 92%;
	max-width: 1400px;
}

.bukken_new ul {
	display: flex;
	column-gap: 3%;
	margin: 2% 0;
}
.bukken_new ul li {
	width: calc((100% - 6%) / 3);
}

a.bukkenbox {
	display: block;
	position: relative;
	padding: 10px;
	color: #000;
	text-decoration: none;
	border-radius: 3px;
}
.rent a.bukkenbox:hover {
	transition: all .1s;
	background: rgba(218, 234, 188, 0.6);
}
.sale a.bukkenbox:hover {
	transition: all .1s;
	background: rgba(174,219,232,0.50);
}
#page a.bukkenbox:hover img {
	opacity: 1;
}

/*物件画像*/
.bukken_thumb {
	position: relative;
	overflow: hidden;
	aspect-ratio: 9/6;
}
.bukken_thumb img.img_thumb {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.bukken_thumb img.mark_deal,
.bukken_thumb img.mark_contract {
	position: absolute;
	top: 38%;
	left: 50%;
	-webkit-transform : translate(-50%);
	transform : translate(-50%);
	width: 40%;
}

p.bukken_icon {
	position: relative;
	top: -15px;
	left: 0;
	padding-left: 10px;
}
/*物件情報*/
.bukken_info {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	bottom: 5px;
	padding: 0 3px;
	line-height: 1.3;
}
/*物件名*/
.bukken_title {
	font-size: 110%;
}
.bukken_title img.mark_new {
	position: relative;
	top: -.1em;
    right: 0px;
}
/*住所*/
.bukken_address {
	margin: 4px 0;
	font-size: 85%;
	color: #595959;
	width: 100%;
}
/*価格*/
.bukken_kakaku {
	font-size: 120%;
	font-weight: 500;
	color: #cc090c;
}

/* TOP　新着情報
--------------------------------------------- */
section.news {
	margin: 0 auto;
	width: 90%;
	max-width: 1400px;
	padding: 50px 0;
}
section.news h2 {
	padding-left: 1em;
	font-size: 180%;
	font-weight: 700;
}

ul.news_wrapper {
	margin: 15px 0;
}
ul.news_wrapper li.news_box {
	display: flex;
	border-bottom: 1px dashed #777777;
	padding: .8em 2em;
}
ul.news_wrapper li.news_box time.date span {
	display: inline-block;
	margin-right: 2em;
	padding-right: 2em;
	font-weight: 500;
	line-height: 1em;
	border-right: 3px solid #ccc;
}

/*リンク色*/
ul.news_wrapper li.news_box a,
ul.news_wrapper li.news_box a:visited {
	color: #222;
	text-decoration: none;
	transition: all .1s;
}
ul.news_wrapper li.news_box a:hover,
ul.news_wrapper li.news_box a:active {
	color: #848484;
	transition: all .1s;
}
ul.news_wrapper img.mark_new {
	position: relative;
	top: -.3em;
    right: 0px;
}

/*過去一覧*/
.news_more {
	margin-top: 20px;
	text-align: center;
}
.news_more a {
	position: relative;
	display: inline-block;
	padding: 3px 1.3em 3px 2.8em;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.10em;
	text-decoration: none;
	transition: all .2s;
	background: #1B7CA0;
	border: 5px solid #3EA8CF;
}
.news_more a:before {
	content: '';
	width: 9px;
	height: 9px;
	border: 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	left: 22px;
	bottom: 0;
	margin: auto;
}
.news_more a:hover,
.news_more a:active {
	transition: all .2s;
	background: #59BADF;
	color:#fff;
}


/* Posts and pages
--------------------------------------------- */
.entry-content p {
	margin-bottom: 1.6em;
}
.entry-content ul,
.entry-content ol {
	margin: 0 0 1.5em 3em;
}

.entry-content ul {
	list-style: disc;
}

.entry-content ol {
	list-style: decimal;
}

.entry-content li > ul,
.entry-content li > ol {
	margin-bottom: 0;
	margin-left: 1.2em;
}
.entry-content .entry_meta {
	margin: 0 10px 20px;
	text-align: right;
	font-size: 90%;
}

.sticky {
	display: block;
}

/*.post,
.page {
	margin: 0 0 1.5em;
}*/

.updated:not(.published) {
	display: none;
}

/*.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}*/

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* Posts and pages（見出し）
--------------------------------------------- */
/* H1 */
h1.entry-title,
h1.category_name {
	position: relative;
	margin-bottom: 50px;
	font-size: 190%;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.08em;
}
/*.single h1.entry-title {
	font-size: 190%;
	font-weight: 700;
}*/
/* H2 */
.entry-content h2 {
	margin: 50px 0 15px;
	font-size: 160%;
	font-weight: 700;
}
/* H3 */
.entry-content h3 {
	display: inline-block;
	margin: 8px 0;
	padding: 8px .5em;
	font-size: 100%;
	font-weight: 00;
}

/* Posts and pages（ページナビ）
--------------------------------------------- */
#page .wp-pagenavi {
	margin: 50px 0 0;
	font-size: 90%;
}
#page .wp-pagenavi span,
#page .wp-pagenavi a {
	display: inline-block;
	padding: 2px 8px 3px;
	color: #333;
	border-radius: 1px;
	border: 1px solid #888;
}
#page .wp-pagenavi a 
,#page .wp-pagenavi a:visited {
	color: #333;
}
#page .wp-pagenavi a:hover
,#page .wp-pagenavi a:active {
	background: #ddd;
	text-decoration: none;
	color: #333;
	border: 1px solid #888;
}

#page .wp-pagenavi span.pages {
	text-align: center;
}
#page .wp-pagenavi span.current {
	color: #fff;
	background: #888;
}

#page .wp-pagenavi span.extend {
	border: none;
}

/* Posts and pages（検索結果ぺージ）
--------------------------------------------- */
/*ul.search_result {
	list-style: disc;
	padding-left: 30px;
}
ul.search_result li {
	margin-bottom: 0.6em;
}
*/
/* Posts and pages（お問い合わせ）
--------------------------------------------- */
.inquiry_list {
	margin-top: 50px;
}
.inquiry_list dt {
	display: inline-block;
	width: 16em;
	vertical-align: top;
}
.inquiry_list dt p {
	margin: 10px 0;
}
.inquiry_list dd {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: calc(100% - 17em);
}
.inquiry_list dd p {
	margin: 5px 0 25px;
}
.con_must {
	position: relative;
    top: -1px;
    left: 8px;
    display: inline;
    padding: 2px 6px;
    font-size: 11px;
    color: #cf1d05;
    border: 1px solid #cf1d05;
    user-select: none;
    line-height: 220%;
}
.must {
	position: relative;
	top: -.18em;
	left: 8px;
	display: inline;
	padding: 0 6px 2px;
	font-size: 11px;
	color: #cf1d05;
	border: 1px solid #cf1d05;
	user-select: none;
}
.wpcf7-not-valid-tip {
	font-size: 80%;
}

.wpcf7-spinner {
	/*display: none;*/
}


.recaptcha {
	margin: 50px 0 0;
	color: #777;
	font-size: 65%;
	line-height: 1.5em;
}
#agreement {
	margin-top: 30px;
}
/*#agreement p {
	text-align: center;
}*/
input[type="submit"].wpcf7-form-control,
input[type="button"].wpcf7-form-control {
	padding: 30px 110px;
	border: solid 1px #999999;
	font-size: 100%;
	font-weight: 600;
	letter-spacing: 0.25em;
	cursor: pointer;
}
input[type="button"].wpcf7-form-control {
	padding: 30px 60px;
	background: #f5f5f5;
}
input[type="submit"].wpcf7-form-control:hover,
input[type="button"].wpcf7-form-control:hover {
	background: #aaa;
	transition: all .2s;
}
input[type="submit"].wpcf7-form-control:active,
input[type="submit"].wpcf7-form-control:focus,
input[type="button"].wpcf7-form-control:active,
input[type="button"].wpcf7-form-control:focus {
	background: #ccc;
	border: solid 1px #999;
	transition: all .2s;
}



/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* sidebar
--------------------------------------------- */
/* ▼side（これまでのお知らせ） */
.past_entry h2 {
	margin-bottom: 20px;
	padding: 10px 5px;
	font-size: 95%;
	font-weight: 500;
	text-align: center;
	background: #EFEFEF;
}
.past_entry ul.past_entry_list {
	margin: 4%;
}
.past_entry ul li {
	margin-bottom: 13px;
	padding:0 5px 13px 10px;
	border-bottom: 1px dotted #777;
}
.past_entry ul li time {
	display: block;
	font-size: 95%;
	font-weight: 500;
}
.past_entry ul li a {
	color: #333;
	font-size: 90%;
	text-decoration: none;
}
.past_entry .more {
	margin: 15px 10px;
	text-align: right;
}
.past_entry .more a {
	display: inline-block;
	padding: 0px 8px 2px;
	color: #fff;
	font-size: 90%;
	text-decoration: none;
	background: #777;
}
.past_entry .more a:hover,
.past_entry .more a:active {
	background: #bbb;
}

/*物件サイド　詳細検索*/
.search_rent h2,
.syubetsu h2 {
	padding: 15px 5px;
	color: #fff;
	text-align: center;
}
.single-rentapartment aside h2,
.single-renthouse aside h2,
.single-rentoffice aside h2,
.post-type-archive-rentapartment aside h2,
.post-type-archive-renthouse aside h2,
.post-type-archive-rentoffice aside h2,
.search-form7 aside h2 {
	background: #6EA01B;
}
.single-buyhouse aside h2,
.single-buyground aside h2,
.single-buystore aside h2,
.post-type-archive-buyhouse aside h2,
.post-type-archive-buyground aside h2,
.post-type-archive-buystore aside h2,
.search-form6 aside h2 {
	background: #1b7ca0;
}
.search_rent {
	margin: 0 0 50px;
	border: 1px solid #C9C9C9;
	height: 450px;
}
.search_box {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80%;
}

/*物件サイド　種別*/
.syubetsu {
	margin: 0 0 50px;
	border: 1px solid #C9C9C9;
}
.syubetsu ul {
	margin: 25px auto;
	width: 12.5em;
}
.syubetsu ul li {
	margin-bottom: 8px;

}
.syubetsu ul li a {
	display: inline-block;
	padding: 5px 0;
	width: 100%;
	height: auto;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 50px;
}
.syubetsu ul li a:hover,
.syubetsu ul li a:active {
	opacity: 0.75;
	transition: all .2s;
}

.syubetsu ul.btn_rent li a {
	background: #6EA01B;
}
.syubetsu ul.btn_sale li a {
	background: #1B7CA0;
}


/* Widgets
--------------------------------------------- */
.widget {
	margin: 0;
}

.widget select {
	max-width: 100%;
}



/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*.wp-block-gallery figure {
	overflow: hidden;
	aspect-ratio: 4/3;	
}
.wp-block-gallery figure img {
	width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: center;
}*/


/* footer
--------------------------------------------- */
#site_footer {
	position: relative;
	background: #00366D;
	color: #fff;
}
.footer_innerwrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding: 30px 0;
	width: 96%;
	max-width: 1400px;
}
.footer_about {
	width: 37%;
	padding-right: 2vw;
}
.footer_about p.footer_title {
	padding: 0  0 7px;
	font-size: 125%;
	font-weight: 500;
	letter-spacing: 0.07em;
}
.footer_about p.footer_info {
	margin-top: 3px;
	font-size: 82%;
	line-height: 1.4em;
}
.footer_about p.footer_info a {
	margin-top: 5px;
	display: inline-block;
}

.footer_content {
	display: flex;
	column-gap: 2%;
	width: 65%;
	max-width: 850px;
}
.footer_menu {
	
}
.footer_menu ul.nav {
	display: flex;
	flex-wrap: wrap;
}
.footer_menu ul.nav li {
	position: relative;
	margin-right: 1em;
	padding-left: 21px;
}
.footer_menu ul.nav li:before {
	content: "";
	position: absolute;
	left: 0;
    top: 0.4em;
	display: inline-block;
	background: url("images/footers/footer_list.svg")no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
}
.footer_menu ul.nav li a {
	font-size: clamp(77%, 1vw, 90%);
}

.footer_contact {
	width: 35%;
	min-width: 160px;
	text-align: right;
}


/*フッターの共通スタイル*/
.footer_innerwrap a,
.footer_innerwrap a:visited {
	color: #fff;
	text-decoration: none;
}
.footer_innerwrap a:hover,
.footer_innerwrap a:active {
	text-decoration: underline dotted #fff;
}

/*コピーライト*/
#copyright {
	padding: 5px 0;
	color: #555555;
	font-size: 60%;
	text-align: center;
	letter-spacing: 0.25em;
	background: #fff;
}
#copyright a,
#copyright a:visited {
	color: #555;
	text-decoration: none;
}
#copyright a:hover,
#copyright a:active {
	text-decoration: underline;
}


/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 100%;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}
.alignleft:after {
   content: "";
   display: block;
   clear: both;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*PDFアイコン*/
a[href $='.pdf'] {
    background:url(icon/ico_pdf.gif) no-repeat right 70%;
    padding:0 18px 0 0;
}
a[href $='.pdf'] a {
    text-decoration:none;
}

a[href $='.pdf'] a:hover {
    text-decoration:none;
}

/*-------------------------------------------------------
----各種別の物件一覧---------------------------------------
-------------------------------------------------------*/
#bukken_box {
	margin: 4% 0;
	padding: 2%;
	border: 1px solid #707070;
	border-radius: 5px;
}
#bukken_box h2 {
	position: relative;
	padding: 0 0 3%;
}

#bukken_box h2 a {
	color: #000;
	font-size: 135%;
	font-weight: bold;
	letter-spacing: 0.07em;
}
.bukkeninfo_wrap {
	display: flex;
	column-gap: 2%;
}
.bukkeninfo_wrap .pic {
	width: 40%;
}
.bukkeninfo_wrap .info {
	font-size: 85%;
	flex: 1;
}


.bukkeninfo_wrap .bukken_thumb {
	position: relative;
	overflow: hidden;
	aspect-ratio: 9/6;
}


.bukkeninfo_wrap .info .row {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.bukkeninfo_wrap .info .row01 li {
	padding-right: 20px;
}

.bukkeninfo_wrap .info .row02 li {
	margin-bottom: 5px;
	padding: 0 12px;
	border-left: 2px solid #aaa;
	line-height: 1.1;
	font-size: 90%;
}
.bukkeninfo_wrap .info .row02 li:first-child {
	padding-left: 0;
	border-left: none;
}


.kakaku {
	width: 100%;
	font-size: 160%;
	color: #cc090c;
	font-weight: bold;
}
span.txtl {
	font-size: 130%;
	font-weight: bold;
}
.bukkeninfo_wrap .info table {
	margin: 4% 0 0;
	width: 100%;
	font-size: 90%;
	line-height: 1.5;
}
.bukkeninfo_wrap .info table tr {
	border-bottom: 1px dashed #ccc;
}
.bukkeninfo_wrap .info table th {
	padding: 3px 10px;
	width: 8em;
	text-align: left;
}
.bukkeninfo_wrap .info table td {
	padding: 0.1em;
}


/*各種アイコン*/
/*#bukken_box .imgwrap img.mark_deal_archive {
	position: absolute;
	width: 150px;
	z-index: 100;
}
#bukken_box .imgwrap img.mark_contract_archive {
	position: absolute;
	width: 105px;
	z-index: 100;
}*/

.tarmicon_archive {
	position: relative;
	top: -6px;
	left: 2px;
	width: auto;
	height: 23px;
}


/*-------------------------------------------------------
----物件の個別詳細ページ------------------------------------
-------------------------------------------------------*/
table.cft {
	margin: 0 0 1.8em;
	width: 100%;
	font-size: 90%;
	line-height: 1.3;
	letter-spacing: 0.07em;
	border: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
table.cft tr {
	/*border: 1px solid #ddd;*/
}
table.cft th {
	padding: 0.8em 0;
	background: #eee;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
table.cft td {
	padding: 4px 10px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

table.cft tr.cft_col2 th {
    width: 20%;
}
table.cft tr.cft_col2 td {
	width: 30%;
}
table.cft tr.cft_col1 th {
    width: 20%;
}
table.cft tr.cft_col1 td {
	width: 80%;
}

table.cft span.price {
	font-size: 170%;
	font-weight: bold;
	color: #cc090c;
}

/*設備・条件*/
table.cft tr.cft_setsubi td {
	padding: 7px 0 4px 8px;
	line-height: 1.5;	
}
table.cft tr.cft_setsubi td span.item {
	display: inline-block;
	margin: 0 1% 5px 0;
	padding: 2px 4px;
	width: 24%;
	color: #00366d;
	font-size: 93%;
	text-align: center;
	letter-spacing: 0.03em;
	border: 1px solid #8da3ba;
	background-color: #E7E7E7;
	vertical-align: top;
}

/*物件情報*/
dl.cft {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	width: 100%;
	font-size: 90%;
	line-height: 1.3;
	letter-spacing: 0.07em;
	border: 1px solid #ddd;
	border-bottom: none;
}
dl.cft dt {
	width: 20%;
	margin: 0;
	padding: 0.8em 0;
    background: #eee;
    text-align: center;
    font-weight: bold;
	border-bottom: 1px solid #ddd;
}
dl.cft dd {
	width: 30%;
	margin: 0;
	padding: 0.8em 10px;
	border-bottom: 1px solid #ddd;
}
dl.cft dd:last-child {
	flex: 1;
}

dl.cft.bikou {
	margin: 0 0 1.8em;
	border: 1px solid #ddd;
	border-top: none;
}
dl.cft.bikou dt,
dl.cft.bikou dd {
	border: none;
}

/*商談中マーク*/
.mark_deal_single {
	position: relative;
	top: -1px;
	left: -2px;
	width: 100px;
	height: auto;
}
/*ご成約マーク*/
.mark_contract_single {
	position: relative;
	top: 1px;
	left: -2px;
	width: 100px;
	height: auto;
}

/*会社概要*/
.outline table {
	border:solid 1px #e6e6e6;
}
.outline table tr td {
	padding:10px 18px;
	border:solid 1px #e6e6e6;
}


/*.form-row p {
	display:flex;
	align-items: flex-start;
	gap: 10px;
	flex-wrap: wrap; 
}

.form-row label {
	position: relative;top:13px;
	display: flex;
	font-weight: bold;
	width:250px;
}

.form-row input {
	margin-top: 5px;
	padding: 5px;
}
.con_must {
	position: relative;
    top: 0.1em;
    left: 8px;
    display: inline;
    padding: 0 6px;
    font-size: 11px;
    color: #cf1d05;
    border: 1px solid #cf1d05;
    user-select: none;
    line-height: 220%;
}
*/

/*.must {
	position: relative;
	top: -.18em;
	left: 8px;
	display: inline;
	padding: 0 6px 2px;
	font-size: 11px;
	color: #cf1d05;
	border: 1px solid #cf1d05;
	user-select: none;
}*/

/*.wpcf7-form-control-wrap {
	display: inline-block;
	margin-top: 5px;
}*/

}