@charset "utf-8"; /* ========================================================================== estore_style.css - 自社カスタマイズ用オーバーライド /static/style.css（制作会社作成）は検収まで直接編集しないため、追加・修正はすべてこのファイルに書く。読み込みは /static/style.css より後（の最後）に入れること。画像パスは設置場所に依存しないよう絶対パスで書く。 ========================================================================== */ /* -------------------------------------------------------------------------- 1. jQuery UI ダイアログの重なり調整規格別価格・在庫 / 入荷お知らせメール / 商品画像の拡大ダイアログが追従ヘッダーの背面に潜り込む問題の対応。 jquery-ui-1.10.3.min.css は内で読み込まれ、そこで .ui-dialog が z-index:250 になる。このファイルより後に読まれるため !important が必須。参考の重なり順： .headerMain / .headerNavWrapper = 10000、 .footerFloatBar = 15000、.productsFinderModal = 16000 -------------------------------------------------------------------------- */ .ui-widget-overlay{ z-index:16900 !important; } .ui-dialog{ z-index:17000 !important; } /* -------------------------------------------------------------------------- 2. 追従「カートへ」ボタンの画像差し替え /static/style.css の #page-top と同じ手法（元の img を隠して a に背景画像）。 cart_image.png は 81x92 の縦長で、#page-top の画像（324x301）と比率が違うため・高さは #page-top と揃え、幅は画像比率どおり（高さ x 0.88）・contain で左右に余白が出るので no-repeat が必須・#page-top より幅が狭いので margin-left:auto で右端を揃える -------------------------------------------------------------------------- */ body #to-cart a{ height:65px; width:57.2px; display:block; padding:0; position:relative; cursor:pointer; margin-left:auto; } @media (width>768px){ body #to-cart a{ height:83.6px; width:73.6px; } } body #to-cart a img{ display:none !important; } body #to-cart a:hover{ opacity:0.7; } body #to-cart a, body #to-cart a:hover{ background:url(/images/cart_image.png) center/contain no-repeat,transparent; }