@charset "utf-8"; /************************************************************************************************************************************************************************/ /* 不要な画像のデフォルト設定の排除用 */ /************************************************************************************************************************************************************************/ /* 画像 不要ボーダ、マージン解除 HTML5での不要な下の間隔排除 */ img { border:0px; margin:0px; vertical-align:bottom;} /* 画像 スマホ ポイントイベント禁止 */ img.target_cancel { pointer-events: none;} /************************************************************************************************************************************************************************/ /* プリント時代替表示用 */ /************************************************************************************************************************************************************************/ /* プリント時 非表示 */ .prt_hidden { display:block;} /* プリント時のみ、スクリプトで代替表示させる場合のクラス。通常時は非表示設定 */ .prt_replace { display:none;} /************************************************************************************************************************************************************************/ /* 要素を一時的に非表示にする時用 */ /************************************************************************************************************************************************************************/ /* 非表示 */ .disp_none { display:none;} /************************************************************************************************************************************************************************/ /* インライン要素の部分寄せ【左中右】 */ /************************************************************************************************************************************************************************/ /* ボックス内での配置 */ .aln_l{ text-align:left !important;} .aln_c{ text-align:center !important;} .aln_r{ text-align:right !important;} /************************************************************************************************************************************************************************/ /* ボックス フロート【左右】 */ /************************************************************************************************************************************************************************/ /* ボックス内での配置 */ .flt_l { float:left;} .flt_r { float:right;} .clr_both { clear:both;} /************************************************************************************************************************************************************************/ /* ボックス フロート解除用 */ /************************************************************************************************************************************************************************/ /* 通常用 */ .clearfix_box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* 個別にフロートクリア用
等の空要素に使用可能 */ .clearfix { clear:both; height:0; margin:0px; padding:0px;} /************************************************************************************************************************************************************************/ /* ボックス margin 下 5px～200px */ /************************************************************************************************************************************************************************/ /* 下 */ .mgn_b0 {margin-bottom:0px;} .mgn_b5 {margin-bottom:5px;} .mgn_b10 {margin-bottom:10px;} .mgn_b15 {margin-bottom:15px;} .mgn_b20 {margin-bottom:20px;} .mgn_b25 {margin-bottom:25px;} .mgn_b30 {margin-bottom:30px;} .mgn_b35 {margin-bottom:35px;} .mgn_b40 {margin-bottom:40px;} .mgn_b45 {margin-bottom:45px;} .mgn_b50 {margin-bottom:50px;} .mgn_b55 {margin-bottom:55px;} .mgn_b60 {margin-bottom:60px;} .mgn_b65 {margin-bottom:65px;} .mgn_b70 {margin-bottom:70px;} .mgn_b75 {margin-bottom:75px;} .mgn_b80 {margin-bottom:80px;} .mgn_b85 {margin-bottom:85px;} .mgn_b90 {margin-bottom:90px;} .mgn_b95 {margin-bottom:95px;} .mgn_b100 {margin-bottom:100px;} .mgn_b110 {margin-bottom:110px;} .mgn_b120 {margin-bottom:120px;} .mgn_b130 {margin-bottom:130px;} .mgn_b140 {margin-bottom:140px;} .mgn_b150 {margin-bottom:150px;} .mgn_b160 {margin-bottom:160px;} .mgn_b170 {margin-bottom:170px;} .mgn_b180 {margin-bottom:180px;} .mgn_b190 {margin-bottom:190px;} .mgn_b200 {margin-bottom:200px;} /************************************************************************************************************************************************************************/ /* テキスト 部分拡大・縮小 設定【75～300%】 */ /************************************************************************************************************************************************************************/ /* 部分縮小【75%～300%】 */ .per75 {font-size:75%; } .per80 {font-size:80%; } .per85 {font-size:85%; } .per90 {font-size:90%; } .per95 {font-size:95%; } .per100 {font-size:100%;} .per105 {font-size:105%;} .per110 {font-size:110%;} .per115 {font-size:115%;} .per120 {font-size:120%;} .per125 {font-size:125%;} .per130 {font-size:130%;} .per135 {font-size:135%;} .per140 {font-size:140%;} .per145 {font-size:145%;} .per150 {font-size:150%;} .per175 {font-size:175%;} .per200 {font-size:200%;} .per225 {font-size:225%;} .per250 {font-size:250%;} .per275 {font-size:275%;} .per300 {font-size:300%;} /************************************************************************************************************************************************************************/ /* テキスト 部分装飾【太さ・下線】 */ /************************************************************************************************************************************************************************/ /* 部分テキスト ウェイト設定 */ .wgt_bold {font-weight:bold;} .wgt_normal {font-weight:normal;} /* 下線付きテキスト */ .underline { text-decoration:underline;} /************************************************************************************************************************************************************************/ /* 汎用リスト設定　リストスタイルは基本なし */ /************************************************************************************************************************************************************************/ /* 左マージン ul 各文字数別 【0～11文字】 */ .ul0 {margin:0px 0px 0px 0px; padding:0px;} .ul1 {margin:0px 0px 0px 1em; padding:0px;} .ul2 {margin:0px 0px 0px 2em; padding:0px;} .ul3 {margin:0px 0px 0px 3em; padding:0px;} .ul4 {margin:0px 0px 0px 4em; padding:0px;} .ul5 {margin:0px 0px 0px 5em; padding:0px;} .ul6 {margin:0px 0px 0px 6em; padding:0px;} .ul7 {margin:0px 0px 0px 7em; padding:0px;} .ul8 {margin:0px 0px 0px 8em; padding:0px;} .ul9 {margin:0px 0px 0px 9em; padding:0px;} .ul10 {margin:0px 0px 0px 10em; padding:0px;} .ul11 {margin:0px 0px 0px 11em; padding:0px;} /* ぶら下げインデントリスト【0～15文字の範囲】 ※リストスタイルは非表示 */ .li0 {text-indent:-0em; margin-left:0em; list-style:none;} .li1 {text-indent:-1em; margin-left:1em; list-style:none;} .li2 {text-indent:-2em; margin-left:2em; list-style:none;} .li3 {text-indent:-3em; margin-left:3em; list-style:none;} .li4 {text-indent:-4em; margin-left:4em; list-style:none;} .li5 {text-indent:-5em; margin-left:5em; list-style:none;} .li6 {text-indent:-6em; margin-left:6em; list-style:none;} .li7 {text-indent:-7em; margin-left:7em; list-style:none;} .li8 {text-indent:-8em; margin-left:8em; list-style:none;} .li9 {text-indent:-9em; margin-left:9em; list-style:none;} .li10 {text-indent:-10em; margin-left:10em; list-style:none;} .li11 {text-indent:-11em; margin-left:11em; list-style:none;} .li12 {text-indent:-12em; margin-left:12em; list-style:none;} .li13 {text-indent:-13em; margin-left:13em; list-style:none;} .li14 {text-indent:-14em; margin-left:14em; list-style:none;} .li15 {text-indent:-15em; margin-left:15em; list-style:none;} /************************************************************************************************************************************************************************/ /* リンク */ /************************************************************************************************************************************************************************/ /* 通常リンク 状態別設定 */ .lnk_nrm { color:#185791; text-decoration:none;} .lnk_nrm:hover { color:#000000; text-decoration:underline;} /* ポインターが出ない画像リンク用 マウスオン時 ポインター表示 */ .lnk_csr { cursor:pointer;} .lnk_csr:hover {} /************************************************************************************************************************************************************************/ /* CSS 特殊効果リンク */ /************************************************************************************************************************************************************************/ /* 画像リンクマウスオン透過 通常時 */ .lnk_alpha img{ -moz-transition-property: all; -webkit-transition-property:all; -o-transition-property: all; -ms-transition-property: all; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; -ms-transition-duration:0.5s; cursor:pointer; } /* 画像リンクマウスオン透過 マウスオン時 */ .lnk_alpha img:hover{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } /* サブミット画像 マウスオン透過 */ .lnk_alpha input[name="image"] img{} .input[name="image"]:hover img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } /************************************************************************************************************************************************************************/ /* 画像装飾 */ /************************************************************************************************************************************************************************/ /* シャドー */ .shadow_img img{ -moz-box-shadow: 1px 1px 2px 3px #bbbbbb; -webkit-box-shadow: 1px 1px 2px 3px #bbbbbb; box-shadow: 1px 1px 2px 3px #bbbbbb; background-color: #eeeeee; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; } /************************************************************************************************************************************************************************/ /* iframe 共通設定 HTML5非対応タグをCSS側で制御 */ /************************************************************************************************************************************************************************/ /* iframe 設定 */ .frame_set {margin:0px; border:none !important; overflow:hidden;} /************************************************************************************************************************************************************************/ /* 部分着色【テキスト・シャドー・ボーダ・背景色】 */ /************************************************************************************************************************************************************************/ /* 赤 */ .clr_red01 { color:#ff0000;} /* で使用 */ .clr_red02 { color:#xxx;} /* で使用 */ /* 緑 */ .clr_green01 { color:#00ff00;} /* で使用 */ .clr_green02 { color:#xxx;} /* 青 */ .clr_blue01 { color:#007fc5;} /* サイトポリシーの●で使用 */ .clr_blue02 { color:#xxx;} /* で使用 */ /* 白 */ .clr_white { color:#ffffff;} /* 黒 */ .clr_black01 { color:#000000;} .clr_black02 { color:#xxx;} /* グレー */ .clr_gray01 { color:#999999;} .clr_gray02 { color:#xxx;} /************************************************************************************************************************************************************************/ /* 背景色と文字色の変化 */ /************************************************************************************************************************************************************************/ /* 注目 アニメーション */ @keyframes attention { 0% { background:#cc0000; color:#ffffff; } 50% { background:#ffffff; color:#cc0000; } 100% { background:#cc0000; color:#ffffff; } } /* 注目 アニメーション safari用 */ @-webkit-keyframes attention { 0% { background:#cc0000; color:#ffffff; } 50% { background:#ffffff; color:#cc0000; } 100% { background:#cc0000; color:#ffffff; } } .inventory_list_tab a { cursor:pointer !important; }