@charset "utf-8";
/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
        Version: 4.7.3
 */

/* reCaptchaポジション */
.grecaptcha-badge{
	margin-bottom: 95px;
	z-index:3;
}

/*タブウィジェットライン*/
.widget ul.d_tab_nav li.d_tab_active a {
    background-color: #fff;
    box-shadow: none;
    color: #555;
    border-top: 3px solid #FFDF00;
}

/*ヘッダーロゴアニメーション*/
.firstview_content{
	width: 100%;
	position: relative;
}

.header_img_inner_wrap, .firstview_header_inner_content {
    position: absolute;
    bottom: 20px;
    left: 20px;
	text-align: initial;
}
.firstview_header_inner_content{
  animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
 
@keyframes slideIn {
  0% {
    transform: translateX(-360px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
 
@media screen and (max-width:768px)  {	
.header_img_inner_wrap, .firstview_header_inner_content {
    position: absolute;
    bottom: 50px;
    left: 20px;
	text-align: initial;
}
}

/*ヘッダーフェードイン*/
.diver_firstview_image{
animation: fadeIn00 5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadeIn00 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*ピックアップスライダーのカテゴリー非表示*/

#main-wrap #pickup_posts_container .pickup-cat {
	display:none;
}

/* ヘッダー設定 */

.firstview_custom{
	background-color:#fff;
}


.first_view_full{
	position: relative;
	display:flex;
	/* background-image: url(https://www.yamajisagasite.com/wp-content/uploads/2022/11/header_2022.jpg); */
	background-image: url(https://www.yamajisagasite.com/wp-content/uploads/2023/11/top_header_202311-scaled.jpg);
	/* background-image: url(https://www.yamajisagasite.com/wp-content/uploads/2023/06/top_header_20230401-scaled.jpg); */
	background-position: right top;
	background-repeat: no-repeat;
	background-size: contain/*auto 100%;*/;
	padding-bottom: calc(100%*450/1800);/* calc(100*ImageHeight/ImageWidth)% */
	animation: fadeIn00 5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}


/*
.header_logo{
	position: absolute;
	bottom: 20px;
	animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
	overflow: visible;
}
*/
	
.header_logo{
	position: absolute;
	bottom: 20px;
	text-align: center;
	animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

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

.header_message_wrap00{
	position: absolute;
	background: transparent;
	right: 20px;
	top: 15%;
	margin: auto;
}

.header_message00{
	background: rgba(255,255,255,0.7);
	padding: 5px;
}

.header_message00 p{
	text-align:center;
	padding: 5px;
	font-weight: bold;
}

.header_test_box{
   position: relative;	
}
.header_test_logo{
	position: absolute;
    top: 80%;
    left: 55%;
}

/* コンテンツフェードイン*/
.fadein{
    animation-name: fadein;
    animation-duration: 3s;
}
@keyframes fadein{
    from{
    opacity: 0;
    transform: translatesy(20px);
    }
    to{
    opacity: 1;
    transform: translatey(0);
    }
}



/* カテゴリウィジットをマウスオーバーで展開 */
.widget_categories ul li  a + ul ,#custom_html-27 ul li  a + ul {
	display:none;
}
.widget_categories ul li:hover ul ,#custom_html-27 ul li:hover ul {
	display:block;
}

/* ブログ　子カテゴリー　デザイン */

#custom_html-27 li ul li a:before {
    content: '\f0da';
    color: #ccc;
    margin-right: .6em;
    font-family: fontAwesome;
}

/*カテゴリー別新着記事 デザイン変更*/
#category-posts-2-internal li.cat-post-item {
    margin: 3px 0 0;
    padding: 5px 15px;
}

.widget>ul:first-of-type, .widget ul:first-child, .d_tab_tab>ul:first-of-type {
    font-size: 0.9em;
}

/*トップページ　カスタムHTML　枠線消す*/
#custom_html-5, #custom_html-6, #custom_html-13 {
    box-shadow: none;
    background-color: transparent;
}

/* 固定ページパンくずリスト　枠線消す */
.page #breadcrumb {
	box-shadow: none;
	background-color: transparent;
	border-radius: initial;
}

/* トップページご挨拶デザイン */

#custom_html-6 .intro{
	font-size: 1.9em;
	text-align: center;
	margin: 20px 0;
}

#custom_html-6 .intro2{
	font-size: 1.2em;
	text-align: center;
	margin: 20px;
}

@media screen and (max-width:768px)  {	
#custom_html-6 .intro{
	font-size: 1.3em;
}
	
#custom_html-6 .intro2{
	font-size: 1em;
}
	
}


/* ヘッダーロゴ右メニュー */
.contact{
	padding-right: 10px;
}

/* サイドバーのリンクバナー・SNSアイコン */

#sidebar .widget a:hover {
    color: #fff !important;
}

img.side-banner{
	margin-top: 10px;
	border: 1px solid #ccc;
}

div.side-sns-box .side-sns li{
	display: inline-block;
	margin: 0 5px;
	border-bottom:initial;
}
.side-sns-box {
	padding: 1em 0;
	text-align: center;
}

