/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 08 2024 | 04:47:39 */
@import url( 'https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap' );
/* font-family: 'Mochiy Pop One', sans-serif; */

/* フロントページ - front
-------------------------------------------------- */
body.home #content.site-content .es-container {
	margin-top: 96px;
}
body.es-page-es-page_on_front #primary {
	padding-bottom: 0;
}
body.es-page-es-page_on_front footer#colophon {
	margin-top: 0;
}

/* 共通設定 - common
-------------------------------------------------- */
.hover_animete img {
	transition: ease all .6s;
}

.map_custom .uagb-column__inner-wrap {
	padding: 0 !important;
}


/* SNSヘッダー - snsheader
-------------------------------------------------- */
.es-maintenance .header_sns_icons { /* メンテナンス時は非表示 */
	display: none;
}

.header_sns_icons {
	margin: 0 !important;
	padding: 5px 15px;
	display: flex;
	justify-content: flex-end;
	list-style: none;
	background: rgba( 26, 26, 26, 1 );
}
.header_sns_icons > li:not(:last-child) {
	margin-right: 10px;
}
.header_sns_icons > li a {
	display: block;
	color: #fff;
	font-size: 24px;
	transition: ease all .5s;
}
.header_sns_icons > li a:hover {
	opacity: .5;
}


/* 基本設定 - common
-------------------------------------------------- */
.tbl_df table,
.tbl_df table tr td {
	border: none;
}
.tbl_df table tr td {
	border-bottom: 1px solid #333;
}

.es_new_block_link > p {
	padding: 0 10px !important;
}

.stripe_bg a.wp-block-button__link {
	background-color: #1A1A1A;
}

.stripe_bg > span {
	background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 2px, rgba(193, 205, 214, 1) 0, rgba(193, 205, 214, 1) 17px);
}
.stripe_bg .es_new_block .es-list .wp-block-column {
    background-color: #fff;
}

.overlay_bg {
	position: relative;
}
.overlay_bg::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url( '/wp-content/uploads/sites/1029/2023/05/stripe.png' );
/* 	background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 2px, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.5) 4px); */
}

@media (min-width: 481px){
.custom-media-text1.has-media-on-the-right .wp-block-media-text__content {
    z-index: 99;
}
}



/* トップ:スライダー - slider
-------------------------------------------------- */
.slider_custom {
	margin-top: 96px;
}

/* ナビカスタム - navCustom
-------------------------------------------------- */
#masthead, .es-page-es-page_on_front .fixed .main-header-bar {
	background-color: #fff !important;
}
.es-page-es-page_on_front .main-header-bar .main-header-menu > li > a {
	color: #333 !important;
}
.es-page-es-page_on_front .main-header-bar .main-header-menu > li > a:hover {
	color: #fff !important;
}
.header_links .header_links__list a:not(.menu-toggle),
.header_links .main-header-menu-toggle {
	color: #333 !important;
}
ul#primary-menu > li > a {
	color: #333 !important;
}
ul#primary-menu > li:hover > a {
	color: #333 !important;
	background-color: #fff !important;
}

ul#primary-menu > li ul.sub-menu {
	background-color: #fff !important;
}

.main-header-menu .menu-item-has-children a {
	color: #333 !important;
}
ul.sub-menu > li {
	transition: ease all .6s;
}
ul.sub-menu > li:hover {
	background-color: rgba( 0, 0, 0, .2 );
}


/* スライダー - slider
-------------------------------------------------- */
.flexslider.es_slider .flex-control-nav {
	/* 	display: none; */
	bottom: 120px;
}


.bnr_group figure {
	height: 200px;
}


/* Twitter - Twitter
-------------------------------------------------- */
.twitter_block #twitter-widget-0 {
	max-height: 350px;
}


/* ３つのポイント - point
-------------------------------------------------- */
.custom-media-text1 .wp-block-media-text__content {
	color: #fff;
	background-color: #1A1A1A !important;
}
.custom-media-text1 .wp-block-media-text__content h3 {
	color: #fff !important;
}
.map_custom {
	padding-bottom: 0 !important;
}
.map_custom .uagb-column__inner-wrap {
	padding: 0;
	height: 400px;
}
.map_custom .uagb-columns__inner-wrap {
	max-width: 100% !important;
}


