@charset "utf-8";
.wrap{
	overflow:visible;

}

.hdtlbg01{
background: url("../img/h_detail/bg01.png") no-repeat top center #F2F2F2;
  background-size: cover;
}

.hdtlmvwrap{
	max-width: 150rem;
	margin: 0 auto;

} 
.hdtlmv{
	
	position: relative;
	flex-basis: 70%;
	
}
.hdtlmv ._imgbox{
	position: relative;
	overflow: hidden;
	height: 65rem;
	
}

.hdtlmv figure img{

	width: 100%;
  height: 100%;
  
  object-fit: cover;
}
.hdtltag01{
	position: absolute;
	right: 2rem;
	top: 2rem;
	z-index: 100;
}
.hdtltag01 li{
background: var(--c_bl);
color: #fff;
font-weight: 600;
height: 8rem;
width: 8rem;
border-radius: 99px;
display: flex;
align-items: center;
justify-content: center;
margin:.5rem;
}

.hdtlmv ._utag{
	position: absolute;
	right: 2rem;
	bottom: 2rem;
}
.hdtlmv ._utag img {
  max-height: 4.5rem;
}




.hdtlmvinfo{
	flex-basis: 30%;
}


.hdtlmvlogo{
	margin:0 0 2rem;
}
.hdtlmvinfo h2{
	font-size: 3rem;
	color: var(--c_bl);
	margin: 0 0 1rem;
}

.hdtlmvinfo h3{
	font-size: 1.4rem;
	color: var(--c_bl);
	
	
}
.hdtltag02{
	max-width: 30rem;
	margin: 0 auto;
	padding-top: 5rem;
}

.hdtltag02 li{
    background:#fff;
    color:  #C1272D;
    padding:.5rem 1rem;
    margin: 0 .5rem .5rem 0;
    font-weight: 600;
    text-align: center;
    min-width: 48%;
	outline: 2px solid   #C1272D;
	outline-offset: -2px;
}
.hdtltag02 li._02{
    background: #fff;
    color: #C1272D;
}
.hdtltag02 li._03{
   /* background: #f8d821;
    color:  #C1272D;*/
}
.hdtltag02 li._04{
 /*   background: #C1272D;
    color: #fff;*/
}




/*info**/
.hdtlinfowrap{
	background: url("../img/h_detail/bg_a.svg") no-repeat right -20% top 5% #F2F2F2;
	background-size: 70%;
	overflow: hidden;
}
.hdtlinfobox {
	margin: 0 0 0rem;
}
.hdtlinfobox ._title{
	flex-basis: 30%;
	text-align: left;
	color:  var(--c_bl);
}
.hdtltitle01 h2{
	font-size: 4.2rem;
}
.hdtltitle01 h3{
	font-size: 1.8rem;
}
.hdtlinfobox ._cont{
	flex-basis: 65%;
}

.hdtlinfotable {
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 10rem;
}
.hdtlinfotable th,
.hdtlinfotable td{
	padding: 2rem;
	border-bottom: 1px solid #ccc;
}
.hdtlinfotable th{
	font-weight: 600;
	width: 30%;
}

.hdtltopicscont{
	background: #fff;
	padding: 5rem;
	text-align: left;
	line-height: 2;
}

.hdtlreadmore {
  position: relative;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  color:  var(--c_bl);
  padding: 0 0 10rem;
}
.hdtlreadmore::after {
  background: #fff;
  content: "";
  clip-path: polygon(50% 100%, 100% 0%, 100% 100%, 0 100%, 0 00%);
  display: block;
  position: absolute;
  width: 100%;
  height: 20rem;
  bottom: -0rem;
}
.hdtlreadmore h3{
	font-size: 7rem;
}
.hdtlreadmore h4{
	font-size: 2rem;
}


/*info**/
.hdtlinfowrap{
	background: url("../img/h_detail/bg_a.svg") no-repeat right -20% top 5% #F2F2F2;
	background-size: 70%;
}
.hdtlinfobox {
	margin: 0 0 0rem;
}
.hdtlinfobox ._title{
	flex-basis: 30%;
	text-align: left;
	color:  var(--c_bl);
}
.hdtltitle01 h2{
	font-size: 4.2rem;
}
.hdtltitle01 h3{
	font-size: 1.8rem;
}
.hdtlinfobox ._cont{
	flex-basis: 65%;
}

.hdtlinfotable {
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 10rem;
}
.hdtlinfotable th,
.hdtlinfotable td{
	padding: 2rem;
	border-bottom: 1px solid #ccc;
}
.hdtlinfotable th{
	font-weight: 600;
	width: 30%;
}

.hdtltopicscont{
	background: #fff;
	padding: 5rem;
	text-align: left;
	line-height: 2;
}

.hdtlreadmore {
  position: relative;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  color:  var(--c_bl);
  padding: 0 0 10rem;
}
.hdtlreadmore::after {
  background: #fff;
  content: "";
  clip-path: polygon(50% 100%, 100% 0%, 100% 100%, 0 100%, 0 00%);
  display: block;
  position: absolute;
  width: 100%;
  height: 20rem;
  bottom: -0rem;
}
.hdtlreadmore h3{
	font-size: 7rem;
}
.hdtlreadmore h4{
	font-size: 2rem;
}

/****/
.hdtlmaininfocover{
	overflow: hidden;
}
.hdtlmaininfo{
	position: relative;
	padding: 5rem 0;
	margin: 0 0 5rem;
}
.hdtlmaininfo ._bgimg{
	position: absolute;
	left: 0;
	top: 0;
	width: 130rem;
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hdtlmaininfo ._bgimg figure{
	width: 100%;
	
	

}

.hdtlmaininfo ._bgimg img{
width: 100%;
 height:100%;
  object-fit: cover;

 filter: blur(10px);
 
}
.hdtlmaininfo ._bgimg:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  content: '';
  background-color: rgba(0, 0, 0,0.5);
  z-index: 1;
}

.hdtlmaininfo ._img{
	z-index: 10;
	flex-basis: 60%;
	position: relative;
}
.hdtlmaininfo ._img figure img{
	margin-left: -25%;
}


.hdtlmaininfo ._cont{
	z-index: 10;
	color: #fff;
	text-align: left;
	flex-basis: 45%;
	position: relative;
}

