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

.b_back{
	background:#001948;
}
.farm_winninghorses{
	max-width:1200px;
	width:100%;
}
.title_style_3 {
    display: inline-block;
    position: relative;
    padding: .5em 1em;
    border-right: 27px solid #2589d0;
    background-color: #f5f5f5;
    color: #333333;
    font-size:clamp(0.6rem, 0.364rem + 1.18vw, 1.25rem);
	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_main_bk{
	width: 100%;
//	background-size:cover;
//	background-repeat: no-repeat;
//	background-image: url('../img/sale/sale_main_back.jpg');
}

#breadcrumb a{
	color:#fff;
}

.sale_title{
	margin:60px auto 0;
	max-width:1482px;
	position: relative;
	color:#fff;
	line-height:1;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-feature-settings: "palt";
}
.sale_title img{
	margin:0 auto;
	width:100%;
}
.select_con{
	position: absolute;
	right: 3%;
	top: 5%;
	box-sizing:  border-box;
}
.selection_con{
	position: absolute;
	left: 3%;
	bottom: 5%;
	box-sizing:  border-box;
}
.s_tx_01{
	color:#c7b11f;
	font-family: "DM Serif Text", serif;
	font-size:clamp(0.6rem, 0.049rem + 2.75vw, 2.6rem);
}
.s_tx_02{
	color:#c7b11f;
	font-family: "DM Serif Text", serif;
	font-size:clamp(1.2rem, 0.338rem + 4.31vw, 4.33rem);
}

.s_tx_03{
	margin-top:1.5%;
	font-size:clamp(0.55rem, 0.343rem + 1.03vw, 1.3rem);
}

.s_tx_04{
	margin-top:1.5%;
	font-size:clamp(0.55rem, 0.343rem + 1.03vw, 1.3rem);
}

.s_tx_fl{
	margin-top:1.5%;
	display: flex;
	align-items: center;
	font-size:clamp(0.8rem, 0.425rem + 1.87vw, 2.16rem);
	font-weight: 800;
	box-sizing: border-box
}
.s_tx_fl_w{
	padding-top:1%;
	text-align:center;
}
.s_tx_fl_w_in{
	border:1px solid #fff;
}
.s_tx_fl_w_in span{
	font-size: clamp(0.6rem, 0.297rem + 1.51vw, 1.7rem);
	margin:0.14vw;
	display: block;
}
.sale_mid_title{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom:15px;
	color:#fff;
	border-bottom:2px solid #fff;
	padding-bottom:0%;
}
.s_t_fl{
	margin-top:1.5%;
	display: flex;
	align-items: center;
	font-size:clamp(0.8rem, 0.425rem + 1.87vw, 2.16rem);
	font-weight: 800;
	font-family: "Noto Sans JP", sans-serif;
}
.s_t_fl_w{
	padding-top:1%;
	text-align:center;
	box-sizing: content-box;
	line-height:1;
}
.s_t_fl_w_in{
	border:1px solid #fff;
	text-align:center;
}
.s_t_fl_w_in span{
	font-size: clamp(0.55rem, 0.247rem + 1.51vw, 1.65rem);
	margin:0.1vw;
	display: block;
}


.sale_mid_title_tx{
	font-size:clamp(0.5rem, 0.391rem + 0.55vw, 0.8rem);
	padding-bottom:1%;
}

.sale_mid_title_tx img{
	width:clamp(1rem, 0.227rem + 3.86vw, 3.125rem);
}

#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;
}

.update{
	max-width:1200px;
	width:100%;
	margin:4% auto;
	font-family: 'Noto Sans JP', sans-serif;
	color:#fff;
	border:1px dotted #fff;
	padding:1% 2% 2% 2%;

	.up_title{
		color:#c7b11f;
		font-family: "DM Serif Text", serif;
		font-size:clamp(0.8rem, 0.425rem + 1.87vw, 2.16rem);
		padding-bottom:0;
		border-bottom:1px solid #fff;
	}
	.up_fl{
		margin-top:1%;
		display: flex;
		align-items: center;
		border-bottom:1px dotted #c7b11f;
	}
	.up_date{
		font-size: clamp(0.55rem, 0.357rem + 0.96vw, 1.2rem);
//		font-weight: 700;
	}
	.up_tx{
		margin-left:2%;
		font-size: clamp(0.55rem, 0.357rem + 0.96vw, 1.2rem);
//		font-weight: 500;
	}
}


.scroll-table{
	max-width:1200px;
	width:100%;
	margin:0 auto 50px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
    display: block;
	font-feature-settings: "palt";
	font-family: 'Noto Sans JP', sans-serif;
}

.sale-main_table {
	width:100%;
	white-space: nowrap;
	font-size:clamp(0.5rem, 0.391rem + 0.55vw, 0.8rem);

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

	.tr_02 {
		background:#2589d0;
	}

	th {
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
	/*	border-right: solid 1px #ccc;*/
		padding: 4px;
		border-collapse: collapse;
	//	background:#ff8c00;
		vertical-align: middle;
		color:#fff;
		word-break: break-all;
	}

	td {
		border-bottom: solid 1px #ccc;
	/*	border-right: solid 1px #ccc;*/
		padding-top: 0.5%;
		padding-bottom: 0.5%;
		border-collapse: collapse;
		vertical-align: middle;
		word-break: break-all;
		height:3rem;
	}

	 td a img{
		max-width:20px;
		width:100%;
	}

	.pdf{
		background:#696969;
	}
	.photo{
		background:#32cd32;
	}
	.movie{
		background:#1e90ff;
	}
	.reserve_td{

	}
	.number_td,.name_td{
		font-weight:bold;
	}
	.number_td,.photo_td,.pdf_td,.movie_td,.sex_td,.color_td,.birth_td,.produce_td,.sale_td{
		text-align: center;
	}
	.weight_td,.reserve_td{
		text-align: right;;
	}
	a:hover { background-color: #fcfcaa; }

	.attred{
		text-decoration:line-through;
	}
	tr:nth-child(odd) td {
		background: #f9f9f9;
	}
	.absent td:nth-child(n+1){
		background: #ffe6e6;
	}
	.absent td:nth-child(1),.absent td:nth-child(n+3){
		text-decoration:line-through;
	}
}

.sale-main_table2 {
	width:100%;
	white-space: nowrap;
	font-size:clamp(0.5rem, 0.391rem + 0.55vw, 0.8rem);

	tr:nth-child(odd) td {
		background: #f9f9f9;
	}
	.tr_01 {
		border-top: solid 1px #666;
		background:#666;
	}

	.tr_02 {
		background:#2589d0;
	}

	th {
//		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
	/*	border-right: solid 1px #ccc;*/
		padding: 4px;
		border-collapse: collapse;
	//	background:#ff8c00;
		vertical-align: middle;
		color:#fff;
		word-break: break-all;
	}

	td {
		border-bottom: solid 1px #ccc;
	/*	border-right: solid 1px #ccc;*/
		padding-top: 0.5%;
		padding-bottom: 0.5%;
		border-collapse: collapse;
		vertical-align: middle;
		word-break: break-all;
		height:3rem;
		background: #eee;
	}

	td a img{
		max-width:20px;
		width:100%;
	}

	.pdf{
		background:#efefef;
		color:#000;
	}
	.photo{
		background:#ccc;
		color:#000;
	}
	.movie{
		background:#01102d;
	}
	.number_td,.name_td{
		font-weight:bold;
	}
	.number_td,.photo_td,.pdf_td,.movie_td,.sex_td,.color_td,.birth_td,.produce_td,.sale_td{
		text-align: center;
	}
	.name,.name_td{
		position: sticky;
		left: 0;
	}
	.name{
		background:#666;
	}
	.weight_td,.reserve_td{
		text-align: right;;
	}
	a:hover { background-color: #fcfcaa; }

	.attred{
		text-decoration:line-through;
	}
	tr:nth-child(odd) td {
		background: #f9f9f9;
	}
	.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_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 ){
.s_t_fl_w_in span{

	margin:0.1vw;

}
.sale_mid_title_tx{
	margin-top:2%;
}

.sale_mid_title{
	display: block;
}


.scroll-table table td {
}


.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 ){



}