/* Theme Name: kaifuku-co-jp2 Theme URI: http://kaifuku.co.jp Author: y Author URI: http://kaifuku.co.jp Description: kaifuku.co.jp Version: 0.2 License: Zlib License URI: http://opensource.org/licenses/Zlib Tags: Text Domain: kaifuku.co.jp */ //たて   │ ┃ //たてひだり ┨ ┥ ┤ ┫ //たてみぎ ┣ ┠ ┝ ├ //ひだりうえ ┌ ┏ //ひだりした └ ┗ //ふとわく ┗┻━┛ ┏┳━┓ //ほそわく └┴─┘ ┌┬─┐ //まんなか ┼ ╋ ┿ ╂ //みぎうえ ┐ ┓ //みぎした ┘ ┛ //よこ   ─ ━ //よこうえ ┻ ┷ ┸ ┴ //よこした ┳ ┯ ┰ ┬ /** 共通 **/ @import "./style-com.less"; .clearfix{ .Clearfix(); } .inlineBlock{ .InlineBlock(); } //a.imgMover{ // display:block; // position: relative; // .imgHover{ // display: none; // } // &:hover .imgHover{ // position:absolute; // display:block; // top:0; // left:0; // } //} // //a.imgMover2{ // .imgHoverNone{ // display: inline; // } // .imgHoverDisp{ // display: none; // } // &:hover{ // & .imgHoverDisp{ // display: inline; // } // & .imgHoverNone{ // display: none; // } // } //} //a.imgMoverOpacity{ // .InlineBlock(); // background: #777; // img{ // padding: 0; // margin: 0; // vertical-align: text-bottom; // } // &:hover{ // img{ // .Opacity(0.9); // } // } //} a.imgMover{ .ImgMover(); } a.imgMover2{ .ImgMover2(); } a.imgMoverOpacity{ .ImgMoverOpacity(); } html{ font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS Pゴシック',sans-serif; } /* cssのbodyに下のデフォルトの割合を設定後各フォントサイズは下の基準文字サイズに対する割合を入れる デフォルトのブラウザフォントサイズは16pxのため16pxからの割合 16 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 % 6% 13% 19% 25% 31% 38% 44% 50% 56% 63% 69% 75% 81% 88% 94% 100% 106% 単位はpx 10 11 12 13 14 15 16 17 18 3 30% 3 27% 3 25% 3 23% 3 21% 3 20% 3 19% 3 18% 3 17% 4 40% 4 36% 4 33% 4 31% 4 29% 4 27% 4 25% 4 24% 4 22% 5 50% 5 45% 5 42% 5 38% 5 36% 5 33% 5 31% 5 29% 5 28% 6 60% 6 55% 6 50% 6 46% 6 43% 6 40% 6 38% 6 35% 6 33% 7 70% 7 64% 7 58% 7 54% 7 50% 7 47% 7 44% 7 41% 7 39% 8 80% 8 73% 8 67% 8 62% 8 57% 8 53% 8 50% 8 47% 8 44% 9 90% 9 82% 9 75% 9 69% 9 64% 9 60% 9 56% 9 53% 9 50% 10 100% 10 91% 10 83% 10 77% 10 71% 10 67% 10 63% 10 59% 10 56% 11 110% 11 100% 11 92% 11 85% 11 79% 11 73% 11 69% 11 65% 11 61% 12 120% 12 109% 12 100% 12 92% 12 86% 12 80% 12 75% 12 71% 12 67% 13 130% 13 118% 13 108% 13 100% 13 93% 13 87% 13 81% 13 76% 13 72% 14 140% 14 127% 14 117% 14 108% 14 100% 14 93% 14 88% 14 82% 14 78% 15 150% 15 136% 15 125% 15 115% 15 107% 15 100% 15 94% 15 88% 15 83% 16 160% 16 145% 16 133% 16 123% 16 114% 16 107% 16 100% 16 94% 16 89% 17 170% 17 155% 17 142% 17 131% 17 121% 17 113% 17 106% 17 100% 17 94% 18 180% 18 164% 18 150% 18 138% 18 129% 18 120% 18 113% 18 106% 18 100% 19 190% 19 173% 19 158% 19 146% 19 136% 19 127% 19 119% 19 112% 19 106% 20 200% 20 182% 20 167% 20 154% 20 143% 20 133% 20 125% 20 118% 20 111% 21 210% 21 191% 21 175% 21 162% 21 150% 21 140% 21 131% 21 124% 21 117% 22 220% 22 200% 22 183% 22 169% 22 157% 22 147% 22 138% 22 129% 22 122% 23 230% 23 209% 23 192% 23 177% 23 164% 23 153% 23 144% 23 135% 23 128% 24 240% 24 218% 24 200% 24 185% 24 171% 24 160% 24 150% 24 141% 24 133% 25 250% 25 227% 25 208% 25 192% 25 179% 25 167% 25 156% 25 147% 25 139% 26 260% 26 236% 26 217% 26 200% 26 186% 26 173% 26 163% 26 153% 26 144% 27 270% 27 245% 27 225% 27 208% 27 193% 27 180% 27 169% 27 159% 27 150% 28 280% 28 255% 28 233% 28 215% 28 200% 28 187% 28 175% 28 165% 28 156% 29 290% 29 264% 29 242% 29 223% 29 207% 29 193% 29 181% 29 171% 29 161% 30 300% 30 273% 30 250% 30 231% 30 214% 30 200% 30 188% 30 176% 30 167% 31 310% 31 282% 31 258% 31 238% 31 221% 31 207% 31 194% 31 182% 31 172% 16px FF css h % 300% xx-large h1 2em 32px 32px 200% x-large h2 1.5em 24px 24px 150% h3 1.17em 19px 117% large 18px 112.5% medium h4 1em 16px 100% small h5 0.83em 13px 13px 83% h6 0.67em 11px 67% x-small 10px 62.5% xx-small 10px 56.3% 9px */ body{ .FontSizeIe6(small); line-height: 1.5; } h1{ .FontSizeIe6(x-large); } h2{ .FontSizeIe6(large); } h3{ .FontSizeIe6(medium); } h4{ .FontSizeIe6(medium); font-weight: normal; } h5{ .FontSizeIe6(small); } h6{ .FontSizeIe6(small); font-weight: normal; } //.ie6{ // font-size: x-small; // th,td{ // font-size: x-small; // } //} input[type="button"], input[type="submit"]{ padding: 5px 10px; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } img.aligncenter{ display: block; margin: 5px auto; } .alignright { float: right; } .alignleft { float: left; } strong.force{ font-size: larger; color: red; } .noMP{ margin: 0 !important; padding: 0 !important; } .noTableBorder{ td, th{ border:none; } } .denyText{ //text-decoration: line-through; background: url("http://kaifuku.co.jp/img/com/css/deny-red.png"); background-repeat: repeat-x; background-position: center center; font-weight: normal; }