.hdtlmaininfo ._cont h2{
	font-size: 2.4rem;
	margin: 0 0 2rem;
	line-height: 2;
}
.hdtlmaininfo ._cont ._txt{
	line-height: 2;
}
.hdtlmaininfophoto{
	margin: 0 0 5rem;
}

.hdtlmaininfophoto li {
  flex-basis: 24%;
  margin: 0 1%;
}
.hdtlmaininfophoto li img {
  width: 100%;
  height: 16rem;
  object-fit: cover;
}





.hdtlbtnbox {
 
}
.hdtlbtn{
    display: block;
    font-size: 1.3rem;
    
    padding: 1rem 0;
    width: 48%;
    margin: 0;
}


.hdtlbtn{
    display:inline-flex;
	align-items: center;
	justify-content: center;
    background: var(--c_bl);
    color: #fff;
    font-size: 2.4rem;
    border-radius: 99px;
    padding: 1.5rem 0;
    margin: .5rem;
    position: relative;
    font-weight: 600;
}

.hdtlbtn::after {

  content: '';
  width: 2rem;
  height: 1.5rem;
  display: block;
  background: url("../img/arrow01_w.svg") no-repeat center center;
  background-size: contain;
  margin-left: 1rem;
  transform: rotate(90deg);

}
.hdtlbtn ._free {
  display: inline-block;
  background: #c1272d;
  font-size: 50%;
  padding: .3rem 1rem;
  margin: 0rem 0rem 0rem 1rem;
  line-height: 1;
  vertical-align: .1rem;
}

.hdtlbtn ._house{
	margin-right: 1rem;
}


/**固定メニュー*/
.hdtlfixedmenuwrap{
position: fixed; 
  top: 15rem; 
  right: 0px;
  opacity: 0; 
  transition: opacity 0.5s ease;
  width: 100%;
  z-index: 9996;
   visibility: hidden;
 
}
.hdtlfixedmenuwrap.show {
 opacity: 1;
  visibility:visible;


 
}
.hdtlfixedmenu{
    width: 100%;
	max-width: 110rem;
	margin: 0 auto;

   
}
.hdtlfixedmenu dt{
background:#E1E1E1;
border-radius: 99px;

}
.hdtlfixedmenu dd{

}
.hdtlfixedmenu dt a{   
    color: var(--c_bl);
    padding:1.5rem 0;
    flex-basis: 20%;
    display:inline-flex;
	align-items: center;
	justify-content: center;
   /* border-right: 1px solid #fff;*/
   border-radius: 99px;
    
     flex-basis: 25%;
	 font-size: 2rem;
}
.hdtlfixedmenu dt a:hover{
	background: var(--c_bl);
	color: #fff;
	opacity:1;
	filter: alpha(opacity=100);
}


.hdtlfixedmenu dt a:first-child{
	display: none;
}

.hdtlfixedmenu dt a:last-child{
	border: none;
}
/*
.hdtlfixedmenu dt a:after{
content: '';
  width: 1.5rem;
  height: 1rem;
  display: block;
  background: url("../img/arrow01_w.svg") no-repeat center center;
  background-size: contain;
  margin-left: 1rem;
  transform: rotate(90deg);
}*/

.hdtlfixedmenu dd a{
    background: #003968;
    color: #fff;
    padding:2rem 0;
    display: block;
     border-radius: 5px
}
.hdtlfixedmenu dd a:after{
    content: '';
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  width: .7rem;
  height: .7rem;
  display: inline-block;
  vertical-align: -.2rem;
  transform: rotate(-45deg);
  margin: 0 0 0 1rem;
}








.footfixnavi01{
    display: none;
}


/**タブ以下***/
.motion{
    display: none;
    position: relative;
}


.hdtlbg02{
	background:url("../img/h_detail/bg01.png") no-repeat top center #F2F2F2;
	background-size: 100% auto;
}

.hdtlwhitebox{
	background: #fff;
	padding: 10rem 0;
	position: relative;
}

.hdtltabmenuwrap{
    padding-top: 1rem;
    position: sticky;
    top: 10rem;
    z-index: 999;
}


.itemtab {
  margin: 0 0rem 10rem ;
  background: #E1E1E1;
  border-radius: 99px;
}

.itemtab a {
  width: calc(calc(100% - 0rem) / 4);
  display: block;
  padding: 1.5rem 0;
  color: var(--c_bl);
  cursor: pointer;
    border-radius: 99px;
	font-size: 2rem;

}

.itemtab a.active {
  background-color: var(--c_bl);
  color: #fff;

}



#motion_area1 .hdtlcontwrap{
	max-width: 88rem;
	margin: 0 auto;
}
#motion_area2 .hdtlcontwrap{
	max-width: 90rem;
	margin: 0 auto;
}
#motion_area3 .hdtlcontwrap{
	max-width: 99rem;
	margin: 0 auto;
}
#motion_area4 .hdtlcontwrap{
	max-width: 96rem;
	margin: 0 auto;
}

.hdtlconceptimg{
    margin: 0 0 2rem;
}
.hdtlconceptimg li{
    flex-basis: 50%;
}
.hdtlconceptimg li img{
    max-height: 28rem;
    width: 100%;
    object-fit: cover;
}


.hdtltitle02{
	text-align: left;
}
.hdtltitle02 h2{
	font-size: 7rem;
	line-height: 1.2;
}
.hdtltitle02 h3{
	font-size: 2rem;
}

.hdtlconceptcont {
  text-align: left;
  padding: 2rem 0;
  height: 40rem;
  overflow: hidden;
  line-height: 2;
}


.hdtlconceptcont {
	position: relative;
}


.hdtlconceptcont h3{
font-size: 3.2rem;
  margin: 0 0 3rem;
  color: var(--c_bl);

}



._hidefieature{
	overflow: hidden;
    transition: all 0.5s ease-out;
	position: relative;
}
._hidefieature.visible{
    height: 10rem;
    height: 12rem;
}
._hidefieature.none{
	height:auto;
	display:block;
}
._hidefieature.detailhide{
    height: auto;
}

._hidefieature.active{
    height: auto;
    overflow: hidden;
}

.featureadd{
    display: none;
}




.featuremore{
    background: #f2f2f2;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    padding:1rem;
    border-radius: 99px;
    cursor: pointer;
    position: relative;
    margin-top: 1rem;
	z-index: 1;
}
._hidefieature.active {
  height: auto;
  overflow: hidden;
}

