@headerBack: hsl( 93, 70%, 67%); @color1: lighten(@headerBack, 5%); @headerLink: lighten(@headerBack, 10%); @headerLinkHover: white; @strongColor: #EC25EC; @import "../style-base.less"; @import "./style-store.less"; #header{ } /** widget **/ #header{ .widget{ .headNotice{ padding: 5px 0; font-size: large; font-weight: bold; color: red; a{ display: inline; } @media screen and (max-width: @tMWidth){ text-align: center; } span{ @media screen and (max-width: @sMWidth){ .InlineBlock(); } } } } } #slide{ } #contents{ /* GW notice */ //padding-top: 125px; @media screen and (max-width: @tMWidth){ padding-top: 0; } } #contentHead{ } #contentMenu{ } #mainContent{ } #content{ } #postContent{ h2{ color: #444; } .strongColor{ color: @strongColor; } .mind{ } .voiceLink{ li{ a{ border: 1px dotted #5fad1f; &:hover{ color: #240024; } } } } .worry{ padding-left: 20px; list-style: none; font-weight: bold; } } #home, #difference, #notice{ .FontSizeIe6(medium); } #difference, #sales, #notice{ strong{ color: @strongColor; } } #difference{ .details{ border-bottom: 1px dotted #5fad1f; } } #notice2{ h2{ span{ .FontSizeIe6(medium); color: #666; padding: 0; font-weight: bold; } strong{ .FontSizeIe6(large); color: @strongColor; } } strong{ color: @strongColor; } .FontSizeIe6(medium); } .kogao-worry{ margin-bottom: 20px; padding-left: 10px; .face-worry{ float: left; li{ //.InlineBlock(); color: red; span{ color: black; position: relative; left: -5px; } } } .campaign{ color: black; .FontSizeIe6(large); span{ color: @strongColor; } } .compare{ margin-bottom: 10px; padding-bottom: 10px; .itemwrap{ text-align:center; //.Clearfix(); } .item{ //float: left; .InlineBlock(); } .firstItem{ border-right: dotted 1px black; padding-right: 10px; margin-right: 10px; } } }