@charset "utf-8";

/* ------------------------------------------------------------------------ */
/* --- Common ------------------------------------------------------------- */
/* ------------------------------------------------------------------------ */

html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
  background-color: #FFFFFF;
  color: #333333;
  font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

/* for IE<=7 */
br {
  letter-spacing : normal;
}

img {
  border: 0 none;
  margin: 0;
  vertical-align: middle;
  /* for IE */
  -ms-interpolation-mode: bicubic;
  /* for Chrome */
  -webkit-backface-visibility: hidden;
}

a {
 color: #FF8A02;
}

a:hover {
  color: #FFCC33;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: 12px;
}

th {
  text-align: center;
}

sup {
  vertical-align: text-top;
  font-size: 0.7em;
  line-height: 100%;
}

/* for IE6 */
* html p {
  margin: 1em 0;
}
/* for IE7 */
*:first-child+html p {
  margin: 1em 0;
}

/* --- form ----------------------------------------------- */
/* for IE6 */
form {
  margin: 0;
}

input, textarea, button, select {
  margin: 0;
  /* for Firefox */
  font-family: Arial, sans-serif;
  font-size: 100%;
}

input, button, select {
  vertical-align: middle;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
}

input[type=text],
input[type=password],
textarea,
select {
  border: 1px solid #999999;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  border-color: #6598CB;
  box-shadow: 0 0 3px #6598CB;
  background-color: #FFFFF0;
}

input[type=text],
input[type=password] {
  height: 22px;
  border-radius: 2px;
  padding: 1px 1px 1px 4px;
}

textarea {
  width: 95%;
  height: 8em;
  border-radius: 2px;
  padding: 4px 1px 1px 4px;
}

select {
  height: 24px;
  padding-left: 2px;
}

/* for not IE6 */
input[type=radio],
input[type=checkbox] {
  margin-right: 2px;
  /* for IE */
  padding: 0;
}
input[type=radio] + label,
input[type=checkbox] + label {
  vertical-align: middle;
}
/* for IE7 */
*:first-child+html input[type=radio],
*:first-child+html input[type=checkbox] {
  margin-right: 0;
}

input.button-s {
  width: 50px;
  height: 22px;
}
/* for IE6 */
* html input.button-s {
  line-height: 1.4;
}
/* for IE7 */
*:first-child+html input.button-s {
  line-height: 1.4;
}

input.button-m {
  width: 80px;
  height: 24px;
}
/* for IE6 */
* html input.button-m {
  line-height: 1.5;
}
/* for IE7 */
*:first-child+html input.button-m {
  line-height: 1.5;
}

input.textMiddle {
  width: 250px;
}
input.textMiddle2 {
  width: 250px;
}
input.textMiddleS {
  width: 200px;
}
input.textSmall {
  width: 120px;
}
input.textNumber {
  width: 70px;
}
input.textMax {
  width: 95%;
}

/* --- letter layout for table header ----------------------------------------------- */
th.lttr_2 {
  letter-spacing: 1em;
}
th.lttr_3 {
  letter-spacing: 0.4em;
}

/* --- display ----------------------------------------------- */
.hide_pc {
  display: none !important;
}

/* --- clearfix ----------------------------------------------- */
.clearfix {
  zoom: 1;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* --- noscript ----------------------------------------------- */
#noscript {
  border-bottom: 1px solid #CCCCCC;
  margin: 0;
  padding: 5px 0;
  background-color: #E6E6E6;
  text-align: center;
  color: #000000;
}

/* --- a-button ----------------------------------------------- */
.a-button {
  border-color: #BCC1C8 #BABABA #ADB2BB;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  height: 25px;
  padding: 0;
  text-align: center;
  text-decoration: none !important;
  vertical-align: middle;
  background: none repeat scroll 0 0 #D8DDE6;
}
/* for IE7 */
*:first-child+html .a-button {
  display: inline;
  zoom: 1;
}
/* for IE6 */
* html .a-button {
  display: inline;
  zoom: 1;
}

.a-button:hover {
  border-color: #AEB4BD #ADADAD #9FA5AF;
}
.a-button:active {
  border-color: #ADB2BB #BABABA #BABABA;
}
.a-button:focus {
  border-color: #E47911;
  box-shadow: 0 0 2px rgba(228, 121, 17, 0.5);
  outline: medium none;
}