.featuremore.none{
	display:none
}
.featuremore:after{
    border-top: solid 1px #000;
  border-right: solid 1px #000;
  width: 10px;
  height: 10px;
  content: "";
  display: inline-block;
  transform: rotate(135deg);
  margin: 0 0 1rem 1rem;
  vertical-align: middle;
}

.featuremore.active:after{
 transform: rotate(-45deg);
 margin-bottom: 0;
}
.featuremore ._off,
.featuremore ._on{
    display: none;
}
.featuremore ._off{
    display: inline-block;
}
.featuremore.active ._on{
    display: inline-block;
}
.featuremore.active ._off{
    display: none;
}
._hidefieature:before{
    display: block;
    bottom: 0%;
    width: 100%;
    height: 10rem;
    content: "";
    background: #aaa;
    position: absolute;
    z-index: 1;
    left: 0;

background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);

}

._hidefieature.active:before{
display: none;
}



/**youtubeスライド*/
.rtourslide{
    max-width: 90%;
    margin: 0 auto;
}

.rtourslide .slick-slide {
  transform: scale(.8); 
  transition:  transform .5s;

}

.rtourslide .slick-center {
  opacity: 1; 
  transform: scale(1); 
}
.hdtlvideo {
 /* width: 35%;*/
 width: 95%;
  margin: auto;
  aspect-ratio: 9/16;
}
.hdtlsectionimg{
    max-width: 70rem;
    margin: 0 auto;
}
.rtourslide ._prev:before {
  content: '';
  width: 2rem;
  height: 1rem;
  display: block;
  background: url("../img/arrow01.svg") no-repeat center center;
    background-size: auto;
  background-size: contain;
  margin-right: 1rem;
  transform: rotate(180deg);
  
    position: absolute;
  top: 0%;
  bottom: 0;
  margin: auto;
  left: -5%;
  display: block;
  padding: 0;
  cursor: pointer;
  z-index: 90;
}

.rtourslide ._next:before {
  content: '';
  width: 2rem;
  height: 1rem;
  display: block;
  background: url("../img/arrow01.svg") no-repeat center center;
    background-size: auto;
  background-size: contain;
  margin-right: 1rem;
  
  position: absolute;
  top: 0%;
  bottom: 0;
  margin: auto;
  right: -5%;
  display: block;
  padding: 0;
  cursor: pointer;
  z-index: 90;
}





/**ロケーション**/


/**ギャラリー部分*/
.hdtlgallery01 .gallery .images {
width: 64.5rem;
height: 43rem;

}
.hdtlgallery01 .gallery .images > div{
    width: 100%;
    height: 43rem;

}

.hdtlgallery01 .gallery .thumbs-box {
max-height: 43rem;
width: 22rem;
overflow: hidden;
}
.hdtlgallery01 .gallery .thumbs{
width: 100rem;
}
.hdtlgallery01 .gallery .thumbs > div {
    border: unset;
}

.hdtlgallery01 .gallery .thumbs > .thumbscase{
height: 100%;
width: 27rem;
vertical-align: top;
cursor:default; 
}


.hdtlgallery01 .gallery .thumbs .thumbscase > div{
    width: 10rem;
  height: 10rem;
  display: inline-block;
  
  box-sizing: border-box;
  background: center no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
  margin: 4px;
  border: 3px solid transparent;
  cursor: pointer;
  -webkit-transition: all .88s ease;
  transition: all .88s ease;
}
.hdtlgallery02 .gallery .thumbs > div {
    margin: 0px 0px 0px 0px;
}
.gallery .thumbs .thumbscase > div.active {
  border-color: silver;
}

.hdtlgallery01 .gallery .images > span,
.hdtlgallery02 .gallery .images > span{
    cursor:default;
}
.hdtlgallery01 .gallery .images > span:before,
.hdtlgallery02 .gallery .images > span:before{
    cursor: pointer;
}

.hdtlgallery01 .gallery .titles {
  position: relative;
  left: 0px;
  bottom: 4rem;
 text-align: left;

  z-index: 100;
}
.hdtlgallery01 .gallery .titles > div.active{
	display: inline-block;
	 background: #fff;
	  padding: 1rem;
	  position: relative;
	   max-width:64.5rem;
}

.gallery .image-pager {
	width: 100%;
}

.gallery .image-pager ul{
  position: absolute;
 left: 50%;
  transform: translateX(-50%);
  bottom: 2rem;
  width: 90%;
}

.image-dot{
	display: block;
height: 1px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  font-size: 1px;
  background: var(--c_bl);
  width: 100%;
  max-width: 4rem;
}
.image-dot.gallery-dots-selected{
	height: 4px;
	margin-top: -3px;
}

.gallery ._leftnavi{
  margin-right: 1rem;
  flex-shrink: 0;
}
.gallery ._rightnavi{
  margin-left: 1rem;
  flex-shrink: 0;
}


.gallery .left_arrow{
cursor: pointer;
  height: 2rem;
  width: 2rem;
  background: url("../img/arrow01.svg") no-repeat center center;
  background-size: contain;
  
  border: none;
  position: relative;
  left: auto;
  top: auto;
  float: none;
  transform: rotate(180deg);

}

.gallery .right_arrow{
cursor: pointer;
  height: 2rem;
  width: 2rem;
  background: url("../img/arrow01.svg") no-repeat center center;
  background-size: contain;
  
  border: none;
  position: relative;
  right: auto;
  top: auto;
  float: none;
   transform: rotate(0deg);
}
.gallery .thumbs-pager {
	bottom: 2rem!important;
}


.gallery .gallery-dots{
	top:0;
}

/**/




.hdrlwhitebox .ftitle01 {
  color: #89876b;
  border-color: #89876b;
}

.locatininfwrap{
text-align: left;
}
.locatininfwrap h3{
	font-size: 2.4rem;
	color: var(--c_bl);
	margin: 0 0 2rem;
}


.hdtlmapwrap dl{
    flex-basis: 45%;
}
.hdtlmapwrap dt{
    padding: 0 0 2rem;
}
.hdtltitle02._t02 h2{
	font-size: 4rem;
}

.bunjofeature{
	line-height: 1.8;
}

