#dot-nav {
    right: 10px;
    top: 50%;
    margin-top: -50px;
    height: 100px;
    z-index: 999;
}

#dot-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#dot-nav li {
    position: relative;
    background-color: #ACAFBD;
    border: 3px solid #ACAFBD;
    border-radius: 15px 15px 15px 15px;
    cursor: pointer;
    padding: 5px;
    height: 10px;
    margin: 10px 10px 0px 0px;
    width: 10px;
    vertical-align: bottom;
}

#dot-nav li.active, #dot-nav li:hover {
    background-color: #ffffff;
}

#dot-nav a {
    outline: 0;
    vertical-align: top;
    margin: 0px 0px 0px 25px;
    position: relative;
    top: -5px;
}

.awesome-tooltip + .tooltip > .tooltip-inner {
    background-color: #ACAFBD;
    color: #ffffff;
    border: 1px solid #ACAFBD;
}

.awesome-tooltip + .tooltip.left > .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ACAFBD;
}
/* 2017.03.22 Add↓ */
/* ツールチップに日本語が入った場合、位置がずれるので幅を固定 */
.tooltip-inner{
    width: 120px;
    word-wrap: break-word;
}
/* 2017.03.22 Add↑ */