/*お気に入り用CSS*/
/*吹き出し本体*/
.info-box {
        text-align: left;
        background: white;
        border: 4px solid #d2d5e2;
        width: 250px;
        height: 100px;
        position: absolute;
        z-index: 10;
        top: -210px;
        left: 0;
        display: none;
        padding: 15px 15px;
        border-radius: 15px;
}

.info-box .info-box__inner {
        position: relative;
}

/*吹き出し下の三角形*/
.info-box .info-box__inner:after {
        content: " ";
        background: url(/bus/img/infobox-bottom.png) no-repeat left top;
        background-size: cover;
        display: block;
        width: 12px;
        height: 25px;
        position: absolute;
        bottom: -40px;
        z-index: -1;
        left: 42px;
}

/*タイトル*/
.info-box strong {
        display: block;
        color: #59bded;
        font-weight: bold;
        font-size: 14px;
        letter-spacing: 1.4px;
        margin-bottom: 10px;
        background: url(/bus/img/icon-info-star.png) no-repeat left center;
        background-size: 16px;
        padding: 2px 0;
        padding-top: 5px;
        padding-left: 22px;
}

/*説明文章*/
.info-box span {
        display: block;
        font-weight: bold;
        letter-spacing: 0.1em;
        line-height: 18px;
        font-size: 11px;
        color: #535353;
}

/*?アイコン*/
.info-opner {
        cursor: help;
        width: 16px;
        height: 16px;
        display: inline-block;
        background: url(/bus/img/icon-info-opner_small.png) no-repeat center;
        background-size: cover;
        margin-left: 4px;
        position: absolute;
        top: 1px;
        right: 0;
}

.info-opner__wrap {
        position: relative;
        padding-left: 24px;
}