@charset "utf-8"; /* 動く広告バナー */ .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slide { width: 100%; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots{ bottom: -50px; } /* Slider */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .js-container--top{ margin-top: 40px; margin-bottom: 40px; } .top-mv-slider__inner { position: relative; border: 3px solid #333; } @media (min-width: 768px) { .top-mv-slider__inner { max-width: 1000px; /* padding: 18px; */ margin: 0 auto; width: 96%; } } @media (max-width: 767px) { .top-mv-slider-ttl{ margin: 0 3.125vw; } } .top-mv-slider-items .slick-track { margin-left: 0 !important; margin-right: 0 !important; } .top-mv-slider-item a { display: flex; overflow: hidden; padding: 10px; } .top-mv-slider-item__img img{ width: 100%; } .top-mv-slider-item__img { position: relative; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 47%; margin-right: 20px } .top-mv-slider-item__img span{ position: absolute; top: 0; left: 0; color: #333; letter-spacing: 1.7px; width: 30%; text-align: center; background-color: rgb(255, 255, 255,0.7); } .top-mv-slider-item__cont { padding-top: 3%; overflow: hidden; color: #333; font-size: 15px; font-weight: bold; letter-spacing: 1.7px; } .top-mv-slider-item__cont p{ margin-bottom: 0; } /* animation setting */ .top-mv-slider-item { -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } /* slick-current */ .top-mv-slider-item.slick-current { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .slick-current .top-mv-slider-item { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } @media (max-width: 767px) { #top-mv{ width: 90%; margin: 0 auto; } .top-mv-slider-item__cont{ padding: 20px; } } @media (max-width: 700px){ #top-mv{ width: 96%; } .top-mv-slider-item a{ padding: 5px; } .top-mv-slider-item__cont{ font-size: 13px; font-weight: normal; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; letter-spacing: normal; } } @media (max-width: 500px){ .top-mv-slider-item__cont{ font-size: 10px; } .top-mv-slider-item__img{ /* width: 50%; */ float:none; width:100%; margin-right:0; } .top-mv-slider-item__img span{ font-size: 10px; } .js-container--top{ margin-top: 40px; margin-bottom: 30px; } } /* 動く広告バナー 終わり*/