File tree Expand file tree Collapse file tree 1 file changed +70
-0
lines changed Expand file tree Collapse file tree 1 file changed +70
-0
lines changed Original file line number Diff line number Diff line change
1
+ /* body の基本設定 */
2
+ body {
3
+ font-family : Arial, sans-serif;
4
+ background-color : # f4f4f4 ;
5
+ color : # 333 ;
6
+ margin : 0 ;
7
+ padding : 0 ;
8
+ }
9
+
10
+ /* コンテンツを中央に配置 */
11
+ .container {
12
+ max-width : 800px ;
13
+ margin : 40px auto;
14
+ padding : 20px ;
15
+ background-color : # fff ;
16
+ border-radius : 8px ;
17
+ box-shadow : 0 4px 10px rgba (0 , 0 , 0 , 0.1 );
18
+ }
19
+
20
+ /* ヘッダー部分のスタイル */
21
+ h1 {
22
+ color : # e74c3c ;
23
+ font-size : 2.5em ;
24
+ text-align : center;
25
+ }
26
+
27
+ /* 本文のパラグラフ */
28
+ p {
29
+ font-size : 16px ;
30
+ line-height : 1.8 ;
31
+ margin-bottom : 20px ;
32
+ }
33
+
34
+ /* 詳細情報部分 */
35
+ .details {
36
+ margin-top : 30px ;
37
+ }
38
+
39
+ .details ul {
40
+ list-style-type : none;
41
+ padding-left : 0 ;
42
+ }
43
+
44
+ .details li {
45
+ margin-bottom : 10px ;
46
+ }
47
+
48
+ /* ボタンスタイル */
49
+ .cta {
50
+ background-color : # e74c3c ;
51
+ color : white;
52
+ padding : 15px ;
53
+ font-size : 18px ;
54
+ text-align : center;
55
+ margin-top : 40px ;
56
+ border-radius : 5px ;
57
+ text-decoration : none;
58
+ }
59
+
60
+ .cta : hover {
61
+ background-color : # c0392b ;
62
+ }
63
+
64
+ /* フッター部分 */
65
+ .footer {
66
+ font-size : 14px ;
67
+ color : # 777 ;
68
+ text-align : center;
69
+ margin-top : 50px ;
70
+ }
You can’t perform that action at this time.
0 commit comments