@charset "utf-8";
/* CSS Document */

#slide_wrap {
	background: url("/common2/img/sale/headimg.jpg") center;
}


.select_link{
	border:6px solid #e17b0d;
	background: url("/common2/img/farm/select_link.jpg") center;
	
	text-align:center;
	text-valign:middle;
	padding:50px;
	color:#fff;
	font-weight:bold;
	font-size:2.0rem;
	margin-bottom:20px;
	text-shadow: 0.02em 0.02em 0.02em rgba(0,0,0,1);

}
.select_link a{
display:block;
}

.select_link2{
	border:6px solid #00008b;
	background: #4169e1;
	
	text-align:center;
	text-valign:middle;
	padding:50px;
	color:#fff;
	font-weight:bold;
	font-size:2.0rem;
	margin-bottom:20px;
	text-shadow: 0.02em 0.02em 0.02em rgba(0,0,0,1);

}
.select_link2 a{
display:block;
}

.select_link3{
	border:6px solid #a0522d;
	background: #ff8c00;
	text-align:center;
	text-valign:middle;
	padding:50px;
	color:#000;
	font-weight:bold;
	font-size:2.0rem;
	margin-bottom:20px;
	text-shadow: 0.02em 0.02em 0.02em rgba(0,0,0,1);

}
.select_link3 a{
display:block;
}

.select_link4{
	border:6px solid #db7093;
	background: #ffc0cb;
	
	text-align:center;
	text-valign:middle;
	padding:50px;
	color:#000;
	font-weight:bold;
	font-size:2.0rem;
	margin-bottom:20px;
	text-shadow: 0.02em 0.02em 0.02em rgba(0,0,0,1);

}
.select_link4 a{
display:block;
}


.scroll-table{
	width:100%;
	margin:0 auto 50px;
}

.scroll-table table {
	width:100%;
/*	border-left: solid 1px #ccc;*/
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin:0;
	color:#000;
}

.scroll-table table tr:nth-child(odd) td {
	background: #f9f9f9;
}
.scroll-table table tr.tr_01 {
	background:#ff8c00;
}

.scroll-table table tr.tr_02 {
	background:#2589d0;
}

.scroll-table table th {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
/*	border-right: solid 1px #ccc;*/
	padding: 4px;
	font-size:0.8rem;
	white-space:nowrap;
	border-collapse: collapse;
//	background:#ff8c00;
	vertical-align: middle;
	color:#fff;
}

.scroll-table table td {
	border-bottom: solid 1px #ccc;
/*	border-right: solid 1px #ccc;*/
	padding: 4px;
	font-size:1.0rem;
	border-collapse: collapse;
	vertical-align: middle;
	word-break: break-all;
}

.scroll-table table td img{
	width:30px;
}
.scroll-table table th:nth-child(2){


}

.scroll-table table th:nth-child(3){


}

.scroll-table table th:nth-child(9){
	background:#32cd32;
}
.scroll-table table th:nth-child(10){
	background:#1e90ff;
}


.scroll-table table a{
//	display:block;
	color:#1a0dab;
	font-weight:bold;
}

.scroll-table table td:nth-child(1){
	text-align: center;
//	font-family: 'Staatliches';
	width:7%;
	font-weight:600;
}

.scroll-table table td:nth-child(2){
	font-weight:bold;
	text-align: left;
	width:25%;
	white-space: nowrap;
	padding-left:6%;

}

.scroll-table table td:nth-child(3){
//	width:15%;
	text-align: left;
	width:25%;
	padding-left:6%;
	white-space: nowrap;
}

.scroll-table table td:nth-child(4){
	width:7%;
	text-align: center;
}
.scroll-table table td:nth-child(5){
	width:7%;
	text-align: center;
}
.scroll-table table td:nth-child(6){
	width:7%;
	text-align: center;
	letter-spacing: -0.025em;
}

.scroll-table table td:nth-child(7){
	text-align: center;
	width:7%;
	white-space:nowrap;
	letter-spacing: -0.025em;
}

.scroll-table table td:nth-child(8){
	text-align: center;
	width:8%;
}
.scroll-table table td:nth-child(9){
	width:7%;
	text-align: center;

}


