@charset "utf-8"; /* =========================================================================================== SIDEBAR =========================================================================================== */ #sidebar { width: 25%; position: relative; &.floatLeft { float: left; } &.floatRight { float: right; } .clearfix(); .sideContent { font-size: 14px; margin: 0 0 20px; h2 { font-size: 18px; padding: 5px 0; border-bottom: 2px solid #ddd; position: relative; &::before { content: ''; position: absolute; bottom: -2px; left: 0; height: 2px; width: 30px; background: @colorMain; } &.comH2 { margin-bottom: 10px; } } .sideNavi { li { position: relative; border-bottom: 1px solid @colorBorder; a { padding: 10px 10px 10px 20px; display: block; &::before { position: absolute; top: 50%; left: 0; display: block; content: ''; width: 5px; height: 5px; margin-top: -4px; border-top: 1px solid @colorSub; border-right: 1px solid @colorSub; -webkit-transform: rotate(45deg); transform: rotate(45deg); } } } } .newsNavi { ul { margin-bottom: 20px; li { padding: 10px 0; border-bottom: 1px solid @colorBorder; .date { font-size: 90%; } } } .moreBtn { text-align: right; } } } /* sideContent END */ .bannerContent { li { margin: 0 0 20px; &:lasy-of-type { margin: 0; } } } }