@charset "utf-8";

*{
  margin:0;
  padding:0;
  overflow-x: hidden;
  /*white-space: nowrap;*/
}
*, :after, :before {
    background-repeat: no-repeat;
    box-sizing: border-box !important;
}
body{
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  height: 100vh;
  overflow-y: hidden;
}

.wrap-normal {
  white-space: normal;
}
.wrap-no {
  white-space: nowrap;
}
.d-none {
  display: none;
}
.d-nonei {
  display: none !important;
}

.opacity0 {
  opacity: 0;
}
.event-none {
  pointer-events: none;
}

/* body:active {
  cursor: not-allowed;
} */

img {
  vertical-align: top;
}

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("ttf"),
       url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}

.oy-hidden {
  overflow-y: hidden;
}
/*ヘッダー部分*/
header{
  display: flex;
  position: fixed;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  box-shadow: 3px 0 7px 2px rgba(70,70,70,0.3);
  width: 100%;
  z-index: 99;
}
header img{
  height: 100%;
  margin-right: 15px;
  margin-left: 40px;
}
header p{
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bolder;
}

.head-bar {
  background-color: #FFFFFF;
  height: 125px;
  padding-top: 40px;
  overflow-y: hidden;
  /* box-shadow: 0 4px 6px rgba(70,70,70,0.3); */
  box-shadow: 3px 0 7px 2px rgba(70,70,70,0.3);
}


.page-link ul li {
  margin-top:0;
  padding-top:0;
}
.page-link ul {
  display: flex;
}
.page-link li {
  margin-left: 15px;
  font-size: 16px;
}
.page-link li a[href*="p"] {
  text-decoration: underline;
  color: #3333EE;
}
.page-link li a[href*="p"]:hover {
  color: #F2B100;
}
.current {
  text-decoration: none;
  color: #AAAAAA;
}
.current a {
  text-decoration: none;
  color: #AAAAAA;
}
.current a:hover {
  text-decoration: none;
  color: #AAAAAA;
}

.color-black {
  color: #000000;
}
.color-white {
  color: #FFFFFF;
}
.color-gray1 {
  color: #888888;
}
.color-gray2 {
  color: #666666;
}
.color1 {
  color: #FFA100;
}
.color2 {
  color: #FA8934;
}
.color2 a:hover {
  color: #F7E15F;
}
.nonColor {
  color: #AAAAAA;
}

.bgc1 {
  background-color: #FDCD00;
}
.bc-white {
  background-color: #FFFFFF;
}
.bc-gray {
  background-color: #F8F8F8;
}
.bc-gray2 {
  background-color: #AFAFAF;
}
.bc-gray3 {
  background-color: #F3F3F3;
}
.bc-gray4 {
  background-color: #E5E5E5;
}
.bc-gray5 {
  background-color: #8F8F8F;
}
.bc-f9e4c3 {
  background-color: #f9e4c3;
}
.bc-ffeb9a {
  background-color: #ffeb9a;
}
.bc-f9f3c3 {
  background-color: #f9f3c3;
}
.bc-f8ec94 {
  background-color: #f8ec94;
}
.image-space {
  background-color: #EEEEEE;
}
.logout{
  position: absolute;
  right: 80px;
}

.page-link ul li {
  margin-top:0;
  padding-top:0;
}
.page-link ul {
  display: flex;
}
.page-link li {
  margin-left: 15px;
  font-size: 16px;
}
.page-link li a[href*="p"] {
  text-decoration: underline;
}
.page-link li a[href*="p"]:hover {
  color: #F2B100;
}
.current a {
  text-decoration: none;
  color: #AAAAAA;
}
.current a:hover {
  text-decoration: none;
  color: #AAAAAA;
}

/*ログインページ部分*/

.menu-area {
  background-color: #FFFFFF;
  display: flex;
  justify-content: flex-start;
  padding: 15px 20px 0 20px;
  filter: drop-shadow(0 5px 3px rgba(0,0,0,0.2));
  z-index: 1;
  position: fixed;
  width: 100%;
}
.menu-area p {
  font-size: 20px;
  margin-left: 50px;
}

.list-area {
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  background-color: #FFFFFF;
  border: solid 2px #CCCCCC;
  box-shadow: 0 0 0 2px #EEEEEE;
}

.room-image {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  align-items: end;
  max-height: 400px;
  overflow-y: scroll;
  margin-top: 10px;
}

.estate-imageArea {
  display: flex;
  width: 100%;
  justify-content: start;
  flex-wrap: wrap;
  align-items: end;
  max-height: 200px;
  overflow-y: scroll;
}

