@charset "UTF-8";

#header .hNavi{
  display: none;
  }
#header .caption{
  display: none;
  }

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
}

@media screen and (max-width: 768px){
  #header .hNavi{
    display: flex;
    }
}

/*　ボタンのcss*/
/*-------------------------------------------------------*/

.planWrap {
  width: 1000px;
  margin: 50px auto;
  font-size: 0;
  }
.planWrap .specBox{
  display: inline-block;
  width: 350px;
  vertical-align: top;
  }
.specBox .plan .name {
  font-family: "TrajanPro-Regular";
  font-size: 54px;
  color: #c9b94f; }
.specBox .plan .name span {
  font-size: 27px; }
.specBox .plan .name span.menu {
  font-size: 17px;
  margin-left: 15px;}
.specBox .plan .name span.num {
  font-size: 40.5px; }
.specBox .plan .type {
  margin: 0 0 15px;
  font-family: "TrajanPro-Regular";
  font-size: 30px; }
.specBox .plan .type span {
  font-size: 25px; }
.specBox .plan .type span.jp {
	font-family: "FP-ヒラギノ明朝 ProN W3"; }
.specBox .plan .area {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.4; }
.specBox .plan .area strong {
  display: inline-block;
  font-family: "TrajanPro-Regular";
  font-size: 35px; }
.specBox .plan .area strong span {
  font-family: "FP-ヒラギノ明朝 ProN W3"; }
.specBox .plan .areaInfo {
  font-size: 15px;
  line-height: 1.667; }

.planWrap .imgBox{
  display: inline-block;
  width: 650px;
  vertical-align: top; }

.pageCaption .guide{
  display: inline-block;
  width: 254px;
  margin-bottom: 5px; }

.btnClose a {
  display: block;
  background-color: #333;
  width: 250px;
  padding: 15px 0;
  margin: 45px auto 50px;
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.08em;
  text-align: center; }


/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
  .planWrap {
    width: 89.286%;
    margin: 4.464% auto;
    }
  .planWrap .specBox{
    width: 35%;
    }
  .specBox .plan .name {
    font-size: 4.821vw; }
  .specBox .plan .name span {
    font-size: 2.411vw; }
    .specBox .plan .name span.menu {
    font-size: 1.518vw;
    margin-left:1.339vw;}
  .specBox .plan .name span.num {
    font-size: 3.616vw; }
  .specBox .plan .type {
    margin-bottom: 4.286%;
    font-size: 2.679vw; }
  .specBox .plan .type span {
    font-size: 2.232vw; }
  .specBox .plan .area {
    margin-bottom: 5.714%;
    font-size: 1.339vw; }
  .specBox .plan .area strong {
    font-size: 3.125vw; }
  .specBox .plan .areaInfo {
    font-size: 1.339vw; }

  .planWrap .imgBox{
    width: 65%; }

  .pageCaption .guide{
    width: 25.4%;
    margin-bottom: .5%; }

  .btnClose a {
    width: 25%;
    padding: 1.5% 0;
    margin: 4.5% auto 5%;
    font-size: 1.429vw; }
}

@media screen and (max-width: 768px){
  .planWrap {
    width: 89.583%;
    margin: 7.813% auto;
    }
  .planWrap .specBox{
    width: 100%;
    margin-bottom: 10.174%;
    }
  .specBox .plan .name {
    font-size: 11.401vw; }
  .specBox .plan .name span {
    font-size: 5.701vw; }
  .specBox .plan .name span.menu {
    font-size: 4.167vw;
  margin-left: 3.906vw; }
  .specBox .plan .name span.num {
    font-size: 8.551vw; }
  .specBox .plan .type {
    margin-bottom: 5.087%;
    font-size: 6.336vw; }
  .specBox .plan .type span {
    font-size: 5.279vw; }
  .specBox .plan .area {
    margin-bottom: 7.267%;
    font-size: 3.167vw; }
  .specBox .plan .area strong {
    font-size: 7.391vw; }
  .specBox .plan .areaInfo {
    font-size: 3.167vw; }

  .planWrap .imgBox{
    width: 100%; }

  .pageCaption .guide{
    width: 65.407%;
    margin-bottom: 1.453%; }

  .btnClose a {
    width: 58.14%;
    padding: 3.634% 0;
    margin: 10.174% auto;
    font-size: 3.646vw; }
}

/*  */
/*--copy--------------------------------------*/
.plan .copy {
  background-color: #f5f0d5;
  margin-top: 40px;
  padding:15px 20px;
}
.plan .copy p{
  font-size: 17px;
}

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
  .plan .copy {
    margin-top: 3.571vw;
    padding: 1.339vw 2.667vw;
  }
  .plan .copy p{
    font-size: 1.518vw;
  }
}
@media screen and (max-width: 768px){
  .plan .copy {
    margin-top: 7.813vw;
    padding: 3.646vw;
  }
  .plan .copy p{
    font-size: 3.646vw;
  }
}