.scroll-table table a:hover { background-color: #fcfcaa; }

.attred{
	text-decoration:line-through;
}

.scroll-table table tr:nth-child(odd) td {
	background: #f9f9f9;
}


.scroll-table table .absent td:nth-child(n+1){
	background: #ffe6e6;
}

.absent td:nth-child(1),.absent td:nth-child(n+3){
	text-decoration:line-through;
}

@media screen and (max-width: 1000px) {
  .scroll-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table table {
    min-width: 740px;
    margin: 0 10px 50px;
  }
  .scroll-table table td {
    
  }
}







.ketdujou{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.7);
	font-size: 38vw;
	font-weight:bold;
	color:red;
	position:absolute;
	z-index: 4;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.title_style_1{
	font-size:20px;
	color:#fff;
	font-weight:bold;
	background:#7d0022;
	padding:5px 10px;
	margin-bottom:30px;
}
.title_style_2{
	font-size:20px;
	color:#fff;
	font-weight:bold;
	background:#001c58;
	padding:5px 10px;
	margin-bottom:30px;
}
/*
.title_style_3{
	font-size:20px;
	color:#666;
	font-weight:bold;
	padding:5px 10px;
	margin-bottom:30px;
	border-left:3px solid #666;
	border-bottom:1px solid #ccc;
}
*/

.title_style_3 {
    display: inline-block;
    position: relative;
    padding: .5em 1em;
    border-right: 27px solid #2589d0;
    background-color: #f5f5f5;
    color: #333333;
    font-size:20px;
	font-weight:bold;
}

.title_style_3::before {
    position: absolute;
    bottom: 2px;
    right: -20px;
    z-index: -1;
    transform: rotate(5deg);
    width: 100%;
    height: 50%;
    background-color: #d0d0d0;
    content: "";
    filter: blur(4px);
}


.sale_mid_title{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom:15px;
}

.sale_mid_title_tx{
	
}

.sale_mid_title_tx img{
	width:50px;
}

.title_style_1 span,.title_style_2 span{
	font-size:14px;
	font-weight:400;
}
.house_list .h_title {
	font-size: 18px;
	margin:0;
	font-weight:bold;
	background:#7d0022;
	color:#fff;
	padding:5px;

}
.p_box_a {
	display: flex;
	margin:10px 0 10px;
	justify-content: space-between;
}


.p_box {
	display: flex;
	justify-content: space-between;
	width:100%;
}


.p_box2 {
	display: flex;
	justify-content: space-between;
	width:100%;
}

.p_box li.p_box__item1{width:49%;}
.p_box li.p_box__item2{width:49%;text-align:right;}


.p_box img{
	width:100%;
}
.d_box1 {

	width:40%;

}
.d_box2 {

	width:39%;

}
.d_box3 {

	width:60%;

}
.p_box2 li.p_box__item3{width:33%;}

.house_list li .d_box2 div {
	padding:6px 12px;
	margin:0;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	width:100%;
}



.house_list .h_title2 {
	font-size: 18px;
	margin:0;
	font-weight:bold;
	background:#001c58;
	color:#fff;
	padding:5px;

}


.house_list .d_box2 .d_01 {
	background:#efefef;
	width:100%;

}


.house_list .d_box2 .d_02 {
	background:#fff;
	width:100%;


}

.house_list .d_box2 .d_03 {
	background:#efefef;
	width:100%;

}

.house_list .d_box2 .d_04 {
	background:#fff;
	width:100%;

}


.house_list .d_box2 .d_05 {
	background:#efefef;
	width:100%;

}


.house_list li .d_box_txt {
	border:solid 1px #ccc;
	padding:10px;
	font-size: 14px;
	margin:10px auto;
	background:#fcfde6;
	border-radius: 10px;
}



.top_pagebox3_inner {
	background: ;
	margin-top: -135px;
	padding:165px 0 100px;
}

.top_pagebox3 .h_2{
	text-align: center;
}

.top_pagebox3 .h_2 img{
	display: block;
	width: 642px;
	margin: 0 auto 17px;
}

.top_pagebox3 .h_2 p{
	border-top: 2px solid ;
	padding-top: 17px;
	color: ;
	display: inline-block;
}

.top_pagebox3 .h_2.h2_youtube img {
	display: block;
	width: 642px;
	margin: 0 auto 9px;
}

.top_pagebox3 .h_2.h2_youtube p {
	border-top: 2px solid #cd1141;
	padding-top: 17px;
	color: #cd1141;
	display: inline-block;
}

 
#text-wrap {
    width: 96%;
    display: block;
    margin: 0 auto;

}
 
.hide-text_d {
    display: none;
}

button.readmore {
    position: relative;
    height: 20px;
    width: 90px;
    margin: 20px auto 20px;
    display: block;
    background-color: transparent;
    color: #666;
    padding-bottom: 40px;
    border: none;
    outline: 0;
    transition: .5s;
    -erbkit-transition: .5s;
}
 
button.readmore::after {
    content: " ";
    position: absolute;
    width: 20px;
    height: 20px;
    border-top: solid 3px #666;
    border-right: solid 3px #666;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    right: 28px;
    top: 25px;
    transition: .5s;
    -erbkit-transition: .5s;
}
 
 
 
 
button.readmore:hover::after {
    top: 10px;
}
 
.on-click {
    color: transparent!important;
}
 
.on-click {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}



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



.sale_mid_title{
	display: block;
}


.scroll-table table td {
	padding: 2px;
	font-size:0.8rem;
}


.p_box_a {
	display: block;
}

.p_box {
	display: block;
}
.d_box1 {

	width:100%;

}

.d_box2 {

	width:100%;

}
.d_box3 {

	width:100%;

}
.p_box li.p_box__item1{width:100%;text-align:center;}
.p_box li.p_box__item2{width:100%;text-align:center;}
}


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



}