@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*タイトル画像*/
#titleimg {
  background-image: url("/img/house/titleimg.jpg");
  margin-bottom: 29.3333333333%; }

/*House_detailr*/
#house_detail {
  /*next_btn*/ }
  #house_detail .title {
    font-size: 1.6rem;
    margin-bottom: 2.6666666667%; }
    @media (min-width: 786px) {
      #house_detail .title {
        font-size: calc( 1.6rem + ( 1vw - 7.86px ) * 1.4492753623 ); } }
    @media (min-width: 1200px) {
      #house_detail .title {
        font-size: 2.2rem; } }
  #house_detail .price_top {
    text-align: center;
    font-size: 2rem;
    border-bottom: solid 1px #000;
    padding-bottom: 5px;
    margin-bottom: 8%; }
  #house_detail .fotorama {
    margin-bottom: 16%; }
  #house_detail .fotorama__wrap .fotorama__stage {
    margin-bottom: 25px; }
  #house_detail .fotorama__arr--prev {
    left: 20px;
    background-position: center center;
    background-image: url("/img/house/detail/prev.png");
    background-repeat: no-repeat;
    height: 42px;
    width: 40px; }
  #house_detail .fotorama__arr--next {
    right: 20px;
    background-position: center center;
    background-image: url("/img/house/detail/next.png");
    background-repeat: no-repeat;
    height: 42px;
    width: 40px; }
  #house_detail .fotorama__thumb-border {
    border-color: #fff;
    background: none;
    box-shadow: 0 8px 8px 8px rgba(0, 0, 0, 0.1); }
  #house_detail .detail_txt {
    text-align: start;
    font-size: 1.6rem;
    padding-top: 1px;
    margin-bottom: 6.6666666667%; }
    @media (min-width: 786px) {
      #house_detail .detail_txt {
        font-size: calc( 1.6rem + ( 1vw - 7.86px ) * 0.4830917874 ); } }
    @media (min-width: 1200px) {
      #house_detail .detail_txt {
        font-size: 1.8rem; } }
    #house_detail .detail_txt i {
      color: #35886b; }
  #house_detail .copy {
    text-align: start;
    margin-bottom: 9.3333333333%;
    font-size: 1.3rem; }
    @media (min-width: 786px) {
      #house_detail .copy {
        font-size: calc( 1.3rem + ( 1vw - 7.86px ) * 0.4830917874 ); } }
    @media (min-width: 1200px) {
      #house_detail .copy {
        font-size: 1.5rem; } }
  #house_detail .detail_box {
    padding-top: 10.6666666667%;
    padding-bottom: 10.6666666667%; }
    #house_detail .detail_box .price {
      text-align: start;
      font-size: 1.6rem;
      border: none; }
    #house_detail .detail_box .address {
      font-size: 1.3rem;
      margin-bottom: 9.3333333333%; }
      @media (min-width: 786px) {
        #house_detail .detail_box .address {
          font-size: calc( 1.3rem + ( 1vw - 7.86px ) * 0.4830917874 ); } }
      @media (min-width: 1200px) {
        #house_detail .detail_box .address {
          font-size: 1.5rem; } }
    #house_detail .detail_box #map-canvas {
      height: 60vw;
      width: 100%; }
    #house_detail .detail_box .atention {
      font-size: 1.1rem;
      color: #ED7A53; }
  #house_detail .bd_tb {
    border-top: solid 1px #F7F7F7;
    border-bottom: solid 1px #F7F7F7; }
  #house_detail .sp_only {
    margin-bottom: 21.3333333333%; }
  #house_detail .btn_box {
    font-size: 1.6rem;
    width: 40%;
    margin: 0 auto; }
    @media (min-width: 786px) {
      #house_detail .btn_box {
        font-size: calc( 1.6rem + ( 1vw - 7.86px ) * 0.4830917874 ); } }
    @media (min-width: 1200px) {
      #house_detail .btn_box {
        font-size: 1.8rem; } }
    #house_detail .btn_box .btn_flex_wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 18.6666666667%;
      align-items: center;
      height: 30px; }
      #house_detail .btn_box .btn_flex_wrap .left_btn, #house_detail .btn_box .btn_flex_wrap .right_btn {
        flex: 0 1 33%;
        width: 33%;
        max-width: 33%;
        box-sizing: border-box;
        position: relative; }
        #house_detail .btn_box .btn_flex_wrap .left_btn a, #house_detail .btn_box .btn_flex_wrap .right_btn a {
          display: block; }
          #house_detail .btn_box .btn_flex_wrap .left_btn a:before, #house_detail .btn_box .btn_flex_wrap .right_btn a:before {
            content: '';
            display: block;
            position: absolute;
            width: 10px;
            height: 10px;
            border-top: 1px solid;
            top: 50%; }
      #house_detail .btn_box .btn_flex_wrap .left_btn a:before {
        border-left: 1px solid;
        transform: rotate(-45deg) translate(0%, -50%);
        left: 10px; }
      #house_detail .btn_box .btn_flex_wrap .right_btn a:before {
        border-right: 1px solid;
        transform: rotate(45deg) translate(0%, -50%);
        right: 10px; }
      #house_detail .btn_box .btn_flex_wrap .center {
        border-left: solid 1px #e2e2e2;
        height: 40px;
        left: 50%;
        transform: translateX(50%); }
    #house_detail .btn_box .btn_txt {
      text-align: center; }

