@charset "UTF-8";
/* UTF-8を出力するためのコメント*/

.mincho{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


#page_content.landing{
  background:#f1f0e8;
}
#page_content.landing p {
  line-height: 1.7;
}
#page_content.landing #pankuzu {
  background: url(../img/main.jpg) no-repeat center top;
  background-size: cover;
}
#page_content.landing .tri_link_anchor {
  text-align: right;
  margin-top: 15px;
}


#page_content.landing .main_title{
  height:168px;
}
#page_content.landing .main_title .txt{
  float:left;
  width:560px;
}
#page_content.landing .main_title .txt h1{
  margin-bottom: 22px;
}
#page_content.landing .main_title .txt p{
  margin-bottom: 22px;
}
#page_content.landing .main_title .pic{
  float:right;
  width:380px;
  padding:0 10px;
}


#page_content.landing .sect1 .noble{
  background:#a09a8d;
  padding:10px;
    background-image:url(../img/white_tri.png);
    background-position: right 10px bottom 10px;
    background-repeat: no-repeat;
}
#page_content.landing .sect1 .noble a{
  display: block;
}
#page_content.landing .sect1 .noble .pic{
  float:left;
  width:327px;
}
#page_content.landing .sect1 .noble .txt{
  float:right;
  width:410px;
  color:#fff;
  padding-top:50px;
  padding-right:50px;
  line-height: 1.6;
}
#page_content.landing .sect1 .noble .txt header{
  font-size:110%;
  margin-bottom: 20px;
  line-height: 1.4;
}
#page_content.landing .sect1 .noble .txt header h2{
  font-size:180%;
  margin-bottom: 4px;
}


#page_content.landing .style_title{
  margin:20px 0;
  font-size:116%;
  text-align: center;
  font-weight: bold;
  background:url(../img/bg_line.png) center no-repeat;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#page_content.landing .sect1 .styles{
  margin-bottom: 24px;
}
#page_content.landing .sect1 .styles .natural,
#page_content.landing .sect1 .styles .authentic,
#page_content.landing .sect1 .styles .japanese,
#page_content.landing .sect1 .styles .traditional{
  width:486px;
  height: 140px;
  margin-bottom: 10px;
  padding: 10px 0;
  background-image:url(../img/white_tri.png);
  background-position: right 10px bottom 10px;
  background-repeat: no-repeat;
}
#page_content.landing .sect1 .styles .natural{
  background-color:#878447;
  float:left;
}
#page_content.landing .sect1 .styles .authentic{
  background-color:#245378;
  float:right;
}
#page_content.landing .sect1 .styles .japanese{
  background-color:#963d2c;
  float:left;
}
#page_content.landing .sect1 .styles .traditional{
  background-color:#5d3d2b;
  float:right;
}
#page_content.landing .sect1 .styles .pic{
  float:left;
  width:210px;
  padding-left:10px;
}
#page_content.landing .sect1 .styles .txt{
  float:right;
  width:240px;
  padding-top:40px;
  padding-right:10px;
  color:#fff;
}
#page_content.landing .sect1 .styles .txt h2{
  font-size: 140%;
  margin-bottom: 10px;
}



#noble{
  background: #aea39a;
}
#natural{
  background: #878447;
}
#authentic{
  background: #245378;
}
#japanese{
  background: #963d2c;
}
#traditional{
  background: #5d3d2b;
}
.style_detail{
  color:#fff;
  padding-bottom: 10px;
  margin-bottom: 24px;
}
.style_detail header{
  text-align: center;
  padding-top:40px;
  padding-bottom: 20px;
  font-size:140%;
}
.style_detail header h1{
  font-size:170%;
  margin-bottom: 10px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.style_detail .lead{
  font-size:110%;
  padding-bottom: 36px;
  text-align: center;
}

.style_detail .main_img{
  margin: 0 0 20px 0;
}
.style_detail .parts{
  margin: 0 0 20px 0;
}
.style_detail .parts .part{
  overflow: hidden;
  margin-bottom: 20px;
}
.style_detail .parts .part1 img,
.style_detail .parts .part3 img,
.style_detail .parts .part5 img{
  float:left;
  margin-left:20px;
}
.style_detail .parts .part2 img,
.style_detail .parts .part4 img{
  float:right;
  margin-right:20px;
}
.style_detail .parts .part .txt h2{
  font-size:180%;
  margin-bottom: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.style_detail .parts .part .txt p{
}


.style_detail .parts .part1 .txt,
.style_detail .parts .part3 .txt,
.style_detail .parts .part5 .txt{
  float:left;
  padding-left:50px;
  padding-top:130px;
  width:210px;
}
.style_detail .parts .part2 .txt,
.style_detail .parts .part4 .txt{
  float:right;
  padding-right:50px;
  padding-top:130px;
  width:210px;
}


#modelhouse_list_container {
    padding: 40px 0 48px 0;
    width:100%;
}
#modelhouse_list_container .sect_modelhouse {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width: 984px;
}



