@charset "UTF-8";
.page_ttl {
  background-image: url(../img/page_ttl_bg_myhome.jpg);
}

@media screen and (min-width: 960px) {
  .left_img {
    float: left;
  }
  .right_img {
    float: right;
  }
}

figure {
  text-align: center;
}

figure img {
  padding-bottom: 0.5rem;
}

@media screen and (min-width: 960px) {
  .home_box:after {
    content: "";
    display: block;
    clear: both;
  }
}

.home_text_box {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1rem 2rem;
}

.home_text_box h3 {
  font-size: 2.5em;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  border-bottom: 1px solid #231815;
  padding-bottom: 0.1em;
  margin-bottom: 0.3em;
}

.home_text_box p {
  margin-bottom: 1rem;
}

@media screen and (min-width: 960px) {
  .home_text_box h3 {
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 960px) {
  .entrance.l_contentBox,
  .office.l_contentBox,
  .entranceHall.l_contentBox,
  .corridor.l_contentBox,
  .toilet.l_contentBox,
  .bathroom.l_contentBox,
  .washroom.l_contentBox,
  .masterBedroom.l_contentBox,
  .windowStyle.l_contentBox,
  .living.l_contentBox,
  .dining.l_contentBox,
  .dining.l_contentBox,
  .toilet_2.l_contentBox,
  .kidsRoom01.l_contentBox,
  .stairs.l_contentBox,
  .kidsRoom02.l_contentBox {
    padding: 2rem 0;
  }
  .entrance .home_box,
  .office .home_box,
  .entranceHall .home_box,
  .corridor .home_box,
  .toilet .home_box,
  .bathroom .home_box,
  .washroom .home_box,
  .masterBedroom .home_box,
  .windowStyle .home_box,
  .living .home_box,
  .dining .home_box,
  .dining .home_box,
  .toilet_2 .home_box,
  .kidsRoom01 .home_box,
  .stairs .home_box,
  .kidsRoom02 .home_box {
    position: relative;
  }
  .entrance .home_box .home_text_box,
  .office .home_box .home_text_box,
  .entranceHall .home_box .home_text_box,
  .corridor .home_box .home_text_box,
  .toilet .home_box .home_text_box,
  .bathroom .home_box .home_text_box,
  .washroom .home_box .home_text_box,
  .masterBedroom .home_box .home_text_box,
  .windowStyle .home_box .home_text_box,
  .living .home_box .home_text_box,
  .dining .home_box .home_text_box,
  .dining .home_box .home_text_box,
  .toilet_2 .home_box .home_text_box,
  .kidsRoom01 .home_box .home_text_box,
  .stairs .home_box .home_text_box,
  .kidsRoom02 .home_box .home_text_box {
    position: absolute;
  }
}

/* 一階
============================*/
@media screen and (min-width: 960px) {
  .intro {
    margin-top: -17rem;
    position: relative;
  }
  .intro figure {
    padding-top: 18.7rem;
  }
  .intro .home_text_box {
    background-color: transparent;
    width: 43%;
    float: right;
    padding: 0;
  }
}

@media screen and (min-width: 960px) {
  .entrance .home_text_box {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 51%;
  }
}

@media screen and (min-width: 960px) {
  .office .home_text_box {
    width: 66%;
    right: 0;
    bottom: 0;
  }
}

@media screen and (min-width: 960px) {
  .entranceHall .home_text_box {
    width: 56%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media screen and (min-width: 960px) {
  .corridor .home_text_box {
    width: 54%;
    right: 0;
  }
}

@media screen and (min-width: 960px) {
  .toilet .home_text_box {
    width: 57%;
    padding: 1rem;
    bottom: 0;
  }
}

@media screen and (min-width: 960px) {
  .bathroom {
    margin-bottom: 8rem;
  }
  .bathroom .home_text_box {
    width: 57%;
    padding: 1rem;
    top: 1rem;
  }
}

@media screen and (min-width: 960px) {
  .washroom .home_text_box {
    width: 65%;
    right: 0;
  }
}

@media screen and (min-width: 960px) {
  .masterBedroom figure {
    text-align: right;
  }
  .masterBedroom figure img {
    margin-bottom: 1rem;
  }
  .masterBedroom .home_text_box {
    width: 55%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding-left: 1rem;
  }
}

@media screen and (min-width: 960px) {
  .windowStyle .home_text_box {
    width: 65%;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.florBtn {
  display: block;
  width: 10em;
  background-color: #ad5392;
  color: white;
  margin: 2rem auto;
  text-align: center;
  padding: 0.8rem;
  border: 1px solid #ad5392;
}

.florBtn:hover {
  background-color: white;
  color: #ad5392;
}

/* 二階
============================*/
.living .m_flex-js > div:nth-of-type(2), .living .m_flex-js > div:nth-of-type(3) {
  width: 49%;
}

@media screen and (min-width: 768px) {
  .living .m_flex-js .detail {
    padding-bottom: 1rem;
  }
}

@media screen and (min-width: 960px) {
  .living .home_text_box {
    width: 48%;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .living .m_flex-js {
    padding-top: 1rem;
  }
  .living .m_flex-js .detail {
    padding-bottom: 1rem;
  }
  .living .m_flex-js .detail:nth-of-type(1) {
    width: 45%;
  }
  .living .m_flex-js .detail:nth-of-type(2) {
    width: 21%;
  }
  .living .m_flex-js .detail:nth-of-type(3) {
    width: 28%;
  }
}

.dining .detail {
  padding: 1rem 0;
}

.dining .detail p {
  margin-bottom: 1rem;
}

@media screen and (min-width: 960px) {
  .dining .home_text_box {
    width: 55%;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .dining .detail figure {
    padding-right: 1.5rem;
  }
}

@media screen and (min-width: 960px) {
  .toilet_2 .home_text_box {
    width: 55%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media screen and (min-width: 960px) {
  .kidsRoom01 .home_text_box {
    width: 55%;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .kidsRoom01 .detail {
    padding-top: 1rem;
  }
  .kidsRoom01 .detail figure {
    padding-right: 2rem;
  }
}

@media screen and (min-width: 960px) {
  .stairs .home_text_box {
    width: 55%;
    top: 2rem;
  }
}

@media screen and (min-width: 960px) {
  .kidsRoom02 .home_text_box {
    width: 55%;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .kidsRoom02 .detail {
    padding-top: 3rem;
  }
  .kidsRoom02 .detail figure {
    padding-right: 2rem;
  }
}
/*# sourceMappingURL=myhome.css.map */