.js-tooltip-wrapper {
    z-index: 10000;
    position: fixed;
}
.js-tooltip {
    width: 100%;
    padding: 6px 10px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    margin-bottom: 8px;
    min-width: 160px;
    font-size: 12px;
    z-index: 10000;
}

.js-tooltip-serif {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 16px;
    background: url(/app/img/ico-tooltip-serif.svg) no-repeat;
    background-size: contain;
    bottom: -5px;
    left: 20%;
    margin-left: -15px;
    z-index: 10;
}

/* ツールチップを下に表示する場合はツールチップを反転 */
.js-tooltip-bottom {
    transform: rotateZ(180deg) scale(-1, 1);
}

/*!* 反転させたツールチップ内の文字列を元に戻す *!*/
.js-tooltip-bottom .js-tooltip-text {
    transform: rotateZ(180deg) scale(-1, 1);
}