@charset "utf-8";

/* Content Change Button
---------------------------------------------- */
.button {
    font-size: 12px;
    text-align: right;
    margin: 0 0 30px 0;
}
.button.snap {
    margin: 0 0 30px 0;
}
.button.movie {
    margin: 0 10px 30px 0;
}
.button a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: #444;
    border-radius: 4px;
    -moz--border-radius: 4px;
    -webkit-border-radius: 4px;
    display: inline-block;
    padding: 10px;
}
.button a:hover {
    color: #ec798f;
}

/* Font Awesome
---------------------------------------------- */
.button i {
    padding-right: 5px;
}

/* Media Query
---------------------------------------------- */
@media screen and (max-width: 767px) { /* 767px以下用 */
    .button.snap {
        text-align: center;
        margin: 0 0 30px 0;
    }
    .button.movie {
        text-align: center;
        margin: 0 10px 30px 10px;
    }
    .button a {
        width: 100%;
        height: 34px;
        line-height: 34px;
        margin: 0;
        padding: 0;
    }
    .button a:hover {
        color: #fff;
    }
}