@charset "utf-8";
@import url("root.css");

/***************************************
------------- 買取実績 -------------
***************************************/
#result{}

#result .row{
margin: 30px auto 0;
width:100%;
padding: 0 0;
}


#result .col_04{
width: calc((100% - 60px) / 4);
margin-right: 20px;
margin-bottom: 30px;


box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
border-radius: 4px;
background-color: var(--base-color03);
padding: 0 0 15px 0;
}

#result .col_04:nth-child(4n) {
    margin-right: 0;
}


#result .col_04 img{
border-radius: 4px 4px 0 0;
padding: 0 0 10px 0;
width: 100%;
height: auto;
aspect-ratio: 19 / 12;
object-fit: cover;
}

#result .data{
color: var(--base-title_01);
font-size: 14px;
text-align: right;
width: 90%;
margin: 0 auto;
}

#result .cate{
color: var(--base-color03);
background-color: var(--base-color04);
font-size: 14px;
text-align:center;
width: 90%;
margin: 0 auto;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
}

#result .txt{
width: 90%;
margin: 15px auto 0;
line-height: 1.5; 
max-height: calc(1.5em * 4); 
overflow-y: auto;
color: var(--base-title_01);
}

#result i{
padding: 0 5px 0 0;
font-size: 90%;
}

#kaitori .link_a{
width: 90%;
font-size: 18px;
margin: 30px auto 0;
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
#result .row{
width: 100%;
padding: 0 0;
}

}

@media screen and (max-width: 599px) {
#result{}

#result .row{
margin:30px auto 0;
width:100%;
padding: 0 0;
}


#result .col_04{
width: calc((100% - 15px) / 2);
margin-right: 15px;
margin-bottom:15px;
}

#result .col_04:nth-child(4n) {margin-right: 0;}
#result .col_04:nth-child(2n) {margin-right: 0;}

#result .col_04 img{}
#result .data{}
#result .cate{}

#result .txt{
margin: 10px auto 0;
}

#result i{}

#result .link_a{
margin: 15px auto 0;
}

}