.layout__table .layout__table-tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
.layout__table .layout__table-th,
.layout__table .layout__table-td {
  box-sizing: border-box;
  flex: 0 1 100%;
  width: 100%;
  max-width: 100%;
  padding: 0 20px; }
.layout__table .layout__table-td {
  text-align: right;
  margin-bottom: 20px;
  padding: 0 20px 10px;
  border-bottom: 1px solid #F7F7F7; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  /*タイトル画像*/
  #titleimg {
    margin-bottom: 17.5%; }

  /*House_detailr*/
  #house_detail {
    /*next_btn*/ }
    #house_detail .title {
      margin-bottom: 0%; }
    #house_detail .price_top {
      text-align: right;
      margin-bottom: 5%; }
    #house_detail .fotorama {
      margin-bottom: 7.0833333333%; }
    #house_detail .fotorama__wrap .fotorama__stage {
      margin-bottom: 60px; }
    #house_detail .detail_txt {
      margin-bottom: 1.25%; }
    #house_detail .copy {
      margin-bottom: 1.6666666667%; }
    #house_detail .detail_box {
      padding-top: 3.3333333333%;
      padding-bottom: 3.3333333333%;
      margin-bottom: 7.0833333333%; }
    #house_detail .btn_box {
      width: 90%; }
      #house_detail .btn_box .btn_flex_wrap {
        margin-bottom: 5.8333333333%;
        height: 70px; }
        #house_detail .btn_box .btn_flex_wrap .left_btn, #house_detail .btn_box .btn_flex_wrap .right_btn {
          flex: 0 1 45%;
          width: 45%;
          max-width: 45%; }
        #house_detail .btn_box .btn_flex_wrap .left_btn {
          padding: 0 0 0 30px; }
          #house_detail .btn_box .btn_flex_wrap .left_btn .txt {
            text-align: right; }
        #house_detail .btn_box .btn_flex_wrap .right_btn {
          padding: 0 30px 0 0; }
        #house_detail .btn_box .btn_flex_wrap .center {
          flex: 0 1 5%;
          width: 5%;
          max-width: 5%;
          height: 70px; }
        #house_detail .btn_box .btn_flex_wrap .txt {
          font-size: 1.6rem;
          text-align: left; }

  .layout__table .layout__table-tr {
    border-bottom: 1px solid #F7F7F7; }
  .layout__table .layout__table-th,
  .layout__table .layout__table-td {
    flex: 0 1 25%;
    width: 25%;
    max-width: 25%;
    padding: 20px 20px 20px 0; }
  .layout__table .layout__table-td {
    margin: 0;
    padding: 20px 10% 20px 0;
    text-align: right;
    border-bottom: none; } }
/*------------------------------
		980px以上
------------------------------*/
@media screen and (min-width: 981px) {
  /*House_detailr*/
  #house_detail {
    /*next_btn*/ }
    #house_detail .btn_box {
      width: 100%; } }
/*------------------------------
		1280px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */