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


@media only screen and (max-width: 930px) {
.w80_wrap {
padding:0 20px;
}

}


/*-----ここから　フィルターに必要な内容-------------------------------------------------------*/


.filter_items .item-block {
	display: none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}



/*カテゴリ名をいれないといけない　*/
section.category-all .item-all,
section.category-tractor .item-tractor,
section.category-combine .item-combine,
section.category-planting_machine .item-planting_machine,
section.category-management .item-management,
section.category-others .item-others{
display: block;
-webkit: show .6s linear 0s forwards;
				animation: show .6s linear 0s forwards;
				/*transform: scale(1);*/
}

@-webkit-keyframes show {
from {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	        /*transform: scale(0.8);*/
}
to {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	       /* transform: scale(1);*/
}
}

@keyframes show {
from {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	        /*transform: scale(0.8);*/
}
to {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	        /*transform: scale(1);*/
}
}

/*-----/ここまで　フィルターに必要な内容-------------------------------------------------------*/


/*-----以下、見た目のあいらい-------------------------------------------------------*/
.filter{
max-width :100%;
margin:2em -0.5em 2em;
display: flex;
align-items:stretch;
}

.filter li{
margin:10px 1%;
width:19%;
}


.filter li span{
background:#000;
text-align:center;
padding:1em 5px;
color:#fff;
display:block;
}
.filter li span:hover{
background: #d7f0f0;
color:#008486;
}
.filter li span.is-current{
background: #008486 !important;
color:#fff !important;
}
@media print, screen and (max-width:1000px) {

.filter{
width : 94%;
display: flex;
flex-wrap: wrap;
}
.filter li{
width:23%;
margin:10px 1%;
}


}



@media only screen and (max-width: 559px) {
.filter{
width : 100%;
margin-left:0;
}
.filter li{
width:31.3%;
margin:10px 1%;
}

.tab_wrap{
overflow-x:scroll;
}
.tab_wrap:before {
	content: "→横にスクロールします";
	color: #7fb7da;
}

.tbl_nomal{
width:800px;
}
.tbl_nomal tr th{
width:9em;
}
}






h4{
background-color:#000;
color:#fff;
padding:5px 10px;
font-size:1.1em;
font-weight:bold;
}

.cat_tab{
background-color:#000;
color:#fff;
display:inline-block;
padding:3px 10px;
margin-bottom:5px;
}



h3.ttl_ll b{
float:left;
}
h3.ttl_ll .cat_tab{
padding:0 10px;
float:right;
background-color:#a9a9a9;
}


.machinelist{
display: flex;
align-items: stretch;
flex-wrap: wrap;
justify-content: flex-start;
}
.entry_box{
width:48%;
margin:1%;
padding:1em;
background-color:#ebebeb;
}

.entry_box .tbl_nomal{
width:100%;
}




.entry_box .tbl_nomal{
background-color:#fff;
}
.entry_box .tbl_nomal th{
width:7em;
background-color:#c1e8e8;
}
.entry_box tr td:nth-of-type(1){
max-width:31em;
}


.entry_box a{
width:100%;
display: flex;
align-items: stretch;
flex-wrap: wrap;
justify-content: flex-start;
color:#333;
}

.entry_box a div{
width:48%;
}


.entry_box div.fl{
margin-right:3%;
background-size: 100% auto;
}

.entry_box:hover{
background-color:#ddeded;
}
.entry_box:hover h4{
background-color:#008486;
}
.entry_box:hover a div{
color:#008486;
}



@media only screen and (max-width: 1200px) {
.machinelist{
display: block;
}
.entry_box{
width:100%;
margin:4% 0;
}
}


@media only screen and (max-width: 559px) {
.entry_box a{
display: block;
}
.entry_box a div{
width: 100%;
}
.entry_box a div.fl{
height:250px;
margin-bottom:10px;
margin-right:0;
}

.entry_box a div table{
width: 100%;
}

}

/*--ここまで一覧----------------------------------*/



/* ↓詳細の*/
/*--上部画像--*/	
div.machine_pic{
margin:0 auto;
}
div.machine_pic p{
margin-bottom:5px;
}
.mpicm{
margin:0 auto;
width:100%;
}

div.machine_pic ul:after,
.entries_machine:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


div.machine_pic ul li{
float:left;
width:22.5%;
margin-left:2%;
margin-bottom:10px;
text-align:center;
border:solid 1px #ccc;
padding:0.9%;
}

div.machine_pic ul li img{
max-width:100%;
width: auto !important;
width: 98%;
max-height:75px;
height: auto !important;
height: 75px;
}


.machine_tbl{
width:48%;
float:right;
}

@media only screen and (max-width: 1300px) {
.machine_tbl{
clear:both;
width:100%;
float: none;
padding-top:1em;
}

}
.machine_tbl table{
width:49.5%;
float:left;
margin-bottom:10px;
}
.machine_tbl table:nth-of-type(1){
margin-right:1%;
}
.machine_tbl table:nth-of-type(3){
width:100%;
}
.machine_tbl table th{
width:8em;
background-color: #c1e8e8;
}
@media only screen and (max-width: 1000px) {
.machine_tbl table{
width:49.5%;
margin-right:1%;
float:left;
margin-bottom:10px;
}
.machine_tbl table:nth-of-type(2){
margin-right:0;
}
.machine_tbl table:nth-of-type(3){
width:100%;
margin-right:0;
float:none;
}

}
@media only screen and (max-width: 559px) {
.machine_tbl table{
width:100%;
margin-right:0;
float:none;
}
}


/*-メールフォーム----*/
.m_form form table{
	width:100%;
	margin-bottom:10px;
	}
.m_form form table,
.m_form form table th,
.m_form form table td{
	border:solid 1px #ccc;
	padding:10px;
	border-collapse:collapse;
}
.m_form form table th{
	background-color: #F3F3F3;
	}

.m_form form .w100{
	width:99%;
}
.m_form form textarea,
.m_form form input{
margin: 7px 3px;
border:solid 1px #999;
border-radius:4px;
}


.m_form form .btn{
	background:#177E85;
	color:#fff;
	border:none;
	text-align:center;
	padding:5px 10px;
	font-size:1.2em;
	margin-top:10px;
}
.m_form form .btn:hover{
	color: #333;
	background-color: #AEECF0;
}
.m_form form input[type=checkbox] {
}

/*-中古機の記事内css----*/

.m_body p{
margin-bottom:0.5em;
}