/*
 * 旧 Laravel 版はサーバー側の UA 判定 (isPc / isMobi) で PC / SP のマークアップを出し分けていた。
 * 静的化に伴い両方を出力し、画面幅 768px を境に切り替える (order.css の .only-pc と同じ境界)。
 */
@media only screen and (min-width: 769px) {
    .only-sp {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .only-pc {
        display: none !important;
    }

    /* 旧 SP 版の <div class="clearfix" style="margin: 0px !important;padding: 0px 0px 30px 0px !important;"> 相当 */
    #container,
    .sp-main-wrap {
        margin: 0 !important;
        padding: 0 0 30px 0 !important;
    }
}

@media only screen and (max-width: 768px) {
    /* 旧 SP 版ではラッパーに .clearfix が付いていた */
    .sp-main-wrap::after {
        display: block;
        clear: both;
        content: "";
    }
}

/* 旧 modal-multi.css のうち、実際に効いていた共通ルールのみ移設 (モーダル機能自体は廃止) */
body {
    width: 100%;
    padding: 0;
}
img {
    max-width: 100%;
}