@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";
/*******************************
　無料査定ボタン
********************************/
/* 012 */
.button012 a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 10px 10px 10px 50px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 800;
    background: #dd9933;
    border-radius: 50px;
    z-index:0;
    overflow: hidden;
}
.button012 a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f46d";
    line-height: 1;
    position: absolute;
    left: 5px;
    background: #FFF;
    padding: 12px 11px;
    border-radius: 60px;
    z-index: 2;
		color: #dd9933;
}
.button012 a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    display: block;
    background: #1215b7;
    transition: .3s;
    left:0;
}
.button012 a:hover:after {
    width: 100%;
    z-index: -1;
}
/*******************************
　TOPページ　画像余白調整
********************************/
.c-entry__body>*{
	margin-top:-48px;
}  
@media (max-width: 500px) {
	/* ここにスマホ用のCSSを記述してください */
	body{
		overflow-x: hidden;
	}
}

/*******************************
　TOPページ　Aboutの背景を丸める
********************************/
.smb-section__background{
	border-radius:0 5rem 0 5rem
}

/*******************************
　TOPページ物件情報セクション
　上の余白消す
********************************/
.section-housing{
	margin-top: 0px !important;
}
/*******************************
　TOPページ全体の見出し
　上の余白消す
********************************/
.o-typing-fast{
    margin-top: 0px !important;
}
.wp-block-separator.has-text-color.has-sm-accent-color{
    margin-top: 0px !important;
}

/*******************************
　投稿ページの調整
********************************/
/*画像スライダーの調整*/
.spider .spider__canvas .smb-spider-slider__figure-wrapper {
    width: 90%;
    flex: 0 0 auto !important;
}
.spider .spider__arrow:before {
    border-color: black;
}
.spider__dots {
    width: 60%;	  
		margin-left:auto!important;
		margin-right:auto!important;
}
/*アイキャッチ(ヘッダー)の調整*/
.c-page-header{
	height:150px !important;
}
/*投稿遷移ボタン等を非表示*/
.c-entry-summary__meta,
.c-prev-next-nav,
.c-entry-tags,
.c-entry__footer {
display: none;
}
/*******************************
　物件一覧ページの調整
********************************/
/*抜粋上下のmargin調整*/
.wp-block-post-excerpt{
	margin-top:0px;
	margin-bottom:0px;
}
/*画像比率の設定*/
.wp-block-post-featured-image img{
	width: 100%!important;
	height: auto!important;
	aspect-ratio:5/8!important;
	object-fit: cover!important;
}

/*******************************
 * 各ページのヘッダータイトルを消す
********************************/
.c-entry__header{ display: none; }


/*******************************
　フォントの変更
********************************/
/*英語は最後に色を設定*/
.sme-text-color.has-sm-text-alt-color{
	font-family: josefin-sans, sans-serif;
font-weight: 700;
font-style: normal;
}
.sme-text-color.has-sm-accent-color{
	font-family: josefin-sans, sans-serif;
font-weight: 700;
font-style: normal;
}

/*ページ全体のフォントを変更*/
body{
	font-family: 'Yu Gothic', 'YuGothic', sans-serif;
	font-weight: 800;
}

/*
↓英語のフォント
font-family: josefin-sans, sans-serif;
font-weight: 700;
font-style: normal;;


↓日本語のフォント
font-family: 'Yu Gothic', 'YuGothic', sans-serif;
*/

/*******************************
　コンタクトフォーム7　見た目綺麗に
********************************/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:600px){
.inquiry th,.inquiry td,.inquiry tr
	{
 display:block!important;
 width:90%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:14px;

}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:16px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:16px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:12px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:12px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#1215b7;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#dd9933;
 color:#fff;
}
/*******************************　会社の画像横並び
********************************/
.wp-block-gallery-is-layout-flex{
  gap: 0em !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
}

/*******************************　フッター　色を変更
********************************/
.c-copyright{
background-color:#1215b7
}

.l-contents__inner{
    padding-bottom: 0px !important;
}

.footer{
	padding-top: 10px;
    padding-bottom: 0px;
}
/*******************************　topに戻るボタンを丸くする
********************************/
.c-page-top{
border:3px solid #FFF;
border-radius:100px;
}