.container750 {
    max-width: 750px
}

.container1000 {
    max-width: 1000px
}

.container800 {
    max-width: 800px
}

#map {
    position: relative;
    width: 100%;
    height: 589px;
    margin-bottom: 6rem;
    background: url(https://kouragumi.itembox.design/item/img/purchase/map.gif) no-repeat;
    background-size: contain
}

#map a {
    z-index: 1;
    position: absolute
}

#map a img {
    box-shadow: none;
    transition: .5s
}

#map a:hover img {
    box-shadow: 0 0 14px 0 #0b2c7e;
    transition: .2s
}

#map a:first-child {
    top: 190px;
    left: 323px
}

#map a:nth-child(2) {
    top: 286px;
    left: 718px
}

#map a:nth-child(3) {
    top: 214px;
    left: 33px
}

#map a:nth-child(4) {
    top: 389px;
    left: 234px
}

#map a:nth-child(5) {
    top: 494px;
    left: 73px
}

#map>img {
    z-index: 0;
    position: absolute
}

#map>img:nth-of-type(1) {
    right: 0;
    bottom: -56px
}

#map>img:nth-of-type(2) {
    -webkit-animation: ship 4s ease-in-out infinite;
    right: 54px;
    bottom: -44px;
    transform: translateX(0);
    animation: ship 4s ease-in-out infinite;
    transition: transform 20s ease-out
}

#map>img:nth-of-type(3) {
    bottom: -56px;
    transform: scaleX(-1);
    filter: FlipH
}

#map>img:nth-of-type(4) {
    right: 290px;
    bottom: 70px
}

@-webkit-keyframes ship {
    40% {
        transform: rotate(-1deg) translateY(1px)
    }
}

@keyframes ship {
    40% {
        transform: rotate(-1deg) translateY(1px)
    }
}

.purchase-child {
    background-image: url(https://kouragumi.itembox.design/item/img/purchase/imgrc0072843438.jpg);
    background-size: 500px
}

@media (min-width:768px) {
    .purchase-child {
        background-size: auto
    }
}

.text-body-wrapper {
    background-color: #fff
}

.text-body {
    max-width: 838px;
    margin: 0 auto
}