@charset "utf-8";
/* CSS Document */

/*basic
ul.star {margin-top:0;}
ul.star li {color:#cc0;font-size: 2em;margin-bottom: 0.25em; text-shadow:1px 1px 0.1em #fff,-1px 1px 0.1em #fff,-1px -1px 0.1em #fff,1px -1px 0.1em #fff;}
ul.star li:before {content:"\0062b5\006297\00611f\00ff1a";color: #222;}
ul.star li:nth-of-type(2):before {content:"\0030ec\0030b9\0030dd\0030f3\0030b9\00ff1a";}
*/

ul.star li {color:#222;font-size: 1.5em;margin-bottom: 0.25em;}
/*
ul.star li {color:#222;font-size: 2em;margin-bottom: 0.25em; text-shadow:1px 1px 0.1em #fff,-1px 1px 0.1em #fff,-1px -1px 0.1em #fff,1px -1px 0.1em #fff;}
*/
ul.star li span {width: 5em;height: 1em;position: relative;top:0.2em;display: inline-block;}
ul.star li span:before {content: "★★★★★";color: #ddd;display: inline-block;position: absolute;top:0;left:0;width: 5em;height: 1em;line-height: 1.0;}
ul.star li span:after {content: "★★★★★";color: #fa0;display: inline-block;position: absolute;top:0;left:0;width: 0;height: 1em;line-height: 1.0;overflow: hidden;}
ul.star li span.s1:after {width: 1em;}
ul.star li span.s15:after {width: 1.5em;}
ul.star li span.s2:after {width: 2em;}
ul.star li span.s25:after {width: 2.5em;}
ul.star li span.s3:after {width: 3em;}
ul.star li span.s35:after {width: 3.5em;}
ul.star li span.s4:after {width: 4em;}
ul.star li span.s45:after {width: 4.5em;}
ul.star li span.s5:after {width: 5em;}
/*ul.star li:nth-of-type(2):before {content: "★★★★★";}*/