.shadow1 {
  box-shadow: 1px 1px 3px 3px rgba(20,20,20,0.2) inset;
}
.shadow2 {
  box-shadow: 2px 2px 2px 2px rgba(20,20,20,0.1);
}
.shadow3 {
  filter: drop-shadow(10px 10px rgba(0,0,0,0.2));
}
.shadow4 {
  /*上の内側だけ影、物件共通画像部分*/
  box-shadow: 0 2px 3px 0 rgba(20,20,20,0.2) inset;
}

.table-body {
  overflow-y: scroll;
  max-height: 56vh;
}
.main {
   /*padding-top: 120px;*/
   margin: 5px 0 0;
   background-color: #F3F3F3;
   width: 100%;
   height: calc(100vh - 115px);
   overflow: scroll;
   box-shadow: inset 0 -4px 6px rgba(0, 0, 0, 0.1);
}
.main::-webkit-scrollbar-track{
   background-color: #F3F3F3;
}

.body-title {
  width: 95%;
  background-color: #FFFFFF;
  color: #888888;
  padding: 8px 30px 8px 50px;
  margin: 50px auto 30px;
  border-left: solid 10px #FDCD00;
  border-right: solid 10px #FDCD00;
  font-size: 20px;
  font-weight: bolder;
  box-shadow: 2px 2px 2px 2px rgba(20,20,20,0.1);
}
.estate-title {
  width: 85%;
  background-color: #FFFFFF;
  color: #888888;
  padding: 12px 30px 12px 50px;
  margin: 15px auto 30px;
  border-left: solid 13px #FDCD00;
  font-size: 30px;
  font-weight: bolder;
  box-shadow: 2px 2px 2px 2px rgba(20,20,20,0.1);
}

.search-area {
  padding-top: 0px;
}

.login{
  background-color: white;
  border-radius: 20px;
  width: 500px;
  height: 460px;
  margin: 0 auto;
  margin-top: 250px;
  filter: drop-shadow(10px 10px rgba(0,0,0,0.3));
  /*border: 1px solid;*/
}

