@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
a {
text-decoration: none;
}

/* タイトル文字サイズ */
.entry-card-title {
 font-size: 25px;
} 
/*ヘッダードロップシャドウ*/
#header-container { position: relative; box-shadow: 0 5px 15px -5px rgba(0,0,0,.8); }

.br-sp{
display:none;
}

.message_center{
text-align: center;
}

.message_center2{
text-align: center;
color: #ffffff;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/


/*1023px以下*/
@media screen and (max-width: 1023px){
.br-sp{
display: none;
}
	.header-contact{
		display:none;
	}
}



/*834px以下*/
@media screen and (max-width: 834px){

  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
	.content .main, .content .sidebar {
		padding: 15px;
	}
.br-sp{
display:inline-block;
}
/*序文の左揃えと改行非表示*/
.message_center{
text-align: initial;
}
 .message_center2{
text-align: initial;
}

.message_center br{
display: none;
}

.message_center2 br{
display: none;
}
	
  /*必要ならばここにコードを書く*/
}

/* ヘッダーメニューバー背景色の高さ */
.navi-in>ul li {
height: 40px;
line-height: 40px;
}

/************************************
** トップページのカスタマイズ
************************************/
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
display: none;
}
/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
display: none;
}
/*フロント固定ページの投稿日・更新日・投稿者名を非表示*/
.home.page .post-date{
display: none;
}
.home.page .post-update{
display: none;
}
.home.page .author-info{
display: none;
}

.article h2.news_h2 {
border:none;
background:none;
padding: 0;
color:#333;
}

.article h2.top_h2 {
border:none;
background:none;
padding: 0;
}
.article h2.top_h2w {
border:none;
background:none;
padding: 0;
}

.article h2.top_h2 {
position: relative;
padding: 1rem;
text-align: center;
font-size:1.5rem
}

.article h2.top_h2w {
position: relative;
padding: 1rem;
text-align: center;
font-size:1.5rem;
color:#fff;
}

.article h2.top_h2:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #880b17;
}

.article h2.top_h2w:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #880b17;
}




/************************************
**ヘッダーメニューのカスタマイズ
************************************/
/*グローバルメニューのフォントサイズ等変更*/
.navi-in .menu-header .item-label{
	font-size: 16px;
	font-weight: bold;
}
/*  グローバルメニュー各項目間区切り線　*/
.navi-in > ul > li{
  border-right: 1px solid #c0c0c0;
}

#navi .navi-in > ul > li:last-child{
 border-right: 0;
}


/* 見出しリセット */
.article h1{
background:none;
padding: 0;
}

.article h2{
background:none;
padding: 0;
margin-bottom: 0;	
}

.article h3{
margin-bottom: 20px;	
}

.article h4{
margin-bottom: 20px;	
}

/*見出しデザイン*/
.article h1:first-letter {
  font-size: 2em;
  color: #880b17;
}

.article h1 {
  /*線の種類（実線） 太さ 色*/
  border-bottom: solid 3px black;
}

.article h2 {padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #880b17;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
	margin-bottom: 20px;
}




/*枠線を削除する*/
#main{
border: none;
}

/*固定ページの更新日非表示*/
.page .date-tags{
display: none;
}

/* タイトル文字サイズ */
.entry-card-title {
 font-size: 25px;
} 