.side-sns{
	padding-top: .6em;
}

.instagram {
	background-color: #D93177;
}

.youtube {
    background-color: #f00;
}

.twitter {
    background-color: #000000;
}

/*.old_twitter {
    background-color: #1DA1F2;
}*/

.side-sns li a{
    color: #fff!important;
    border-radius: 4px;
    display: block;
    width: 70px;
    line-height: 25px;
    text-align: center;
    margin: 0 3px;
}


.widget_text .side-sns li i {
	vertical-align: initial;
	margin-right: initial;
	font-size: 15px;
}

.widget_text .side-sns li a{
	padding: initial;
}

.side_sns_btn {
    color: #fff!important;
	font-size: 0.75rem;
	font-weight: 500;
    border-radius: 4px;
    display: inline-block;
    width: 70px;
    line-height: 18px;
    text-align: center;
    margin: 0 3px;
}

.side-sns li .instagram, .side_sns_btn.instagram {
  position: relative;
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  /*overflow: hidden;*/
}

.side-sns li .instagram:before, .side_sns_btn.instagram:before{
	content: '';
	position: absolute;
	top: 23px;
	left: -18px;
	background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}

/*トップページメニューデザイン*/
.top-menu-wrap{
	display:flex;
}

#custom_html-13 .top-menu{
	width: 100%;
	margin: 5px;
}

#custom_html-5 .top-menu{
	width: 350px;
	margin: 5px;
}

#custom_html-5 .top-menu-img, #custom_html-13 .top-menu-img{
  position: relative;
}

#custom_html-5 .top-menu-title{
	font-size:20px;
	text-align:center;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 5px;
	background: rgba(0,0,0,0.6);
	color: #fff;
	z-index:10000;
	box-sizing: border-box;
}

#custom_html-5 .top-menu-title-l, #custom_html-13 .top-menu-title-l{
	display: block;
	font-size:12px;
}

#custom_html-5 .top-menu-text, #custom_html-13 .top-menu-text{
	padding: 5px;
}

#custom_html-5 .top-menu-icon, #custom_html-13 .top-menu-icon{
	text-align:center;
	padding :3px;
}

#custom_html-5 .top-menu-text ul{
	padding: 15px;
}



#custom_html-5 .top-menu-text li{
	padding: 5px;
	border: none;
}

#custom_html-5 .top-menu-text ul li {
	position: relative;
}

#custom_html-5 .top-menu-text ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: 1.2em;
	left: -0.5em;
	width: 8px;
	height: 1px;
	background-color: #666;
}

#custom_html-5 .top-menu-text a{
	padding: 0px;
	font-size: 15px;
}

#custom_html-5 .top-menu-text a[target="_blank"]::after {
	font-family: fontAwesome;
	content: '\f08e';
    margin-left: 10px;
    font-weight: bold;
	padding-right:5px;
}

#custom_html-13 .top-menu-title{
	font-size:18px;
	text-align: center;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%;
	height: 100%;
	padding: 30px 0;
	background: rgba(0,0,0,0.6);
	color: #fff;
	z-index:100;
	box-sizing: border-box;
}


/* スマホでのトップメニュー表示 */

@media screen and (max-width:768px)  {	
.top-menu-wrap {
	display: block;
  }
#custom_html-5 .top-menu{
		margin: 20px auto;
	}
#custom_html-13 .top-menu{
		margin: 20px auto;
	}
}

/*記事ページシェアボタン配置*/
.sns.small{
	text-align: right;
	margin: 0 -25px 0;
}

/*スマホ表示のみ改行*/

.sp-br{
display:none;
}

@media screen and (max-width: 768px){
    .sp-br{
        display:block;
    }
	.cta-sp-br{
		display: none;
	}
	
}

/*カテゴリーページデザイン調整*/
.catpage_content_wrap .catpage_inner_content {
	text-shadow: none;
}

/* 月別アーカイブデザイン */

.b_archive {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: .5em 1em;
    color: inherit;
    border: 1px solid #ccc;
    background: transparent;
    border-radius: 0;
    font-size: .8em;
}

/* おすすめ物件タブウィジェットデザイン変更 */
#diver_widget_tab-10 .wrap-post-title:before {
    font-family: fontAwesome;
    content: "\f0a1";
    font-weight: bold;
    padding-right: 10px;
	transform: rotate(-30deg);
	display:inline-block;
}

#diver_widget_tab-10 ul {
	position: relative;
}

#diver_widget_tab-10 .newlabel {
	left: 8;
    top: 10px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    letter-spacing: .1em;
    box-shadow: 1px -1px 1px rgb(5 1 10 / 10%);
}

#diver_widget_tab-10 .newlabel::before {
    position: absolute;
    content: '';
    top: -8px;
    left: -7px;
    border: 0;
    height: 38px;
    width: 7px;
    background: #f66;
    border-radius: 5px 0 0 5px;
}