.login-back {
  background-color: rgba(0,0,0,0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.button1 {
  /*バック水色丸ボタン*/
  background-color: #6FC2EE;
  color: #FFFFFF;
  border: solid 0px #4A97D6;
  border-radius: 30px;
  font-size: 17px;
  padding: 12px;
  white-space: nowrap;
}

.button1:hover {
  background-color: #8FE0F9;
  color: #FFFFFF;
  border: solid 0px #4A97D6;
  border-radius: 30px;
  padding: 12px;
}
.button1:active {
  filter: none;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

.button2 {
  background-color: #C9C9C9;
  color: #000000;
  font-size: 14px;
  border: solid 0px #000000;
  border-radius: 30px;
  padding: 6px 30px;
}
.button2:hover {
  background-color: #B4B4B4;
}

.button3 {
  background-color: #C9C9C9;
  color: #000000;
  font-size: 14px;
  border: solid 0px #000000;
  border-radius: 30px;
  padding: 4px 20px;
}
.button3:hover {
  background-color: #B4B4B4;
}

.button4 {
  /*ログアウト*/
  background-color: #C9C9C9;
  color: #FFFFFF;
  border: solid 0px #000000;
  border-radius: 30px;
  font-size: 14px;
  padding: 6px 12px;
}
.button4:hover {
  background-color: #B4B4B4;
}
.button4:active {
  filter: none;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
.button5 {
  background-color: #FFFFFF;
  font-size: 13px;
  color: #000000;
  border-radius: 8px;
  padding: 6px 23px;
  filter: drop-shadow(0 2px rgba(0,0,0,0.4));
}
.button5:hover{
  background-color: #FDCD00;
  font-size: 13px;
}
.button5:active {
  filter: none;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

.button6 {
  /*バック水色横長ボタン*/
  background-color: #6FC2EE;
  color: #FFFFFF;
  border: solid 0px #4A97D6;
  border-radius: 30px;
  font-size: 17px;
  padding: 12px 50px;
  white-space: nowrap;
}

.button6:hover {
  background-color: #8FE0F9;
  color: #FFFFFF;
  border: solid 0px #4A97D6;
  border-radius: 30px;
  padding: 12px 50px;
}
.button6:active {
  filter: none;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
.button7 {
  /*バック黄色文字黒小さいボタン*/
  background-color: #FFE229;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  border: solid 0px #000000;
  border-radius: 30px;
  padding: 4px 20px;
}
.button7:hover {
  background-color: #FFEE45;
  color: #333333;
}
.button8 {
  background-color: #AAAAAA;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  border: solid 1px #555555;
  border-radius: 30px;
  padding: 10px;
  margin-right: 30px;
}
.button8:hover {
  background-color: #DDDDDD;
  color: #333333;
}
.button9 {
  background-color: #EEEEEE;
  color: #777777;
  font-size: 20px;
  font-weight: bold;
  border: solid 1px #777777;
  border-radius: 7px;
  padding: 5px 15px;
}
.button9:hover {
  background-color: #CCCCCC;
  color: #777777;
}
.button9.focus {
  background-color: #F8C229;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: normal;
  border: solid 1px #333333;
  border-radius: 7px;
  padding: 5px 15px;
}
.button10 {
  /*バック黄色文字黒button7の上下広げる*/
  background-color: #FFE229;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  border: solid 0px #000000;
  border-radius: 30px;
  padding: 10px 20px;
}
.button10:hover {
  background-color: #FFEE45;
  color: #333333;
}
.button11 {
  /*縁取り文字「この物件についてお問い合わせ」ボタン用*/
  background-color: #F8C229;
  color: #FFFFFF;
  text-shadow: 1px 1px 0  #A8654A, -1px -1px 0 #A8654A, 0px 1px 0 #A8654A, 0px -1px 0 #A8654A;
  font-size: 17px;
  font-weight: bold;
  border: solid 0px #000000;
  border-radius: 30px;
  padding: 15px 30px;
  margin: 5px;
  box-shadow: 5px 5px 0 #CA7731;
}
.button11:hover {
  background-color: #FFEE45;
  color: #FFFFFF;
}
.button11:active {
  filter: none;
  box-shadow: 0 0 0 0;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}
.button12 {
  /*バック黄色文字黒button10をさらに大きく*/
  background-color: #FDCD00;
  color: #555555;
  font-size: 17px;
  font-weight: bold;
  border: solid 0px #000000;
  border-radius: 30px;
  padding: 18px 22px;
  box-shadow: 3px 1px 2px #AAAAAA;
}
.button12:hover {
  background-color: #FFEE45;
  color: #777777;
}

.button_icon {
  width: 140px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  padding: 3px;
  border: solid 1px #888888;
  border-radius: 5px;
  background-color: #EEEEEE;
  color: #AAAAAA;
}
.button_icon.on {
  width: 140px;
  text-align: center;
  font-size: 12px;
  padding: 3px;
  border: solid 1px #FB8125;
  border-radius: 5px;
  background-color: #FEE4B0;
  color: #FB8125;
}

.diagonal1 {
  position: relative;
  z-index: 0;
}
.diagonal1::after {
  content: '';
  position: absolute;
  left:0;
  top: 0;
  z-index: -1;
  width: 40px;
  height: 60%;
  background: #888888;
  transform: skewY(-40deg);
  transform-origin: top left;
}
.diagonal2 {
  position: relative;
  z-index: 2;
}
.diagonal2::after {
  content: '';
  position: absolute;
  left:48%;
  bottom: -21px;
  z-index: 1;
  width: 40px;
  height: 40px;
  border-right: solid 1px #AAAAAA;
  border-bottom: solid 1px #AAAAAA;
  border-radius: 5px;
  background: #FFFFFF;
  transform: rotate(45deg);
  /*transform-origin: top left;*/
}

.headtab {
  border-left:solid 1px #DDDDDD;
  border-top:solid 2px #DDDDDD;
  border-right:solid 1px #DDDDDD;
  border-bottom: solid 0;
  border-radius: 8px 8px 0 0;
  font-size: 15px;
  padding: 8px 40px;
  cursor: pointer;
  color: #000000;
}
.headtab:hover {
  background-color: #C9C9C9;
}
.headtab a{
  color: #000000;
}
.headtab2 {
  border: solid 0;
  border-radius: 8px 8px 0 0;
  background-color: #3C83CC;
  color: #FFFFFF;
  font-size: 15px;
  padding: 8px 40px;
  cursor: initial;
}
.osiraseOn {
  border-left:solid 1px #DDDDDD;
  border-top:solid 2px #DDDDDD;
  border-right:solid 1px #DDDDDD;
  border-bottom: solid 0;
  border-radius: 8px 8px 0 0;
  font-size: 15px;
  padding: 5px 45px 13px 45px;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: -5px;
  cursor: pointer;
  color: #000000;
  background-color: #FCFCFC;
  box-shadow: -2px -2px 3px rgba(20,20,20,0.6);
}
.osiraseOff {
  border-left:solid 1px #DDDDDD;
  border-top:solid 2px #DDDDDD;
  border-right:solid 1px #DDDDDD;
  border-bottom: solid 0;
  border-radius: 8px 8px 0 0;
  font-size: 15px;
  padding: 8px 40px;
  cursor: pointer;
  color: #555555;
  background-color: #DDDDDD;
  box-shadow: 1px 1px 3px rgba(20,20,20,0.4) inset;
}

.category1 {
  /*賃貸マンションのアイコンclass*/
  font-size: 10px;
  color: #000000;
  background-color: #86de32;
  padding: 1px 8px;
  border: solid 1px #000000;
  margin-left:20px;
}
.category2 {
  /*中古マンションのアイコンclass*/
  font-size: 10px;
  color: #000000;
  background-color: #fec412;
  padding: 1px 8px;
  border: solid 1px #000000;
  margin-left:20px;
}
/* .category3 { */
  /*新築マンションのアイコンclass*/
  /*font-size: 10px;*/
  /*color: #AA8800;*/
  /*background-color: #FFF7C8;*/
  /*padding: 1px 8px;*/
  /*border: solid 1px #AA8800;*/
  /*margin-left:20px;*/
/* } */
.category3 {
  /*新築マンションのアイコンclass*/
  font-size: 10px;
  color: #000000;
  background-color: #3acaf1;
  padding: 1px 8px;
  border: solid 1px #000000;
  margin-left:20px;
}
.category4 {
  /*賃貸一戸建のアイコンclass*/
  font-size: 10px;
  color: #000000;
  background-color: #86de32;
  padding: 1px 8px;
  border: solid 1px #000000;
  margin-left:20px;
}
.category5 {
  /*中古一戸建のアイコンclass*/
  font-size: 10px;
  color: #000000;
  background-color: #fec412;
  padding: 1px 8px;
  border: solid 1px #000000;
  margin-left:20px;
}
.category6 {
  /*新築一戸建のアイコンclass*/
  font-size: 10px;
  color: #000000;
  background-color: #3acaf1;
  padding: 1px 8px;
  border: solid 1px #000000;
  margin-left:20px;
}

.text-center {
  text-align: center;
}


.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}

.z20 {
  z-index: 20;
}
.z10 {
  z-index: 10;
}
.z0 {
  z-index: 0;
}

.v-align-bottom {
  vertical-align: bottom;
  padding-bottom: 0;
}

.box{
  margin-left: 118px;
}
.text{
  text-align: center;
}

.textbox1 {
  font-size: 12px;
  padding: 3px;
  background-color: #FFFFFF;
  border: solid 1px #000000;
}

.input1 {
  font-size: 20px;
  width: 400px;
  background-color: #F3F3F3;
  border: solid 1px #888888;
  border-radius: 30px;
  padding: 5px 15px;
}
input:-webkit-autofill{
  background-color:#111111;
}
.idkey{
  background-color: #E8E8E8;
  width: 404px;
  height: 70px;
  padding: 27px 0px 27px 42px;
  font-size: 16px;
}
/* .input-wrap{
  position: relative;
  background-color: #E8E8E8;
  width: 404px;
  height: 70px;
  margin-top: 30px;
  padding: 25px 0px 25px 42px;
} */

select {
  /* styling */
  background-color: white;
  border: thin solid;
  border-radius: 4px;
  font: inherit;
  /* reset */
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
select {
  background-image:
    linear-gradient(45deg, transparent 50%, black 50%),
    linear-gradient(135deg, black 50%, transparent 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 20px) calc(0.5em + 2px),
    calc(100% - 15px) calc(0.5em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    1em 3em;
  background-repeat: no-repeat;
}

.over-scroll {
  overflow-y: scroll;
}
.over-wrap {
  overflow-wrap: anywhere;
}
.over-hidden {
  overflow: hidden;
}


.toggle-pass{
  position:absolute;
  top:50%;
  right: 30px;
  transform: translateY(-50%);
}
.btn1{
  background-color: #FDCD00;
  font-size: 24px;
  color: #FFFFFF;
  width: 30%;
  margin-top: 40px;
  border-radius: 30px;
  padding: 7px 20px;
  filter: drop-shadow(0 5px rgba(200,150,0,0.8));
}
.btn1:hover{
  background-color: #FFE229;
  font-size: 24px;
}
.btn1:active {
  filter: none;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}
.btn2{
  background-color: #AAAAAA;
  font-size: 24px;
  color: #FFFFFF;
  width: 30%;
  margin-top: 40px;
  border-radius: 30px;
  filter: drop-shadow(0 5px rgba(0,0,0,0.5));
}
.btn2:hover{
  background-color: #CCCCCC;
  font-size: 24px;
}
.btn2:active {
  filter: none;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}
/*リストページ部分*/
aside{
  width: 320px;
  border-right: 2px solid #000000;
  height: calc(100vh - 120px);
}
aside a {
  color: black;
}
aside a:hover {
  color: #95DAFF;
  cursor: pointer;
}
.reserve{
  height: auto;
}
/*ul{*/
/*  padding-top: 10px;*/
/*  padding-left: 85px;*/
/*}*/
/*li{*/
/*  padding-top: 50px;*/
/*  font-size: 22px;*/
/*}*/
li.access {
  list-style-position: inside;
  list-style: url(/image/common/image001.png) outside;
  /*list-style-image: url("/image/common/image001.png");*/
}


.blue{
  color: #0031FF;
}
/*li:hover{*/
/*  color: #95DAFF;*/
/*  cursor: pointer;*/
/*}*/
.flex{
  display: flex;
  width: 100%;
  /*height: calc(100vh - 120px);*/
}

.flex-1{
  flex: 1 1 0%;
}

.d-flex {
  display: flex;
}
.flex-column {
  flex-direction: column;
}
.d-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gap-2 {
  gap: 2%;
}
.gap-10 {
  gap: 10px;
}
.flex-wrap {
  flex-wrap: wrap;
}
.width2-10 {
  width: calc(100% / 2 - 10px);
}
.width3-10 {
  width: calc(100% / 3 - 10px);
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.align-start, .items-start {
  align-items: start;
}
.align-center, .items-center {
  align-items: center;
}
.align-end, .items-end {
  align-items: end;
}
.align-between, .items-between {
  align-items: stretch;
}

.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.position1 {
  top: -18px;
  left: 2.5%;
}
.position2 {
  bottom: 0;
  left: 37%;
}
.position3 {
  right: 0;
  top: 0;
}
.position4 {
  left: -2%;
  top: 35%;
}
.position5 {
  right: -2%;
  top: 35%;
}
.position6 {
  left: -15px;
  top: 40%;
}
.position7 {
  right: -12px;
  top: 40%;
}

.rotate90 {
  transform: rotate(90deg);
}

.mauto {
  margin: auto;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt80 {
  margin-top: 80px;
}
.mt85 {
  margin-top: 85px;
}
.mt90 {
  margin-top: 90px;
}
.mt100 {
  margin-top: 100px;
}
.mt20p {
  margin-top: 20%;
}
.ml2p {
  margin-left: 2%;
}
.ml3p {
  margin-left: 3%;
}
.ml20p {
  margin-left: 20%;
}
.ml30p {
  margin-left: 30%;
}
.ml40p {
  margin-left: 40%;
}
.ml60p {
  margin-left: 60%;
}
.ml3 {
  margin-left: 3px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}
.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}
.ml70 {
  margin-left: 70px;
}
.ml120 {
  margin-left: 120px;
}
.ml150 {
  margin-left: 150px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb120 {
  margin-bottom: 120px;
}
.mb150 {
  margin-bottom: 150px;
}
.mr2p {
  margin-right: 2%;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mr100 {
  margin-right: 100px;
}
.mr150 {
  margin-right: 150px;
}
.mr15p {
  margin-right: 15%;
}
.mr20p {
  margin-right: 20%;
}

.mag20 {
  margin: 20px;
}
.magy20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.pad2 {
  padding: 2px;
}
.pad3 {
  padding: 3px;
}
.pad5 {
  padding: 5px;
}

.pad7 {
  padding: 7px;
}
.pad10 {
  padding: 10px;
}
.pad15 {
  padding: 15px;
}
.pad20 {
  padding: 20px;
}
.pad30 {
  padding: 30px;
}
.pad50 {
  padding: 50px;
}
.padx10 {
  padding: 0px 10px;
}
.padx20 {
  padding: 0px 20px;
}
.padx30 {
  padding: 0px 30px;
}
.padx50 {
  padding: 0px 50px;
}
.pad1050 {
  padding: 10px 50px 10px 50px;
}
.pad2050 {
  padding: 20px 50px;
}
.pad2-20 {
  padding: 2px 20px;
}
.pad2-40 {
  padding: 2px 40px;
}
.pad5-30 {
  padding: 5px 30px;
}
.pady5 {
  padding: 5px 0px;
}
.pady10 {
  padding: 10px 0px;
}
.pady20 {
  padding: 20px 0px;
}
.pt5 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt20 {
  padding-top: 20px;
}
.pt30 {
  padding-top: 30px;
}
.pt40 {
  padding-top: 40px;
}
.pt50 {
  padding-top: 50px;
}
.pt80 {
  padding-top: 80px;
}
.pt100 {
  padding-top: 100px;
}
.pt120 {
  padding-top: 120px;
}
.pt150 {
  padding-top: 150px;
}
.pt250 {
  padding-top: 250px;
}
.pl10 {
  padding-left: 10px;
}
.pl20 {
  padding-left: 20px;
}
.pl40 {
  padding-left: 40px;
}
.pl100 {
  padding-left: 100px;
}
.pr5 {
  padding-right: 5px;
}
.pr15 {
  padding-right: 15px;
}
.pr30 {
  padding-right: 30px;
}
.pr50 {
  padding-right: 50px;
}
.pb3 {
  padding-bottom: 3px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb80 {
  padding-bottom: 80px;
}
.pb100 {
  padding-bottom: 100px;
}
.pady2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

td {
  padding: 10px;
}
td.td0 {
  padding: 0px;
}
td.td1 {
  padding: 3px;
}
td.td2 {
  padding: 20px 10px;
}
td.td3 {
  padding: 15px 10px;
}

.w3 {
  width: 3%;
}
.w2 {
  width: 2%;
}
.w4 {
  width: 4%;
}
.w5 {
  width: 5%;
}
.w8 {
  width: 8%;
}
.w9 {
  width: 9%;
}
.w10 {
  width: 10%;
}
.w15 {
  width: 15%;
}
.w17 {
  width: 17%;
}
.w18 {
  width: 18%;
}
.w20 {
  width: 20%;
}
.w22 {
  width: 22%;
}
.w25 {
  width: 25%;
}
.w285 {
  width: 28.5%;
}
.w30 {
  width: 30%;
}
.w35 {
  width: 35%;
}
.w37 {
  width: 37%;
}
.w38 {
  width: 38%;
}
.w40 {
  width: 40%;
}
.w45 {
  width: 45%;
}
.w50 {
  width: 50%;
}
.w55 {
  width: 55%;
}
.w60 {
  width: 60%;
}
.w65 {
  width: 65%;
}
.w68 {
  width: 68%;
}
.w70 {
  width: 70%;
}
.w73 {
  width: 73%;
}
.w75 {
  width: 75%;
}
.w77 {
  width: 77%;
}
.w80 {
  width: 80%;
}
.w85 {
  width: 85%;
}
.w90 {
  width: 90%;
}
.w95 {
  width: 95%;
}
.w97 {
  width: 97%;
}
.w99 {
  width: 99%;
}
.w100 {
  width: 100%;
}
.w100-20 {
  width: calc(100% -20px);
}
.w100-60 {
  width: calc(100% -60px);
}
.w70px {
  width: 70px;
}
.w75px {
  width: 75px;
}
.w80px {
  width: 80px;
}
.w210px {
  width: 210px;
}
.w250px {
  width: 250px;
}
.w350px {
  width: 350px;
}
.w400px {
  width: 400px;
}

.h50 {
  height: 50px;
}

.h7 {
  height: 7px;
}
.h20 {
  height: 20px;
}
.h30 {
  height: 30px;
}
.h50 {
  height: 50px;
}
.h60 {
  height: 60px;
}
.h70 {
  height: 70px;
}
.h80 {
  height: 80px;
}
.h100 {
  height: 100px;
}
.h110 {
  height: 110px;
}
.h130 {
  height: 130px;
}
.h140 {
  height: 140px;
}
.h143 {
  height: 143px;
}
.h145 {
  height: 145px;
}
.h150 {
  height: 150px;
}
.h200 {
  height: 200px;
}
.h230 {
  height: 230px;
}
.h248 {
  height: 248px;
}
.h250 {
  height: 250px;
}
.h280 {
  height: 280px;
}
.h298 {
  height: 298px;
}
.h300 {
  height: 300px;
}
.h330 {
  height: 330px;
}
.h400 {
  height: 400px;
}
.h450 {
  height: 450px;
}
.h60pe {
  height: 60%;
}
.h65pe {
  height: 65%;
}
.h85pe {
  height: 85%;
}
.h65pePlus {
  height: calc(65% + 180px);
}
.h100pe {
  height: 100%;
}
.h55v {
  height: 55vh;
}
.h60v {
  height: 60vh;
}
.h100v {
  height: 100vh;
}
.max-h50 {
  max-height: 50px;
  overflow-y: hidden;
}
.max-h80 {
  max-height: 80px;
  overflow-y: hidden;
}
.max-h100 {
  max-height: 100px;
  overflow-y: hidden;
}
.max-h150 {
  max-height: 150px;
  overflow-y: hidden;
}
.max-h250 {
  max-height: 250px;
  overflow-y: hidden;
}
.max-h300 {
  max-height: 300px;
  overflow-y: hidden;
}
.max-h500 {
  max-height: 500px;
  overflow-y: hidden;
}
.min-h100 {
  min-height: 100px;
  overflow-y: visible;
}

.f10 {
  font-size: 10px;
}
.f12 {
  font-size: 12px;
}
.f13 {
  font-size: 13px;
}
.f15 {
  font-size: 15px;
}
.f16 {
  font-size: 16px;
}
.f18 {
  font-size: 18px;
}
.f20 {
  font-size: 20px;
}
.f23 {
  font-size: 23px;
}
.f25 {
  font-size: 25px;
}
.f30 {
  font-size: 30px;
}
.f36 {
  font-size: 36px;
}

.l-height100 {
  line-height: 100%;
}

.l-height200 {
  line-height: 200%;
}
.l-height230 {
  line-height: 230%;
}
.l-height250 {
  line-height: 250%;
}
.l-height300 {
  line-height: 300%;
}

.fbold {
  font-weight: bold;
}
.fbold5 {
  font-weight: 500;
}

.radius1 {
  border-radius: 10px;
}
.radius2 {
  border-radius: 20px;
}

.radius5 {
  border-radius: 5px;
}

.line1 {
  border: solid 1px #000000;
}
.line1r {
  border-top: solid 1px #000000;
  border-left: solid 1px #000000;
  border-bottom: solid 1px #000000;
}
.line1l {
  border-top: solid 1px #000000;
  border-right: solid 1px #000000;
  border-bottom: solid 1px #000000;
}

.line2 {
  border: solid 2px #000000;
  border-radius: 20px;
}

.line3 {
  border-left: solid 12px #FDCD00;
}
.line4 {
  border: solid 1px #888888;
  border-radius: 7px;
}
.line5 {
  border-top: solid 1px #000000;
  border-bottom: solid 1px #000000;
}
.line5_2 {
  border-top: solid 1px #AAAAAA;
  border-bottom: solid 1px #AAAAAA;
}

.line6 {
  /*物件詳細ページ右部分*/
  border-left: solid 6px #FDCD00;
}
.line7 {
  border: solid 1px #AAAAAA;
}
.line8 {
  border-right: solid 1px #999999;
}
.line9 {
  /*フロント物件詳細のサムネイル画像の枠*/
  border: solid 2px #F5A609;
}

.uline1 {
  border-bottom: solid 1px #C9C9C9;
}
.uline2 {
  border-bottom: solid 3px #666666;
}
.uline3 {
  border-bottom: solid 3px #BBBBBB;
}
.uline4 {
  border-bottom: dashed 1px #AAAAAA;
}
.uline5 {
  border-bottom: dashed 1px #AAAAAA;
}
.uline6 {
  border-bottom: solid 1px #000000;
}
.rline1 {
  border-right: solid 1px #AAAAAA;
}
.rline2 {
  border-right: solid 1px #000000;
}
.rline2_2 {
  border-right: solid 1px #AAAAAA;
}
.rline3 {
  border-right: dotted 2px #AAAAAA;
}
.rline4 {
  border-right: solid 1px #FFFFFF;
}
.sline1 {
  border-left: solid 1px #000000;
  border-right: solid 1px #AAAAAA;
}
.sline1_2 {
  border-left: solid 1px #AAAAAA;
  border-right: solid 1px #AAAAAA;
}

.over-hidden {
  overflow: hidden;
}
.over-visible {
  overflow: visible;
}
.overX-visible {
  overflow-x: visible;
}
.overY-visible {
  overflow-y: visible;
}
.overY-hidden {
  overflow-y: hidden;
}
.overY-scroll {
  overflow-y: scroll;
}

.modal {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  overflow: visible;
}

.image-text {
  /*inline-size: min-content;*/
  /*overflow-wrap: normal;*/
  overflow: scroll;
}

.opa2 {
  opacity:0.2;
  cursor: pointer;
}
.opa4 {
  opacity:0.4;
  cursor: pointer;
}

.border {
  border: solid 1px;
}
.border-none {
  border: solid 0;
}

.t-radius20 {
  border-radius: 20px 20px 0 0;
}

textarea {
  resize: none;
}

table {
  border-collapse:collapse;
}
.table-title {
  background-color: #DDDDDD;
  font-size: 13px;
  color: #333333;
  text-align: center;
}
.table-gap {
  height: 5px;
  padding: 0px;
  background-color: #FFFFFF;
}
.table-h250 {
  max-height: 250px;
}


.pointer {
  cursor: pointer;
}

.white{
  background-color: white;
  width: 560px;
  height: 40px;
  border-radius: 5px;
  margin-left: 10px;
  padding: 10px;
}
.gray{
  background-color: #CECECE;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
  margin-right: 15px;
  width: 95px;
  height: 50px;
}
/*その他*/
a{
  text-decoration: none;
}
.underline{
  text-decoration: underline;
}
/*ul{*/
/*  list-style: none;*/
/*}*/

::-webkit-scrollbar{
   width: 8px;
}
::-webkit-scrollbar-track{
   background-color: #FFFFFF;
}
::-webkit-scrollbar-thumb{
   background-color: #AFAFAF;
   border-radius: 4px;
}
/*スクロールバーの設定*/
.estate::-webkit-scrollbar{
   width: 8px;
}
.estate::-webkit-scrollbar-track{
   background-color: #F8F8F8;
}
.estate::-webkit-scrollbar-thumb{
   background-color: #AFAFAF;
   border-radius: 4px;
}

.select-none {
  user-select: none;
}


/*ＰＣ用*/
@media screen and (min-width:768px) {
  .pc-only {
    display: block;
  }
  .pc-none {
    display: none;
  }
  .sp-only {
    display: none;
  }
  .pc-flex {
    display: flex;
  }
 
}

@media screen and (max-width:1280px) {
  .flex-column-1280 {
    flex-direction: column;
  }
  .w100-1280 {
    width: 100%;
  }
  .mt15-1280 {
    margin-top: 15px;
  }
}

@media screen and (max-width:970px) {
  .flex-column-970 {
    flex-direction: column;
  }
  .flex0-sp {
    flex: initial;/* flex-1 解除 */
  }
  .w20-970 {
    width: 20%;
  }
  .w35-970 {
    width: 35%;
  }
  .w40-970 {
    width: 40%;
  }
  .w70-970 {
    width: 70%;
  }
  .w80-970 {
    width: 80%;
  }
  .w90-970 {
    width: 90%;
  }
  .w100-970 {
    width: 100%;
  }
  .h100-970 {
    height: 100px;
  }
  .mauto-970 {
    margin: 0 auto;
  }
  .mt15-970 {
    margin-top: 15px;
  }
  .px5-970 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .position2 {
    bottom: 0;
    left: 7%;
  }
}

/*スマホ用*/
@media screen and (max-width:767px) {
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
  .sp-none {
    display: none;
  }
  .pc-flex {
    display: block;
  }
  .sp-flex {
    display: flex;
  }
  .flex-column-sp {
    flex-direction: column;
  }
  .flex-1-sp {
    flex: 1 1 0%;
  }

  a {
    color: #999999;
  }
  /*ヘッダー部分*/
  header img{
    margin-right: 10px;
    margin-left: 0px;
  }
  header p{
    font-size: 11px;
  }

  .head-bar {
    height: 80px;
    box-shadow: 0 4px 6px rgba(70,70,70,0.3);
  }

  .body-title {
    width: 95%;
    padding: 6px 30px 6px 10px;
    margin: 10px auto 10px;
    border-left: solid 10px #FDCD00;
    border-right: solid 0px #FDCD00;
    font-size: 15px;
    font-weight: bolder;
  }

  .main {
    height: calc(100% - 70px);
  }

  .estate-title {
    width: 95%;
    background-color: #FFFFFF;
    color: #888888;
    padding: 12px 10px 12px 10px;
    margin: 10px auto 10px;
    font-size: 16px;
    font-weight: bolder;
  }
  
  .w30-sp {
    width: 30%;
  }
  .w40-sp {
    width: 40%;
  }
  .w70-sp {
    width: 70%;
  }
  .w85-sp {
    width: 85%;
  }
  .w90-sp {
    width: 90%;
  }
  .w95-sp {
    width: 95%;
  }
  .w100-sp {
    width: 100%;
  }
  .w170px-sp {
    width: 170px;
  }
  .h20-sp {
    height: 20px;
  }
  .min-h50-sp {
    min-height: 50px;
  }
  .h90-sp {
    height: 90px;
  }
  .h200-sp {
    height: 200px;
  }
  .h0-sp {
    height: auto;
  }
  
  .mt0-sp {
    margin-top: 0px;
  }
  
  .mt10-sp {
    margin-top: 10px;
  }
  .mt20-sp {
    margin-top: 20px;
  }

  .ml0-sp {
    margin-left: 0px;
  }
  .ml5-sp {
    margin-left: 5px;
  }

  .ml10-sp {
    margin-left: 10px;
  }
  .ml20-sp {
    margin-left: 20px;
  }
  .mr10-sp {
    margin-right: 10px;
  }
  .mb30-sp {
    margin-bottom: 30px;
  }
  .mauto-sp {
    margin: auto;
  }
  
  .pad0-sp {
    padding: 0;
  }
  .pad10-sp {
    padding: 10px;
  }
  .pt10-sp {
    padding-top: 10px;
  }
  .pl0-sp {
    padding-left: 0px;
  }
  .pl10-sp {
    padding-left: 10px;
  }
  .pr15-sp {
    padding-right: 15px;
  }
  .pb20-sp {
    padding-bottom: 20px;
  }
  
  .f8-sp {
    font-size: 8px;
  }
  .f10-sp {
    font-size: 10px;
  }
  .f13-sp {
    font-size: 13px;
  }
  .f18-sp {
    font-size: 18px;
  }
  
  .text-center-sp {
    text-align: center;
  }
  .l-height120-sp {
    line-height: 120%;
  }
  
  .line5-sp {
    border: solid 1px #AAAAAA;
  }
  .uline5-sp {
    border-bottom: dashed 1px #AAAAAA;
  }
  .rline-none-sp {
    border-right: 0;
  }
  .no-line-sp {
    border: solid 0;
  }
  .button5 {
    font-size: 13px;
    padding: 6px 10px;
  }
  
  .over-visible-sp {
    overflow: visible;
  }
  
  .no-shadow {
    box-shadow: 0px 0px 0px 0px;
  }
  .button_icon {
    width: 120px;
    font-size: 12px;
    font-weight: 600;
    padding: 3px;
  }
  .button_icon.on {
    width: 120px;
    font-size: 12px;
    padding: 3px;
  }
}

.button11 {
  display: none;
}