@headerBack: hsl(197, 100%, 66%); @color1: lighten(@headerBack, 5%); @headerLink: lighten(@headerBack, 10%); @headerLinkHover: white; @import "../style-base.less"; @import "./style-store.less"; #header{ } #slide{ } #contents{ } #contentHead{ } #contentMenu{ } #mainContent{ } #content{ } #postContent{ .tSingle &{ .FontSizeIe6(medium); } } #home{ } #headline{ .headlineImg{ .Clearfix(); color: white; font-weight: bold; padding: 10px 10px 0 20px; .Gradient(#FF7DAD, #FFFFFF, h); //FFEBF9 FCE7F6 .FontSizeIe6(x-large); img{ float: right; } @media screen and (max-width: @sMWidth){ background: #FF7DAD; img{ float: none; display: block; margin: auto; width: auto; } } } .headlineText{ background: url("http://kaifuku.co.jp/img/store/fuji/css/fujiHeadText1-2.jpg"); background-position: right center; background-repeat: no-repeat; padding: 10px 0px 10px 10px; .FontSizeIe6(medium); line-height: 1.7em; strong{ color: spin(@headerBack, 180); } @media screen and (max-width: @sMWidth){ background: none; } } } #fuji-Symptoms{ @media screen and (max-width: @sMWidth){ img{ width: 100%; } } .FontSizeIe6(medium); .pains{ list-style: none; padding-left: 0px; li{ .InlineBlock(); margin: 0 10px 10px 10px; a{ text-decoration: none; border-bottom: 3px solid @headerBack; padding: 0px 10px; font-weight: bold; display: block; &:hover{ border-bottom: 3px solid spin(@headerBack, 100%); } } } } } #fuji-care{ margin:0; padding: 10px; .Gradient(#FFFFFF, #FFEBF9, h); //FFEBF9 FCE7F6 .FontSizeIe6(medium); strong{ font-weight: bold; color: red; &.s1{ font-size: larger; } &.s2{ font-size: larger; text-decoration: underline; } } }