@charset "UTF-8";

#main-wrap {
    width: 100%;
    border-top: solid 4px #00479D;
    border-bottom: solid 1px #8BCFE6;
    background: transparent url(../img/contents/main-bg-sp.png) no-repeat center 0;
    background-size: cover;
}

#main-wrap h1 {
    position: relative;
}

#main-wrap p {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    text-indent: 100%;
    white-space: nowrap;
}

.link-area {
    width: 100%;
    margin-bottom: 58px;
}

.link-wrap {
    width: 79%;
    display: block;
    margin: -5% auto 0;
}

.contents01-02 {
    margin-bottom: 15px;
}

.contents01-tx {
    color: #e5024d;
    font-weight: 700;
    line-height: 2.2;
    font-size: 1rem
}

.contents02-01-img {
    display: block;
    margin: 0 auto;
}

.contents-underline01 img {
    width: 82px;
    margin-top: 20px;
}

.navy-border {
    border-bottom: solid 4px #00479D;
    margin-top: 22px;
}

.coming-soon {
    width: 82.9%;
    margin: 32px auto 60px;
}

.copyright {
    font-size: 0.625rem;
    text-align: right;
    padding: 6px 0;
}

.link-wrap{
    display:flex;
justify-content: space-between;
background: transparent url(../img/link/link-bg-sp.jpg) repeat center 0;
        background-size: cover;
}
.lineup{width:19%;}
.link-01{width:41.5%;}
.link-02{width:39.5%;}


.link-01 a:hover{
    filter: brightness(100%);
    opacity:1;
}

@media (min-width: 500px) {

    .contents-underline01 img {
        width: 164px;
    }
}

@media (min-width: 768px) {
    #main-wrap {
        width: 100%;
        background: transparent url(../img/contents/main-bg-pc.png) repeat center 0;
        background-size: 89px 51px;
    }

    .main {
        margin: 0 auto;
        width: 768px;
    }

    .link-area {
        margin-bottom: 70px;
    }

    .link-wrap {
        width: 640px;
        margin: -32px auto 0;
        background: transparent url(../img/link/link-bg-pc.jpg) repeat center 0;
        background-size: cover;
    }

    .contents01-01 {
        margin-bottom: 12px;
    }

    .contents01-tx {
        margin-bottom: 35px;
    }

    .contents-underline01 img {
        margin-top: 0;
    }

    .navy-border {
        margin-top: 62px;
    }

    .coming-soon {
        width: 640px;
        margin: 85px auto 115px;
    }

    .copyright {
        padding: 0 0 28px;

    }
    
    .contents02-01-img {
       cursor: pointer;
    }
}

    @media (min-width: 992px) {
        #main-wrap {
            width: 100%;
            height: 714px;
        }

        .main {
            width: 992px;
            margin: 0 auto;
        }

        .link-area {
            margin-bottom: 110px;
        }

        .link-wrap {
            width: 820px;
            margin: -38px auto 0;
        }

        .contents-underline01 {
            overflow: hidden;
        }

        .contents-underline01 img {
            width: auto;
            margin-left: -30px;
        }

        .coming-soon {
            width: 820px;
            margin: 135px auto 165px;
        }

        .copyright {
            font-size: 0.75rem;
        }

    }

    @media (min-width: 1200px) {
        #main-wrap {
            width: 100%;
            height: 842px;
        }

        .main {
            width: 1170px;
            margin: 0 auto;
        }
        
        .link-wrap {
            width: 970px;
        }


        .contents-underline01 img {
            margin-left: 0;
        }

        .contents01-tx {
            display: block;
            width: 700px;
        }

        .coming-soon {
            width: 970px;
        }


    }

    @media print {
        .no-print {
            background: #ccc url(none) no-repeat 0 0 !important;
        }

        .page-break {
            page-break-after: always;
        }
    }
    
    .animated2:hover {
    animation-name: bounce;
    animation-duration: 1s;
            animation-iteration-count: infinite;
}

.comingsoon:hover {
    animation-name: headShake;
    animation-duration: 1s;
    cursor: pointer;
}