/**性能・設備ほか**/
.hdtlequipnavi li{
	flex-basis: 24%;
	margin: 0 .5%;
}
.hdtlequipnavi a{
	background: #E1E1E1;
	border-radius: 99px;
	display:flex;
	padding: 1.5rem;
	align-items: center;
	justify-content: center;
	color: var(--c_bl);
}
.hdtlequipnavi a:after {
  content: '';
  width: 2rem;
  height: 1.5rem;
  display: block;
  background: url("../img/arrow01.svg") no-repeat center center;
    background-size: auto;
  background-size: contain;
  margin-left: 1rem;
  transform: rotate(90deg);
}
.equipcontwrap{
	background: #F2F2F2;
	padding: 10rem;
}
.hdtltitle03 h2{
	text-align: left;
	font-size: 3rem;
	margin: 0 0 3rem;
	color:  var(--c_bl);
}
.hdtlzehimg{
	margin: 0 0 2rem;
}
.hdtlzehwrap p{
	text-align: left;
	line-height: 2;
}



.hdtlequkukaku{
    margin: 0 0 3rem;
}
.hdtlequkukaku dt{
    background: var(--c_bl);
    color: #fff;
    font-weight: 600;
    flex-basis: 25%;
    padding: 1rem;
    font-size: 2.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hdtlequkukaku._all dt{
    flex-basis: 100%;
}
.hdtlequkukaku dd{
    background: #dfdcd9;
    flex-basis: 75%;
    padding: 1rem;
     display: flex;
    align-items: center;
    justify-content: flex-start;
}
.hdtlequkukaku dd ul{
    width: 100%;
}
.hdtlequkukaku dd li{
    font-size: 2rem;
    font-weight: 600;
    background: #000;
    color: #fff;
    flex-basis: 19%;
    margin: .2rem .5%;
    border-radius: 5px;
    padding: .5rem;
    
}


.hdtlequbox{
	margin: 0 0 3rem;
}

.hdtlequimg {
    margin: 0 0 2rem;
}

.hdtlequimg01{
    flex-basis: 66%;
}

.hdtlequimg02{
    flex-basis: 31%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
 }
.hdtlequbox ._txt{
	text-align: left;
	line-height: 2;
}
.hdtlequbox:nth-child(even) .hdtlequimg{
    flex-direction: row-reverse;
}


.hdtlstrucwrap dl{
	flex-basis: 48%;
	margin: 0 0 4rem;
}
.hdtlstrucwrap dt figure{
	margin: 0 0 2rem;
}
.hdtlstrucwrap dt h3{
	color:  var(--c_bl);
	font-size: 2rem;
	margin: 0 0 2rem;
	text-align: left;
}
.hdtlstrucwrap dd{
	line-height: 2;
	text-align: left;
}

.hdtlequcap {
	padding-top: 1rem;
}


/*plan***/
.hdtloutlinenavi{
  
  margin: 0 0rem 5rem;
  background: #E1E1E1;
   border-radius: 99px;
  
}
.hdtloutlinenavi li {
    width: calc(calc(100% - 0rem) / 4);
}
.hdtloutlinenavi li a {
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 2rem 1rem 2rem;
    line-height: 1;
    color:#002C56;

    border-radius: 99px;
}
.hdtloutlinenavi li a._on{
    background-color: #002C56;
    color: #fff;
    border-radius: 99px;
    
}

.hdtlpgallery02 {
  max-width: 89rem;

  margin: 0 auto;

}


/*ギャラリー***/
.hdtlgallery02{
max-width: 89rem;
  margin: 0 auto;
}
.hdtlgallery02 .galleryleft{
	padding-bottom: 10rem;

}
.hdtlgallery02 .gallery .images{
    width: 100%;
    height: 62rem;
    
    margin-top: 0;
}

.hdtlgallery02 .gallery .images img {
  max-height: 100%;
  height: 100%;
}
.hdtlgallery02 .gallery .images > div{
    width: 100%;
    height: 62rem;
    
}

.hdtlgallery02 .gallery .thumbs-box{
    width: 100%;
    max-height: 18rem;
    overflow: hidden;
    max-width: 89rem;
    margin: 0 auto;
}
.hdtlgallery02 .gallery .thumbs > .thumbscase{
    width: 92rem;
     height: 35rem;
     cursor: default;
}
.hdtlgallery02 .gallery .thumbs > .thumbscase._02{
     height: 19rem;
}


.hdtlgallery02 .gallery .thumbs .thumbscase > div{
  width: 10rem;
  height: 10rem;
  
    display: inline-block;
  
  box-sizing: border-box;
  background: center no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
  margin: 4px;
  border: 3px solid transparent;
  cursor: pointer;
  -webkit-transition: all .88s ease;
  transition: all .88s ease;
}
.hdtlgallery02 .gallery .thumbs .thumbscase > div:has(._nophoto){
    cursor: default;
  
}



.hdtlgallery02 .gallery .thumbs-pager{
bottom: -4.5rem;
}


.gallery .thumbs .thumbscase > div.active {
  border-color: silver;
}

.hdtlgallery02 .gallery .thumbs{
width: 1000rem;
}

.hdtlgallery02  .utag {
 z-index: 100;
top: 2rem;
  bottom: auto;
  left: 2rem;
}
.hdtlgallery02 .gallery .images .utag img {
    max-height: 4.5rem;
    width: auto;
   object-fit: contain;
}

.hdtltagbox .hdtltag02{
	position: absolute;
  bottom: 11rem;
  left: 1rem;
  z-index: 100;
  max-width: none;
  padding: 0;
}
.hdtltagbox .hdtltag02 li{
	min-width:17rem; 
}




/****/
.hdtloutlinemaininfowrap h3{
	font-size: 2rem;
	text-align: left;
	margin: 0 0 1rem;
}
.hdtloutlinemaininfowrap .kubun01 li {
  padding: 1rem;
  font-size: 2rem;
  font-weight: 600;
}
.hdtloutlinemaininfowrap .kubun01 li._01 {
background: #f2f2f2;
  padding: .5rem 1.5rem;
  margin: 0 .5rem 0rem 0;
  border-radius: 4px;
}
.hdtloutlinemaininfowrap .kubun01 li._02 {
	font-size: 3rem;
	padding: 0rem 5rem;
}


.hdtloutlinemaininfo dt {
  font-size: 3rem;
  font-weight: 600;
  margin: 0 2rem 0rem 0;
  line-height: 1;
}
.hdtloutlinemaininfo dd {
  font-size: 2.7rem;
  font-weight: 600;
}
.hdtloutlinemaininfo dd big {
  font-size: 5rem;
  line-height: 1;
}



.hdtloutlinepricebox{
    background: #e1e1e1;
    padding: 1rem;
    margin: 2rem 0 2rem;
}
.hdtloutlinepricelistwrap{
    flex-basis: 78%;
   
}
.hdtloutlinepricelistwrap h3{
    text-align: left;
    font-size: 1.4rem;
}
.hdtloutlinepricelist dl{
    flex-basis: 33%;
}
.hdtloutlinepricelist dt{
    flex-basis: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #323334;
    color: #fff;
    padding: 1rem;
}
.hdtloutlinepricelist dd{
    flex-basis: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
     padding: 1rem;
     font-weight: 600;
     position: relative;
     
}
.hdtloutlinepricelist dd ._blur{
position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.2);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}

