@headerBack: hsl( 39, 100%, 65%); //+10% @color1: lighten(@headerBack, 5%); @headerLink: lighten(@headerBack, 10%); @headerLinkHover: white; @import "../style-base.less"; @import "./style-store.less"; #header{ } #headerContent{ } #headerInfo{ } #headerLogo{ @media screen and (max-width: @tMWidth){ text-align: left; } @media screen and (max-width: @sMWidth){ text-align: center; } } #headerMenu{ } #headerWidgets{ } #slide{ } #contents{ } #contentHead{ } #contentMenu{ } #mainContent{ } #content{ } #postContent{ #home{ .voiceLink{ li{ a{ border: 1px solid lighten(@headerBack, -20%); } } } strong{ color: #EB0000; } .checklist{ @media screen and (max-width: @sMWidth){ img{ width: 100%; } } } } #blog{ } #toStaffBlog{ .storeInfo{ float:left; padding-left: 20px; padding-top: 10px; @media screen and (max-width: @sMWidth){ float: none; padding-left: 0px; padding-top: 0px; } .addr{ } .tell{ .innerTel{ @media screen and (max-width: @sMWidth){ color: red; background: transparent; .BorderRadius(0px); } } } } .toLink{ float: left; } } #notice{ .kogaoComp{ margin-bottom: 10px; text-align: center; @media screen and (max-width: @sMWidth){ text-align: left; img{ width: 100%; } } } } #choice &{ padding-left: 15px; .intro{ line-height: 1.8em; .headText{ padding-bottom: 5px; .FontSizeIe6(large); strong{ color: black; } } .pride{ padding-left: 20px; .Clearfix(); li{ float: left; margin: 0 20px; } } } .point{ padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px dotted black; h3{ line-height: 2.5em; span{ color: white; background: #003EB3; .BorderRadius(15px); padding: 10px 15px; font-weight: bold; &.number{ padding: 0 0 0 5px; } } } div{ padding-left: 25px; } } } }