teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

誤字

2020/12/14 00:06

投稿

pondering
pondering

スコア104

title CHANGED
File without changes
body CHANGED
@@ -51,7 +51,7 @@
51
51
  <article style="margin: 50px auto 0;max-width: 1200px;">
52
52
  <section class="c-Wrap">
53
53
  <div class="c-Wrap-inner">
54
- <div class="sliderEvent">
54
+ <div class="slider">
55
55
  <div class="c-Area">
56
56
  <div class="c-Area__image">
57
57
  <img src="images/image01.png" alt="">
@@ -281,42 +281,35 @@
281
281
  slick
282
282
  *****************************************/
283
283
 
284
- .slick-slide a:focus {
285
- outline: none!important;
286
- }
287
- .sliderEvent.slick-slider a {
288
- -webkit-tap-highlight-color:rgba(0,0,0,0);
289
- cursor:pointer;
290
- }
291
- .sliderEvent.slick-slider .slick-list,
284
+ .slider.slick-slider .slick-list,
292
- .sliderEvent.slick-slider .slick-track {
285
+ .slider.slick-slider .slick-track {
293
286
  display: flex;
294
287
  }
295
- .sliderEvent.slick-slider .c-Area.slick-slide {
288
+ .slider.slick-slider .c-Area.slick-slide {
296
289
  display: flex;
297
290
  }
298
- .sliderEvent.slick-slider .slick-list,
291
+ .slider.slick-slider .slick-list,
299
- .sliderEvent.slick-slider .slick-track {
292
+ .slider.slick-slider .slick-track {
300
293
  padding-bottom: 5px;
301
294
  }
302
- .sliderEvent.slick-slider .slick-slide a {
295
+ .slider.slick-slider .slick-slide a {
303
296
  pointer-events: auto;
304
297
  }
305
298
 
306
299
  @media screen and (max-width: 768px) {
307
- .sliderEvent.slick-slider {
300
+ .slider.slick-slider {
308
301
  width: 100vw!important;
309
302
  }
310
- .sliderEvent.slick-dotted.slick-slider {
303
+ .slider.slick-dotted.slick-slider {
311
304
  margin-bottom: 5vw;
312
305
  }
313
- .sliderEvent.slick-slider .slick-slide {
306
+ .slider.slick-slider .slick-slide {
314
307
  margin: 0 7px;
315
308
  }
316
- .sliderEvent.slick-slider.slick-dotted {
309
+ .slider.slick-slider.slick-dotted {
317
310
  padding-bottom: 10vw;
318
311
  }
319
- .sliderEvent.slick-slider .slick-dots {
312
+ .slider.slick-slider .slick-dots {
320
313
  right: auto;
321
314
  left: 0;
322
315
  bottom: 0;
@@ -326,16 +319,16 @@
326
319
  }
327
320
 
328
321
  @media screen and (min-width:769px) {
329
- .sliderEvent.slick-slider {
322
+ .slider.slick-slider {
330
323
  width: 1120px;
331
324
  }
332
- .sliderEvent.slick-slider .slick-slide {
325
+ .slider.slick-slider .slick-slide {
333
326
  margin: 0 16px;
334
327
  }
335
- .sliderEvent.slick-slider .slick-list {
328
+ .slider.slick-slider .slick-list {
336
329
  margin: 0 -16px 30px;
337
330
  }
338
- .sliderEvent.slick-slider .c-Area {
331
+ .slider.slick-slider .c-Area {
339
332
  width: 352px!important;
340
333
  }
341
334
  }