.hdtloutlinepricelist dd big{
    font-size: 150%;
}

.hdtloutlinesimulink {
    flex-basis: 20%;
}
.hdtloutlinesimulink a{
    background: #023a68;/*#af292c;*/
    display: block;
    padding: 1rem;
    border-radius: 5px;
}
.hdtloutlinesimulink._02 a{

    background:#023a68; 
}

.hdtloutlinesimulink p{
    background: #fff;
    color: #023a68;/*#af292c;*/
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 1rem;
    position: relative;
}
.hdtloutlinesimulink._02 p{
    color: #023a68;
    padding: .5rem;
}

.hdtloutlinesimulink p:after {
content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .5rem .5rem 0 .5rem;
  border-color: #fff transparent transparent transparent;
  left: 0;
  right: 0;
  top: 100%;
  margin: auto;

}

.hdtloutlinesimulink h4{
    font-size: 1.4rem;
    color: #f0cd00;
    line-height: 1.3;
    
}
.hdtloutlinesimulink h4 small{
    fonot-size:70%;
    color: #fff;
}
.hdtloutlinesimulink h4:after{
content: '';
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  width: .6rem;
  height: .6rem;
  display: inline-block;
  transform: rotate(45deg);
}

.hdtlsectionimg ._txt{
	text-align: left;
	line-height: 2;
}

.detailpanorama iframe {
  height: 44rem;
}

.hdtable{
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    width: 100%;
    margin: 0 0 2rem;
}
.hdtable td,
.hdtable th{
    padding: .5rem 1rem;
    border-bottom: 1px solid #ccc;
    font-size: 1.4rem;
}
.hdtable th{
    background: #fff;
    font-weight: 600;
}
.hdtable._02 th{
    background: #f2f2f2;
}

.hdtable td{
text-align: left;
}



.hdtldetailpricecase {
    font-weight: 600;
    margin-bottom: 1rem;
}
.hdtldetailpricecase ._madori{
    font-size: 3rem;
    margin:0 6rem .5rem 0;
}



.detailpricecase{
    margin: 0 0 1em;
    position: relative;
    font-weight: 600;

}

.detailprice{
    font-size: 3rem;
}
.detailprice big{
    font-size: 180%;
}


.detailprice small{
    font-size: 70%;
}



.housedtlshiyou li {
  flex-basis: 14%;
  margin: 0 0 1rem;
}





._hidefieature._hdtl:before{
display: none;
}





/**コンテンツ全体隠す***/
.hdtlhidecontents{
   position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
 /* border-radius: 6px;*/
  text-align: center;
  font-weight: bold;
  background-color: rgba(255,255,255,0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 997; 
}
.hdtlhidecontents02{
 position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  border-radius: 6px;
  text-align: center;
  font-weight: bold;
  background-color: rgba(255,255,255,0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 999; 
}




#motion_area3 .hdtlhidecontents{
    height: calc(100% - 6rem);
}


.hdtlhidecontents .hdtlmemberinfobox{
    position:sticky;
    top: 15rem;
    left: 0;
}
#motion_area4 .hdtlhidecontents {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: auto;
}

#motion_area4 .hdtlhidecontents .hdtlmemberinfobox{
    position: relative;
    top: auto;
}


.hdtlmemberinfobox {
    max-width: 38rem;
    margin: 0 auto;
     padding: 10rem 0;
}
.hdtlmemberinfobox h2 {
    margin: 0 auto 1rem;
}
.hdtlmemberinfobox h2 img{
	height: 4rem;
}
.hdtlmemberinfobox h3{
    color:var(--c_bl);
    font-size: 3rem;
    font-weight: 600;
	margin-bottom: 1rem;
}
.hdtlbtnbox01 li{
    margin: .5rem;
}
.hdtlbtn01{
display: flex;
  color: var(--c_bl);
  align-items: center;
  justify-content: center;
  background: var(--c_ye);
  padding: 1rem 0rem 1rem 0rem;
  font-weight: 600;
  position: relative;
  border-radius: 99px;
  text-align: center;
  font-size: 1.8rem;
}
.hdtlbtn01._02{
background: #fff;
outline: 1px solid var(--c_bl);
outline-offset: -1px;
}
.hdtlbtn01:after{
content: '';
  width: 3rem;
  height: 2rem;
  display: block;
  background: url("../img/arrow01.svg") no-repeat center center;
    background-size: auto;
  background-size: contain;
  margin-left: 1rem;
 

}












/**フォーム**/

.formbox._hdtl{
    margin-bottom: 2rem;
}
.formbox label.formchange_btn{
    background: var(--c_bl);
    display: inline-flex;
	align-items: center;
	justify-content: center;
    border-radius: 99px;
    color: #fff;
    padding: 1rem;
    flex-basis: 49%;
    font-size: 2rem;
    cursor: pointer;
	text-align: center;
}

.formbox label.formchange_btn input[type="radio"]{
   transform:scale(1.2);
   margin: 0 1rem 0 0;
   vertical-align: .2rem;
}

.hdtlcatalog{
    background: #fff;
    padding: 2rem 4rem;
    border-radius: 5px;
}
.hdtlcatalog dt{
    text-align: left;
}
.hdtlcatalog dt li span{
    color: #4487a4;
}
.hdtlcatalog dt h3{
    font-size: 2.4rem;
    color: #4487a4;
    padding: 0 0 1rem;
}


.formbox th.valnmiddle{
    vertical-align: middle;
}

