@import url("wardmap.css");
.mt-20{
    margin-top:20px;
}
        .kok-img-box{
           margin: 10px auto;
             width: 95%;

        }
        .kok-img-box figure{
            margin: 1%;
            width: 31%;
            float: left;
        }
        
        .kok-img-box div figure{
            margin: 1%;
            width: 98%;
            float: left;
            height: 210px;
            overflow: hidden;
        }
    .float-clear{
        margin-bottom: 0px;
        overflow: auto;
    }
    /*-地図--*/
    #app_exc-map {
    margin: 20px auto 0;
    position: relative;
    width:900px;
    font-size: 0.8rem;
    }

    #app_exc-map-img {
        box-shadow: -4px 4px 5px rgba(0,0,0,0.3);
    }

    #app_exc-map-img_mobile {
        display: none;
    }

    #choose-country {
        display: none;
    }

    #app_exc-map ul li {
        list-style-type: none;
        position: absolute;
    }

    #app_exc-map ul li a {
        align-items: center;
        background-color: rgba(255,218,218,0.6);
        color: #000;
        display: flex;
        font-weight: bold;
        padding: 3px 10px;
        text-shadow: 2px 2px 1px #fff;
        border: 2px solid #ffa8a8; 
        border-radius: 3px;
    }

    #app_exc-map ul li a:hover {
        font-size: 1.2rem;
        background-color: rgba(255,255,255,0.8);
    }
    #app_exc-map ul .app_fan a{
        background-color: rgba(183,183,183,0.0);
        text-shadow: 0 0 0; 
        font-size: 0.6rem;
        padding: 3px;
        border: 0px; 
        font-weight: normal;

    }
    #app_exc-map ul .app_fan img{
        width: 40px;
    }
    #app_exc-map ul li a img {
        margin-right: 5px;
    }

    #app_exc-map ul li.map-egypt {
        left: 120px;
        top: 198px;
    }
    #app_exc-map ul li.map-kenya {
        left: 130px;
        top: 280px;
    }

    #app_exc-map ul li.map-ssudan {
        left: 80px;
        top: 240px;    
    }
    #app_exc-map ul li.map-pko {
        right: 120px;
        top: 220px;
    }


    /*--終了した活動--*/

    #app_exc-map ul li.map-etimor{
        left: 400px;
        top: 300px;  
    }
    #app_exc-map ul li.map-sudan{
        left: 110px;
        top: 280px;  
    }
    #app_exc-map ul li.map-mozambique{
        left: 140px;
        top: 340px;  
    }
    #app_exc-map ul li.map-haiti{
        right: 10px;
        top: 220px;  
    }
    #app_exc-map ul li.map-cambodia{
        left:310px;
        top: 220px;  
    }
    #app_exc-map ul li.map-nepal{
        left: 230px;
        top: 136px;  
    }
    #app_exc-map ul li.map-iraq{
        left:115px;
        top: 160px;  
    }
    #app_exc-map ul li.map-afghanistan{
        left: 201px;
        top: 170px;  
    }
    #app_exc-map ul li.map-easttimor{
        left: 80px;
        top: 130px;  
    }
    #app_exc-map ul li.map-rwanda{
        left: 80px;
        top:309px;  
    }


    

    #app_exc-countries {
        list-style-type: none;
        margin: 20px auto;
        width: 100%;
        max-width: 980px;
    }

    #app_exc-countries li {
        border: 1px solid #ccc;
        box-sizing: border-box;
        float: left;
        list-style-type: none;
        margin:0 0 10px;
        padding-bottom: 20px;
        text-align: center;
        width: calc((100% - 30px) / 4);
    }


    #app_exc-countries li + li {
        margin-left: 10px;
    }

    #app_exc-countries li:nth-child(4n+1) {
        margin-left: 0;
    }

    #app_exc-countries li a {
        display: block;
        text-decoration: none;
    }

    #app_exc-countries li.selected {
        background-color: rgba(255, 127, 193, 0.2);
    }

    #app_exc-countries li a figure {
        margin: 0;
        padding: 0 10px;
    }

    #app_exc-countries li a figure img {
        height: auto;
        width: 100%;
    }

    #app_exc-countries li a figure figcaption {
        font-size: 14px;
        text-align: left;
    }

    #app_exc-countries li a figure figcaption span {
        display: block;
        font-weight: bold;
    }

    #app_exc-countries li h3 {
        margin: 0 0 20px;
        padding: 10px 0;
    }

    #app_exc-countries li h3 img {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
    }

    #pamphlet  li {
        display: inline-block;
    }

    #pamphlet  li + li {
        margin-left: 50px;
    }

    #pamphlet  li img {
        height:　auto;
        width: 150px;
    }

    #pamphlet .pdfLink {
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
    }

    .app--linkbox{
        overflow: hidden;
        margin:0rem 1rem 0rem 0.5rem;
        border:1px solid #ccc;
        border-top:0px;
        padding: 24px 8px 8px 24px;
    }
    .app--linkbox2{
        overflow: hidden;
        margin:0rem 1rem 0.5rem 0.5rem;
        border:1px solid #ccc;
        border-top:0px;
        padding: 24px 8px 8px 24px;
    }
    #enjo .detail-page h2.type--link a,
    #enjo .detail-page h3.type--link a,
    #enjo .detail-page h4.type--link a {
        width: auto;
        display: inline-block;
        vertical-align: mithablee;
    }

    #enjo .app-br {
        border: 1px solid #ccc;
    }
    @media screen and (max-width: 800px) {
        #app_exc-map-img {
            display: none;
        }

        #choose-country {
            border: 3px solid #315694;
            background-color: #315694;
            border-radius: 25px;
            color: #fff;
            display: block;
            height: 25px;
            margin: 0 auto 20px;
            padding: 10px;
            text-align: center;
            width: 80%;
        }

        #choose-country.active {
            background-color: #fff;
            color: #315694;
        }

        #app_exc-map-img_mobile {
            display: block;
            height: auto;
            margin: 0 auto 20px;
            width: 90%;
        }

        #app_exc-map {
            text-align: center;
            width: 100%;
        }

        #app_exc-map ul {
            display: none;
            margin: 0;
        }

        #app_exc-map ul li {
            background-color: rgba(0,0,0,0.6);
            border-radius: 3px;
            box-sizing: border-box;
            cursor: pointer;
            display: inline-block;
            position: static !important;
            text-align: center;
            width: 46%;
        }

        #app_exc-map ul li img {
            display: none;
        }

        #app_exc-map ul li a {
            background: none;
            color: #fff;
            display: block;
            font-size: 14px;
            padding: 5px 10px;
            text-decoration: none;
            text-shadow: none;
        }

        #app_exc-map ul li.selected {
            background-color: rgba(255,0,0,0.8);
        }

        #app_exc-map ul li a:hover {
            background: none !important;
        }

        #app_exc-map ul li.map-asean a {
            border: none; 
            border-radius: 0;
            padding: 3px;
        }

        .map-papuaNewGuinea a {
            font-size: 12px !important;
        }

    }
       @media screen and (max-width: 767px){
            .kok-img-box{
                width: 100%;

            }
            .kok-img-box .col-1-3{
                width: 48%;
                box-sizing: border-box;
                margin: 0px 2px;
                float: left;
            }
            .kok-img-box figure{
                margin: 1%;
                width: 45%;
                height: 200px;
                overflow: hidden;
            }

            .kok-img-box div figure{
                width: 100%;
            }
        }