@charset "UTF-8";/*===============================================PC用　画面の横幅が769px以上===============================================*//*__top__*/@media screen and (min-width: 769px){.estateTopBox {	width:100%;	overflow:hidden;}.estateTopBox h3 {	font-size: 2rem;	font-weight: 600;}.tochiBox {                                background: #7cfc00;	margin-top: 6rem;}.kodateBox {                                background: #afeeee;	margin-top: 2rem;}.estateTopBox ul.search {	width:96%;	margin:0 auto;                                display: flex;	flex-wrap: wrap; /*子要素の折り返し*/                                justify-content:space-between /*子要素の均等配置*/}.estateTopBox li {	width: 32%;                                margin-bottom: 1.5rem;	box-sizing:border-box;	text-align: justify;}.estateTopBox a.link {	width: 100%;                                font-size: 1.4rem;                                font-weight:600;                                margin-top: 1rem;                                padding: 1rem 0%;}/*__一覧ページ__*/.estdata {                                width:95%;                                margin:0 auto;                                margin-bottom:1rem;                                padding: 2rem;                                overflow:hidden;                                background-color: #fff;                                box-sizing:border-box;                                box-shadow: 1px 1px 4px #888;                                border-radius: 10px;}.estdata h1 {                                font-size: 2rem;                                font-weight:600;}.estdata h1 span {                                display: inline-block;                                vertical-align : top;                                 font-size: 1rem;                                font-weight:600;                                line-height: 2;                                margin-top: 9px;                                 margin-left: 10px;                                padding: 0.1em 0.5em;                                color: #fff;                                background: #ff4500;}.estdata h2 {                                font-size: 1rem;                                font-weight:600;                                margin-bottom: 1rem; }.estdata div.left {	width:38%;	text-align:left;	float:left;	margin-right:2%;}.estdata div.right {	width: 60%;	text-align:left;	float:left;}.estdata div.right table {	width:100%;	border: 1px solid #111111;	box-sizing:border-box;                                font-size: 0.9rem;}.estdata div.right td {	border: 1px solid #c6c6c6;	box-sizing:border-box;	padding: 0.5rem;}.estdata div.right td.w80 {	width:20%;	background-color: #ebebeb;}.estdata div.right td.w130 {	width:80%;	background-color: #ebebeb;}.estdata span {                                color: #ff0000;                                font-weight:600;}.estdata div.btnbox {	width:100%;	margin:auto;	overflow:hidden;}.estdata div.btnbox ul {	margin-top: 1.5rem;}.estdata div.btnbox li {                                margin: auto;                                text-align: center;                                font-size: 1.2rem;                                font-weight: 600;}/*__詳細ページ__*/#moreDetail {	width:100%;	text-align: left;}#moreDetail div.txtBox {	margin: 0rem 0rem 2rem 0rem;}#moreDetail div.btn_contact{	width:70%;    display: inline-block;    padding: 0.5em 1em;    text-decoration: none;    background: #F50505;/*ボタン色*/    color: #fff;    border-bottom: solid 4px #A10606;    border-radius: 3px;	text-align: center;      font-size: 100%;	font-weight:600;}#moreDetail div.btn_contact:hover {/*ボタンを押したとき*/    -ms-transform: translateY(4px);    -webkit-transform: translateY(4px);    transform: translateY(4px);/*下に動く*/    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/    border-bottom: none;}#moreDetail div.btn_map{	width:70%;    display: inline-block;    padding: 0.5em 1em;    text-decoration: none;    background: #24B204;/*ボタン色*/    color: #fff;    border-bottom: solid 4px #176805;    border-radius: 3px;	text-align: center;      font-size: 100%;	font-weight:600;}#moreDetail div.btn_map:hover {/*ボタンを押したとき*/    -ms-transform: translateY(4px);    -webkit-transform: translateY(4px);    transform: translateY(4px);/*下に動く*/    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/    border-bottom: none;}#moreDetail div.btn_contact a, #moreDetail div.btn_map a {/*文字色解除*/    color: #FFF;}#moreDetail section.sec1 {	text-align: left;	overflow:hidden;}#moreDetail section.sec1 h1 {	border-left: 6px solid #111111;      font-size: 110%;	font-weight:600;	padding: 0px 0px 0px 14px;	margin-bottom: 15px;}#moreDetail section.sec1 div.imgbox {	width:100%;}#moreDetail section.sec1 div.imgbox div.main {	float: left;	width:55%;	margin-right: 1%;      font-size: 80%;	line-height: 1.3em;	letter-spacing: 0em;	color: #999999;}#moreDetail section.sec1 div.imgbox div.sub {	float: left;	width:44%;}#moreDetail section.sec1 div.imgbox div.sub ul {	display: flex;	justify-content: space-between;}#moreDetail section.sec1 div.imgbox div.sub li {      width: 32%;	margin-bottom:10px;}#moreDetail section.sec1 div.swiperbox {	width:80%;	margin:auto;}#moreDetail section.sec2 {	text-align: left;	margin-top: 6rem;	overflow:hidden;}#moreDetail section.sec2 h1 {                                font-size: 1.4rem;                                font-weight:600;                                margin-bottom: 2rem;                                text-align: center;}#moreDetail section.sec2 table,#moreDetail section.sec2 th,#moreDetail section.sec2 td {                                -webkit-box-sizing: border-box;                                box-sizing: border-box;}#moreDetail section.sec2 table {                                border-collapse: collapse;                                border-spacing: 0;}#moreDetail section.sec2 table {                                width: 100%;                                text-align: left;                                font-size: 0.9rem;}#moreDetail section.sec2 th,#moreDetail section.sec2 td {  border: 1px solid #c6c6c6;  padding: 10px 20px;}#moreDetail section.sec2 th {  background-color: #ebebeb;  width: 20%;}#moreDetail section.sec3 {	text-align: left;	margin-top: 6rem;	overflow:hidden;}#moreDetail section.sec3 h1 {                                font-size: 1.4rem;                                font-weight:600;                                margin-bottom: 2rem;                                text-align: center;}#moreDetail section.sec3 div.txtbox {	float: left;	width:100%;	margin-right: 1%;                                font-size: 0.9rem;	line-height: 1.3em;	letter-spacing: 0em;}#moreDetail section.sec3 div.mapbox {	width:65%;}#moreDetail section.sec3 div.mapbox100 {                                width:100%;}#moreDetail section.sec3 div.txtbox ul {                                width: 100%;}#moreDetail section.sec3 div.txtbox li {                                width: 100%;                                vertical-align: top;                                margin-bottom: 20px;}#moreDetail section.sec3 div.txtbox span {	display: block;	float:left;                                width: 10%;	text-align: center;	background-color: #00c75e;	margin-right: 10px;	color: #fff;}/*メールフォーム*/#formbox {	width:100%;	margin-top: 6rem;	overflow:hidden;}#formbox h1 {                                font-size: 1.4rem;                                font-weight:600;                                margin-bottom: 2rem;                                text-align: center;}form#form {                                padding: 0px;                                margin-bottom: 15px;                                margin-top: 30px;                                text-align:center;                                border-top:1px solid #CCC;}form#form dl {                                width: 100%;                                display: table;                                margin:0px;                                border-bottom:1px solid #ccc;                                text-align: left;                                font-size: 1rem;                                font-weight: 600;}form#form dt {	width: 30%;	display: table-cell;	vertical-align: middle;	padding: 1.5rem;}form#form dt span {                                margin-left: 0.3rem;	display: inline-block;	width: 2.5rem;                                font-size: 0.7rem;	text-align: center;	background-color: #eb5a24;	color: #fff;}form#form dd {	width: 70%;	display: table-cell;	vertical-align: top;	padding: 1.5rem 0rem;}form#form dd span {	line-height: 2.6em;}form#form dd .txtfiled {	width: 100%;	padding: 1rem 1rem;	color:#111;	border: solid 1px #ccc;	background-color: #f5f5f5;	box-sizing:border-box;}form#form select {	padding: 8px 0px 10px 10px;	margin:0px;	color:#666;	border: solid 1px #ccc;                                background: #fff;}#formbox div.btnarea {	width:100%;	margin-top: 2rem;}#formbox div.btnarea input {	width:50%;                                font-size: 1.2rem;	font-weight: 600;	margin-top: 2rem;	padding: 1.2rem 0rem 1.2rem 0rem;                                background-color: #CC0000;	color: #fff;                                border: none;	letter-spacing: 0.3rem;                                border-radius: 8px;}#formbox div.btnarea input:hover {                                background: #FFFF00;                                color: #111;	opacity: 1;}#formbox div.btnarea p {                                font-size: 0.9rem;	margin: 0rem;	text-align:center;}/* 送信確認画面 */#formWrap {	margin-top: 2rem;}#formWrap h3 {	font-size: 140%;	font-weight: 600;	margin: 0px 0px 1rem 0px;	margin-top: 2rem;	text-align: center;}.formTable {	width:900px;	font-size: 90%;	font-weight: 400;	margin:0 auto;	margin-top: 2rem;	text-align: left;}.formTable th {	width:30%;	border: 1px solid #ccc;	padding: 0.5rem;                                background: #888;                                color: #fff;}.formTable td {	width:70%;	border: 1px solid #ccc;	padding: 0.5rem;}#formWrap input {	width:20%;                                font-size: 1.2rem;	font-weight: 600;	margin-top: 2rem;	margin-right: 2rem;	padding: 1.2rem 0rem 1.2rem 0rem;	border: 2px solid #333;	letter-spacing: 0.3rem;                                border-radius: 8px;}#formWrap input:hover {                                background: #333;                                color: #fff;	opacity: 1;}/* 送信完了画面 */.txtfin{	line-height:1.4;	font-weight:bold;	color:#333333;	font-size:100%;	text-align:center;	margin: 80px 50px 50px 50px;}/* エントリーフォーム */.date{	line-height:1.4;	font-weight:bold;	color:#ff0000;	font-size:130%;	margin: 0px 0px 10px 0px;}/* NEWアイコン */.new > h1:nth-child(1)::after {  display        : inline-block;       /* インラインボックス定義  */  content        : "NEW";              /* 表示する文字            */  background     : #ff0000;            /* 背景色                  */  color          : #ffffff;            /* 文字色                  */  font-weight    : bold;               /* 太字                    */  font-size      : 16pt;               /* ベースの文字サイズ      */  letter-spacing : 2px;               /* 文字間隔詰め            */  line-height    : 1.5;                  /* 1行の高さ               */  vertical-align : top;                /* 基準の高さ位置          */  margin         : 2px;                  /* 外余白なし              */  padding        : 2px;                /* 反転時の内余白          */  transform      : scale(0.6)          /* 文字サイズ変更          */                   translateX(-30%);    /* 横位置調整              */                                       /* ブリンクのアニメ指定    */  animation      : newAnime .7s infinite alternate;}@keyframes newAnime {   0% { color      : #ff0000;          /* ブリンク時の文字色      */        background : #ffffff;          /* ブリンク時の背景色      */      } 100% { color      : #ffffff;          /* ブリンク時の文字色      */        background : #ff0000;          /* ブリンク時の背景色      */      }}}@charset "UTF-8";/*===============================================タブレット用　画面の横幅が768pxまで===============================================*//*__top__*/@media screen and (min-width:641px) and (max-width:768px){.estateTopBox {	width:100%;	overflow:hidden;}.estateTopBox h3 {	font-size: 2rem;	font-weight: 600;}.tochiBox {                                background: #7cfc00;	margin-top: 6rem;}.kodateBox {                                background: #afeeee;	margin-top: 2rem;}.estateTopBox ul.search {	width:96%;	margin:0 auto;                                display: flex;	flex-wrap: wrap; /*子要素の折り返し*/                                justify-content:space-between /*子要素の均等配置*/}.estateTopBox li {	width: 32%;                                margin-bottom: 1.5rem;	box-sizing:border-box;	text-align: justify;}.estateTopBox a.link {	width: 100%;                                font-size: 1.4rem;                                font-weight:600;                                margin-top: 1rem;                                padding: 1rem 0%;}/*__一覧ページ__*/.count {	width:90%;      font-size: 160%;	color: #f18d1e;	font-weight:600;}.count span {      font-size: 70%;	color: #111111;}.estdata {	width:100%;	height:auto;	margin:0 auto;	overflow:hidden;	border-top: 6px solid #efe7d9;	margin-top: 20px;	padding-top: 5px;}.estdata h1 {      font-size: 140%;	font-weight:600;	margin-bottom: 5px;}.estdata h1 span {                                display: inline-block;                                font-size: 60%;	font-weight:500;	margin-left: 10px;                                padding: 0.1em 0.5em;	color: #fff;                                background: #F50505;}.estdata div.left {	width:30%;	text-align:left;	float:left;	margin-right:3%;}.estdata div.left ul{	width:100%;}.estdata div.left li{	float: left;}.estdata div.left li:last-child{	float:left;	margin-left:10px;}.estdata div.right {	width:67%;	text-align:left;	float:left;}.estdata div.right table {	width:100%;	border: 1px solid #111111;	box-sizing:border-box;      font-size: 85%;}.estdata div.right td {	border: 1px solid #c6c6c6;	box-sizing:border-box;	padding: 3px;}.estdata div.right td.w80 {	width:25%;	background-color: #ebebeb;}.estdata span {      font-size: 140%;	color: #ff0000;	font-weight:600;}.estdata btnbox {	width:100%;	height:auto;	margin:0 auto;	overflow:hidden;}.estdata div.btnbox {	width:90%;	height:auto;	margin:0 auto;	overflow:hidden;}.estdata div.btnbox ul {	width:100%;	margin-top: 20px;      font-size: 70%;}.estdata div.btnbox li {	float: left;	width: 50%;	padding: 0% 2%;	box-sizing:border-box;}/*__詳細ページ__*/#moreDetail {	width:90%;	text-align: justify;	margin:0 auto;	overflow:hidden;}#moreDetail header h1 {	border-bottom: 1px solid #00c75e;      font-size: 120%;	font-weight:600;	margin-bottom: 15px;}#moreDetail header div.left {	float: left;	width: 100%;}#moreDetail header div.right {	float: right;	width: 35%;}#moreDetail header div.right li {	width:49%;	float: left;	margin-right: 0%;}#moreDetail header div.right li:last-child {	margin-left: 2%;}#moreDetail section.sec1 {	margin-top: 10px;}#moreDetail section.sec1 h1 {	border-bottom: 2px solid #111111;      font-size: 110%;	font-weight:600;	margin-bottom: 15px;}#moreDetail section.sec1 div.imgbox {	width:100%;}#moreDetail section.sec1 div.imgbox div.main {	width:100%;      font-size: 70%;	line-height: 1.3em;	letter-spacing: 0em;	color: #999999;}#moreDetail section.sec1 div.imgbox div.sub {	width:100%;	margin-top: 15px;}#moreDetail section.sec1 div.imgbox div.sub ul {      width: 100%;}#moreDetail section.sec1 div.imgbox div.sub li {      font-size: 70%;	line-height: 1.3em;      width: 49%;	margin-right:2%;	float:left;	vertical-align: top;	letter-spacing: 0em;	color: #999999;	margin-bottom: 10px;}#moreDetail section.sec1 div.imgbox div.sub li:last-child {	margin-right:0px;}#moreDetail section.sec1 div.imgbox div.main img,  #moreDetail section.sec1 div.imgbox div.sub li img{	margin-bottom:5px;}#moreDetail section.sec2 {	text-align: left;	margin-top:40px;}#moreDetail section.sec2 h1 {	border-bottom: 2px solid #111111;      font-size: 110%;	font-weight:600;	margin-bottom: 15px;}#moreDetail section.sec2 table,#moreDetail section.sec2 th,#moreDetail section.sec2 td {  -webkit-box-sizing: border-box;  box-sizing: border-box;}#moreDetail section.sec2 table {  border-collapse: collapse;  border-spacing: 0;}#moreDetail section.sec2 table {	width: 100%;	font-size: 80%;}#moreDetail section.sec2 th,#moreDetail section.sec2 td {  border: 1px solid #666;  padding: 3px 6px;}#moreDetail section.sec2 th {  background-color: #ebebeb;  width: 20%;}#moreDetail section.sec3 {	text-align: left;	margin-top:40px;}#moreDetail section.sec3 h1 {	border-bottom: 2px solid #111111;      font-size: 110%;	font-weight:600;	margin-bottom: 15px;}#moreDetail section.sec3 div.txtbox {	width:100%;      font-size: 80%;	line-height: 1.3em;	letter-spacing: 0em;}#moreDetail section.sec3 div.mapbox {	width:100%;}#moreDetail section.sec3 div.txtbox ul {      width: 100%;}#moreDetail section.sec3 div.txtbox li {      font-size: 100%;	line-height: 1.6em;      width: 100%;	float:left;	vertical-align: top;	margin-bottom: 10px;}#moreDetail section.sec3 div.txtbox span {	display: block;	float:left;      width: 30%;	text-align: center;	background-color: #00c75e;	margin-right: 10px;	color: #fff;}/*メールフォーム*/#formbox {	margin-top:40px;}#formbox h1 {	border-bottom: 2px solid #111111;      font-size: 110%;	font-weight:600;	margin-bottom: 15px;}form#form1 {      padding: 0px;      margin-bottom: 15px;      margin-top: 30px;	text-align:center;	border:1px solid #CCC;	border-top:none;	box-sizing:border-box;}form#form1 dl {	width: 100%;	margin:0px;      font-size: 80%;	text-align: left}form#form1 dt {	width: 100%;	background-color: #fbf0df;	padding: 5px 20px 5px 20px;	border-top:1px solid #CCC;	box-sizing:border-box;}form#form1 dt span {	display: block;	float: right;	width: 10%;	text-align: center;	background-color: #eb5a24;	color: #fff;}form#form1 dd {	width: 100%;	padding: 10px 20px 10px 20px;	box-sizing:border-box;}form#form1 dd span {	line-height: 2.6em;}form#form1 dd .txtfiled {	width:100%;	padding: 8px 0px 10px 0px;	margin:0px;	color:#666;	border: solid 1px #ccc;}form#form1 dd .txtfiled2 {	width:20%;	padding: 8px 0px 10px 0px;	margin: 10px 0px 10px 0px;	color:#666;	border: solid 1px #ccc;}form#form1 select {	padding: 8px 0px 10px 10px;	margin:0px;	color:#666;	border: solid 1px #ccc;      background: #fff;}#formbox div.btnarea {	text-align:center;	width:90%;	margin: auto;}#formbox div.btnarea p {      font-size: 80%;	margin: 0px 0px 20px 0px;}/*送信ボタンの体裁を指定（[type="○○"]で属性の値でセレクト）*/#formbox div.btnarea input[type="submit"] {	cursor:pointer;     /*←これでカーソルを指先型に変化させる*/	font-size:100%;	width: 90%;	height: 70px;	border-style:none;	color: #fff;	background:#ed0000;	-webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;	margin-bottom: 40px;}#formbox div.btnarea input[type="submit"]:hover ,#formbox div.btnarea input[type="reset"]:hover {/*↓ここではロールオーバー時の透明度を変更。もちろんグラデーションを指定してもOK*/	opacity: 0.5;}/* 送信完了画面 */.txtfin{	line-height:1.4;	font-weight:bold;	color:#333333;	font-size:100%;	text-align:center;	margin: 80px 50px 50px 50px;}/* エントリーフォーム */.date{	line-height:1.4;	font-weight:bold;	color:#ff0000;	font-size:130%;	margin: 0px 0px 10px 0px;}/*======送信確認画面======*/#formWrap {	width: 90%;	margin:0 auto;	margin-top:80px;	line-height:120%;	font-size:90%;}table.formTable{	width:100%;	margin:0 auto;	margin-top:20px;	margin-bottom:20px;	border-collapse:collapse;}table.formTable td,table.formTable th{	border:1px solid #ccc;	padding:10px;}table.formTable th{	width:30%;	font-weight:normal;	background:#efefef;	text-align:left;}p.error_messe{	margin:5px 0;	color:red;}.new > h1:nth-child(1)::after {  display        : inline-block;       /* インラインボックス定義  */  content        : "NEW";              /* 表示する文字            */  background     : #ff0000;            /* 背景色                  */  color          : #ffffff;            /* 文字色                  */  font-weight    : bold;               /* 太字                    */  font-size      : 16pt;               /* ベースの文字サイズ      */  letter-spacing : 2px;               /* 文字間隔詰め            */  line-height    : 1.5;                  /* 1行の高さ               */  vertical-align : top;                /* 基準の高さ位置          */  margin         : 2px;                  /* 外余白なし              */  padding        : 2px;                /* 反転時の内余白          */  transform      : scale(0.6)          /* 文字サイズ変更          */                   translateX(-30%);    /* 横位置調整              */                                       /* ブリンクのアニメ指定    */  animation      : newAnime .7s infinite alternate;}@keyframes newAnime {   0% { color      : #ff0000;          /* ブリンク時の文字色      */        background : #ffffff;          /* ブリンク時の背景色      */      } 100% { color      : #ffffff;          /* ブリンク時の文字色      */        background : #ff0000;          /* ブリンク時の背景色      */      }}}/* 写真一覧 */#estateinner{	width: 100%;	overflow:hidden;	margin: auto;	margin-top: 0;	text-align:left;	font-size:0.9rem;}#estateinner #workData {                                display:flex;                                column-gap: 10%;	width: 100%;	text-align:left;}                                #estateinner #workData div.left_box{                                                                flex-basis: 40%;}                                #estateinner #workData div.left_box h2.title{	                                font-size:1.4rem;	                                font-weight:600;	                                margin: 0rem 1rem 0.5rem 0rem;}                                #estateinner #workData div.left_box h4.data{	                                font-size:1rem;	                                font-weight:600;	                                margin: 3rem 0rem 0rem 0rem;}                                #estateinner #workData div.left_box p{	                                margin: 3rem 0rem 0rem 0rem;}                                #estateinner #workData div.right_box{                                                                flex-basis: 50%;}#estateinner #thumbs ul{	display: flex;	margin-top: 5rem;	justify-content: space-between;	flex-wrap: wrap;}                                #estateinner #thumbs ul li{                                                                margin-bottom: 60px;                                                                overflow:hidden;                                }                                #estateinner #thumbs ul li.length {                                                                width: 35%;                                }                                #estateinner #thumbs ul li.length02 {                                                                width: 48%;                                }                                #estateinner #thumbs ul li.oblong01 {                                                                width: 60%;                                }                                #estateinner #thumbs ul li.oblong02 {                                                                width: 48%;                                }                                #estateinner #thumbs ul li img {	                                width: 100%;	                                height: 100%;	                                object-fit:cover;                                }}