.whitebox01._hdtl{
    padding: 2rem 3rem;
	background: #fff;
	 margin-bottom: 2rem;
}
.whitebox01._hdtl h3{
    font-size: 2rem;
    margin: 0 0 2rem;
    padding:  0 0 1rem;
    border-bottom: 1px solid #ccc;
}

.whitebox01._hdtl p{
    text-align: left;
}

input[type="submit"].linkbtn01._hdtl{
   
}

.hdtlbackbtn{
	border: 1px solid  var(--c_bl);
  color: var(--c_bl);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 99px;
  padding: 1rem 3rem;
  font-weight: 600;
  margin: 0 .5rem;
}
.hdtlbackbtn:before {
  content: '';
  width: 2rem;
  height: 1rem;
  display: block;
  background: url("../img/arrow01.svg") no-repeat center center;
  background-size: contain;
  margin-right: 1rem;
  transform: rotate(180deg);

}
.hdtlbackbtn._02:before {
transform: rotate(-90deg);
}








/*********************************/
/* スマートフォン用のスタイル記述 */
/*********************************/
@media screen and (max-width: 620px) {


.hdtlbg01{

  background-size: 100%;
}

.hdtlmvwrap{
	display: block;

} 
.hdtlmv{
	
}
.hdtlmv ._imgbox{
	height: 68vw;
	
}


.hdtltag01{
	right: 1rem;
	top: 1rem;
}
.hdtltag01 li{
height: 4rem;
width: 4rem;
margin:.5rem;
font-size: 2.4vw;
}

.hdtlmv ._utag{
	right: 1rem;
	bottom: 1rem;
}
.hdtlmv ._utag img {
  max-height:2.5rem;
}




.hdtlmvinfo{
	padding: 3rem 0 0;
}


.hdtlmvlogo{
	margin:0 0 1rem;
}
.hdtlmvlogo img{
	max-height: 12vw;
}

.hdtlmvinfo h2{
	font-size: 2rem;
	margin: 0 0 .5rem;
}

.hdtlmvinfo h3{
	font-size: 1.4rem;
	color: var(--c_bl);
	
	
}
.hdtltag02{
	max-width: 30rem;
	padding-top: 2rem;
}

.hdtltag02 li{
    padding:.5rem 1rem;
    margin: 0 .5rem .5rem 0;
    min-width: 48%;
	font-size: 1.2rem;
}





/*info**/
.hdtlinfowrap{
	background: url("../img/h_detail/bg_a.svg") no-repeat right -20% top 10% #F2F2F2;
	background-size: 90%;
}
.hdtlinfobox {
	margin: 0 0 0rem;
	display: block;
}
.hdtlinfobox ._title{
	text-align: center;
	margin: 0 0 1rem;
}
.hdtltitle01 h2{
	font-size: 2.3rem;
}
.hdtltitle01 h3{
	font-size: 1.4rem;
}
.hdtlinfobox ._cont{

}

.hdtlinfotable {
	width: 100%;
	margin: 0 0 5rem;
}
.hdtlinfotable th,
.hdtlinfotable td{
	padding: 1rem;
	font-size: 90%;

}
.hdtlinfotable th{
	width: 30%;
}

.hdtltopicscont{
	padding: 2rem;
	font-size: 90%;
}

.hdtlreadmore {

  padding: 0 0 5rem;
}
.hdtlreadmore::after {

  width: 100%;
  height: 8rem;
  bottom: -0rem;
}
.hdtlreadmore h3{
	font-size: 2.5rem;
}
.hdtlreadmore h4{
	font-size: 1.4rem;
}

/****/

.hdtlmaininfo{
	position: relative;
	padding: 2rem;
	margin: 0 0 2rem;
	display: block;
	
}
.hdtlmaininfo ._bgimg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hdtlmaininfo ._bgimg figure{
	width: 100%;
	height: 100%;
	
	

}

.hdtlmaininfo ._bgimg img{
width: 100%;
 height:100%;
  object-fit: cover;

 filter: blur(10px);
 
}
.hdtlmaininfo ._bgimg:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  content: '';
  background-color: rgba(0, 0, 0,0.5);
  z-index: 1;
}

.hdtlmaininfo ._img{
	padding: 0 0 2rem;

}
.hdtlmaininfo ._img figure img{
	margin-left: 0%;
}


.hdtlmaininfo ._cont{
	z-index: 10;
}

.hdtlmaininfo ._cont h2{
	font-size: 1.6rem;
	margin: 0 0 2rem;
	line-height: 1.8;
	text-align: center;
}
.hdtlmaininfo ._cont ._txt{
	font-size: 90%;
}
.hdtlmaininfophoto{
	margin: 0 0 2rem;
}

.hdtlmaininfophoto li {
  flex-basis: 48%;
  margin: 0 1%;
}
.hdtlmaininfophoto li img {
width: 100%;
    height: 26vw;
    object-fit: cover;
}





.hdtlbtnbox {
 
}
.hdtlbtn{
    display: block;
    font-size: 1.3rem;
    
    padding: .5rem 0;
    width: 49%;
    margin: 0;
}


.hdtlbtn{
    display:inline-flex;
	align-items: center;
	justify-content: center;
    background: var(--c_bl);
    color: #fff;
    font-size: 1.1rem;
    border-radius: 99px;
    padding: 1rem 0;
    margin: .5rem;
    position: relative;
    font-weight: 600;
}

.hdtlbtn::after {
  width: 1.5rem;
  height: 1rem;
  margin-left: .5rem;

}
.hdtlbtn ._free {
  display: inline-block;
  font-size: 60%;
  padding: .3rem .2rem;
  margin: 0rem 0rem 0rem .5rem;
  line-height: 1;
  vertical-align: .1rem;
}

.hdtlbtn ._house{
	margin-right: .5rem;
	max-height: 1.5rem;
}


.footfixnavi01{
	
    display: block;
    position:fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    background: #002c54;
    padding: .5rem .5rem 0 ;
	
	display: none;
}




/**タブ以下***/


.hdtlwhitebox{

	padding: 2rem;
}

.hdtltabmenuwrap{
    top: 5rem;
}


.itemtab {
  margin: 0 0rem 3rem ;
}

.itemtab a {
  display: block;
  padding: 1rem 0;
	font-size: .9rem;

}


