@charset "utf-8";
/*
Theme Name: Lightning Pro Child 
Theme URI:
Template: lightning-pro
Description:
Author:
Tags:
Version: 0.0.0
*/

.veu_3prArea .subSection-title {
	background: url(http://estate.hornets.work/wp-content/uploads/2021/04/3pr_back01.png) repeat;
	font-size: 20px;
    color:#fff;
    font-weight:bold;
	height: 50px;
	line-height:30px;
    padding: 8px;
    }

.veu_3prArea .summary {
    text-align: left;
	font-size: 14px;
}

.image001 {
	padding: 8px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	/* IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true); /* IE5.5+ */
	background: #fff;
}

@media screen and (min-width: 1100px) {
/****************************
グローバルメニューリセット設定
****************************/
#gMenu_outer {
	padding: initial !important;
	margin: initial !important;
	width: initial !important;
	height: initial !important;
	float: initial !important;
	content: initial !important;
}
/****************************
マウスオーバーカラー
フォントサイズ
上下余白
****************************/
ul.gMenu {
	margin-bottom:-13px !important;
}
ul.gMenu li a {
	padding-top: 1.3em !important;
	height: 50px;
	background: url(http://estate.hornets.work/wp-content/uploads/2021/04/menu_back005.png) repeat;
}
strong[class="gMenu_name"]{
	font-size: 1.1em !important;
}
ul.gMenu li a {
	color: #ffffff !important;
	background-color: #1654e1;
font-size: 1em !important;
}
ul.gMenu li a:hover {
	color: #022b88 !important;
	background-color: #a5c1ff;
	box-shadow: inset 0 0 30px 
    rgba(255, 255, 255, 0.5), 0 0 20px 
    rgba(255, 255, 255, 0.2);
    outline-color: transparent;
    outline-offset: 12px;
    cursor: pointer;
}
/****************************
グローバルメニューの幅設定
****************************/
#gMenu_outer,
#gMenu_outer ul {
	margin-left: calc(50% - 50vw) !important;
	width: 100vw !important;
}
/****************************
グローバルメニュー仕切り線
****************************/
#gMenu_outer li {
	width: 100% !important;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
}
}

.navbar-brand img {
max-height: 110px;
}

.cent { text-align: center; }

.siteHeader {
background: url(http://estate.hornets.work/wp-content/uploads/2021/04/topbar_back001-1.png) repeat;
}

/* 連絡先のスタイル */
.logo-after {
    float:right;
	padding-top:5px;
}
.logo-after .message {
    font-size: 17px;
    color: #6c6c6c;
	font-weight: bold;
}
.logo-after .tel {
    color: #FF9900;
    font-size: 28px;
	font-weight: bold;
}
.logo-after .time {
    font-size: 14px;
    color: #6c6c6c;
}

@media screen and (max-width: 800px) {
.logo-after {
	padding-top:5px !important;
	padding-right:50px !important;
}
.logo-after .message {
    font-size: 17px;
    color: #6c6c6c;
	font-weight: bold;
}
.logo-after .tel {
    color: #FF9900;
    font-size: 23px;
	font-weight: bold;
}
.logo-after .time {
    font-size: 14px;
    color: #6c6c6c;
}
}


#fontdeco01 {
	margin: 1.5em 0;
	padding: 0.5em 0 0.3em 1em;
	border: double 5px #FFFFFF;
	background-color: #111fd6;
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
}

#fontdeco02 {
	padding: .8em 1em;
	margin: 1em 0;
	background: -webkit-linear-gradient(top, #111fd6 0%, #858df7 100%);
	background: linear-gradient(to bottom, #111fd6 0%, #858df7 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	font-weight: bold;
}

#fontdeco03 {
	margin: 1em 0;
	padding: .75em 1em;
	border: 1px solid #ccc;
	border-top: 3px solid #111fd6;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}

#fontdeco04 {
	margin: 1em 0;
	position: relative;
	padding: .75em 1em .75em 2em;
	border: 1px solid #ccc;
	border-top: 3px solid #111fd6;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
#fontdeco04::after {
	position: absolute;
	top: 1em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #111fd6;
	border-radius: 100%;
}

#fontdeco05 {
	margin: 1em 0;
	position: relative;
	padding: .75em 1em .75em 1.5em;
	border: 1px solid #ccc;
	font-weight:bold;
}
#fontdeco05::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #111fd6;
	border-radius: 4px;
}

#fontdeco06 {
	margin: 1em 0;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #ccc;
}
#fontdeco06::before {
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color: #111fd6;
}
#fontdeco06::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}
#fontdeco07 {
	margin-top: 10px;
	position: relative;
	background-color: #eee;
	padding: 1em;
	padding-top: 1.5em;
	margin-bottom: 20px;

}
#fontdeco07 .tab {
	position: absolute;
	top: -1em;
	background-color: #2c40ff;
	padding: 0.25em 2em;
	color: #fff;
	transform: rotate(-4deg);
}

#fontdeco08 {
	margin-top: -0.5em;
	margin-bottom: 1em;
	padding: 0.5em 0.5em;
}

#fontdeco09 {
	margin: 1em 0;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #111fd6;
}
#fontdeco09::before {
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color: #7780f3;
}
#fontdeco09::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #111fd6;
}
#fontdeco10 {
	position: relative;
	background-color: #dff0ff;
	padding: 1em;
	padding-top: 1em;
}

#fontdeco11 {
	margin: 1.5em 0;
	padding: 0.5em 0 0.3em 1em;
	border: double 5px #FFFFFF;
	background-color: #3841ff;
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
}

#fontdeco12 {
	margin-left: 3em;
	margin-right: 3em;
	position: relative;
	background-color: #dff0ff;
	padding: 1em;
	padding-top: 1em;
}



/* 画像付きテーブル
-------------------------------------*/

table.table01 {
 width:100%;　/* テーブルの横幅 */
 border:#000 solid 2px;　/* テーブル全体の罫線 */
}
table.table01 tbody th {
 background:#000;　/* 見出しの背景色 */
 color:#fff;　/* 見出しの文字色 */
 padding:10px 10px;　/* 見出しの上下・左右の余白 */
 border:#000 solid 1px;　/* 見出しの罫線 */
 vertical-align:center;　/* 見出しの縦位置（中央寄せ） */
}
table.table01 tbody td.table01-img img{
 width:100%;　/* 画像の横幅値 */
 height:100%;　/* 画像の縦幅値 */
 display:block;
}
table.table01 tbody td.table01-img{
 padding:0px;　/* 画像自体の余白（なし） */
}
table.table01 tbody td {
 background:#fff;　/* 文章セルの背景色 */
 border:#000 solid 1px;　/* 文章セルの罫線 */
 padding:10px 15px;　/* 文章セルの上下・左右の余白 */
 vertical-align:top;　/* 文章セルの縦位置（中央寄せ） */
}

/* テーブルのレスポンシブデザイン */

@media screen and (max-width: 780px) {
table.table01 tbody th {
 display:block;　/* ブロック要素にしてセルの幅を100％にする */
 padding:5px;
}
table.table01 tbody td.table01-img{
 padding:0px;
}
table.table01 tbody td {
 display:block;
}
}


table {
  margin: 20px auto;
}
.tbl-r02 th {
  background: #e9727e;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 10px;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 80%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}



/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!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:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 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:#2149f3;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#6c73ff;
}

