質問編集履歴
2
コード表記のミス修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -77,33 +77,33 @@
|
|
77
77
|
}
|
78
78
|
}
|
79
79
|
|
80
|
-
.
|
80
|
+
.banner li {
|
81
81
|
width: calc(100%/3);/* 画像を横に3つ並べる場合 */
|
82
82
|
height: 440px;
|
83
83
|
box-sizing:border-box;
|
84
84
|
}
|
85
85
|
@media only screen and (max-width: 1800px) {
|
86
|
-
.
|
86
|
+
.banner li {
|
87
87
|
height: 410px;
|
88
88
|
}
|
89
89
|
}
|
90
90
|
@media only screen and (max-width: 1700px) {
|
91
|
-
.
|
91
|
+
.banner li {
|
92
92
|
height: 390px;
|
93
93
|
}
|
94
94
|
}
|
95
95
|
@media only screen and (max-width: 1600px) {
|
96
|
-
.
|
96
|
+
.banner li {
|
97
97
|
height: 360px;
|
98
98
|
}
|
99
99
|
}
|
100
100
|
@media only screen and (max-width: 1500px) {
|
101
|
-
.
|
101
|
+
.banner li {
|
102
102
|
height: 338px;
|
103
103
|
}
|
104
104
|
}
|
105
105
|
@media only screen and (max-width: 1400px) {
|
106
|
-
.
|
106
|
+
.banner li {
|
107
107
|
height: 310px;
|
108
108
|
}
|
109
109
|
}
|
1
説明文のおかしな部分を修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -128,7 +128,7 @@
|
|
128
128
|
width: 100%;
|
129
129
|
}
|
130
130
|
|
131
|
-
/*
|
131
|
+
/* 画像を最初は上にずらす */
|
132
132
|
.reel img:last-of-type {
|
133
133
|
position: relative;
|
134
134
|
top: -420px;
|
@@ -162,7 +162,7 @@
|
|
162
162
|
}
|
163
163
|
/* 以下、@media only screen and (max-width: ●●●px) {... で同様の処理 */
|
164
164
|
|
165
|
-
/* hoverすると
|
165
|
+
/* hoverすると画像が下がる */
|
166
166
|
.reel:hover img {
|
167
167
|
top: 15px;
|
168
168
|
transition: top .2s;
|