.hdtlconceptimg{
    margin: 0 0 2rem;
}
.hdtlconceptimg p{
margin: 0 1% .5rem;
}
.hdtlconceptimg li{
   margin: 0 1% .5rem;
    flex-basis: 48%;
}
.hdtlconceptimg li img{
    max-height: 25vw;
    width: 100%;
    object-fit: cover;
}


.hdtltitle02{
	text-align: center;
}
.hdtltitle02 h2{
	font-size: 3rem;
	line-height: 1.2;
}
.hdtltitle02 h3{
	font-size: 1.2rem;
}

.hdtlconceptcont {

  padding: 2rem 0;
  height: 20rem;

}


.hdtlconceptcont {
	position: relative;
}


.hdtlconceptcont h3{
font-size: 1.6rem;
  margin: 0 0 1rem;
  text-align: center;
}
.hdtlconceptcont p{
font-size: 90%;
}
.featuremore{
    font-size: 1.5rem;
    padding:.5rem;
    margin-top: 1rem;
}




/**youtubeスライド*/
.rtourslide{
max-width: 85%;
}
.hslpvideo {
  width: 70%;
}

.rtourslide ._prev:before {
  left: -10%;

}

.rtourslide ._next:before {
  right: -10%;
}










/**ロケーション**/
/**ギャラリー部分*/
.hdtlgallery01 .galleryleft{
padding: 0 0 2.5em;
}
.hdtlgallery01 .gallery .images {
width: 100%;
height: 39rem;
height: 55.6vw;
}
.hdtlgallery01 .gallery .images > div{
    height: 39rem;
    height: 55.6vw;
}
.hdtlgallery01 .gallery .thumbs{
width: 300rem;
}


.hdtlgallery01 .gallery .thumbs-box {
max-height: 42vw;
width: 100%;
margin-bottom: 7rem;
}
.hdtlgallery01 .gallery .thumbs > .thumbscase {
max-height: 42vw;
  /*width: 100vw;*/
  width: 86vw;
  font-size: 0;
}

.hdtlgallery01 .gallery .thumbs .thumbscase > div{
    width: 18vw;
    height: 18vw;
	margin: .3rem;
}
.hdtlgallery01 .gallery .titles{
bottom: 2.5rem;
}
.hdtlgallery01 .gallery .titles > div{
    font-size: 85%;
    line-height: 1.3;
}
.hdtlgallery01 .gallery .titles > div.active{
	  padding: .5rem;
	  font-size: 80%;
}


.gallery .thumbs-pager {
  bottom: -3rem !important;
}

/***/





.locatininfwrap{
text-align: left;
}
.locatininfwrap h3{
	font-size: 1.6rem;
	margin: 0 0 1rem;
	text-align: center;
}

.hdtlmapwrap{
	display: block;
}
.hdtlmapwrap dl{
    flex-basis: 45%;
}
.hdtlmapwrap dt{
    padding: 0 0 2rem;
}
.hdtltitle02._t02 h2{
	font-size: 2rem;
}
.bunjofeature{
	font-size: 90%;
}




/**性能・設備ほか**/
.hdtlequipnavi li{
	flex-basis: 49%;
	margin: 0 .5% 1rem;
}
.hdtlequipnavi a{
	display:flex;
	padding: 1rem;
	font-size: 80%;
}
.hdtlequipnavi a:after {
  width: 1rem;
  height: 1rem;
  margin-left: .5rem;
}
.equipcontwrap{
	padding: 2rem;
}
.hdtltitle03 h2{
	font-size: 1.6rem;
	margin: 0 0 2rem;
}
.hdtlzehimg{
	margin: 0 0 2rem;
}
.hdtlzehwrap p{
	font-size: 90%;
}



.hdtlequkukaku{
    margin: 0 0 2rem;
}
.hdtlequkukaku dl{
    display: block;
}
.hdtlequkukaku dt{
    padding: .5rem;
    font-size: 1.4rem;
}

.hdtlequkukaku dd{
    padding: .5rem;
}

.hdtlequkukaku dd li{
    font-size: 1.2rem;    
}


.hdtlequbox{
	margin: 0 0 2rem;
}

.hdtlequimg {
    margin: 0 0 2rem;
}


.hdtlequbox ._txt{
	font-size: 90%;
}


.hdtlstrucwrap {
	display: block;
}
.hdtlstrucwrap dl{
	margin: 0 0 4rem;
}
.hdtlstrucwrap dt figure{
	margin: 0 0 2rem;
}
.hdtlstrucwrap dt h3{
	font-size: 1.6rem;
	margin: 0 0 1rem;
	text-align: center;
}
.hdtlstrucwrap dd{
	font-size: 90%;
}

.hdtlequcap {
	font-size: 2.3vw;
}





/*plan***/
.hdtloutlinenavi{
  margin: 0 0rem 2rem;
  
}
.hdtloutlinenavi li {
   
}
.hdtloutlinenavi li a {
    font-size: 1rem;
    padding: 1rem 1rem 1rem;
}


.hdtlpgallery02 {

}


/*ギャラリー***/
.hdtlgallery02{

}
.hdtlgallery02 .galleryleft{
	padding-bottom: 8rem;

}
.hdtlgallery02 .gallery .images{
    height: 52vw;
}


.hdtlgallery02 .gallery .images > div{
   height: 52vw;   
}
.hdtlgallery02 .gallery .thumbs-box{
    width: 100%;
    max-height: 43vw;
}
  .hdtlgallery02 .gallery .thumbs > .thumbscase {
    max-height: 42vw;
    width: 84vw;
    font-size: 0;
  }
.hdtlgallery02 .gallery .thumbs > .thumbscase._02{
    max-height: 22vw;
}

.hdtlgallery02 .gallery .thumbs .thumbscase > div{
    width: 17.5vw;
    height: 17.5vw;
    margin: 4px 1vw;
}
.hdtlgallery02 .gallery .titles > div{
    font-size: 85%;
    line-height: 1.3;
}
.hdtlgallery02 .hdtltag01 {
	right: 0;
	top: 0;
}

.hdtlgallery02 .hdtltag01 ul{
	display: block;
}

.hdtlgallery02  .utag {
top: 1rem;
  left: 1rem;
}
.hdtlgallery02 .gallery .images .utag img {
    max-height:2rem;
}

.hdtltagbox .hdtltag02{
	position: relative;
  bottom: auto;
  left: auto;
  z-index: 100;
  max-width: none;
  padding: 0;
  width: 100%;
}
.hdtltagbox .hdtltag02 li{
	font-size: 2.5vw;
    flex-basis: 32.33%;
    margin:0 .5% .3rem;
	min-width: auto;
	width: 100%;
}




