質問編集履歴
1
vieportのコードを追加しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -156,6 +156,8 @@
|
|
156
156
|
|
157
157
|
|
158
158
|
|
159
|
+
|
160
|
+
|
159
161
|
.vipbox-container {
|
160
162
|
|
161
163
|
|
@@ -246,6 +248,142 @@
|
|
246
248
|
|
247
249
|
}
|
248
250
|
|
251
|
+
|
252
|
+
|
253
|
+
|
254
|
+
|
255
|
+
|
256
|
+
|
257
|
+
|
258
|
+
|
259
|
+
/*===========================
|
260
|
+
|
261
|
+
11.RESPONSIVE
|
262
|
+
|
263
|
+
=============================*/
|
264
|
+
|
265
|
+
|
266
|
+
|
267
|
+
@media (min-width: 200px) and (max-width: 768px) {
|
268
|
+
|
269
|
+
|
270
|
+
|
271
|
+
.body {
|
272
|
+
|
273
|
+
|
274
|
+
|
275
|
+
font-size: 18px;
|
276
|
+
|
277
|
+
}
|
278
|
+
|
279
|
+
|
280
|
+
|
281
|
+
|
282
|
+
|
283
|
+
|
284
|
+
|
285
|
+
.contents {
|
286
|
+
|
287
|
+
padding: 40px 0;
|
288
|
+
|
289
|
+
text-align: center;
|
290
|
+
|
291
|
+
}
|
292
|
+
|
293
|
+
|
294
|
+
|
295
|
+
.custom-nav {
|
296
|
+
|
297
|
+
background-color: #fff !important;
|
298
|
+
|
299
|
+
padding: 10px 0px !important;
|
300
|
+
|
301
|
+
}
|
302
|
+
|
303
|
+
.custom-nav .container {
|
304
|
+
|
305
|
+
width: 85%;
|
306
|
+
|
307
|
+
}
|
308
|
+
|
309
|
+
.custom-nav .navbar-toggler {
|
310
|
+
|
311
|
+
color: #000;
|
312
|
+
|
313
|
+
font-size: 26px;
|
314
|
+
|
315
|
+
border: none;
|
316
|
+
|
317
|
+
}
|
318
|
+
|
319
|
+
.custom-nav .logo .logo-dark {
|
320
|
+
|
321
|
+
display:inline-block;
|
322
|
+
|
323
|
+
}
|
324
|
+
|
325
|
+
.custom-nav .navbar-nav li a {
|
326
|
+
|
327
|
+
color: rgba(0, 0, 0, 0.6) !important;
|
328
|
+
|
329
|
+
}
|
330
|
+
|
331
|
+
.custom-nav .logo .logo-light {
|
332
|
+
|
333
|
+
display:none;
|
334
|
+
|
335
|
+
}
|
336
|
+
|
337
|
+
.h-100vh{
|
338
|
+
|
339
|
+
height:auto;
|
340
|
+
|
341
|
+
}
|
342
|
+
|
343
|
+
.header-bg-img{
|
344
|
+
|
345
|
+
clip-path: none;
|
346
|
+
|
347
|
+
}
|
348
|
+
|
349
|
+
.custom-nav .navbar-nav li a {
|
350
|
+
|
351
|
+
margin: 0 0px;
|
352
|
+
|
353
|
+
line-height: 15px;
|
354
|
+
|
355
|
+
}
|
356
|
+
|
357
|
+
.header-name{
|
358
|
+
|
359
|
+
font-size:38px;
|
360
|
+
|
361
|
+
}
|
362
|
+
|
363
|
+
|
364
|
+
|
365
|
+
.container {
|
366
|
+
|
367
|
+
max-width: 0 auto;
|
368
|
+
|
369
|
+
/* width: 100%; */
|
370
|
+
|
371
|
+
margin: 0 auto;
|
372
|
+
|
373
|
+
overflow: hidden;
|
374
|
+
|
375
|
+
}
|
376
|
+
|
377
|
+
|
378
|
+
|
379
|
+
|
380
|
+
|
381
|
+
|
382
|
+
|
383
|
+
|
384
|
+
|
385
|
+
}
|
386
|
+
|
249
387
|
```
|
250
388
|
|
251
389
|
### ディベロッパーツールでの見え方
|