/* スマートフォンのみ表示 */
.sp-only {
    display: none;
}
@media (max-width: 480px) {
    .sp-only {
        display: block;
    }
}

/* スマートフォン以外表示 */
.sp-only-none {
    display: block;
}
@media screen and (max-width: 480px) {
    .sp-only-none {
        display: none;
    }
}

/* PCのみ表示 */
.pc-only {
    display: block;
}
@media (max-width: 1024px) {
    .pc-only {
        display: none;
    }
}

/* PC以外表示 */
.pc-only-none {
    display: none;
}
@media (max-width: 1024px) {
    .pc-only-none {
        display: block;
    }
}