/************************************
****　インデックス
************************************/
a.entry-card-wrap.a-wrap.border-element.cf{/*カード本体*/
padding:0 0 .5em;
border-radius:10px;
width:48%;
margin-bottom:1em;
}
figure.entry-card-thumb.card-thumb.e-card-thumb{/*サムネイル大きさ*/
max-height:150px;
border-radius:10px 10px 0 0/ 10px 10px 0 0;
overflow:hidden;
display: flex;/*位置をflexで中心に*/
justify-content: center;
align-items: center;
}
.e-card-thumb .cat-label{/*カテゴリラベルを右に寄せる*/
margin-left:.8em;
}
@media screen and (max-width: 1100px){/*サムネイル大きさ*/
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:120px;
}}
@media screen and (max-width: 1023px){/*サムネイル大きさ*/
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:180px;
}}
@media screen and (max-width: 900px){/*サムネイル大きさ*/
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:160px;
}}
@media screen and (max-width: 750px){/*サムネイル大きさ*/
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:130px;
}}
@media screen and (max-width: 600px){/*サムネイル大きさ*/
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:250px;
}
a.entry-card-wrap.a-wrap.border-element.cf{/*画面幅600pxまで、1カラムにする*/
margin:.5em 1em!important;
}
.ect-vertical-card .entry-card-wrap {
width: 95%!important;
}
}
@media screen and (max-width: 480px){/*カード本体*/
a.entry-card-wrap.a-wrap.border-element.cf{
margin:.5em 1em!important;
border-radius:10px;
}
.e-card-thumb .cat-label{/*カテゴリラベルを右に寄せる*/
margin-left:1em;
}}
@media screen and (max-width: 1023px){/*画面幅1023未満はカード本体に影を表示*/
div#list a {
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}
}
@media screen and (min-width: 601px) and (max-width: 834px){/*通常記事本文の周囲の空白にも影響している*/
div#content.content.cf{
margin:1em;
}}
h2.entry-card-title.card-title.e-card-title{/*カードタイトル*/
font-size:18px;
color:#333333;
font-weight:bold;
text-align:left;
line-height:1.8em;
margin-top:1em;

padding: 0 1.5em 0;
}
.entry-card-snippet.card-snippet.e-card-snippet{/*スニペット*/
font-size:14px;
color:#333333;
text-align:left;
border-top:3px dotted #880b17;
line-height:1.8em;
padding-top:0.6em;
margin-left:2em;
margin-right:2em;
margin-bottom:1em;
max-height:20em;
}
@media (max-width:834px){
h2.entry-card-title.card-title.e-card-title{/*カードタイトル*/
font-size: 1.15em;
font-weight:bold;
line-height:1.7em;
padding: 1.5em .8em 1em;
margin:0;
}
.entry-card-snippet.card-snippet.e-card-snippet{/*スニペット*/
font-size:13px;
text-align:left;
border-top:3px dotted #880b17;
line-height:1.8em;
padding:1em 0.5em 0;
margin: 0 1em 1.5em;
}
main.main, div.sidebar {/*モバイル表示などの本文全体の周りの空白にも影響している*/
padding:0;
}
}
a.entry-card-wrap.a-wrap.border-element.cf .post-date,
a.entry-card-wrap.a-wrap.border-element.cf .post-update{/*日付・更新日*/
margin-right:1.5em!important;
color:#333333;
font-size:.86em;
}
.eye-catch .cat-label, .cat-label{/*カテゴリラベル全体デザイン*/
font-size:.7em;
border-radius:10px;
margin:0.5em;
padding:0 0.5em 0;
color:#fff;
}
div.admin-pv{/*閲覧数を非表示*/
display:none;
}

/*新着記事日付追加*/
.widget_new_entries .display-none {
	display: block;
	padding-top: 0.2em;
	text-align: right;
	font-size: 1.5em;
}

/*更新日は非表示にする*/
.widget-entry-card-update-date {
  display: none;
}

/*新着記事日付位置*/
.widget_new_entries .display-none {
    position: absolute;
    right: 0;
    bottom: 0;
}

/*ホバーアイコン設定*/
.a-wrap:hover {
transform: translateY(-2px);
box-shadow: 2px 2px 6px 0 #000000;
}

.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover {
    border-bottom: solid 1px #000; /*下線：シンプルな線、線の太さ、下線の色*/
    background-color: #fff; /*リンクを合わせた時の背景色*/
    color: #333; /*リンクを合わせた時の文字自体の色*/
}

#navi a{
	font-size:14px;
	font-weight:bold;
}

.tagline{
	font-size:11px;
}
/*CTAボックス*/
.cta-box {
background-color: #E8E8E8;
color:#333;
border-radius:8px;
}


/*サイドバー見出し*/
.sidebar h3 {
	background: none;
	color:#333;
    font-size: 20px;
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0;
    text-align: center;
}
.sidebar h3::before, .sidebar h3::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 28%; /*ラインの長さ*/
    border-top: 3px solid #880b17; /*ラインの色*/
}
.sidebar h3::before {
    left: 0;
}
.sidebar h3::after {
    right: 0;
}


/*タグクラウドカスタマイズ*/
.tagcloud a {
   background: none; /*背景を消す*/
   border: 1px solid #333333; /*実線の太さと色*/
   border-radius: 20px; /*角の丸み*/
   color: #333333; /*文字色*/
   padding: 3px 10px; /*要素の内部余白*/
   text-decoration: none; /*文字の装飾なし*/
   font-size: 13px; /*文字サイズ*/
   margin: 2px; /*要素の外部余白*/
   display: flex; /*横並びにする*/
   flex: 1 1 auto; /*余白分の自動伸縮比率*/
   justify-content: space-between; /*左右幅いっぱいに均等に配置する*/
}
.tagcloud a:hover { 
   background: #880b17; /*カーソルを合わせた時の背景色*/
   border: 1px solid #880b17; /*カーソルを合わせた時の線色*/
   color: #fff; /*カーソルを合わせた時の文字色*/
   transition: 0.5s; /*アニメーションの時間*/
}
/*フッターへの反映*/
#footer .tagcloud a {
border: 1px solid #fff; /*実線の太さと色*/
}