/*  */
/*--opensash --------------------------------------*/
.opensash {
  margin-top: 20px;
}
.opensash p {
  font-size: 14px;
  text-align: center;
  margin-top: 4px;
}
/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
  .opensash {
    margin-top: 1.786vw;
  }
  .opensash p {
    font-size: 1.25vw;
    margin-top: 0.357vw;
  }
}
@media screen and (max-width: 768px){
  .opensash {
    margin-top: 3.571vw;
  }
  .opensash p {
    font-size: 2.865vw;
  }
}
/*  */
/*-- copyImg --------------------------------------*/
.copyImgWrap-c1,
.copyImgWrap-c2 {
  margin-top: 20px;
}
.copyImgWrap-c1 .copyImgInnerWrap,
.copyImgWrap-c2 .copyImgInnerWrap {
  margin-top: 10px;  
}
.copyImgWrap-c1 .copyImgInnerWrap p,
.copyImgWrap-c2 .copyImgInnerWrap p {
  font-size: 14px;
  text-align: center;
  margin-top: 8px;
}
.copyImgWrap-c1 .focus,
.copyImgWrap-c2 .focus {
  margin-top: 20px;
}
.copyImgWrap-c1 .focus p,
.copyImgWrap-c2 .focus p {
  display: block;
  font-size: 24px;
  color: #FFF;
  text-align: center;
  background-color: #bb0000;
  padding: 16px 0;
  margin-bottom: 20px;
  letter-spacing: 0.05em;
}
/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
  .copyImgWrap-c1,
  .copyImgWrap-c2 {
    margin-top: 1.786vw;
  }
  .copyImgWrap-c1 .copyImgInnerWrap,
  .copyImgWrap-c2 .copyImgInnerWrap {
    margin-top: 0.893vw;  
  }
  .copyImgWrap-c1 .copyImgInnerWrap p,
  .copyImgWrap-c2 .copyImgInnerWrap p {
    font-size: 1.25vw;
    margin-top: 0.714vw;
  }
  .copyImgWrap-c1 .focus,
  .copyImgWrap-c2 .focus {
    margin-top: 1.786vw;
  }
  .copyImgWrap-c1 .focus p,
  .copyImgWrap-c2 .focus p {
    font-size: 2.143vw;
    padding: 2.133vw 0;
    margin-bottom: 2.667vw;
  }
}
@media screen and (max-width: 768px){
  .copyImgWrap-c1,
  .copyImgWrap-c2 {
    margin-top: 2.604vw;
  }
  .copyImgWrap-c1 .imgWrap,
  .copyImgWrap-c2 .imgWrap {
    display: flex;
  }
  .copyImgWrap-c1 .imgWrap .copyImgInnerWrap:first-child,
  .copyImgWrap-c2  .imgWrap .copyImgInnerWrap:first-child {
    margin-right: 2.214vw;
  }
  .copyImgWrap-c1 .copyImgInnerWrap,
  .copyImgWrap-c2 .copyImgInnerWrap {
    margin-top: 0px;
/*     display: flex; */
  }
  .copyImgWrap-c1 .copyImgInnerWrap p,
  .copyImgWrap-c2 .copyImgInnerWrap p {
    font-size: 2.865vw;
    margin-top: 1.042vw;
  }
  .copyImgWrap-c1 .focus,
  .copyImgWrap-c2 .focus {
    margin-top: 2.604vw;
  }
  .copyImgWrap-c1 .focus p,
  .copyImgWrap-c2 .focus p {
    font-size: 4.688vw;
    padding: 2.604vw 0;
    margin-bottom: 3.906vw;
  }
}

/*  */
/*--プランタイプ-非表示要素 --------------------------------------*/
#headTxt {
  display: none;
}
.subNavi {
  display: none;
}


/*  */
/*--モデルルームボタン --------------------------------------*/
.modelroomLinkBtn {
  text-align: center;
  margin-top: 20px;
}
.modelroomLinkBtn a {
  background-color: #c9b94f;
  padding: 26px 0;
  display: block;
}
.modelroomLinkBtn p {
  color: #111413;
  font-size: 17px;
}
/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
  .modelroomLinkBtn {
    margin-top: 1.785vw ;
  }
  .modelroomLinkBtn a {
    padding: 2.321vw 0;
  }
  .modelroomLinkBtn p {
    font-size: 1.518vw;
  }
}
@media screen and (max-width: 768px){
  .modelroomLinkBtn {
    margin-top: 5.813%;
  }
  .modelroomLinkBtn a {
    padding: 6.5% 0 6.5%;
  }
  .modelroomLinkBtn p {
    font-size: 3.646vw;
  }
}