/**
 * Responsive BR Styles
 * アクセシビリティ対応のレスポンシブ改行機能
 */

/* PC専用改行 */
.br-pc-only {
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
}

/* スマートフォン表示時はPC専用改行を非表示 */
@media (max-width: 768px) {
    .br-pc-only {
        display: none;
    }
}

/* スマートフォン専用改行（デフォルトは非表示） */
.br-sp-only {
    display: none;
}

/* スマートフォン表示時にスマートフォン専用改行を表示 */
@media (max-width: 768px) {
    .br-sp-only {
        display: block;
        height: 0;
        margin: 0;
        padding: 0;
    }
}

/* 全デバイスで改行 */
.br-all {
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
}