/* エリアマップ */
.areaMap{
	display: flex;
	flex-direction: column;
	position: relative;
}
@media (min-width: 740px) {
    .areaMap{
        display: block;
    }
}
.areaMap .areaList{
    order: 2;
    counter-reset: number 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
}
@media (min-width: 740px) {
    .areaMap .areaList{
        display: block;
        margin-top: 0;
    }
}
.areaMap .areaList li{
    background-color: #345ca7;
    width: calc(50% - 3px);
    display: flex;
    align-items: center;
}
.areaMap .areaList li::before{
    counter-increment: number 1;
    content: counter(number);
    color: #fff;
    font-weight: bold;
    width: 22px;
    text-align: center;
    font-size: 1.4rem;
}
@media (min-width: 740px) {
    .areaMap .areaList li{
        display: block;
        background-color: transparent;
        width: auto;
        position: absolute;
    }
    .areaMap .areaList li::before{
        content: none;
    }
}
.areaMap .areaList li a{
    display: block;
    width: 100%;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
}
@media (min-width: 740px) {
    .areaMap .areaList li a{
        display: inline-block;
        width: auto;
        font-size: 1.8rem;
    }
}
.areaMap .areaList li a.txtLink{
    margin-top: 0;
    padding: 4px 16px 4px 5px;
}
.areaMap .areaList li a.txtLink::before{
    top: .95em;
    right: 0.5em;
    left: auto;
    background-position: -18px -53px;
}
@media (min-width:740px) {
    .areaMap .areaList li a.txtLink{
        padding: 4px 18px 4px 10px;
    }
    .areaMap .areaList li a.txtLink::before{
        right: 0;
    }
}
.imgParts{
    order: 1;
    margin: 0 -10px;
    background-color: #B1DCE0;
}
@media (min-width: 740px) {
    .imgParts{
        margin: 0;
        background-color: transparent;
    }
}
.areaMap .areaList li.furano{top: 345px;left: 209px;}
.areaMap .areaList li.tomamu{top: 316px;left: 448px;}
.areaMap .areaList li.sahoro{top: 363px;left: 388px;}
.areaMap .areaList li.asahikawa{top: 238px;left: 247px;}
.areaMap .areaList li.rusutsu{top: 491px;left: 124px;}
.areaMap .areaList li.niseko{top: 438px;left: 22px;}
.areaMap .areaList li.hakodate{top: 534px;left: 187px;}
.areaMap .areaList li.kiroro{top: 345px;left: 45px;}
.areaMap .areaList li.sapporo{top: 403px;left: 119px;}
.areaMap .areaList li.noboribetsu{top: 461px;left: 225px;}
.areaMap .areaList li.tokachi{top: 388px;left: 222px;}
.areaMap .areaList li.kushiro{top: 341px;left: 544px;}
.areaMap .areaList li.siretoko{top: 210px;left: 503px;}