/* 下層ページ:共通設定 - page:common
-------------------------------------------------- */
.es-page-document .es-container.page-header,
.es-page-useful .es-container.page-header,
.es-page-kanri .es-container.page-header {
  display: none;
}

.sub_visual h1 span {
	font-size: 24px;
	letter-spacing: .1em;
}


/* 各種書類ダウンロード - page:document
-------------------------------------------------- */
.document_btn a.wp-block-button__link {
	letter-spacing: .1em;
}
.document_btn a.wp-block-button__link strong::before {
	margin-right: 10px;
	content: '\f019';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}


/* 賃貸管理のご案内 - page:kanri
-------------------------------------------------- */
.es-page-kanri #primary {
	padding-bottom: 0;
}
.es-page-kanri footer#colophon {
	margin-top: 0;
}

.ttl_owner {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 3px dotted rgba( 65, 152, 152, 1 );
}
.ttl_owner strong {
	color: rgba( 65, 152, 152, 1 );
}
.ttl_owner strong span {
    display: inline-block;
    margin-bottom: 10px;
	font-size: 18px;
	color: rgba( 72, 113, 114, 1 );
}

.border_line {
    display: flex;
    align-items: center;
}
.border_line:before,
.border_line:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #973C16;
}
.border_line:before {
    margin-right: 1rem;
}
.border_line:after {
    margin-left: 1rem;
}

.attention {
    position: relative;
    display: inline-block;
    padding: 0 30px;
    margin-bottom: 36px;
	color: rgba( 249, 108, 36, 1 ) !important;
	font-weight: bold;
}
.attention:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 1px;
    height: 100%;
    background: rgba( 249, 108, 36, 1 );
    border-radius: 3px;
    transform: rotate(-25deg);
}
.attention:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba( 249, 108, 36, 1 );
    border-radius: 3px;
    transform: rotate(25deg);
}

.ttl_plan {
	display: inline-block;
	margin-top: 5px;
	padding: 0 20px;
	font-family: 'Mochiy Pop One', sans-serif;
	font-size: 21px;
	color: #fff;
	background-color: rgba( 140, 83, 106, 1 );
	border-radius: 30px;
	letter-spacing: .1em;
}

.plan_b {
	background-color: rgba( 103, 87, 113, 1 );
}
.plan_c {
	background-color: rgba( 79, 128, 92, 1 );
}


.contact_btn a::before {
	margin-right: 10px;
	content: '\f0e0';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
.contact_phone a::before {
	margin-right: 10px;
	content: '\f2a0';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.contact_block .ttl_owner {
	border-bottom: 5px dotted #fff;
}
.contact_block .ttl_owner strong,
.contact_block .ttl_owner strong span {
	color: #fff;
}


/* お役立ち情報 - page:useful
-------------------------------------------------- */
.useful_block figure img {
	width: auto;
	height: 65px;
	transition: ease all .6s;
}
/* 新着物件[new]位置調整
-------------------------------------------------- */
.es_new_block .new::before{
 /*margin-left: 60px;*/
 left: 70px;
 top: -3px;
}


/* スマホ版 - forsp
-------------------------------------------------- */
@media ( max-width: 480px ) {
	
	.slider_custom {
		margin-top: 10px;
	}
	
	ul#primary-menu > li > a {
		color: #fff !important;
	}
	
	/* フロントページ - front
	-------------------------------------------------- */
	 body.home #content.site-content .es-container {
		margin-top: 19px;
	}
	
	.bnr_group figure {
		height: auto;
	}
	.parking_search_img img {
		height: 100px;
	}
	.parking_search_img figcaption {
		width: calc( 100% - 20px ) !important;
	}
	
	.sub_visual {
		min-height: auto;
	}
	.sub_visual h1 {
		font-size: 21px !important;
	}
	.sub_visual h1 span {
		font-size: 16px !important;
	}
	
	.ttl_owner strong {
		font-size: 18px;
	}
	.ttl_owner strong span {
		font-size: 14px;
	}
	
	/* スマホ時に反転させる
	-------------------------------------------------- */
	.flex_reverse_sp .uagb-columns__inner-wrap {
		display: flex;
		flex-direction: column-reverse;
	}
	/* 新着物件[new]位置調整
	-------------------------------------------------- */
	.es_new_block .new::before{
		 left: 62px;
		 top: -4px;
		 font-size: 0.65rem;
		 padding: 2px 5px;
	}
}