@charset "utf-8";
/*
 (c)[nl424.txt]までの作者
 (c)2010-2017 CJ？ごろう

 (2017-06-04)
*/


/*
 ↓共通CSS↓
*/
.float_none {
 float: none !important;
}

.nl_mylistCountBar_ContainerBox {
 position: relative;
 width: 100%;
 margin: 0 0 6px 0;
 padding: 0;
 font-size: 10px !important;
 line-height: 1.2;
 vertical-align: middle;
}

.nl_mylistCountBar_Caption {
 margin: 0;
 padding: 0;
 float: left;
 line-height: 1.2;
 vertical-align: middle;
}

.nl_mylistCountBar_Container,
.nl_mylistCountBar_InContainer {
 position: relative;
 height: 10px;
 width: 100px;
 margin: 0;
 padding: 0;
 border: solid 1px #000 !important;
 font-size: 10px;
 background-color: white;
}

.nl_mylistCountBar_Container {
 margin-bottom: 6px;
}

.nl_mylistCountBar_InContainer {
 float: left;
}

.nl_mylistCountBar_ContainerBox > .nl_mylistCountBar_Container {
 margin-bottom: 0;
}

.watch_mylistCountBar {
 position: relative;
 width: 100%;
 margin: 0 0 6px 0;
 padding: 0;
 font-size: 10px !important;
 line-height: 1.2;
 vertical-align: middle;
}
/*
 ↑共通CSS↑
*/


/*
 ↓棒グラフ↓
*/
/* グラフの表示位置指定 */
.nl_mylistCountBar_Percent {
 position: absolute;
 left: 0;
/* ↑ここをrightにすると棒グラフが右側から表示される */
 height: 100%;
}

/* ここからグラフの色指定*/
.nl_mylistCountBar_Graph0 {
 width: 0%;
 background-color: limegreen;
/* グラフの色は、この部分↑を変えることで変更可能 */
}

.nl_mylistCountBar_Graph1 {
 width: 12.5%;
 background-color: limegreen;
}

.nl_mylistCountBar_Graph2 {
 width: 25%;
 background-color: limegreen;
}

.nl_mylistCountBar_Graph3 {
 width: 37.5%;
 background-color: gold;
}

.nl_mylistCountBar_Graph4 {
 width: 50%;
 background-color: gold;
}

.nl_mylistCountBar_Graph5 {
 width: 62.5%;
 background-color: orange;
}

.nl_mylistCountBar_Graph6 {
 width: 75%;
 background-color: orange;
}

.nl_mylistCountBar_Graph7 {
 width: 87.5%;
 background-color: red;
}

.nl_mylistCountBar_Graph8 {
 width: 100%;
 background-color: red;
}


/*
 グラフ上の文字
*/
/* 文字の表示指定 */
.nl_mylistCountBar_Count {
 position: absolute;
 margin: 0;
 padding: 0;
 left: 5px;
/* ↑ここをrightにすると数字が右側に表示される */
 top: -1px;
 font-family: monospace;
 font-weight: bold;
 font-size: 10px;
 line-height: 1;
 overflow: hidden;
}

/* ここから文字の色指定*/
.nl_mylistCountBar_Number0 {
 color: black;
}

.nl_mylistCountBar_Number1 {
 color: black;
}

.nl_mylistCountBar_Number2 {
 color: black;
}

.nl_mylistCountBar_Number3 {
 color: black;
}

.nl_mylistCountBar_Number4 {
 color: black;
}

.nl_mylistCountBar_Number5 {
 color: black;
}

.nl_mylistCountBar_Number6 {
 color: black;
}

.nl_mylistCountBar_Number7 {
 color: white;
}

.nl_mylistCountBar_Number8 {
 color: white;
}
/* ↑棒グラフ↑ */