/****/
.hdtloutlinemaininfowrap h3{
	font-size: 3.4vw;
}
.hdtloutlinemaininfowrap .kubun01 li {
font-size:1.4rem;
    padding: 1rem .5rem;
}
.hdtloutlinemaininfowrap .kubun01 li._01 {
  padding: .5rem 1rem;
  margin: 0 .5rem 0rem 0;
}
.hdtloutlinemaininfowrap .kubun01 li._02 {
	font-size: 1.4rem;
	padding: 0rem 1rem;
}


.hdtloutlinemaininfo dt {
  font-size: 1.6rem;
  margin: 0 .5rem 0rem 0;

}
.hdtloutlinemaininfo dd {
  font-size: 1.4rem;
}
.hdtloutlinemaininfo dd big {
  font-size: 2.2rem;
}


.hdtloutlinepricebox{
    padding: 1rem;
    margin: 1rem 0 2rem;
    display: block;
}
.hdtloutlinepricelistwrap{
   
}
.hdtloutlinepricelistwrap h3{
    margin: 0 0 .5rem;
}
.hdtloutlinepricelist{
   
    margin: 0 0 .5rem;
}

.hdtloutlinepricelist dl{
    margin: 0 0 .2rem;
    display: block;
   margin-right: 1px;
}
.hdtloutlinepricelist dt{
    padding: .2rem;
}
.hdtloutlinepricelist dd{
    padding: .2rem;
}


.hdtloutlinesimulink._01 a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hdtloutlinesimulink._01 p{
    font-size: .8rem;
    padding: .3rem;
    margin: 0 1rem 0 0 ;
}

.hdtloutlinesimulink._01 p::after{
    left: 93%;
    top: 0;
    bottom: 0;
    transform: rotate(-90deg);
}


.hdtloutlinesimulink._02 p {
  padding: .2rem;
  display: none;
}
.hdtloutlinesimulink._02 small{
     display: inline-block;
}
.hdtloutlinesimulink h4 {
  font-size: 3.4vw;
}

.hdtloutlinegaiyo{
	font-size: 80%;
}


.hdtlsectionimg ._txt{
	font-size: 90%;
}

.detailpanorama iframe {
  height: 20rem;
}


.hdtable{
    margin: 0 0 2rem;
}
.hdtable tr{
    display: flex;
    flex-wrap: wrap;
        border-left: 1px solid #ccc;
}
.hdtable td,
.hdtable th{
    /*display: block;*/
    display: flex;
    align-items: center;

    border-right: 1px solid #ccc;
    width: 100%;
    width: 30%;
    font-size: 70%;
}
.hdtable th{
    /*display: flex;*/
    /*align-items: center;*/
    justify-content: center;
}
.hdtable td{
    text-align: left;
    width: 70%;
}



.hdtldetailpricecase {
    margin-bottom: 1rem;
	justify-content: center;
}
.hdtldetailpricecase ._madori{
    font-size: 1.6rem;
    margin:0 1rem 0rem 0;
}



.detailpricecase{
    margin: 0 0 1em;
}

.detailprice{
    font-size: 1.6rem;
}
.detailprice big{
    font-size: 140%;
}


.detailprice small{
    font-size: 70%;
}



.housedtlshiyou li {
 flex-basis: 19%;
 margin: 0 .5% .5rem;
}







._hidefieature.visible{
    height: 10rem;
}
._hidefieature.detailhide{
    height: 16rem;
 }
 ._hidefieature.active.visible,
 ._hidefieature.active.detailhide{
     height: auto;
     overflow: hidden;
 }
 .whitebox01 ._hidefieature:before{
     display: block;
 }
 .whitebox01 ._hidefieature.active:before{
     display: none;
 }
.bunjofeature{
    font-size: 80%;
}

.featureadd{
    display: none;
}
.featuremore{
    font-size: 1.6rem;
}

._hidefieature._hdtl:before{
 display: block;
}
._hidefieature._hdtl.active:before{
     display: none;
 }



#motion_area4 .hdtlmemberinfobox{
    padding-top: 0rem;
    padding-bottom: 0rem;
}


.hdtlmemberinfobox {
     padding: 5rem 5%;
}
.hdtlmemberinfobox h2 img{
   height: 3rem;

}
.hdtlmemberinfobox h3{
    font-size: 2rem;
}
.hdtlbtn01 {
	font-size: 1.6rem;
}











































/**フォーム**/


.formbox label.formchange_btn{
    font-size: 1.2rem;
}

.formbox label.formchange_btn input[type="radio"]{

}

.hdtlcatalog{
    padding: 2rem ;
}
.hdtlcatalog dl{
    display: block;
}
.hdtlcatalog dt{
    padding: 0 0 2rem;
}
.hdtlcatalog li{
    font-size: 3.5vw;
}
.hdtlcatalog dt h3{
    font-size: 1.6rem;
    text-align: center;
}

.whitebox01._hdtl{
    padding: 2rem;
}

.whitebox01._hdtl{
    padding: 2rem;
	 margin-bottom: 2rem;
}
.whitebox01._hdtl h3{
    font-size: 1.5rem;

}
.whitebox01._hdtl p{
	font-size: 90%;
}


.hdtlbackbtn{
  padding: 1rem 1rem;

  font-size: 80%;
}
.hdtlbackbtn:before {
  width: 1.5rem;
  height: 1rem;
  margin-right: .5rem;


}


.hdtlfixedmenuwrap{
position: fixed; 
  top: 5rem; 
  right: auto;
 
  width: 100%;
}

.hdtlfixedmenu{
    width: 100%;
    font-size: 90%;
    font-size:2.6vw;

    
}
.hdtlfixedmenu{
    display: block;
}
.hdtlfixedmenu dt{
    flex-wrap: wrap;
    margin: 0 -2rem;
    justify-content: flex-start;
	border-radius: 0;
	padding: 0;
}

.hdtlfixedmenu dt a{
    padding:1rem 0;
    
    flex-basis: 25%;
	font-size: 100%;
   
}

/*-
.hdtlfixedmenu dt a::after{
    display: block;
    margin: 0;
}*/






.hdtlfixedmenu dt a:first-child{

   
   display: none;
}



}