@charset "UTF-8";

.top.second .layout05 .inner h4 {
    font-size: 26px;
    margin: 30px 0;
    line-height: 1.5;
}
.top.second .layout05 .inner p {
    font-size: 14px;
    margin: 0px 0 30px;
    line-height: 2;
}
#recommend .inner ul li a {
    display: block;
    align-items: center;
    padding: 0px 0 0px;
    background: #fff;
    overflow: hidden;
}
#recommend .inner ul li img {
  max-width: inherit;
  max-height: 286px;
  width: auto;
  display: block;
  margin: 0 auto;
}
#recommend li {
  width: 28%;
  /* border: 1px solid #ccc; */
  margin-bottom: 3%;
  float: left;
  border-radius: 20px;
  box-shadow: 3px 7px 5px 0px #d1d1d1;
  background: #fff;
  overflow: hidden;
}
#recommend li + li{
  margin-left: 5%;
}

#recommend li:nth-of-type(3n+1) {
    clear: both;
    margin-left: auto;
}

#recommend li a{
	color:#000;
	text-decoration: none;
}
#recommend .inner ul li .btn img {
  width:100%;
}

#recommend li .img{
	margin:0;
}
#recommend li .name{
	text-align: center;
	font-weight:bold;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
    width: 80%;
    margin: 0 auto;
    padding: 5% 0 3%;
}

#recommend li .detail{
	line-height:1.2;
}
#recommend li dl{
	clear: both;
    margin: 5% 0;
    overflow: hidden;
    padding: 0 10%;
}
#recommend li dl.price dd{
	color:#EA0101;
}

#recommend li dl dt{
	width:20%;
	float:left;
}

#recommend li dl dd{
	width:80%;
	float:left;

}

#recommend li p{
	text-align: center;
}
#pager ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 370px;
    margin: 0 auto;
}

#pager ul li{
	color:#65B822;
	border:1px solid #65B822;
	padding:15px;
	font-weight:bold;
}
#pager ul li.active{
	color:#fff;
	background:#65B822;
}




/*物件詳細*/

#detail_01{
	max-width:950px;
	margin:0 auto;
    padding: 100px 0 0;
}
#detail_01 .name{
	overflow: hidden;
}
#detail_01 p{
	font-size:26px;
	font-weight: bold;
}
#detail_01 p span{
	background:#1E94C5;
	padding:10px;
	font-weight: normal;
	color:#fff;
	font-size:18px;
    margin-right: 20px;
}
#detail_01 p:nth-of-type(2){
	float:left;
	font-size:16px;
	font-weight:normal;
  margin: 30px 0 0 0;
}
#detail_01 p:nth-of-type(3){
	float:right;
    margin: 0 auto 20px;
}
#detail_01 .detail{
	padding: 2% 10%;
	max-width: 950px;
    margin: 0 auto;
    border-radius: 25px;
}

#detail_01 .detail  .tbl-outline .price{
		color:#FF9226;
	font-weight: bold;

}

#detail_01 .detail .price span{
	font-size:32px;
	color:#FF9226;
	    vertical-align: baseline;
}
#detail_01 .detail  .tbl-outline .plan{
		font-weight:bold;
	font-size:32px;

}


#detail_01 .detail .tbl-outline {
    margin: 10px 0 30px 0;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    box-sizing: border-box;
}
#detail_01 .detail .tbl-outline th {
    text-align: center;
    width: 7%;
    font-size: 16px;
    border: 1px solid #000;
    color: #1e1e1e;
    padding: 8px;
}
#detail_01 .detail .tbl-outline th.no-data {
    border: none;
}
#detail_01 .detail .tbl-outline td {
    text-align: left;
    color: #191919;
    font-size: 16px;
    line-height: 1.6;
    padding: 5px 8px;
    width: 25%;
}
#detail_01 .point {
    position: relative;
	max-width: 835px;
	margin:0 auto;
    width: 90%;
}
#detail_01 .point_inner {
    background: url(/cms/wp-content/themes/kik/assets/image/buy/bg_point.png)no-repeat left center;
    background-size: 100% 100%;
    padding: 5% 5% 5% 5%;
    max-width: 807px;
    margin: 0 auto;
    line-height: 1.5;
    width: 80%;
    position: relative;
    margin-left: 28px;
}
#detail_01 .point_img {
    position:absolute;
	left:0;
	top:-20px;
  z-index: 9;
  width: auto;
}

#gallery{
	padding: 50px 0 20px;
}

#gallery .inner{
  max-width: 1200px;
  margin: 0 auto;
}
#gallery .modelhouse-gallery {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}
#gallery .slider {
    margin: 0px auto 20px;
    width: 100%;
}
#gallery .thumb {
    margin: 20px 0 20px;
}
#gallery .slick-prev:before {
    background: url(/cms/wp-content/themes/kik/assets/image/buy/prev.png) no-repeat center center;
}
#gallery .slick-next:before {
    background: url(/cms/wp-content/themes/kik/assets/image/buy/next.png) no-repeat center center;
}
#gallery .slick-arrow {
    width: 40px;
    height: 90px;
    transform: translate(0, 0%);
}
#gallery .slick-prev {
    left: 5px;
    top: -15px;
}
#gallery .slick-next {
    right: 0;
    top: -15px;
}
#gallery .cap {
    max-width: 900px;
    width: 95%;
    line-height: 1.5;
    margin: 0 auto;
    font-size: 11px;
}

#outline h2 img{
  max-width:480px;
  display: block;
  margin:0 auto;
  
}
#outline h2.outline-header {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin: 0 auto;
	max-width:900px;
}

