/*---------- stronghold (start) ----------*/
.stronghold {
    width: 100%;
}

.stronghold .mapContainer {
    width: 1600px;
    height: 700px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    /*background: #f8f8f8;*/
}

.stronghold .mapContainer .mapImg {
    height: 100%;
}

.stronghold .mapContainer .info {
    position: absolute;
}

.stronghold .mapContainer .info1 {
    left: 1080px;
    top: 50px;
    text-align: left;
}

.stronghold .mapContainer .info2-1 {
    left: 1050px;
    top: 120px;
    text-align: left;
    color: #1e9ab1;
}

.stronghold .mapContainer .info2-2 {
    left: 1010px;
    top: 200px;
    text-align: left;
    color: #1e9ab1;
}

.stronghold .mapContainer .info2-3 {
    left: 450px;
    top: 60px;
    text-align: right;
    color: #1e9ab1;
}

.stronghold .mapContainer .info2-4 {
    left: 325px;
    top: 205px;
    text-align: right;
    color: #1e9ab1;
}

.stronghold .mapContainer .info2-5 {
    left: 360px;
    top: 545px;
    text-align: right;
    color: #1e9ab1;
}

.stronghold .mapContainer .info3-1 {
    left: 1050px;
    top: 10px;
    color: #b00000;
}

.stronghold .mapContainer .info3-2 {
    left: 1020px;
    top: 215px;
    color: #b00000;
}

.stronghold .mapContainer .info3-3 {
    left: 575px;
    top: 30px;
    color: #b00000;
}

.stronghold .mapContainer .info3-4 {
    left: 380px;
    top: 440px;
    color: #b00000;
}

.stronghold .mapContainer .info3-5 {
    left: 405px;
    top: 500px;
    color: #b00000;
}

.stronghold .mapContainer .info3-6 {
    left: 465px;
    top: 585px;
    color: #b00000;
}

.stronghold .mapContainer .info4-1 {
    left: 950px;
    top: 445px;
    text-align: left;
    color: #d15c1e;
}

.stronghold .mapContainer .info4-2 {
    left: 950px;
    top: 505px;
    text-align: left;
    color: #d15c1e;
}

.stronghold .mapContainer .info4-3 {
    left: 870px;
    top: 590px;
    text-align: left;
    color: #d15c1e;
}

.stronghold .mapContainer .info4-4 {
    left: 470px;
    top: 40px;
    text-align: right;
    color: #d15c1e;
}

.stronghold .mapContainer .info4-5 {
    left: 310px;
    top: 225px;
    text-align: right;
    color: #d15c1e;
}

.stronghold .mapContainer .info4-6 {
    left: 344px;
    top: 285px;
    text-align: right;
    color: #d15c1e;
}

.stronghold .mapContainer .info4-7 {
    left: 320px;
    top: 440px;
    text-align: right;
    color: #d15c1e;
}

.stronghold .mapContainer .info .lineL {
    position: absolute;
    left: -90px;
    font-size: 24px;
}

.stronghold .mapContainer .info .lineL240 {
    left: -240px;
}

.stronghold .mapContainer .info .lineR {
    position: absolute;
    right: -90px;
    font-size: 24px;
}

.stronghold .mapContainer .info .tit {
    margin: 0 0 3px;
    font-weight: bold;
    font-size: 24px;
}

.stronghold .mapContainer .info .addr {
    color: #505050;
}

.stronghold .mapContainer .info .tel {
    color: #505050;
}

.stronghold .mapContainer .btn {
    position: absolute;
    font-weight: bold;
    font-size: 24px;
    cursor: pointer;
}

.stronghold .mapContainer .btn1 {
    bottom: 0;
    left: 0;
    color: #505050;
}

.stronghold .mapContainer .btn2 {
    bottom: 0;
    left: 150px;
    color: #1e9ab1;
}

.stronghold .mapContainer .btn3 {
    bottom: 0;
    right: 90px;
    color: #d11e3c;
}

.stronghold .mapContainer .btn4 {
    bottom: 0;
    right: 0;
    color: #d15c1e;
}

.stronghold .mapContainer .btn img {
    width: 70px;
}

.stronghold .mapContainer .btn img:nth-child(1) {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    display: none;
}
/*---------- stronghold (end) ----------*/

@media screen and (min-width: 1367px) and (max-width: 1600px) {
    .stronghold .mapContainer {
        display: inline-block;
        transform: scale(0.8);
    }
}

@media screen and (min-width: 1201px) and (max-width: 1366px) {
    .stronghold .mapContainer {
        display: inline-block;
        left: -7%;
        right: auto;
        transform: scale(0.65);        
    }
}

@media screen and (min-width: 1280px) and (max-width: 1280px) {
    .stronghold .mapContainer {
        left: -15%;
    }
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
    .stronghold .mapContainer {
        width: 100%;
        height: auto;
        margin: auto;
        position: static;
    }

    .stronghold .mapContainer .mapImg {
        display: none;
    }

    .stronghold .mapContainer .info {
        width: 100%;
        margin: 0 0 20px;
        position: static;
    }
    
    .stronghold .mapContainer .info:last-child {
        margin: 0;
    }
    
    .stronghold .mapContainer .info2-3 {
        text-align: left;
    }

    .stronghold .mapContainer .info2-4 {
        text-align: left;
    }

    .stronghold .mapContainer .info2-5 {
        text-align: left;
    }
    
    .stronghold .mapContainer .info4-4 {
        text-align: left;
    }

    .stronghold .mapContainer .info4-5 {
        text-align: left;
    }

    .stronghold .mapContainer .info4-6 {
        text-align: left;
    }

    .stronghold .mapContainer .info4-7 {
        text-align: left;
    }
    
    .stronghold .mapContainer .info .lineL {
        display: none;
    }

    .stronghold .mapContainer .info .lineR {
        display: none;
    }
    
    .stronghold .mapContainer .btnSpacing {
        
    }
    
    .stronghold .mapContainer .btn {
        display: none;
    }
}