/* 上り列車アイコン1つ */
.train-icon-up1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 40px;
    z-index: 4;
    right: 50%;
    margin-right: 40px;
}
/* 上り列車アイコン2つ目 横に配置 退避駅などに使用 */
.train-icon-up2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 40px;
    z-index: 4;
    right: 50%;
    margin-right: 90px;
}
/* 上り列車アイコン3つ目 横に配置 退避駅などに使用 */
.train-icon-up3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 40px;
    z-index: 4;
    right: 50%;
    margin-right: 140px;
}
/* 上り列車アイコン4つ目 横に配置 退避駅などに使用 */
.train-icon-up4 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 40px;
    z-index: 4;
    right: 50%;
    margin-right: 190px;
}

/* 下り列車アイコン1つ */
.train-icon-down1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 40px;
    z-index: 4;
    left: 50%;
    margin-left:40px;
}
/* 下り列車アイコン2つ目 横に配置 退避駅などに使用 */
.train-icon-down2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 40px;
    z-index: 4;
    left: 50%;
    margin-left:90px;
}
/* 下り列車アイコン3つ目 横に配置 退避駅などに使用 */
.train-icon-down3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 40px;
    z-index: 4;
    left: 50%;
    margin-left:140px;
}
/* 下り列車アイコン4つ目 横に配置 退避駅などに使用 */
.train-icon-down4 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 40px;
    z-index: 4;
    left: 50%;
    margin-left:190px;
}


/* ここまで駅 */
/* ここから駅間 */



/* 駅間在線1本 上り列車アイコン1つ */
.train-icon-ss1-up1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 40px;
    z-index: 4;
    right: 50%;
    margin-right: 40px;
}
/* 駅間在線1本 下り列車アイコン1つ */
.train-icon-ss1-down1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 40px;
    z-index: 4;
    left: 50%;
    margin-left: 40px;
}



/* 駅間在線2本 上り列車アイコン1つ目 */
.train-icon-ss2-up1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 40px;
    z-index: 4;
    right: 50%;
    margin-right: 40px;
}
/* 駅間在線2本 上り列車アイコン2つ目 */
.train-icon-ss2-up2 {
    position: absolute;
    top: 50%;
    left: calc(50% - 120px);
    transform: translateY(-20%);
    width: 28px;
    height: 40px;
    z-index: 4;
    right: 50%;
    margin-right: 90px;
}
/* 駅間在線2本 下り列車アイコン1つ目 */
.train-icon-ss2-down1 {
    position: absolute;
    top: 50%;
    left: calc(50% - 0px);
    transform: translateY(-15%);
    width: 28px;
    height: 40px;
    z-index: 4;
    left: 50%;
    margin-left: 40px;
}
/* 駅間在線2本 下り列車アイコン2つ目 */
.train-icon-ss2-down2 {
    position: absolute;
    top: 50%;
    left: calc(50% - -50px);
    transform: translateY(-80%);
    width: 28px;
    height: 40px;
    z-index: 4;
    left: 50%;
    margin-left: 90px;
}





/* 駅間在線3本 上り列車アイコン1つ目 */
.train-icon-ss3-up1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 40px;
    z-index: 4;
    right: 50%;
    margin-right: 40px;
}
/* 駅間在線3本 上り列車アイコン2つ目 */
.train-icon-ss3-up2 {
    position: absolute;
    top: 50%;
    left: calc(50% - 120px);
    transform: translateY(-20%);
    width: 28px;
    height: 40px;
    z-index: 4;
    right: 50%;
    margin-right: 90px;
}
/* 駅間在線3本 上り列車アイコン3つ目 */
.train-icon-ss3-up3 {
    position: absolute;
    top: 50%;
    left: calc(50% - 170px);
    transform: translateY(0%);
    width: 28px;
    height: 40px;
    z-index: 4;
    right: 50%;
    margin-right: 140px;
}
/* 駅間在線3本 下り列車アイコン1つ目 */
.train-icon-ss3-down1 {
    position: absolute;
    top: 50%;
    left: calc(50% - 0px);
    transform: translateY(0%);
    width: 28px;
    height: 40px;
    z-index: 4;
    left: 50%;
    margin-left: 40px;
}
/* 駅間在線3本 下り列車アイコン2つ目 */
.train-icon-ss3-down2 {
    position: absolute;
    top: 50%;
    left: calc(50% - -50px);
    transform: translateY(-50%);
    width: 28px;
    height: 40px;
    z-index: 4;
    left: 50%;
    margin-left: 90px;
}
/* 駅間在線3本 下り列車アイコン3つ目 */
.train-icon-ss3-down3 {
    position: absolute;
    top: 50%;
    left: calc(50% - -100px);
    transform: translateY(-100%);
    width: 28px;
    height: 40px;
    z-index: 4;
    left: 50%;
    margin-left: 140px;
}





/* 駅間在線4本 上り列車アイコン1つ目 */
.train-icon-ss4-up1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 40px;
    z-index: 4;
    right: 50%;
    margin-right: 40px;
}
/* 駅間在線4本 上り列車アイコン2つ目 */
.train-icon-ss4-up2 {
    position: absolute;
    top: 50%;
    left: calc(50% - 120px);
    transform: translateY(-20%);
    width: 28px;
    height: 40px;
    z-index: 4;
    right: 50%;
    margin-right: 90px;
}
/* 駅間在線4本 上り列車アイコン3つ目 */
.train-icon-ss4-up3 {
    position: absolute;
    top: 50%;
    left: calc(50% - 170px);
    transform: translateY(-45%);
    width: 28px;
    height: 40px;
    z-index: 4;
    right: 50%;
    margin-right: 140px;
}
/* 駅間在線4本 上り列車アイコン4つ目 */
.train-icon-ss4-up4 {
    position: absolute;
    top: 50%;
    left: calc(50% - 220px);
    transform: translateY(0%);
    width: 28px;
    height: 40px;
    z-index: 4;
    right: 50%;
    margin-right: 190px;
}

/* 駅間在線4本 下り列車アイコン1つ目 */
.train-icon-ss4-down1 {
    position: absolute;
    top: 50%;
    left: calc(50% - 0px);
    transform: translateY(30%);
    width: 28px;
    height: 40px;
    z-index: 4;
    left: 50%;
    margin-left: 40px;
}
/* 駅間在線4本 下り列車アイコン2つ目 */
.train-icon-ss4-down2 {
    position: absolute;
    top: 50%;
    left: calc(50% - -50px);
    transform: translateY(-15%);
    width: 28px;
    height: 40px;
    z-index: 4;
    left: 50%;
    margin-left: 90px;
}
/* 駅間在線4本 下り列車アイコン3つ目 */
.train-icon-ss4-down3 {
    position: absolute;
    top: 50%;
    left: calc(50% - -100px);
    transform: translateY(-60%);
    width: 28px;
    height: 40px;
    z-index: 4;
    left: 50%;
    margin-left: 140px;
}
/* 駅間在線4本 下り列車アイコン4つ目 */
.train-icon-ss4-down4 {
    position: absolute;
    top: 50%;
    left: calc(50% - -150px);
    transform: translateY(-100%);
    width: 28px;
    height: 40px;
    z-index: 4;
    left: 50%;
    margin-left: 190px;
}