#diver_widget_tab-10 .newlabel::after {
    position: absolute;
    content: '';
    top: -7px;
    left: -5px;
    border: 0;
    height: 7px;
    width: 5px;
    background: #666;
    border-radius: 5px 0 0 5px;
}

/* 物件情報デザイン */

.grid_post-box:hover .post-box-contents_b{
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.post-box-contents_b {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    transition: .4s;
}

.post-box-contents_b .post-author {
    position: absolute;
    bottom: 5px;
    right: 15px;
}

@media screen and (max-width:599px){
    .post-box-contents_b.clearfix {
      padding: 5px;
      margin-bottom: 1px;
  }
	.post-box-contents_b .post-meta-all{
      padding-bottom: 0 !important;
    }

}

.bukken_d {
	display: flex;
	flex-direction: column;
}

.bukken_d .youtube-link-wrap {
	margin-top: auto;
}

@media screen and (max-width:599px){
	.bukken_d .post-meta-all {
		margin-bottom: 10px;
	}

}

/* マウスオーバーで詳細情報掲載サイトへと表示 */

.bukken_t {
	overflow:		hidden;
	position:		relative;
}

.caption {
	font-size:		130%;
	color:			#fff;
	padding-top:		80px;
	padding-left:		0px;
	font-weight : bold;
}

.post .caption {
	font-size:		100%;
}

.mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
.home .bukken_t:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-left:		72px;	/* 右にずらす */
}

.bukken_t:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-left:		62px;	/* 右にずらす */
}

@media screen and (max-width:768px)  {	
.mask {
	display:none;
}
}


/* 商談中・成約済表示 */

.mask_st {
	border-radius: 4px;
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	background-color:	rgba(0,0,0,0.4);
}

.mask_st .mask_bukken_st_01,.mask_st .mask_bukken_st_02 {
	font-size:		45px;
	font-weight : bold;
	color:			#FFE822;
	position:		absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.mask_st .mask_bukken_st_02 {
	font-size: 33px;
}

@media screen and (max-width:768px)  {	
	.mask_st .mask_bukken_st_01 {
		font-size:		29px;
	}
	.mask_st .mask_bukken_st_02 {
		font-size:		18px;
	}
}

@media screen and (min-width:800px) and (max-width:1068px) {
	.mask_st .mask_bukken_st_01 {
		font-size:		40px;
	}
	.mask_st .mask_bukken_st_02 {
		font-size:		30px;
	}
}

/* ウィジェット 記事一覧もっと見る デザイン変更*/
.widget .widget_post_more {
    font-weight: bold;
	text-align: right;
}

a.diver_widget_morelink::after {
    display :none;
}

a.diver_widget_morelink::before {
    font-family: fontAwesome;
    content: "\f138";
    margin-left: 10px;
    font-weight: bold;
	padding-right:5px;
}

.widget_post_list .meta .post_list_title {
	font-size: 1.1em;
}

.widget_post_list .meta .post_list_date {
	font-size: 12px;
}

/* ウィジェット 最新情報・スタッフブログ デザイン変更*/
#diver_widget_newpost-2 .wrap-post-title::before {
    font-family: fontAwesome;
    content: "\f05a";
    font-weight: bold;
    padding-right: 10px;
}

#diver_widget_newpost_grid-4  .wrap-post-title::before {
    font-family: fontAwesome;
    content: "\f040";
    font-weight: bold;
    padding-right: 10px;
}

/* ウィジェット　ビッグフッター　デザイン調整 */
#custom_html-8 .custom-html-widget ul li a::before, #custom_html-9 .custom-html-widget ul li a::before, #custom_html-7 .custom-html-widget ul li a::before {
    content: "\f0da";
    color: #ccc;
    margin-right: .6em;
    font-family: fontAwesome;
}

#custom_html-8 .custom-html-widget ul li, #custom_html-9 .custom-html-widget ul li, #custom_html-7 .custom-html-widget ul li{
	border-bottom:none;
	text-indent: -1.2em;
	padding: 0 0 0 1em;
}


#custom_html-7 .custom-html-widget ul li a[target="_blank"]::after {
	font-family: fontAwesome;
	content: '\f08e';
    margin-left: 10px;
    font-weight: bold;
	padding-right:5px;
}

#custom_html-9 .custom-html-widget ul li a[target="_blank"]::after {
    font-family: fontAwesome;
    content: '\f08e';
    margin-left: 10px;
    font-weight: bold;
    padding-right: 5px;
}

img.f_banner{
	margin:10px 0;
}

/*WPギャラリーサイズ調整*/
.wp-block-gallery .blocks-gallery-item {
  flex-grow: 0;
}

/* 特記事項デザイン */
.notices p{
	font-size: 15px;
	font-weight: bold;
}

/* サイトマップデザイン */

.sitemap{
  width: 100%;
  margin: 0 10px;
}
.sitemap ul {
　display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap:         wrap;
}

.sitemap ul li{
  width: 30%;
  margin-bottom: 1em;
}

.sitemap ul::after{
  content: "";
  width: 30%;
}

@media screen and (max-width:768px)  {	
.sitemap ul{
	display:block;
		}
.sitemap ul li{
  width: 100%;
  margin-bottom: 1em;
}
}


