@charset "UTF-8";

/* CSS Document */

body {
    background: url(/milky-pop/images/bg_pattern.svg) #c4f4df;
    background-size: 60px;
}

/*====================================

    wrap_sd_inner

====================================*/  

.wrap_sd_inner .index_list {
    width: 100%;
}
.wrap_sd_inner .index_list li {
    margin-bottom: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
}
.wrap_sd_inner .index_list li:last-child {
    margin-bottom: 0px;
}
.wrap_sd_inner .index_list li a {
    display: block;
}
.wrap_sd_inner .index_list li a:hover {
    -webkit-animation: sns_zoom .3s;
    animation: index_list_zoom .3s;
}
@-webkit-keyframes index_list_zoom {
    50% {
        -webkit-transform: scale(1.02);
    }
}
@keyframes index_list_zoom {
    50% {
        transform: scale(1.02);
    }
}

/*====================================

    wrap_sd_craft

====================================*/  

.wrap_sd_craft {
    width: 100%;
    padding: 0 20px;
    margin: 0 auto 80px;
}
.wrap_sd_craft .wrap_sd_craft_inner {
    background: #fff;
    width: 100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    overflow: hidden;
}
.wrap_sd_craft .wrap_sd_craft_inner .wrap_content {
    padding: 20px 20px;
}
.wrap_sd_craft .wrap_sd_craft_inner .wrap_content .craft_inner_ttl {
    margin-bottom: 30px;
}
.wrap_sd_craft .wrap_sd_craft_inner .wrap_content .craft_inner_ttl p {
    width: 100%;
    text-align: center;
}
.wrap_sd_craft .wrap_sd_craft_inner .wrap_content .craft_inner_ttl p span {
    display: inline-block;
    background: #ff8bd1;
    font-weight: 600;
    font-size: 130%;
    line-height: 1em;
    padding: .6em 3em;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    color: #fff;
}
.wrap_sd_craft .wrap_sd_craft_inner .btn_download {
    padding: 30px 20px;
}
.wrap_sd_craft .wrap_sd_craft_inner .btn_download .single li {
    width: 100%;
}
.wrap_sd_craft .wrap_sd_craft_inner .btn_download .double li {
    width: 50%;
}
.wrap_sd_craft .wrap_sd_craft_inner .btn_download .double li:first-child {
    float: left;
}
.wrap_sd_craft .wrap_sd_craft_inner .btn_download .double li:last-child {
    float: right;
}
.wrap_sd_craft .wrap_sd_craft_inner .back {
    padding: 30px 0;
    background: rgba(0,0,0,.05);
}