/* 製品チャート共通部分___始まり============== */
/* Prod_chart_common___start */
article[data-single=true] .entry-content .graph-wrap ul li:before {
    display: none;
    }
.graphoverflow {
 min-width: 740px;
}
.graph-wrap-inner {
    position: relative;
}
.graph-box {
    position: relative;
    margin:0;
    font-size: 0.75vw;
    padding: 0;
/*    border-right: 1px solid #999; */
    border-left: 1px solid #999;
}
article[data-single=true] .entry-content ul.graph-box {
margin-bottom:0;
font-size: 1.5rem;
}
@media (max-width:768px) {
article[data-single=true] .entry-content ul.graph-box {
    font-size: 1.3rem;
}
}
.graph-box .BOP:nth-child(even) .graph {
background-color:#e2e8ef;
}
.graph-box .BOP {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #5a6b8a;
/*    border: 1px solid #999; */
    border-collapse: collapse;
    color: #fff;
position: relative;
}
.graph-box .BOP > span{
    width: 12.5%;
    text-align: center;
    padding: 0 0.5%;
    white-space: nowrap;
}
.graph {
    width: 87.5%;
    margin: 0;
    position: relative;
    border: 1px solid #999;
    border-top: none;
    padding: 1px 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.graph:last-child {
border-bottom:1px solid #999;
}
.graph-box .header .graph {
    border-top: 1px solid #999;
    background: #eee;
    z-index: 8;
}
.graph dl, 
.graph dt, 
.graph dd {margin:0;}

.graph dd {
    text-align: center;
    color: #303030;
}
.graph .bar {
    display: block;
    position: relative;
    background: #3d9738;
    text-align: center;
    color: #fff;
    height: 2em;
    line-height: 2em;
    margin: 1px 0;
    border-radius:3px;
    z-index: 10;
}
.graph .bar.tracker {
    background: #46708e;
}
.graph .bar.Hall  {
    background: #e77737;
/*    background: none;  */
height: 0.75rem;
    vertical-align: middle;
}
.graph .bar.Hall:hover  {
    background: #e79c71;
}
.graph .bar.Hall a:hover  {
  text-shadow: 1px 1px 2px #00a0e9;
   color: #fff;
    text-shadow: 1px 1px 2px black;
}

.graph .bar.Z-CL  {
    background: none;
height: 1.5rem;
}
.graph .bar.Z-CL a:hover  {
   text-shadow: 1px 1px 2px #00a0e9;
   color: #fff;
    text-shadow: 1px 1px 2px black;
}
.graph .bar.Z-CL a  {
/*   color: #303030; */
/*   text-shadow: 1px 1px 2px white; */
}
.graph .VOUT {
    width: 11%;
    margin-left: 1%;
    background-color: #EEEEEE;
    height: 2em;
    line-height: 2em;
    text-align: center;
    white-space: nowrap;
}
.graph .ISS  {
    width: 7%;
    padding-right: 1%;
}
.graph .bar-box {
    width: 80%;
}
.graph .bar a { 
    display: block;
    color: black; 
    font-weight: bold;
    white-space: nowrap;
/*    text-decoration: none; */
/*    text-shadow: 1px 1px 2px black; */
    text-shadow: white 1px 0px 1px, white -1px 0px 1px,
    white 0px -1px 1px, white 0px 1px 1px,
    white 1px 1px 1px, white -1px 1px 1px,
    white 1px -1px 1px, white -1px -1px 1px,
    white 1px 1px 1px, white -1px 1px 1px,
    white 1px -1px 1px, white -1px -1px 1px,
    white 1px 1px 1px, white -1px 1px 1px,
    white 1px -1px 0px, white -1px -1px 1px,
    white 1px 1px 1px, white -1px 1px 1px,
    white 1px -1px 1px, white -1px -1px 1px; 
   z-index: 11;
margin: -1.3rem auto auto auto;
}
.graph-box .header {
    font-weight: bold;
font-size: 90%;
    z-index: 7;
}
.graph-box .header .graph .bar {
    background: none;
    color:#222;
}
.graph-box .header .graph dd {
    text-align: center;
}
.graph-wrap-inner hr {
    border: none;
    position: absolute;
    width: 1px;
    height: 100%;
    margin: 0 auto;
    background: #fff;
    z-index: 5;
    opacity: 0.6;
}
.graph-wrap-inner hr.V10 {
    border: none;
    position: absolute;
    width: 1px;
    height: 100%;
    margin: 0 auto;
    background:#999;
    z-index: 8;
}
.graph-wrap-inner hr.V2 {
    border: none;
    position: absolute;
    width: 0.5px;
    height: 100%;
    margin: 0 auto;
    background:#999;
    z-index: 8;
}
.graph-box hr {
    border: none;
    position: absolute;
    width: 2px;
    height: 100%;
    margin: 0 auto;
    background: #E2E6EB;
    z-index: 5;
}
.graph-wrap .scale {
    position: relative;	
    z-index: 10;	
    background: #fff;	
    height: 1.4vw;	
    }
@media (max-width:768px) {
.graph-wrap .scale {
    height: 5vw;
}
}
.graph-wrap .scale span {
    position: absolute;
    font-size: 90%;
    top: 50%;
    transform: translateY(-50%);
}
.graph-box .graph {
    background: #d5dee7;
}
.graph-box .graph .bar-box .tip {
/*    display: none; */
    position: absolute;
    width: 20vw;
    padding: 0.4vw 0.7vw;
    background-color: #fff;
    border: 1px solid #eee;
    color: #333;
    font-size: 90%;
    line-height: 1.4;
    text-align: left;
    font-weight: normal;
    z-index: 11;
white-space: initial;
}
.graph-box .graph .bar-box .tip.center {
    transform: translateX(60%)
}
.graph-box .graph .bar-box .tip.right {
    right: 20%;
}
/* 製品チャート共通部分___終わり============== */

/* 製品チャートHallのみ___始まり============== */
/* Prod_chart_only_Hall___start */
.graph-box .BOP.Hall span{
    display: inline-block;
/*    width: 10%; */
    text-align: center;
}
.graph-box .BOP.Hall > span {
        font-size: 0.9em;
        line-height: 1.5em;
        }

.graph-box .BOP.Hall.Omni-Uni > span {
font-size: 0.75em;
}

/* .graph-box .BOP .graph span {
    width: 100%;
}
*/

.graph .spec1 {
    width: 12.5%;
    padding: 0 0.5%;
    background-color: #EEEEEE;
    height: 2em;
    line-height: 2em;
    text-align: center;
    white-space: nowrap;
}
.graph .spec2 {
    width: 12.5%;
    padding: 0 0.5%;
    height: 2em;
    line-height: 2em;
    text-align: center;
    white-space: nowrap;
}
.graph .spec3 {
    width: 15%;
    padding: 0 0.5%;
    background-color: #EEEEEE;
/*    height: 2rem; */
    line-height: 1.5rem;
    white-space: nowrap;
}
.graph .spec4 {
    width: 10%;
    padding: 0 0.5%;
/*    height: 2rem; */
    line-height: 1.5rem;
    white-space: nowrap;
}
.graph .bar-box.Hall {
    width: 50%; 
white-space: nowrap;
}
/* 製品チャートHallのみ___終わり============== */

/* CVボタン＿始まり */
article[data-single=true] .entry-content p.ablic-button a {
padding: 0;
}
article[data-single=true] .entry-content .ablic-button i {
margin: 10px;
}
@media (min-width:768px) {
article[data-single=true] .entry-content .ablic-button i {
margin: 1%;
}
}
article[data-single=true] .entry-content p.ablic-button {
width: 45px;
margin: 0 auto;
}
/* CVボタン＿終わり */

*, *:before, *:after {
  box-sizing: border-box;
}
.circle {
    position: absolute;
    display: inline-block;/* ←忘れない！ */
    width: 21px!important;
    height: 21px!important; 
    background-color: #e77737;
    border-radius: 50%;/* ←円を作る */
    z-index: 9;
vertical-align: middle;
top: 0;
    bottom: 0;
    margin: auto;}
.circle2 {
    position: absolute;
    display: inline-block;/* ←忘れない！ */
    width: 21px!important;
    height: 21px!important; 
    background-color: #00a0e9;
    border-radius: 50%;/* ←円を作る */
    z-index: 9;
    vertical-align: middle;
    top: 0;
    bottom: 0;
    margin: auto;
}

article[data-single=true] .entry-content h3#section05 {
  display: none;  
}
article[data-single=true] .entry-content h5:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 0.8em;
    height: 0.8em;
    background: #00a0e9;
    background: -webkit-gradient(linear,left top,right bottom,from(#43c0f0),to(#00a0e9));
    border: 0;
    border-radius: 50%;
    margin-right: 3px;
    margin-top: -3px;
    margin-left: 0.5rem;
}
article[data-single=true] .entry-content .graph-wrap > h5{
margin: 0px auto;
}
article[data-single=true] .entry-content div.graph-wrap h5 strong {
    font-weight: 400;
}
article[data-single=true] .entry-content div.graph-wrap h5 {
    margin-top: 1vh;
}