/* 投稿記事　youtube上の余白修正 */

@media screen and (max-width:768px){
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{
padding-top:0 !important;
}
}

/*　物件情報 youtube埋め込み サイズ調整 16:9*/

.c-movie{
	padding: 20px 40px;
	margin: 20px 0;
	background-color: #607D8B;
	text-align: center;
	border-radius: 3px;
}

.c-movie p{
	text-align:center;
	color: #fff;
	font-weight: bold;
}

@media screen and (max-width:768px)  {	
.c-movie{
	padding: 20px 10px;
}
}

.kanri-movie {
	padding: 20px 40px;
	margin: 20px 0;
	background-color: #515781;
	text-align: center;
	border-radius: 3px;
}
.kanri-movie p {
	text-align:center;
	color: #fff;
	font-weight: bold;
}

.movie-wrap {
     position: relative;
	 padding:auto 20px;
     padding-bottom: 56.25%; 
     height: 0;
     overflow: hidden;
}

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


/*　物件情報 グーグルマップサイズ調整 16:9*/
.gmaps {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.gmaps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


/* loop-bukken デザイン調整 */
.address::before {
    font-family: fontAwesome;
    content: "\f041";
    font-weight: bold;
    padding-right: 5px;
}

.post-price{
	font-size: 20px;
	font-weight: bold;
	color : #ff0000;
	letter-spacing: 0.5px;
}

.post-price span{
	font-size: 1rem;
	font-weight: normal;
}

.youtube-link-wrap{
	margin: 10px;
}

.youtube-link-w{
	display: inline-block;
	width: 48%;
    background: #FF9B30;
    /* padding: 5px 0; */
    font-size: 0.9rem;
	color: #fff;
	font-weight:bold;
    border-radius: 2px;
    vertical-align: middle;
	text-align: center;
	margin: 0 2px;
	box-shadow: 0 2px 10px 1px rgb(0 0 0 / 20%);
}

.youtube-link-w a:hover{
	color: #fff;
	box-shadow: none;
	background: #C66600;	
}

.home .youtube-link-wrap .youtube-link a:hover,.content .youtube-link-wrap .youtube-link a:hover,.archive .youtube-link-wrap .youtube-link a:hover{
    color: #fff;
	background: #C66600;
}

@media screen and (max-width:768px)  {	
.youtube-link-w{
	display: block;
	width: 100%;
	margin: 5px 0;
}
}

@media screen and (min-width:1000px) and (max-width:1068px) {
.youtube-link-w{
	width: 47%;
	font-size: 12px;
}
}

.youtube-link {
	display: inline-block;
	width: 100%;
    background: #FF9B30;
    /* padding: 5px 0; */
    font-size: 0.9rem;
	font-weight:bold;
    border-radius: 2px;
    vertical-align: middle;
	text-align: center;
	box-shadow: 0 2px 10px 1px rgb(0 0 0 / 20%);
}

.youtube-link-span {
	display: block;
	padding: 5px 0;
}

.youtube-link:hover{
	color: #fff;
	background: #C66600;
	box-shadow: none;
	
}

.home .youtube-link-wrap .youtube-link a, .youtube-link-w a,.content .youtube-link-wrap .youtube-link a, .youtube-link-w a,.archive .youtube-link-wrap .youtube-link a, .youtube-link-w a{
	display: block;
	padding:5px 0 !important;
	color: #000;
}

.coming-soon{
	background: #3C74AD;
    padding: 5px 0;
    font-size: 0.9em;
    color: #000;
	font-weight:bold;
    border-radius: 2px;
    display: block;
    vertical-align: middle;
	text-align: center;
}

/* single-bukken.php　デザイン */

.bukken-img-wrap{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
    justify-content: flex-start;
}

.bukken-img-main{
	width: 60%;
	padding: 5px;   
}

.bukken-img-right-wrap{
    width: 50%;
	padding: 5px;  
}

.bukken-img-right{
}

.bukken-pri{
	font-weight: bold;
	color : red;
	font-size: 22px ;
}

.jog-link{
	padding-top:20px;
}
/* スマホでは物件画像横並び解除 */
@media screen and (max-width:768px)  {	
.bukken-img-wrap {
	display: block;
  }
.bukken-img-main{
    width: 100%;
	padding: 5px;   
}	
.bukken-img-right-wrap{
    width: 100%;
	padding: 5px;  
}
}


/*カスタムタクソノミーのカテゴリのリンク文字の色*/
.bukken .single-post-category a {
    color: #fff;
    vertical-align: middle;
}

/* コンタクトフォームレイアウト　template02 */
.form__wrap {
  width: 100%;
  max-width: 900px;/*フォームの最大幅*/
  margin-right: auto;
  margin-left: auto;
}
.wpcf7 .template02 {
  color: #666;
  font-size: 16px;
}
.wpcf7 .template02 a {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  color: inherit;
  transition: opacity .25s;
}
.wpcf7 .template02 a:hover {
  opacity: .5;
  transition: opacity .25s;
}
.wpcf7 .template02 div.form__row {
  display: flex;
  margin: 0;
  padding: 0;
  border-top: 1px solid #efe8e5;
}

.wpcf7 .template02 div.form__text {
  margin: 0;
  padding: 0;
  border-top: 1px solid #efe8e5;
  text-align: center;
}

.wpcf7 .template02 p.form__body__text {
  width: 80%; /* 60% */
  display: inline-block;
  padding: 1.5em 1em;
  text-align: center; /* left */
}


.wpcf7 .template02 div.form__row.row-bookingdate {
  justify-content:center;
  align-items:center;
}

.wpcf7 .template02 div.form__row.row-privacy,
.wpcf7 .template02 div.form__row.row-check,
.wpcf7 .template02 div.form__row.row-submit {
  display: block;
  border-top: 0;
  margin-top: 1em;
  text-align: center;
}
.wpcf7 .template02 p.form__label,
.wpcf7 .template02 p.form__body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.wpcf7 .template02 p.form__label {
  width: 36%;
  padding: 1.5em 1em;
}
.wpcf7 .template02 p.form__body {
  width: 64%;
  padding: 1.5em 1em;
}
.wpcf7 .template02 div.form__row.row-privacy .form__body,
.wpcf7 .template02 div.form__row.row-check .form__body,
.wpcf7 .template02 div.form__row.row-submit .form__body {
  width: 100%;
}
.wpcf7 .template02 p.form__label label {
  position: relative;
  margin: 0;
  padding: 0;
  padding-left: 44px; 
  box-sizing: border-box;
}
.wpcf7 .template02 p.form__label label::after {
  content: "任意";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  margin: 0;
  padding: 0 5px;
  border-radius: 2px;
  background-color: #f1f1f1;
  color: #929292;
  font-size: 11px;
  text-align: center;
  box-sizing: border-box;
}
.wpcf7 .template02 p.form__label.is-required label {
  position: relative;
}
.wpcf7 .template02 p.form__label.is-required label::after {
  content: "必須";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  padding: 0 5px;
  background-color: #6c5c2f;
  color: #fff;
  font-size: 11px;
  text-align: center;
}
/* コンタクトフォーム--テキストフィールド */
.wpcf7 .template02 input[type=text],
.wpcf7 .template02 input[type=tel],
.wpcf7 .template02 input[type=email],
.wpcf7 .template02 input[type=date],
.wpcf7 .template02 textarea {
  width: 100%;
  margin: 0;
  padding: .5em 1em;
  border: 1px solid #c4bbb8;
  border-radius: 4px;
  box-shadow: none;
  background-color: #fefefe;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: 16px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* コンタクトフォーム--テキストフィールド placeholder */
.wpcf7 .template02 input[type=text]::placeholder,
.wpcf7 .template02 input[type=tel]::placeholder,
.wpcf7 .template02 input[type=email]::placeholder,
.wpcf7 .template02 input[type=url]::placeholder,
.wpcf7 .template02 input[type=date]::placeholder,
.wpcf7 .template02 input[type=number]::placeholder,
.wpcf7 .template02 textarea::placeholder {
  color: #ccc;
}
.wpcf7 .template02 input[type=text]:-ms-input-placeholder,
.wpcf7 .template02 input[type=tel]:-ms-input-placeholder,
.wpcf7 .template02 input[type=email]:-ms-input-placeholder,
.wpcf7 .template02 input[type=url]:-ms-input-placeholder,
.wpcf7 .template02 input[type=date]:-ms-input-placeholder,
.wpcf7 .template02 input[type=number]:-ms-input-placeholder,
.wpcf7 .template02 textarea:-ms-input-placeholder {
  color: #ccc;
}
.wpcf7 .template02 input[type=text]::-ms-input-placeholder,
.wpcf7 .template02 input[type=tel]::-ms-input-placeholder,
.wpcf7 .template02 input[type=email]::-ms-input-placeholder,
.wpcf7 .template02 input[type=url]::-ms-input-placeholder,
.wpcf7 .template02 input[type=date]::-ms-input-placeholder,
.wpcf7 .template02 input[type=number]::-ms-input-placeholder,
.wpcf7 .template02 textarea::-ms-input-placeholder {
  color: #ccc;
}
/* コンタクトフォーム--テキストフィールド フォーカス時 */
.wpcf7 .template02 input[type=text]:focus,
.wpcf7 .template02 input[type=tel]:focus,
.wpcf7 .template02 input[type=email]:focus,
.wpcf7 .template02 input[type=url]:focus,
.wpcf7 .template02 input[type=date]:focus,
.wpcf7 .template02 input[type=number]:focus,
.wpcf7 .template02 textarea:focus {
  outline: 0;
  border: 1px #6c5d2f solid;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
/* コンタクトフォーム--チェックボックス */
.wpcf7 .template02 input[type=checkbox] {
  display: none;
}
.wpcf7 .template02 input[type=checkbox] + span {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0 1em 0 1.8em;
  font-size: inherit;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=checkbox] + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.24em;
  height: 1.24em;
  border: 1px solid #c4bbb8;
  border-radius: 4px;
  background-color: #fefefe;
  box-sizing: border-box;
}
.wpcf7 .template02 input[type=checkbox] + span::after {
  content: "";
  opacity: 0;
  display: block;
  position: absolute;
  top: 0.15em;
  left: 0.44em;
  width: 0.4em;
  height: .8em;
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
  box-sizing: border-box;
  transform: rotate(40deg);
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=checkbox]:checked + span {
  color: #6c5d2f;
  transition: all .25s ease;
}
.wpcf7 .template02 input[type=checkbox]:checked + span::before {
  opacity: 1;
  border: 1px solid #6c5d2f;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
  background-color: #6c5d2f;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=checkbox]:checked + span::after {
  opacity: 1;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transition: opacity .25s ease;
}
/* コンタクトフォーム--ラジオボタン */
.wpcf7 .template02 input[type=radio] {
  display: none;
}
.wpcf7 .template02 input[type=radio] + span {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0 1em 0 1.8em;
  font-size: inherit;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=radio] + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  border: 1px solid #c4bbb8;
  border-radius: 50%;
  background-color: #fefefe;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=radio] + span::after {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=radio]:checked + span {
  color: #6c5d2f;
}
.wpcf7 .template02 input[type=radio]:checked + span::before {
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
.wpcf7 .template02 input[type=radio]:checked + span::after {
  opacity: 1;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  background-color: #6c5d2f;
  border-radius: 50%;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
/* コンタクトフォーム--セレクト */

.wpcf7 .template02 span.select-wrap {
  position: relative;
  width: 250px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.wpcf7 .template02 select {
  cursor: pointer;
  width: 250px;
  max-width: 100%;
  margin: 0;
  padding: .5em 3.5em .5em 1em;
  border: 1px solid #c4bbb8;
  border-radius: 4px;
  box-shadow: none;
  background-color: #fefefe;
  background-image: linear-gradient(90deg, #d4cbb2, #d4cbb2);
  background-position: 100% 0;
  background-size: 2em 3.5em;
  background-repeat: no-repeat;
  color: inherit;
  font-size: inherit;
  line-height: 1;
  box-sizing: border-box;
  transition: border-color 0.2s ease, outline 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wpcf7 .template02 select::-ms-expand {
  display: none;
}
.wpcf7 .template02 span.select-wrap::after {
  content: "";
  pointer-events: none;
  position: absolute;
  display: block;
  width: .6em;
  height: .6em;
  top: 50%;
  right: .8em;
  margin-top: -3px;
  border-bottom: 1px solid #6c5d2f;
  border-right: 1px solid #6c5d2f;
  transform: rotate(45deg) translateY(-50%);
  transform-origin: 50% 0;
  box-sizing: border-box;
}
.wpcf7 .template02 select:focus {
  outline: 0;
  border: 1px #6c5d2f solid;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
.wpcf7 .template02 span.select-wrap:focus-within::after {
  border-bottom: 1px solid #6c5d2f;
  border-right: 1px solid #6c5d2f;
}

/* コンタクトフォーム--送信ボタン */
.wpcf7 .template02 .submit-btn {
  position: relative;
  width: 320px;
  height: 65px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
.wpcf7 .template02 input[type="submit"] {
  cursor: pointer;
  width: 320px;
  max-width: 100%;
  padding: 18px;
  box-shadow: none;
  border: 1px #6c5d2f solid;
  border-radius: 8px;
  background-color: #6c5d2f;
  color: #fff;
  font-size: 18px;
  text-align: center;
  box-sizing: border-box;
  transition: all .25s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wpcf7 .template02 input[type="submit"]:disabled {
  cursor: not-allowed;
  box-shadow: none!important;
  border: 1px solid #f8f8f8!important;
  background-color: #f8f8f8!important;
  color: #929292!important;
}
.wpcf7 .template02 input[type="submit"]:hover {
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
  background-color: #fff;
  color: #6c5d2f;
  transition: all .25s;
}
.wpcf7 .template02 input[type="submit"]:focus {
  outline: 0;
  border: 1px #6c5d2f solid;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
@media only screen and (max-width: 768px) {
  .wpcf7 .template02 div.form__row {
    display: block;
  }
  .wpcf7 .template02 p.form__label {
    width: 100%;
    padding: 1.5em 1em 0;
  }
  .wpcf7 .template02 p.form__body {
    width: 100%;
    padding: 1em 1em 1.5em;
  }
  .wpcf7 .template02 p.form__body__text {
    width: 100%;
  }
}

/* コンタクトフォーム--売却相談フォームデザイン */

  .wpcf7 .template02 .satei_bukken_deteal input{
	  width: 90%;
	  margin-bottom: 10px;
}
  .wpcf7 .template02 .satei_bukken_type select{
	  margin-right: 16px;
}
  .wpcf7 .template02 .satei_bukken_type input{
	  width: 50%;
}

@media only screen and (max-width: 768px) {
	.wpcf7 .template02 .satei_bukken_type select,
	.wpcf7 .template02 .satei_bukken_age_year select{
		margin-bottom: 10px;
}
  .wpcf7 .template02 .satei_bukken_type input{
	  width: 100%;
}
}

/*20210628
.box {
width:600px;
height:400px;
position:relative;
overflow:hidden;
}
.box .slideup{
width:600px;
height:400px;
background:rgba(32,178,170,0.9);
position:absolute;
top:365px;
left:0;
color:#fff;
-webkit-transition: 0.2s;
-moz-transition:  0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.box .slideup:hover {
top:0;
background:rgba(32,178,170,0.8);
}
.box .slideup span {
margin:5px;
padding:5px;
text-align:center;
font-weight:bold;
display:block;
}
.box .slideup:hover span {
display:none;
}
.slideup_content {
}
*/

/* 最終更新日編集用 */
.modified-day {
	display: flex; justify-content: flex-start; align-items: center; 
	line-height: 1; 
}
.modified-day b, .modified-day a {d
	isplay: inline-block; 
	margin: 0 3px; 
}
.modified-day:before {
	content: "\f508"; 
	font-family: dashicons; font-size: 20px; 
	flex: 0 0 23px; 
	padding-right: 3px; 
}
.edit-modified {
	color: #0073aa; 
}
.modified_select input, .modified_select select {
	max-width:7em; height:auto; 
	font-family: monospace;font-size: 12px; line-height: 2; 
	vertical-align: middle; 
}
.modified_select input {
	cursor: pointer; 
}
.modified_select select {
	margin: 0 5px; 
}

/** アイコンメニュー **/
.widget_btn{
margin:-10px;
background:#eee;
display: flex;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.widget_btn a{
text-align:center;
width:50%;
padding:8px 0 12px;
background:#fff;
border:1px solid #eee;
font-weight:bold;
}

.widget_btn a i {
display:block;
font-size:24px;
padding:10px 0 6px;
}

.widget_btn a span {
font-size:12px;
}

/** アイコンの色 **/
.widget_btn a:nth-child(1) i {
color:#000;
}
.widget_btn a:nth-child(2) i {
color:#000;
}
.widget_btn a:nth-child(3) i {
color:#000;
}
.widget_btn a:nth-child(4) i {
color:#000;
}

/* スマホ閲覧時、画像を非表示に */
@media screen and (max-width:768px)  {	
.sp_img {
	display: none;
  }
}

/* CTAデザイン設定 */

figure.grid {
	border: solid 1px #808080;
}

/* CTA用SNSサークルアイコン */

.cta-sns-icon{
  text-align: center;
}

/* CTA用インスタボタン */
.insta_btn_cta{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  position: relative;
  display: inline-block;
  border-radius: 50%;
  height: 50px;/*高さ*/
  width: 50px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 25px;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}


.insta_btn_cta:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.content .insta_btn_cta span,.content .insta_btn_cta i{ /* アイコンとテキストの色 */
	color: #fff;
}

.insta_btn_cta .fa-instagram{/*アイコン*/
  font-size: 35px;/*アイコンサイズ*/
  position: relative;
  top: 4px;/*アイコン位置の微調整*/
}

.insta_btn_cta span {/*テキスト*/
  display:inline-block;
  position: relative;
  transition: .5s;
}

/* ホバーで一回転
.insta_btn_cta:hover span{
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}
*/

/* CTA用インスタボタン 個別 */
.insta_btn_cta_tenpo{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  position: relative;
  display: inline-block;
  border-radius: 3px;
  height: 60px;/*高さ*/
  width: 100%;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 16px;/*文字のサイズ*/
  line-height: 20px;/*高さと合わせる*/
  background-color: #D4629D;
  text-decoration:none;/*下線は消す*/
  overflow: hidden;
}


.content .insta_btn_cta_tenpo span,.content .insta_btn_cta_tenpo i{ /* アイコンとテキストの色 */
	color: #fff;
}

/*
.insta_btn_cta_tenpo .fa-instagram{
  font-size: 35px;
  position: relative;
  top: 4px;
}
*/

.insta_btn_cta_tenpo span {/*テキスト*/
  display:inline-block;
  position: relative;
  top: 10px;
}


/* CTA用youtubeボタン */
.youtube_btn_cta{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  position: relative;
  display: inline-block;
  border-radius: 50%;
  height: 50px;/*高さ*/
  width: 50px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 25px;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  background-color: #ff0000;
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

/* CTA用 Youtube 個別 */
.youtube_btn_cta_tenpo{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  position: relative;
  display: inline-block;
  border-radius: 3px;
  height: 60px;/*高さ*/
  width: 100%;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 16px;/*文字のサイズ*/
  line-height: 20px;/*高さと合わせる*/
  background-color: #FF0000;
  text-decoration:none;/*下線は消す*/
  overflow: hidden;
}

.youtube_btn_cta_tenpo span {/*テキスト*/
  display:inline-block;
  position: relative;
  top: 10px;
}

.content .youtube_btn_cta span,.content .youtube_btn_cta i{ /* アイコンとテキストの色 */
	color: #fff;
}

.content .youtube_btn_cta_tenpo span,.content .youtube_btn_cta_tenpo i{ /* アイコンとテキストの色 */
	color: #fff;
}

.youtube_btn_cta .fa-youtube{/*アイコン*/
  font-size: 25px;/*アイコンサイズ*/
  position: relative;
}

.youtube_ctn_cta span {/*テキスト*/
  display:inline-block;
  position: relative;
  transition: .5s;
}

/* CTA用Lineボタン */
.line_btn_cta{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  position: relative;
  display: inline-block;
  border-radius: 50%;
  height: 50px;/*高さ*/
  width: 70px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 50px;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  background-color: #fff;
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}


.line_btn_cta .fa-line{/*アイコン*/
  font-size: 50px;/*アイコンサイズ*/
  position: relative;
  color: #25AF00;
}

.line_ctn_cta span {/*テキスト*/
  display:inline-block;
  position: relative;
  transition: .5s;
}

/* CTA用 line 個別 */
.line_btn_cta_tenpo{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  position: relative;
  display: inline-block;
  border-radius: 3px;
  height: 60px;/*高さ*/
  width: 100%;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 16px;/*文字のサイズ*/
  line-height: 20px;/*高さと合わせる*/
  background-color: #25AF00;
  text-decoration:none;/*下線は消す*/
  overflow: hidden;
}


.line_btn_cta_tenpo span {/*テキスト*/
  display:inline-block;
  position: relative;
  top: 10px;
}

.content .line_btn_cta_tenpo span,.content .line_btn_cta_tenpo i{ /* アイコンとテキストの色 */
	color: #fff;
}

.sp-no-br,.insta_btn_cta_tenpo span.sp-no-br{
	top: 0px;
}

@media screen and (min-width: 960px) {
.sp-br{
	display: none;
}
}

@media screen and (min-width: 500px) and (max-width: 800px) {
	.sp-br{
		display: none;
}
	.sp-no-br,.insta_btn_cta_tenpo span.sp-no-br{
		top: 0px;
	}
}

/*
@media screen and  (min-width: 1024px) {
	.insta_btn_cta_tenpo span,.youtube_btn_cta_tenpo span,.line_btn_cta_tenpo span{
		font-size: 13px;	
	}
	.sp-br{
		display:block;
}
	.sp-no-br,.insta_btn_cta_tenpo span.sp-no-br{
		display: none;
	}
}
*/

/* CTA　LINE吹き出し下向き */

.line_cta_fukidasi,.line_cta_fukidasi-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  border-radius: 6px;
  min-width: 120px;
  width: 100%;
  text-align: center;
  color: #25AF00;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  background: #FFF;
  border: solid 3px #25AF00;
  box-sizing: border-box;
}

.line_cta_fukidasi:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.line_cta_fukidasi:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #25AF00;
  z-index: 1;
}

.content .line_cta_fukidasi p,.line_cta_fukidasi p,.line_cta_fukidasi-top p {
  animation: flash 1.8s linear infinite;
  margin: 0;
  padding: 0;
}

/* LINE用吹き出し上向き */

.line_cta_fukidasi-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}

.line_cta_fukidasi-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #25AF00;
  z-index: 1;
}

.line_cta_fukidasi p,.line_cta_fukidasi-top p {
  margin: 0;
  padding: 0;
}

@keyframes flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

#cta .cta_content .content p{
    padding: 0 0 0em;
}

@media screen and (max-width: 768px){
	.cta_title {
    text-align: center;
}
}

.sc_frame_wrap.normal .sc_frame{
    border-radius: 5px;
}

#cta .sc_frame_wrap.normal .sc_frame{
    border-radius: 5px;
    text-align: center;
}

.listcenter{
    display: inline-block;
    text-align: left;
}

.listcenter ul li{
    font-weight: bold;
}

.cta_line_right .line_cta_fukidasi{
    margin-top:  0px;
}

@media screen and (max-width: 768px){
#cta .button.big a {
    width: 100%;
}
}

.flexbox{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.card01{
	background-color: #FFDF00;
	border: 4px #FFDF00 solid;
	border-radius: 4px;
	box-sizing: border-box;
	width: 32.5%;
	height: 110px;
	padding-bottom: 5px;
	margin-right: 1%;
	margin-bottom: 10px;
	font-weight: bold;
	text-align:center;
}

.card01:nth-child(3){
  margin-right: 0;
}

.card01:nth-child(6){
  margin-right: 0;
}

a.card01.shadow {
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.2);
	color: #000;
}

a.card01.shadow:hover{
	box-shadow: none;
	color: #000;
}


.card01 i {
	color: #000;
	display: block;
	font-size: 50px;
	padding: 10px 0 6px;
	text-align: center;
}

a.card01[target="_blank"]::after {
	font-family: fontAwesome;
	content: '\f08e';
    margin-left: 10px;
    font-weight: bold;
	padding-right:5px;
}

@media screen and (max-width: 768px){
    .card01{
	font-size: 14px;
    line-height: 1.2;
}
}