/* MAIN IMG BASE
--------------------------------------------------------*/
#hangaku-topmain-img {
    position:relative;
    width:calc(100vw - var(--scrollbar));
    min-height:100vh;
    margin-top:50px;
    background-image:
        url("../img/hangaku/catch.png"),
        url("../img/hangaku/main_img_lo.jpg");
    background-repeat:
        no-repeat,
        no-repeat;
    background-position:
        top 420px left 20px,
        top -240px center;
    background-size:
        400px,
        cover;

    /*outline: solid 5px red;*/
}

/* ------　06 ------*/
@media (min-width: 1500px)  {
    #hangaku-topmain-img {
        background-image:
            url("../img/hangaku/catch.png"),
            url("../img/hangaku/main_img_lo.jpg");
        background-repeat:
            no-repeat,
            no-repeat;
        background-position:
            top 580px left 100px,
            top -240px center;
        background-size:
            500px,
            cover;
        /*outline: solid 5px blue;*/
    }
}
/* ------　02 ------*/
@media (max-width: 1080px) {
    #hangaku-topmain-img {
        margin-top:0px;
        background-image:
            url("../img/hangaku/catch.png"),
            url("../img/hangaku/main_img_mobile.jpg");
        background-repeat:
            no-repeat,
            no-repeat;
        background-position:
            top 100px left -20000px,
            top 40px center;
        background-size:
            280px,
            cover;
        /*outline: solid 10px pink;*/
    }
}
/* ------　03 ------*/
@media (max-width: 910px) {
    #hangaku-topmain-img {
        margin-top:34px;
        background-image:
            url("../img/hangaku/catch.png"),
            url("../img/hangaku/main_img_mobile.jpg");
        background-repeat:
            no-repeat,
            no-repeat;
        background-position:
            top 120px left -3000px,
            top center;
        background-size:
            240px,
            cover;
        /*outline: solid 5px green;*/
    }
}
/* ------ 04 -----*/
@media (max-width: 684px) {
    #hangaku-topmain-img {
        background-image:
            url("../img/index/catch.png"),
            url("../img/hangaku/main_img_mobile.jpg");
        background-repeat:
            no-repeat,
            no-repeat;
        background-position:
            top 220px left 40px,
            top center;
        background-size:
            220px,
            cover;
        /*outline: solid 10px black;*/
    }
}
/* ------ 05 ------*/
@media (max-width: 683px){
    #hangaku-topmain-img {
        margin-top:34px;
        background-image:
            url("../img/hangaku/main_img_mobile.jpg");
        background-position:
            top 40px center;
        background-size:
            cover;
        /*outline: solid 5px yellow;*/
    }
}

a.disabled {
    pointer-events: none;
    color: #fff !important;      /* 青だけど薄め */
    background: #676b6e !important;
    text-decoration: none;
    cursor: not-allowed;
}

.okikacard{
padding:50px 20px;
}
.okika{
font-size:25px;
list-style: none;
margin-top:0px;
padding: 10px 0 -10px 5px;
background: #fff;
}
.okika li{
list-style: none;
padding-top: 15px;
}
.detail{
font-size:29px !important;
font-weight: 400;
margin:10px 0 10px 40px !important;
}

/*---- MOBILE ------*/
@media screen and (max-width: 767px) {
.okika{
font-size:24px;
}
.detail{
font-size:29px !important;
font-weight: 400;
margin:10px auto 10px !important;
}
}