質問編集履歴
1
CSSの修正を行いました
test
CHANGED
File without changes
|
test
CHANGED
@@ -300,6 +300,98 @@
|
|
300
300
|
|
301
301
|
|
302
302
|
|
303
|
+
h3::before {
|
304
|
+
|
305
|
+
position: absolute;
|
306
|
+
|
307
|
+
content: '';
|
308
|
+
|
309
|
+
top: 100%;
|
310
|
+
|
311
|
+
left: 0;
|
312
|
+
|
313
|
+
border: none;
|
314
|
+
|
315
|
+
border-bottom: solid 15px transparent;
|
316
|
+
|
317
|
+
border-right: solid 20px rgb(149, 158, 155);
|
318
|
+
|
319
|
+
}
|
320
|
+
|
321
|
+
|
322
|
+
|
323
|
+
a {
|
324
|
+
|
325
|
+
text-decoration: none;
|
326
|
+
|
327
|
+
color: #fff;
|
328
|
+
|
329
|
+
}
|
330
|
+
|
331
|
+
nav {
|
332
|
+
|
333
|
+
margin: 0 0 0 auto;
|
334
|
+
|
335
|
+
}
|
336
|
+
|
337
|
+
ul {
|
338
|
+
|
339
|
+
list-style: none;
|
340
|
+
|
341
|
+
margin: 0;
|
342
|
+
|
343
|
+
display: flex;
|
344
|
+
|
345
|
+
}
|
346
|
+
|
347
|
+
li {
|
348
|
+
|
349
|
+
margin: 0 0 0 15px;
|
350
|
+
|
351
|
+
font-size: 14px;
|
352
|
+
|
353
|
+
}
|
354
|
+
|
355
|
+
.main-visual {
|
356
|
+
|
357
|
+
display: flex;
|
358
|
+
|
359
|
+
justify-content: center;
|
360
|
+
|
361
|
+
align-items: flex-start;
|
362
|
+
|
363
|
+
height: calc(100vh - 70px);
|
364
|
+
|
365
|
+
background: url('main_visual.jpg') top center / cover no-repeat;
|
366
|
+
|
367
|
+
}
|
368
|
+
|
369
|
+
|
370
|
+
|
371
|
+
@media screen and (min-width: 640px) {
|
372
|
+
|
373
|
+
|
374
|
+
|
375
|
+
.right-column {
|
376
|
+
|
377
|
+
padding: 30px 10px;
|
378
|
+
|
379
|
+
width: 25%;
|
380
|
+
|
381
|
+
border: 1px solid #4b4b4b;
|
382
|
+
|
383
|
+
margin-left: 1%;
|
384
|
+
|
385
|
+
background-color: rgba(255,255,255,0.9);
|
386
|
+
|
387
|
+
box-shadow: 2px 2px 4px;
|
388
|
+
|
389
|
+
border-radius: 15px;
|
390
|
+
|
391
|
+
}
|
392
|
+
|
393
|
+
|
394
|
+
|
303
395
|
h3 {
|
304
396
|
|
305
397
|
position: relative;
|
@@ -314,73 +406,7 @@
|
|
314
406
|
|
315
407
|
|
316
408
|
|
317
|
-
h3::before {
|
318
|
-
|
319
|
-
position: absolute;
|
320
|
-
|
321
|
-
content: '';
|
322
|
-
|
323
|
-
top: 100%;
|
324
|
-
|
325
|
-
left: 0;
|
326
|
-
|
327
|
-
border: none;
|
328
|
-
|
329
|
-
border-bottom: solid 15px transparent;
|
330
|
-
|
331
|
-
border-right: solid 20px rgb(149, 158, 155);
|
332
|
-
|
333
|
-
}
|
409
|
+
}
|
334
|
-
|
335
|
-
|
336
|
-
|
337
|
-
a {
|
338
|
-
|
339
|
-
text-decoration: none;
|
340
|
-
|
341
|
-
color: #fff;
|
342
|
-
|
343
|
-
}
|
344
|
-
|
345
|
-
nav {
|
346
|
-
|
347
|
-
margin: 0 0 0 auto;
|
348
|
-
|
349
|
-
}
|
350
|
-
|
351
|
-
ul {
|
352
|
-
|
353
|
-
list-style: none;
|
354
|
-
|
355
|
-
margin: 0;
|
356
|
-
|
357
|
-
display: flex;
|
358
|
-
|
359
|
-
}
|
360
|
-
|
361
|
-
li {
|
362
|
-
|
363
|
-
margin: 0 0 0 15px;
|
364
|
-
|
365
|
-
font-size: 14px;
|
366
|
-
|
367
|
-
}
|
368
|
-
|
369
|
-
.main-visual {
|
370
|
-
|
371
|
-
display: flex;
|
372
|
-
|
373
|
-
justify-content: center;
|
374
|
-
|
375
|
-
align-items: flex-start;
|
376
|
-
|
377
|
-
height: calc(100vh - 70px);
|
378
|
-
|
379
|
-
background: url('main_visual.jpg') top center / cover no-repeat;
|
380
|
-
|
381
|
-
}
|
382
|
-
|
383
|
-
|
384
410
|
|
385
411
|
.sp-nav {
|
386
412
|
|
@@ -612,6 +638,8 @@
|
|
612
638
|
|
613
639
|
}
|
614
640
|
|
641
|
+
|
642
|
+
|
615
643
|
}
|
616
644
|
|
617
645
|
|
@@ -672,24 +700,6 @@
|
|
672
700
|
|
673
701
|
|
674
702
|
|
675
|
-
.right-column {
|
676
|
-
|
677
|
-
padding: 30px 10px;
|
678
|
-
|
679
|
-
width: 25%;
|
680
|
-
|
681
|
-
border: 1px solid #4b4b4b;
|
682
|
-
|
683
|
-
margin-left: 1%;
|
684
|
-
|
685
|
-
background-color: rgba(255,255,255,0.9);
|
686
|
-
|
687
|
-
box-shadow: 2px 2px 4px;
|
688
|
-
|
689
|
-
border-radius: 15px;
|
690
|
-
|
691
|
-
}
|
692
|
-
|
693
703
|
|
694
704
|
|
695
705
|
/*ナビゲーションメニューの階層装飾*/
|
@@ -810,6 +820,4 @@
|
|
810
820
|
|
811
821
|
|
812
822
|
|
813
|
-
|
814
|
-
|
815
823
|
```
|