@charset "UTF-8";
.app_dl_nav{
    padding:10.25641026vw 0 0;
    text-align:center;
}

.app_dl_nav .catch{
    font-size:4.102564103vw;
    font-weight:bold;

}
.app_dl_nav .catch:before,
.app_dl_nav .catch:after{
    display:inline-block;
}
.app_dl_nav .catch:before{
    content:"＼";
}
.app_dl_nav .catch:after{
    content:"／";
}



.app_dl_nav h3,
.app_dl_nav .catch{
    font-size:4.102564103vw;
    margin-bottom:5.128205128vw;
}
.app_dl_nav ul,
.app_dl_nav li{margin:0;}

.app_dl_nav li.nenga{background:#FEEAF3;}
.app_dl_nav li.postcard{background:#DAEEFC;}

.app_dl_nav ul{padding:0;}

.app_dl_nav li{
    list-style: none;
    display:flex;
    justify-content: space-between;
    align-items: center; 
    padding:3.846153846vw 6.41025641vw 3.846153846vw 3.846153846vw ;
}
.app_dl_nav .nenga div, .app_dl_nav .postcard div{
    margin-right:0;
}
.app_dl_nav li img{
    height:auto;
    width:10.25641026vw;
}
.app_dl_nav li .name{
    text-align:left;
    margin: 0;
    padding: 0;
}

.app_dl_nav li .title,
.app_dl_nav li .text{
    display:block;
}
.app_dl_nav li .text{
    color:#8B8A8A;
    font-size:3.076923077vw;
    margin:0;
    padding:1vw 0 1vw;

}
.app_dl_nav li .title{
    font-size:4.615384615vw;
    margin:0;
    padding:0;
}
.download a{
    box-sizing: border-box;

    background:#fff;
    border-radius:60px;
    color:#fff;
    display: inline-block;

    line-height:9.230769231vw;
    font-size:3.076923077vw;
    padding:0 2.564102564vw;
    width:23.58974359vw;
}
.nenga .download a{background:#FF0066;}
.postcard .download a{background:#2C94FF;}


/* footer */ 
#page-footer{
    padding:5.128205128vw 7.692307692vw 0;
}
#page-footer ul{
    display: flex;
    margin:0; 
    padding:0;
}
#page-footer ul li{
    list-style:none;
    margin:0 5.128205128vw 2.564102564vw 0 ;
    padding:0;
}
#page-footer ul li a{
    color:#2C2C2C;
    font-size:3.076923077vw;
    letter-spacing: -0.1em;
}
#page-footer > div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:10.25641026vw auto;
    padding:0;
}
#page-footer > div img{
    height:auto;
    width:32.05128205vw;
}
#page-footer address{
    font-size:2.307692308vw;
    font-style: normal;
    text-align:right;
}


@media screen and (min-width: 712px) {
    .app_dl_nav{
        padding-top:40px;
    }
    .app_dl_nav h3,
    .app_dl_nav .catch{
        font-size:16px;
        margin-bottom:20px;
    }
    .app_dl_nav li{
        padding:15px;
    }
    .app_dl_nav li img{
        height:auto;
        width:48px;
    }
    .app_dl_nav li h4,
    .app_dl_nav li p{text-align:left;}
    
    .app_dl_nav li .title{
        font-size:18px;
    }
    .app_dl_nav li .text{
        font-size:12px;
        padding:5px 0 5px;
    }
    .download a{
        display: inline-block;
        box-sizing: border-box;
        line-height:36px;
        font-size:12px;
        padding:0 10px;
        width:92px;;
    }
    
/* footer */ 
    #page-footer{
        padding:20px 20px 0;
    }
    #page-footer ul li{
        margin:0 20px 10px 0 ;
    }
    #page-footer ul li a{
        font-size:12px;
    }
    #page-footer > div{
        margin:40px auto;
        padding:0;
    }
    #page-footer > div img{
        height:auto;
        width:115px;
    }
    #page-footer address{
        font-size:10px;
    }






    .logo_block{
        height:100%;
    }
    .logo_block > div{
        top:45px;
        background:#eeeeee url(../images/side/bg_left.png) no-repeat right 40px top;
        background-size:auto 100%;
        height:100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .logo_block .inner{
        margin-right:195px;
        text-align:center;
        width:390px;
    }
    .logo_block .catch{
        display:inline-block;
        font-size:12px;
        line-height:1.6em;
        margin:0 0 10px;
        text-align:center;
        position:relative
    }
    .logo_block .catch:before,
    .logo_block .catch:after{
        content:"";
        position:absolute;
        top:50%;
        width:39px;
        height:1px;
        background-color:#000;
    }
    .logo_block .catch:before{
        left:-50px;
        transform: rotate(45deg);
    }
    .logo .catch:after{
        right:-50px;;
        transform: rotate(-45deg);
    }
    .logo_block .catch span{
        display:block;
        line-height:1em;
        margin: 0 auto;    
    }
    .logo_block .catch b{
        font-size:24px;
    }
    .logo_block .catch b{
        font-size:24px;
    }
    .logo_block .inner h2{
        text-align:center;
        margin:0 0 10px;
        font-size:20px;
    }
    .logo_block .app_img{
        display: flex;
        align-items: center;
        justify-content: center;
        margin:0;
        padding:0;
    
    }
    .logo_block .app_img li{
        list-style: none;
        margin:0 5px;
    }
    .logo_block .app_img li img{
        height:auto;
        width:133px;
    }
    
    .menu_block{
        height:100%;
    }
    .menu_block > div{
        height:100%;
        background:#eeeeee;
        background:#eeeeee url(../images/side/bg_right.png) no-repeat left 40px top;
        background-size:auto 100%;
    }
    .menu_block .app_nav{
        display:flex;
        justify-content: flex-start;
        align-items: center;
        height:100%;
    }
    .menu_block .app_nav ul{
        margin-left:42px;
    }
    .menu_block .app_nav ul li{
        box-sizing: border-box;
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-radius:5px;
        margin:0 0 15px;
        padding:15px;
        background:#fff;
        list-style: none;
        width:390px;
    }
    
    .menu_block .app_nav ul li img{
        margin-right:10px;
        height:auto;
        width:48px;
    }
    
    .menu_block .app_nav ul li p{
        font-size:11px;
        line-height:1em;
        margin:0 0 10px;
        padding:0;
    }
    .menu_block .app_nav ul li h4{
        font-size:18px;
        line-height:1em;
        margin:0;
        padding:0;
    }
    .menu_block .app_nav ul li .download{
        margin-left:30px;
    }
    
    .menu_block .app_nav ul li .download a {
        font-size:12px;
        line-height:36px;
        padding:0;
        text-align:center;
        width:92px;
    }
    

























}