.a-button .a-button-inner {
  background: -webkit-gradient(linear, left top, left bottom, from(#F7F8FA), to(#E7E9EC));
  background: -webkit-linear-gradient(top, #F7F8FA, #E7E9EC);
  background: -moz-linear-gradient(top, #F7F8FA, #E7E9EC) repeat scroll 0 0 transparent;
  background: -o-linear-gradient(top, #F7F8FA, #E7E9EC);
  background: linear-gradient(to bottom, #F7F8FA, #E7E9EC);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffF7F8FA,EndColorStr=#ffE7E9EC);
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: block;
}
.a-button:hover .a-button-inner {
  background: -webkit-gradient(linear, left top, left bottom, from(#E7EAF0), to(#D9DCE1));
  background: -webkit-linear-gradient(top, #E7EAF0, #D9DCE1);
  background: -moz-linear-gradient(top , #E7EAF0, #D9DCE1) repeat scroll 0 0 transparent;
  background: -o-linear-gradient(top, #E7EAF0, #D9DCE1);
  background: linear-gradient(to bottom, #E7EAF0, #D9DCE1);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE7EAF0,EndColorStr=#FFD9DCE1);
}
.a-button:active .a-button-inner {
  background-color: #E7E9EC;
  background-image: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=0);
  /* 何かのおまじない? */
  background-color: #DCDFE3;
  position: relative;
}

.a-button .a-button-text {
  background-color: transparent;
  border: 0 none;
  color: #1122CC;
  display: block;
  font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 1px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
  line-height: 1;
  outline: 0 none;
  margin: 0;
  padding: 1px 10px 0 11px;
  text-align: center;
  white-space: nowrap;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* for IE6 */
* html .a-button .a-button-text {
  margin-top: -0.5em;
  top: 50%;
  cursor: pointer;
}

/* --- clear_button ----------------------------------------------- */
.clear_button {
  display: inline-block;
  height: 22px;
  width: 22px;
  margin-left: 4px;
  background: url(../../images/common/button/clear.png) 0 0 no-repeat;
  vertical-align: middle;
}
.clear_button:hover {
  opacity: 0.75;
}

.clear_button a {
  display: block;
  height: 100%;
  width: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* --- social_button_widget ----------------------------------------------- */
#social_button_widget {
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}

#social_button_widget .social_button {
  float: right;
  margin-left: 10px;
}

/* ------------------------------------------------------------------------ */
/* --- Rich editor contents ----------------------------------------------- */
/* ------------------------------------------------------------------------ */

.rich p {
  margin: 0 0 1em;
}

.rich h4 {
  background-color: #E9E9E9;
  font-size: 1.2em;
}

.rich h5 {
  font-size: 1.2em;
}

.rich h4 a,
.rich h5 a,
.rich h6 a {
  text-decoration: none;
}

.rich ul, .rich ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
/* for IE6 */
* html .rich li {
  padding: 2em;
}
/* for IE7 */
*:first-child+html .rich li {
  padding: 2em;
}

/* --- hover ------ */
.rich a img:not(.hover) {
  transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
}
.rich a:hover img:not(.hover) {
  opacity: 0.75;
}

/* --- etc ----------------------------------------------- */
.rich table.custom_bukken {
  border: 0 none;
}

.rich .custom_bukken .custom_button_wrap {
  display: flex;
  justify-content: space-between;
  }


.rich .custom_button {
  margin: 8px;
  text-align: center;
  width: 100%;
}

.rich .custom_button_wrap .custom_button a {
  display: block;
  padding: 7px 10px;
  background-color: #1f6eb8;
  color: #fff !important;
  text-decoration: none;
  font-size: 14px;
  border-radius: 2px;
}
.rich .custom_button_wrap .custom_button a:hover {
  background-color: #125798;
  color: #fff !important;
}

.rich table.custom_table,
.rich table.custom_table_55 {
  width: 100%;
  font-size: 14px;
  border: 1px solid #cccccc;
  border-collapse: collapse;
  margin-top: 10px;
}

.rich table.custom_table th {
  background-color: #f1f1f1;
  color: #333333;
  padding: 8px;
  width: 30%;
}

.rich table.custom_table_55 th {
  background-color: #f1f1f1;
  color: #333333;
  padding: 8px;
  width: 20%;
}

.rich table.custom_table td,
.rich table.custom_table_55 td {
  padding: 5px;
  color: #333333;
}

.sale table.estate_item th.midashi.apartment_midashi,
.rental table.estate_item th.midashi.apartment_midashi {
  background-color: #FFFFFF;
}

.pp_social {
  display: none;
}

/* Google reCAPTCHA */
.grecaptcha-badge {
  z-index: 1000;
}

/* 20220303 テンプレート用追記 */
/*物件概要*/
.custom_property_img div {
  width: 100%;
  max-height: 270px;
  margin-bottom: 2rem;
}

/* label */
.icon {
  font-size: 13px;
  display: inline-block;
  padding: 2px 4px;
  color: #fff;
  margin-bottom: 3px;
}

.icon.label_recommend {
  background-color: #ff7d1e;
}

.icon.label_new {
  background-color: #fd3047;
}

.icon.label_shinchiku {
  background-color: #1a6ffd;
}

.icon.label_shodan,
.icon.label_pet,
.icon.label_top_floor,
.icon.label_corner,
.icon.label_parking,
.icon.label_reform,
.icon.label_all_denka {
  background-color: #139fd1;
}


.copyright {
  width: 100%;
  /* position: absolute; */
  bottom: 0;
  left: 0;
}