/*
 * 旧デザイン(css/oldcss)を読み込む画面用の調整。
 * 新デザインのCSSより後に読み込み、新旧でクラス名・要素が衝突する箇所を補正する。
 */

/* top.css の .container (トップページの矢印アニメーション用) が
   旧レイアウトのコンテンツ領域を上書きするため、旧 style.css の値に戻す */
.container {
    position: static;
    width: 100%;
    max-width: 860px;
    height: auto;
    float: right;
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 1160px) {
    .container {
        width: 862px;
        max-width: 100%;
        float: none;
        padding: 0;
        margin: 0 auto;
    }
    .product_main .container {
        max-width: 874px;
        width: 100%;
    }
}
@media screen and (max-width: 991px) {
    .container {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
}

/* 旧 style.css の footer 指定(黒い上線・余白)が新デザインのフッターに混ざるのを打ち消す */
footer {
    border-top: none;
    margin-top: 0;
}