#footer .tagcloud a:hover { 
background: #a03c46;
border: 1px solid #fff;
color: #fff;
transition: .1s;
}

/*カテゴリーカスタマイズ*/
.widget_categories ul li a {
    color: #333;
    text-decoration: none;
    padding: 6px 0;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
    border-top: 1px dotted #ccc;
    position: relative;
}

.widget_categories > ul > li > a:first-child {
    border-top: none;
}
.widget_categories > ul > li > a:last-child {
    border-bottom: 1px dotted #ccc;
}
.widget_categories ul li a:hover { /*マウスホバー時*/
    background: #880b17;
    transition: 0.5s;
    color: #fff;
}

.entry-card-categories-ex {
	margin-left:1em;
}
.entry-card-tags-ex  {
	margin-left:1em;
}

/*　フッター　*/
/*　フッターはスマホも表示させる　*/
@media screen and (max-width: 834px){
	.footer-widgets {
  		display: block;
	}
}
/*　モバイルスライドメニュー右から　*/
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

/* モバイルスライドインメニュー */
.fa-times {
color: #333;/* 閉じるボタンの色 */
font-size: 0.5em;
}
ul.menu-drawer:before {
background-color: #333;/* Menu背景色 */
font-size: 1.2em;
}
ul.menu-drawer:after {
background-color: #fff;
}
.menu-drawer a {
color: #333 !important;/* 文字色 */
font-size: 1.2em;
font-weight: 500;
}
.menu-drawer a:hover {
background-color: #eff8f9;
}
.menu-drawer a .fas, .menu-drawer a .far,.menu-drawer a .fa,.menu-drawer a .fab {
margin-right: 3px;
}
.sub-menu li {
font-size: 0.8em;
}

/*　ヘッダーロゴ左詰め　*/
.logo{
	text-align:left;
}

/*　アピールエリアの変更　*/


.appeal-content {
	background-color: transparent;/*　文章背景色なし　*/
	margin:0;
}


.appeal-title {
font-size: clamp(1.25rem, 1.02rem + 0.98vw, 2rem);
text-align: left;
line-height: 1.5;
color: #fff;
}

.appeal-message {
    text-align: left !important;
    text-shadow: 1px 1px 5px #111;
}

.ap-title{
font-size: 36px;
color: #fff;
line-height: 1.4;
font-weight: bold;
margin-bottom: 16px;
}

.ap-message{
color: #fff;
}


/*アピールエリア579px以下*/
@media screen and (max-width: 579px){
.ap-title{
font-size: 32px;
color: #fff;
margin-bottom: 14px;
}

.ap-message{
font-size: 18px;
color: #fff;
margin-top: 14px;
}

.appeal-content{
padding: 1em;
}
}

/*アピールエリア483px以下*/
@media screen and (max-width: 483px){
.ap-title{
font-size: 30px;
color: #fff;
}
}

/*アピールエリア449px以下*/
@media screen and (max-width: 449px){
.ap-title{
font-size: 22px;
color: #fff;
}
.ap-message{
font-size: 14px;
color: #fff;	
}
}

