@charset "utf-8";

h2
{
  background: #ffffec;
  border-bottom: 1px dotted gray;
  border-top: 1px dotted gray;
  color: #444;                        /* 文字色 */
  font-size: 23px;
  line-height: 1.4;                   /* 行高 */
  margin-bottom: 20px;
  padding: 0.5em 0.5em 0.5em 1em;     /* アイコン分のスペース */
  position: relative;                 /* 相対位置 */
}
h2:before
{
  content: url(../img/saleHousing/textDot.png);
  margin: 10px;
  position: relative;
  top: 1px;
}

/* スマホ用 */
#rightPain{ display: none; }

/* --------------------------------------------------------------- */
#head_images > div:nth-of-type(1),
#head_images > div:nth-of-type(2)
{
    margin-bottom: 20px;
    text-align: center;
}
#head_images > div:nth-of-type(3)
{ margin-bottom: 40px; }


#content1,
#content2
{ margin-bottom: 40px; }
#content3
{ margin-bottom: 80px; }


/* --------------------------------------------------------------- */
#content1
{ position: relative; }

#content1 > div:nth-of-type(1)
{
  display: flex;
  justify-content: space-between;
}


table
{
  border-collapse:collapse;
  width: 400px;
}
td, th
{ padding: 13px 10px; }
th
{
  color:#fff;
  /*background:#005ab3;*/
  background:#6eb92b;
}
table tr:nth-child(odd)
/*{ background:#e6f2ff; }*/
{ background:#f3fdc4; }


.shortComment
{
  position: relative;
  padding: 10px 20px;
  border-top: solid 2px #bbb;
  border-bottom: solid 2px #bbb;
  margin-bottom: 20px;
  width: 430px;
}
.shortComment:before,
.shortComment:after
{
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: #bbb;
}
.shortComment:before
{ left: 7px; }
.shortComment:after
{ right: 7px; }

.shortComment > p
{
  line-height: 1.8em;
  margin-top: 10px;
}

.shortComment > img:nth-of-type(1)
{
  left: -90px;
  position: absolute;
  top: 7px;
}

#content1 > div:nth-of-type(2)
{
  font-size: 18px;
  letter-spacing: 6px;
  line-height: 1.6em;
  margin: 25px 0 0;
  text-align: center;
}

#honno_ichibu
{
  left: -103px;
  position: absolute;
  top: 30px;
}


/* --------------------------------------------------------------- */
#content2 > div:nth-of-type(1)
{
  display: flex;
  justify-content: space-between;
}

#nayamiList
{ font-size: 19px; }
#nayamiList > div
{
  border-color: currentcolor;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 1px 10px;
  margin-bottom: 15px;
  padding: 10px 20px;
}
#nayamiList > div > span
{
  /*color: #0086cd;*/
  color: #14a83b;
  font-style: oblique;
  font-weight: bold;
  margin-right: 10px;
}

#wrap_annaiImage
{
  position: relative;
  left: -380px;
}
#wrap_annaiImage > div:nth-of-type(1)
{
  position: absolute;
  top: 125px;
}
#wrap_annaiImage > div:nth-of-type(2)
{
  position: absolute;
  left: -100px;
}
#wrap_annaiImage > p
{
  font-size: 15px;
  left: -84px;
  line-height: 1.5;
  position: absolute;
  top: 15px;
  width: 230px;
}


/* --------------------------------------------------------------- */
.kotsu_titleRow
{
  background: linear-gradient(to bottom, #ffd700 0%, #ffffe0 50%, #ffd700 100%);
  align-items: center;
  display: flex;
  padding: 5px 0;

  border-bottom: 2px solid;
  border-top: 2px solid;
  margin-bottom: 10px;
}
.kotsu_titleRow span
{
  font-size: 17px;
  margin: 2px 0 0 10px;
}

.kotsu_contentRow
{
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
}

.kotsu_memo
{
  display: flex;
  justify-content: space-around;
  position: relative;
  width: 630px;
}
.kotsu_memo > p
{
  line-height: 1.5;
  width: 300px;
}
.kotsu_memo > p:nth-of-type(1)
{ margin-right: 15px; }
.kotsu_memo > img
{
  bottom: 10px;
  position: absolute;
  right: 80px;
}


/* --------------------------------------------------------------- */
#bottom_text
{
  position: relative;
  margin: 0 auto 80px;
  padding: 1.2em;
  width: 480px;
  color: #555555;               /* 文字色 */
  background-color: #fff;
  /*border: 4px double #83a6e6;*/
  border: 4px double #6eb92b;   /* 枠線の太さ・色 */
  box-shadow: 2px 2px 2px #ccc; /* 影の色 */
}
#bottom_text > p:nth-of-type(1)
{
  position: absolute;
  padding: 0 .5em;
  left: 20px;
  top: -15px;
  font-weight: bold;
  background-color:  #fff;  /* タイトル背景色 */
  /*color: #83a6e6;*/
  color: #6eb92b;           /* タイトル文字色 */
}
#bottom_text > p:nth-of-type(2)
{ line-height: 3; }


/* --------------------------------------------------------------- */
#contactButtonWrap
{ text-align: center; }