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

/* 基本-モバイルファースト ======================================================================================================== */
.search_temp.top{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.template_top_article{
width: 48%;
margin-bottom: 4%;
text-align: left;
}
.template_top_article a{
display: block;
text-decoration: none;
}
.template_top_article .photo{
text-align: center;
margin-bottom: 5px;
}
.template_top_article .photo img{
aspect-ratio: 4/3;
object-fit: contain;
}
.template_top_article .text .icon{
display: flex;
}
.template_top_article .text .icon img{
width: 32%;
margin-left: 2%;
margin-bottom: 5px;
}
.template_top_article .text .icon img:first-child{
margin-left: 0px;
}
.template_top_article .text .type{
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 1;
padding: 5px;
text-align: center;
border: solid 1px #111;
}
.template_top_article .text .name{
font-weight: bold;
}
.template_top_article .text .price{
color: #b3203a;
line-height: 1;
font-weight: bold;
font-size: 20px;
text-align: right;
}
.template_top_article .text .price .price_unit{
font-size: 14px;
}
.template_top_article .text .address,
.template_top_article .text .train{
font-size: 12px;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.template_top_article .text .comment{
font-size: 10px;
line-height: 15px;
max-height: 45px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}





/* スマホのみ======================================================================================================== */
@media print and (max-width: 750px), screen and (max-width: 750px){



}

/* PCのみ======================================================================================================== */
@media print and (min-width: 751px), screen and (min-width: 751px){

.template_top_article{
width: 15%;
margin-bottom: 0;
margin-left: 2%;
}
.template_top_article:first-child{
margin-left: 0;
}




}