3905
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
1 body, html{
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
2 width: 100%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
3 height: 100%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
4 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
5
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
6
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
7 body{
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
8 background: linear-gradient(#05FBFF, #d8fafc) fixed;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
9 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
10
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
11 h1{
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
12 color: white;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
13 border-left: solid 5px #46ff37;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
14 background-color: #6aece9;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
15 margin-bottom: 3px;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
16 color: #fff9c9;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
17 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
18
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
19 .float{
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
20 position: fixed;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
21 float: left;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
22 border-radius: 50%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
23 padding-right: 20px;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
24 margin-right: 10px;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
25 background-color: white;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
26
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
27 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
28
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
29 .main{
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
30 clear: clear;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
31 margin-left: 170px;
|
3915
|
32 padding: 15px;
|
3905
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
33 width: 100vx;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
34 background-color: white;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
35 border-radius: 30px;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
36 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
37
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
38 .main p {
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
39 margin-left: 20px;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
40 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
41
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
42
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
43 div.header p{
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
44 margin-left: 20%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
45 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
46
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
47 div.photo {
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
48 display: inline-block;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
49 padding: 25px;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
50 height: 200px;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
51 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
52
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
53 div.photo span{
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
54 background: linear-gradient(#ff771d, #ffba5b);
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
55 padding: 5px 10px;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
56 border-radius: 5px;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
57 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
58
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
59
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
60
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
61 div.gaiyo {
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
62 /* background-color: pink; */
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
63 height: 100%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
64 width: 100%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
65 border-bottom: dotted 2px blue;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
66 padding-bottom: 5%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
67 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
68
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
69 div.menu {
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
70 /* background-color: yellow; */
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
71 height: 100%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
72 width: 100%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
73 border-bottom: dotted 2px blue;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
74 padding-bottom: 5%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
75 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
76
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
77 div.int {
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
78 height: 100%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
79 width: 100%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
80 border-bottom: dotted 2px blue;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
81 padding-bottom: 5%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
82 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
83
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
84 div.photospace {
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
85 /* background-color: green; */
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
86 overflow:scroll;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
87 height: 100%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
88 width: 100%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
89 border-bottom: dotted 2px blue;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
90 padding-bottom: 5%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
91 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
92
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
93
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
94 table{
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
95 width: 40%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
96 border-spacing: 0;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
97 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
98 table th{
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
99 border-bottom: solid 2px #fb5144;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
100
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
101 padding: 10px 0;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
102 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
103 table td{
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
104 border-bottom: solid 2px #ddd;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
105 border-left: dotted 2px #ddd;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
106 padding: 10px 0;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
107 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
108
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
109
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
110 ul.view{
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
111 list-style-type: none;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
112 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
113
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
114 ul.view li{
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
115 font-size: 130%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
116 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
117
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
118 ul.view li:before{
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
119 content:"Q ";
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
120 color: blue;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
121 font-size: 130%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
122 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
123
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
124 ul.view p:before{
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
125 content:"A ";
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
126 color: red;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
127 font-size: 130%;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
128 }
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
129
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
130 div#map{
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
131 color: red;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
132 width: 65vw; height: 65vw; margin:0 auto;
|
Madoka Yamaguchi <c117208@e.koeki-u.ac.jp>
parents:
diff
changeset
|
133 }
|