1 | @charset "utf-8"; |
---|
2 | |
---|
3 | |
---|
4 | /* カテゴリリスト(アコーディオン) |
---|
5 | ----------------------------------------------- */ |
---|
6 | #block-category li{ |
---|
7 | /*-webkit-transition: margin-top, opacity, height, line-height 0.3s ease-in;*/ |
---|
8 | -webkit-transition: opacity 0.3s ease-in; |
---|
9 | -webkit-transition-delay: 0.2s; |
---|
10 | clear: both; |
---|
11 | } |
---|
12 | #block-category ul li a , #block-category > ul > li > ul > li a{ |
---|
13 | margin: 0; |
---|
14 | padding: 0.25em 0 0.25em 0; |
---|
15 | } |
---|
16 | #block-category ul li li{ |
---|
17 | border: none; |
---|
18 | padding-bottom:0.5em; |
---|
19 | } |
---|
20 | .category_number_tag { |
---|
21 | width: 2em; |
---|
22 | float: right; |
---|
23 | text-align: center; |
---|
24 | color: #ffffff; |
---|
25 | background-color: rgba(0,0,0,0.5); |
---|
26 | -webkit-border-radius: 8px; |
---|
27 | } |
---|
28 | |
---|
29 | .category_body { |
---|
30 | display: inline-block; |
---|
31 | width: 70%; |
---|
32 | } |
---|
33 | .category_body > a { |
---|
34 | display: inline-block; |
---|
35 | width: 100%; |
---|
36 | } |
---|
37 | |
---|
38 | .category_header { |
---|
39 | display: inline-block; |
---|
40 | width: 1.5em; |
---|
41 | background: transparent; |
---|
42 | -webkit-border-radius: 8px; |
---|
43 | } |
---|
44 | .category_header.plus, .category_header.minus{ |
---|
45 | display: inline-block; |
---|
46 | vertical-align: middle; |
---|
47 | text-align: center; |
---|
48 | line-height: 1em; |
---|
49 | width: 1.4em; |
---|
50 | background-color: #333333; |
---|
51 | -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.7); |
---|
52 | -webkit-border-radius: 2px; |
---|
53 | margin-right:1px; |
---|
54 | } |
---|
55 | .category_header + a{ |
---|
56 | margin-left: 0; |
---|
57 | margin-right: 0; |
---|
58 | width: auto; |
---|
59 | font-weight: bold; |
---|
60 | font-family: verdana; |
---|
61 | } |
---|
62 | .category_header.plus > a, .category_header.minus > a{ |
---|
63 | display: inline-block; |
---|
64 | margin: 0; |
---|
65 | padding: 0; |
---|
66 | color:#ffffff; |
---|
67 | text-shadow: 0px -1px 0px #888888; |
---|
68 | text-decoration: none; |
---|
69 | } |
---|
70 | |
---|
71 | /* 検索ボックス |
---|
72 | ----------------------------------------------- */ |
---|
73 | #searchbox, #searchbar { |
---|
74 | text-align: center; |
---|
75 | } |
---|
76 | #searchbox form[action*="products/list.php"] > input[type="text"], #searchbar form[action*="products/list.php"] > input[type="text"] { |
---|
77 | width: auto; |
---|
78 | margin-left: 0; |
---|
79 | margin-right: 0; |
---|
80 | font-size:100%; |
---|
81 | } |
---|
82 | #searchbox { |
---|
83 | margin: 10px 0px; |
---|
84 | padding-top: 8px; |
---|
85 | padding-bottom: 8px; |
---|
86 | width:100%; |
---|
87 | background-color: rgba(51,51,51,0.6); |
---|
88 | border: #000000; |
---|
89 | -webkit-border-radius: 8px; |
---|
90 | } |
---|
91 | input, select { |
---|
92 | font-size:100%; |
---|
93 | width:100%; |
---|
94 | } |
---|
95 | |
---|
96 | input.search { |
---|
97 | font-size:100%; |
---|
98 | width:20%; |
---|
99 | } |
---|
100 | |
---|
101 | input.radio_btn { |
---|
102 | width:5%; |
---|
103 | } |
---|
104 | |
---|
105 | select.birth { |
---|
106 | width:30%; |
---|
107 | } |
---|
108 | |
---|
109 | select.birthT { |
---|
110 | width:20%; |
---|
111 | } |
---|
112 | |
---|
113 | select.hint { |
---|
114 | width:84%; |
---|
115 | } |
---|
116 | |
---|
117 | input#chk_id_1, input#chk_id_2 { |
---|
118 | width:100%; |
---|
119 | } |
---|
120 | |
---|
121 | input.multi_nu { |
---|
122 | text-align: right; |
---|
123 | width: 50%; |
---|
124 | } |
---|
125 | |
---|
126 | input.pointP { |
---|
127 | text-align:right; |
---|
128 | } |
---|
129 | |
---|
130 | input#pay_1, input#pay_2, input#pay_3, input#pay_4 { |
---|
131 | width:30%; |
---|
132 | } |
---|
133 | |
---|
134 | /* ログイン |
---|
135 | ----------------------------------------------- */ |
---|
136 | .loginarea > p:first-child { |
---|
137 | margin: 5px 0; |
---|
138 | color:#4D576B; |
---|
139 | font: bold 100% helvetica; |
---|
140 | text-shadow: 0px 1px 1px #ffffff; |
---|
141 | } |
---|
142 | .loginbox { |
---|
143 | padding: 10px; |
---|
144 | background-color: #ffffff; |
---|
145 | -webkit-border-radius: 8px; |
---|
146 | -webkit-box-shadow: 0px 0px 4px #000000; |
---|
147 | } |
---|
148 | .loginarea .inputbox { |
---|
149 | background-color: #f0f0f0; |
---|
150 | padding: 5px; |
---|
151 | -webkit-border-radius: 8px; |
---|
152 | } |
---|
153 | .inputtext02 { |
---|
154 | font-size: 100%; |
---|
155 | } |
---|
156 | |
---|
157 | input.box54 { |
---|
158 | width:94%; |
---|
159 | } |
---|