@media screen and (max-width: 834px) {


  #page_content.landing .main_title{
    height:auto;
  }
  #page_content.landing .main_title .txt{
    float:none;
    width:100%;
  }
  #page_content.landing .main_title .txt h1{
    margin-bottom: 22px;
  }
  #page_content.landing .main_title .txt p{
    margin-bottom: 22px;
  }
  #page_content.landing .main_title .pic{
    float:none;
    width:auto;
    padding:0 10px;
    text-align: center;
  }
  #page_content.landing .main_title .pic img{
    width:auto;
  }

  #page_content.landing .sect1 .noble .pic{
    float:left;
    width:50%;
    margin-right: 20px;
  }
  #page_content.landing .sect1 .noble .txt{
    float:left;
    width:46%;
    padding-top:0px;
    padding-right:0px;
  }
  #page_content.landing .sect1 .noble .txt header{
    margin-bottom: 16px;
  }


  #page_content.landing .sect1 .styles .natural,
  #page_content.landing .sect1 .styles .authentic,
  #page_content.landing .sect1 .styles .japanese,
  #page_content.landing .sect1 .styles .traditional{
    width:100%;
    float:left;
  }
  #page_content.landing .sect1 .styles .pic{
    float:left;
    width:210px;
  }
  #page_content.landing .sect1 .styles .txt{
    float:left;
    width:auto;
    padding-top:40px;
    padding-left:30px;
  }
  #page_content.landing .sect1 .styles .txt h2{
    font-size: 140%;
    margin-bottom: 10px;
  }
  #page_content.landing .sect1 .styles a{
    display: block;
    width:100%;
    overflow: hidden;
  }



  .style_detail{
    color:#fff;
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
  .style_detail header{
    text-align: center;
    padding-top:40px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    width:92%;
    margin:0 auto;
    font-size:140%;
  }
  .style_detail header h1{
    font-size:170%;
    margin-bottom: 10px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  .style_detail .lead{
    font-size:110%;
    padding:0 20px 36px 20px;
    text-align: center;
  }

  .style_detail .parts{
    margin: 0 0 20px 0;
  }
  .style_detail .parts .part{
    overflow: hidden;
    margin-bottom: 20px;
  }
  .style_detail .parts .part1 img,
  .style_detail .parts .part3 img,
  .style_detail .parts .part5 img,
  .style_detail .parts .part2 img,
  .style_detail .parts .part4 img{
    float:none;
    margin-right:4%;
    margin-left:4%;
    width:92%;
  }
  .style_detail .parts .part .txt h2{
    font-size:180%;
    margin-bottom: 6px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  .style_detail .parts .part .txt p{
  }


  .style_detail .parts .part1 .txt,
  .style_detail .parts .part3 .txt,
  .style_detail .parts .part5 .txt,
  .style_detail .parts .part2 .txt,
  .style_detail .parts .part4 .txt{
    float:none;
    padding:20px;
    padding-left:20px;
    padding-top:20px;
    width:auto;
  }


  #modelhouse_list_container {
      padding: 40px 0 48px 0;
      width:100%;
  }
  #modelhouse_list_container .sect_modelhouse {
      margin: 0 auto;
      padding: 0;
      overflow: hidden;
      width: 96%;
  }



}


@media screen and (max-width: 600px) {


  #page_content.landing .sect1 .noble .pic{
    float:none;
    width:92%;
    margin:0 auto 20px auto;
  }
  #page_content.landing .sect1 .noble .txt{
    float:none;
    width:100%;
    padding-top:0px;
    padding-right:0px;
  }
  #page_content.landing .sect1 .noble a:hover{
    text-decoration: none;
  }


  #page_content.landing .sect1 .styles .natural,
  #page_content.landing .sect1 .styles .authentic,
  #page_content.landing .sect1 .styles .japanese,
  #page_content.landing .sect1 .styles .traditional{
    float:none;
    height:auto;
  }
  #page_content.landing .sect1 .styles .natural a,
  #page_content.landing .sect1 .styles .authentic a,
  #page_content.landing .sect1 .styles .japanese a,
  #page_content.landing .sect1 .styles .traditional a{
    display: table;
  }


  #page_content.landing .sect1 .styles .pic{
    float:left;
    width:36%;
    display: table-cell;
  }

  #page_content.landing .sect1 .styles .txt{
    float:left;
    width:40%;
    padding-top:20px;
    padding-left:7%;
    padding-right: 0;
    display:table-cell;
    vertical-align: middle;
  }

}