/* 6p */ @media all and (min-width: 376px) { .b_con img { width: 120px; height: 120px; } .p3{ width: calc( 100% - 130px ) ; } .p4{ left: 130px; } .b_con{ height: 120px; } } /* 6 */ @media all and (min-width: 321px) and (max-width: 375px) { .b_con img { width: 110px; height: 110px; } .p3{ width: calc( 100% - 120px ) ; } .p4{ left: 120px; } .b_con{ height: 110px; } } /* 5 */ @media all and (max-width: 320px) { .b_con img { width: 100px; height: 100px; } .p3{ width: calc( 100% - 110px ) ; } .p4{ left: 110px; } .b_con{ height: 100px; } } .con { border-top: 12px solid #ebebeb; } .block { padding: 12px 5% 0; background: white; border-bottom: 12px solid #ebebeb; } .b_title { position: relative; height: 48px; } .b_title .img { width: 48px; height: 48px; position: absolute; } .clock { width: 13.2px; position: absolute; left: 54px; top: 9px; } .p1 { position: absolute; font-size: 14.4px; left: 72px; top: 6px; color: black; } .p2 { color: #222222; position: absolute; font-size: 14.4px; width: calc( 100% - 60px); left: 54px; bottom: 0; } .b_con { margin: 12px 0 ; position: relative; } .p3{ color: #909090; font-size: 14.4px; float: right; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .p4{ color: #222222; font-size: 15.6px; position: absolute; bottom: 0; } .b_footer { width: 100%; height: 36px; position: relative; } .num { position: absolute; width: 90px; top: 7.5px; left: 0; } .num img { width: 18px; float: left; } .nun p { float: left; } .zan { padding: 0 9px 0 12px; height: 20px; border: 1px solid #909090; position: absolute; background: url(../img/zan1.png) no-repeat 7px center; background-size: 18px; border-radius: 9px; min-width: 45px; line-height: 18px; font-size: 14.4px; color: #909090; text-indent: 15px; right: 0; bottom: 8px; } .zanon { padding: 0 9px 0 12px; height: 20px; border: 1px solid #e51329; position: absolute; background: url(../img/zan2.png) no-repeat 7px center; background-size: 18px; border-radius: 9px; min-width: 45px; line-height: 18px; font-size: 14.4px; color: #e51329; text-indent: 15px; right: 18px; bottom: 8px; }