#outline h3.outline-title{
	font-weight:bold;
	max-width:900px;
	margin:0 auto;	
}
 #outline .tbl-outline {
    margin: 10px auto 30px;
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 14px;
    font-size: 1.4rem;
    box-sizing: border-box;
 	max-width:900px;
}
#outline .tbl-outline th {
    text-align: left;
    width: 22.2%;
    font-size: 14px;
    line-height: 1.6;
    background-color: #f8f7f5;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-weight: normal;
    color: #1e1e1e;
    padding: 8px;
}

#outline .tbl-outline td {
    text-align: left;
    color: #191919;
    font-size: 14px;
    line-height: 1.6;
    background-color: #FFF;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 5px 8px;
    width: 77.78%;
}
#outline .tbl-outline .tit {
    padding-left: 5px;
}




#access {
	background:none;
	padding: 50px 0 50px;
}
#access .inner{
	max-width:900px;
}


#access .map_box{
}
#access .ggmap {
position: relative;
padding-bottom: 46.6%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
#access .ggmap iframe,
#access .ggmap object,
#access .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#access .contact_02 {
	margin:0 auto;
}




@media (max-width: 1399px) and (min-width: 769px) {
	
	
	
	
}

@media (max-width: 768px) {

#recommend {
    padding: 0px 0 10px;
    /* background: #D7F1F5; */
    margin: 50px auto 0;
}
#recommend li {
  width: auto;
  margin: 0 auto 2%;
	position: relative;
  margin: 0px 10px;
}
#recommend .bukkenul li{
  background:#fff;
} 
#recommend .inner {
    width: 100%;
}
#recommend .inner ul li a {
    width: 100%;
    margin: 0 auto 10px;
}
#recommend li .img {
  margin: 0;
	width: 100%;
  overflow: hidden;
  text-align: center;
}


#recommend li .name {
  left: 50%;
  padding: 3% 0 5%;
}
#recommend li .detail {
  width: 100%;
  font-size: 4vw;
}
#recommend li dl {
    margin: 3% 0;

}	
#recommend .slick-dots{
  bottom: -45px;
}
#recommend .slick-dots li{
  border:none;
  background: none;
}
#recommend .slick-dots li button:before {
}
#recommend .slick-dots li.slick-active button:before {
    color: #1E94C5;
}

#recommend .slick-arrow {
  z-index: 2;
  width: 50px;
  height: 50px;
}
#recommend .slick-prev {
  left: 10%;
  bottom: -90px;
}

#recommend .slick-next {
  right: 10%;
  bottom: -90px;
}





#pager ul {
    max-width: 270px;
}	
#pager ul li {
    padding: 10px;
}
	


/*物件詳細*/
	
#detail_01 {
    padding: 20px 0 0;
}
#detail_01 .detail {
    width: 80%;
}	
	
	
#detail_01 p {
    float: none;
    text-align: center;
}
	#detail_01 p + p {
    float: none;
    margin: 40px auto;
}
	
#detail_01 p span {
    margin: 0 auto 15px;
    display: block;
    width: 40%;
}
#detail_01 p:nth-of-type(2) {
    float: none;
    width: 80%;
    margin: 20px auto 0;
}
	
#detail_01 p:nth-of-type(3) {
    float: none;
    width: 70%;
    margin: 20px auto 0;
}
#detail_01 .point_img {
    top: -40px;
}	
#detail_01 .detail .tbl-outline {
    width: 93.75%;
    margin: 10px 10px 10px 10px;
}	
#detail_01 .detail .tbl-outline th {
    width: 100%;
    display: block;
    padding: 8px 0;
}
#detail_01 .detail .tbl-outline td {
    width: 100%;
    display: block;
    text-align: center;
    padding: 5px 0;
}	
#detail_01 .point {
    background: url(/cms/wp-content/themes/kik/assets/image/buy/point.png)no-repeat top center;
    padding: 0% 0% 5% 0%;
    background-size: 20%;
    margin: 30px auto;
}
	
#gallery{
    padding: 50px 0 20px;
	}

#gallery .cap {
    text-align: center;
}
	
#outline .outline-header {
  width: 90%;
  margin: 0 auto;
}
#outline .tbl-outline {
  width: 90%;
  margin: 10px auto 30px;
}	
#outline .tbl-outline th {
  width: 96%;
  display: block;
  padding: 5px 2% 5px;
}
#outline .tbl-outline td {
  width: 96%;
  display: block;
  padding: 5px 2% 5px;
}	

#outline h3.outline-title {
    padding-left:10px;
}


#access {
    padding: 50px 0 20px;
}



}

#recommend .bukkenul {
    /*display: flex;
    flex-wrap: wrap;
    justify-content: left;*/
    margin: 50px auto 0;
    max-width: inherit;
    width: 100%;
    overflow: hidden;
}
#recommend .bukkenul li{
  position:relative;
}


#recommend .bukkenul .btn {
    margin: 30px auto 10px;
    width: 95%;
    max-width: 299px;
}


@media (max-width: 768px) {
#recommend .bukkenul {
  display: block;
  padding: 0 0 10px;
}  
  
#recommend .bukkenul li {
    position: relative;
    padding-bottom: 0px;
    max-width: inherit;
    margin: 0px auto;
    float: none;
    width: 95%;
}

#recommend .bukkenul li + li{
  margin-top:20px;
}
.top.second .layout05{
  background:
  url(/cms/wp-content/themes/kik/assets/image/common/bg02.png),
  url(/cms/wp-content/themes/kik/assets/image/common/bg03.png);
  background-position: top right, top left;
  background-repeat: no-repeat;
  padding: 0px 0px 0px;
}

}
@media (min-width: 769px) {
#recommend .bukkenul li dl{
font-size: 0.9rem;
}
}