#test {
position: fixed;
top: 0px;
left: 0px;
z-index: 9999;
}
#test2 {
position: fixed;
top: 50px;
left: 0px;
z-index: 9999;
}
.chart-bar-01 {
position: relative;
display: inline-block;
} .chart-xbar-01 {
height: 37px;
margin-bottom: 19px;
width: 810px;
background: rgba(0,0,0,0.1);
position: relative;
}
.chart-xbar-01.data4 {
height: 116px;
}
.chart-xbar-01.active [class^="data-"] {
animation: anime1 2s 1 ease;
}
.chart-xbar-01.active [class^="data-01"] {
height: 37px; background-image: url(//certain-home.com/wp-content/themes/certainhome20250623/images/maintenance/area1.png);
background-repeat: repeat-x;
}
.chart-xbar-01.active [class^="data-02"] {
height: 37px;
background-image: url(//certain-home.com/wp-content/themes/certainhome20250623/images/maintenance/area2.png);
background-repeat: repeat-x;
}
.chart-xbar-01.active [class^="data-03"] {
height: 37px;
background-image: url(//certain-home.com/wp-content/themes/certainhome20250623/images/maintenance/area3.png);
background-repeat: repeat-x;
}
.chart-xbar-01.active [class^="data-04"] {
height: 116px;
background-image: url(//certain-home.com/wp-content/themes/certainhome20250623/images/maintenance/area4.png);
background-repeat: repeat-x;
}
@-webkit-keyframes anime1 {
0% {
width: 0px;
}
}
@keyframes anime1 {
0% {
width: 0px;
}
}
.smart_space {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.smart_space li:first-child {
border-left: 1px solid #666666;
}
.smart_space li {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
border-right: 1px solid #666666;
}
.chart {
padding-top: 65px;
}
.start_dom {
width: 110px;
}
.area1,.area2,.area3{
background-repeat: repeat-x;
height: 37px;
}
.area4{
background-repeat: repeat-x;
height: 116px;
}
.area1 {
background-image: url(//certain-home.com/wp-content/themes/certainhome20250623/images/maintenance/area-1.png);
}
.area2 {
background-image: url(//certain-home.com/wp-content/themes/certainhome20250623/images/maintenance/area-2.png);
}
.area3 {
background-image: url(//certain-home.com/wp-content/themes/certainhome20250623/images/maintenance/area-3.png);
}
.area4 {
background-image: url(//certain-home.com/wp-content/themes/certainhome20250623/images/maintenance/area-4.png);
}
.hide1200{
display: block;
}
.change1200{
display: none;
}
.max732{
max-width:732px;
width: 100%;
}
@media screen and (max-width: 1180px) {
.hide1200{
display: none;
}
.change1200{
display: block;
}
}