/*　contactform7　*/
.contact7 {
	max-width: 100%;
	box-sizing: border-box;
	background-color: #F5F5F5;
	padding: 2rem;
	margin-top: 0;
}
.contact7 dd {
	margin: 0 0 1.5rem 0;
}
.contact7 dd.radio_sp {
	margin: .3rem 0 2.5rem 0;
}
.contact7 .wpcf7-list-item.first {
	margin-right: 1rem;
}
.contact7 dt {
	font-weight: bold;
}
.contact7 input,
.contact7 button,
.contact7 select {
	font-family: inherit;
	caret-color: black;
}
.contact7 textarea {
	font-family: inherit;
	resize: vertical;
	caret-color: black;
}
.contact7 ::placeholder {
	color: #AABBCC;
}
.contact7 input:focus:placeholder-shown{
	color: transparent;
}
.contact7 input:focus::-webkit-input-placeholder{
	color: transparent;
}
.contact7 input:focus::-moz-placeholder{
	color: transparent;
}
.contact7 input:focus::-ms-input-placeholder{
	color: transparent;
}
.contact7 input:focus::placeholder {
	color: transparent;
}
.contact7 textarea:focus:placeholder-shown{
	color: transparent;
}
.contact7 textarea:focus::-webkit-input-placeholder{
	color: transparent;
}
.contact7 textarea:focus::-moz-placeholder{
	color: transparent;
}
.contact7 textarea:focus::-ms-input-placeholder{
	color: transparent;
}
.contact7 textarea:focus::placeholder {
	color: transparent;
}
.contact7 .required {
	top: .25rem;
	right: 1rem;
	background: #bc1010;
}
.contact7 .any {
	top: .25rem;
	right: 1rem;
	background: #AABBCC;
}
.contact7 a.doui {
	color: #3366CC;
	font-weight: bold;
	text-decoration: underline;
}
.contact7 .doui_ok {
	font-size: 1.2rem;
	font-weight: bold;
}
.contact7 .required,
.contact7 .any {
	color: #FFF;
	border-radius: 3px;
	font-size: .7rem;
	font-weight: normal;
	padding: 4px 8px;
	margin-right: .5rem;
	letter-spacing: 2px;
}
.contact7 .wpcf7-list-item {
	margin-left: 0;
	margin-right: .5rem;
}
.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 80%;
	background-color: #880b17;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid #880b17;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #d9152b;
	border: 1px solid #d9152b;
}
.wpcf7_click {
	text-align: center;
	font-size: .8em;
	font-weight: bold;
}
.wpcf7-spinner{
	display: none !important;
}
input.wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid {
	border-color: #FF3366;
	background-color: #FFF4F9 !important;
}
.wpcf7 span.wpcf7-not-valid-tip {
	color: #FF3366;
	font-weight: bold;
}
div.wpcf7-validation-errors,
.wpcf7 form.invalid .wpcf7-response-output,
div.wpcf7-mail-sent-ng,
.wpcf7 form.failed .wpcf7-response-output,
div.wpcf7-spam-blocked,
.wpcf7 form.spam .wpcf7-response-output,
div.wpcf7-accept-terms,
.wpcf7 form.invalid .wpcf7-response-output {
	color: #FF3366;
	background-color: #FFF4F9;
	border: 1.5px solid #FF3366 !important;
	border-radius: 3px;
	font-weight: bold;
	text-align: center;
	padding: .5rem !important;
	margin: 1rem 0 1.5rem !important;
}
div.wpcf7-mail-sent-ok,
.wpcf7 form.sent .wpcf7-response-output {
	color: #00B200;
	background-color: #E6FFE6;
	border: 1.5px solid #00B200 !important;
	border-radius: 3px;
	font-weight: bold;
	text-align: center;
	padding: .5rem !important;
	margin: 1rem 0 1.5rem !important;
}
.contact7 label {
	cursor: pointer;
}
.contact7 .p-country-name {
	display: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
@media all and (min-width: 768px) {
.contact7 dt {
	float: left;
	clear: left;
	width: 15rem;
	padding: 5px 10px 5px 0;
	}
.contact7 dd {
	margin-left: 15rem;
	}
}

/*CTA初期オレンジボタンをキーカラーに変更*/
.btn-orange {
background-color: #880b17;
}
	
.btn-blue {
background-color: #9f8600;
}
	
/*サイドバー背景色*/
.header-container,
.sidebar,
.footer {
background-color: #f2e4c1;
}

/*不動産コラムトップ*/
.article h2.column_themes {
border:none;
background:none;
padding: 0;
}

.article h2.column_themes {
color: #fff;
text-align: center;
font-size: 2em;
background-color: #880b17;
width: 100%;
margin:0 0 2em 0;
padding: 1rem;
}

.column_frame {
background-color: #fff;
}

.column_list{
padding: 1rem;
}

/* 
* ヘッダーロゴ(テキスト)の反対側に問い合わせボタン表示
*/
div#header-in {
  /* ヘッダーロゴ(テキスト)と問い合わせボタンを横並び */
  flex-direction: row;
}

.header-in .logo-header {
  /* ヘッダーロゴ(テキスト)と問い合わせボタンの位置を両端にする */
  margin-right: auto;
}

.header-contact {
  /* 問い合わせボタンにパディングを追加（見た目を整える） */
  padding: 10px 0;
  margin-right:100px;
}

.header_cbtn {
display: inline-block;
position: relative;
background: #880b17; /* 背景色 */
border: 1px solid #880b17;
padding: 0.5em 1em;
font-weight: bold;
color: #fff; /* 文字色 */
text-decoration: none;
text-align: center;
transition-duration: 0.3s;
}



.header_cbtn:hover {
  background: #fff; /* 背景色 */
  color: #880b17; /* 文字色 */
}


 /*横スクロールバーの非表示*/
html, body {
overflow-x: hidden; /*要素からはみ出た部分を表示しない*/
}

.menu-content .menu-drawer {
 padding: 0 1em 100px;
}
 /*ロゴ画像の比率*/
.logo-menu-button img {
	
		padding:10px;
}

.appeal{
background-position:bottom center;
}

/*「Simple Cloudflare Turnstile」を中央揃えにする*/
div.cf-turnstile {
    display: flex !important;
    justify-content: center !important;
}