/* ---------------------------------------
TOP　カルーセルスライダー  設定new!
-----------------------------------------*/

.mv-slider {
	padding: 30px 0 10px 0;
 margin-bottom: 0
}

.mv-slider .slick-next, .mv-slider .slick-prev {
 display: none !important
}
.mv-slider .slick-dots {
 bottom: 20px
}
@media screen and (max-width:767px) {
.mv-slider {
	padding: 20px 0 10px 0;
 margin-bottom: 0
}
 .mv-slider .slick-dots {
  display: none !important
 }
}
.mv-slider .slick-dots li {
 margin: 0 8px
}
.mv-slider .slick-dots li button {
 width: 14px;
 height: 14px;
 border-radius: 50%;
 background: #fff;
 border: none
}
.mv-slider .slick-dots li button:after, .mv-slider .slick-dots li button:before {
 display: none
}
.mv-slider .slick-dots li.slick-active button {
 background: #187fc4
}

.mv-slider .main-slider-image {
  outline: none;
  margin: 0;
}
.mv-slider .main-slider-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover";
}

/* ------------------------------
　　カルーセル/スライダー
------------------------------ */

.fix-height {
height: 300px;
overflow: hidden;
}
.slick-slide:hover {
cursor: pointer;
}
.slick-list:focus {
position: relative;
}
.slick-list:focus:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px dotted #00C2FF;
z-index: 1;
}

.main-slider-image {
height: 300px;
background: no-repeat center #333;
background-size: cover;
}
.main-slider-image a:hover {
text-decoration: none;
}
.main-slider-text-outer {
height: 100%;
}
.main-slider-text-wrap {
display: table;
width: 100%;
height: 100%;
}
.main-slider-text-inner {
display: table-cell;
padding: 20px 0px 0;
text-align: center;
vertical-align: top;
}
.main-slider-main-copy {
font-size: 24px;
line-height: 1.6;
margin: 5px;
padding-top: 80px;
font-weight : bold;
color : #FFF;
display : inline-block;
text-shadow: 1px 1px 5px #222222,  -1px 1px 5px #222222,  1px -1px 5px #222222,  -1px -1px 5px #222222;
}

.main-slider-side-copy {
margin: 0px;
color: #ffffff;
font-size: 15px;
font-weight: bold;
text-shadow: 1px 1px 3px #222222,  -1px 1px 3px #222222,  1px -1px 3px #222222,  -1px -1px 3px#222222;
}


.slick-track, .slick-list {
-webkit-transform: translateZ(0);
-webkit-perspective: 1000;
}

@media screen and (min-width: 1024px) {

 .fix-height {
 height: 500px;
}
 .main-slider-image {
 height: 500px;
}
 .main-slider-text-inner {
vertical-align: top;
text-align: center;
padding: 60px 5px 0;
}
.main-slider-main-copy {
font-size: 33px;
padding-top: 100px;
}
.main-slider-side-copy {
font-size: 16px;
padding-top: 10px;
}
}


 @media (min-width: 768px) and (max-width: 1023px) {
 .fix-height {
height: 300px;
}
.main-slider-image {
height: 300px;
}
 .main-slider-main-copy {
 font-size: 24px;
 padding-top: 70px;
}
 .main-slider-side-copy {
display:none;
}
}

@media (min-width: 360px) and (max-width: 767px) {
.main-slider-text-inner {
text-align: center;
padding: 20px 5px 0;
}
.fix-height {
height: 200px;
}
.main-slider-image {
height: 200px;
}
 .main-slider-main-copy {
 font-size: 15px;
 padding-top: 50px;
}
 .main-slider-side-copy {
display:none;
}
}

@media screen and (max-width: 359px) {
.fix-height {
height: 170px;
}
.main-slider-image {
height: 170px;
}
 .main-slider-main-copy {
 font-size: 14px;
 padding-top: 35px;
}
 .main-slider-side-copy {
display:none;
}
.main-slider-btn {
display:none;
}
}

/* ====================================================
ピックアップ情報（トップ用）のslickスライダー
==================================================== */

.pickup-items {
 margin: 0 -7px;
 padding: 0
}

@media screen and (max-width:1210px) {
 .pickup-items {
  padding: 0 20px
 }
}


.pickup-items .item__img {
  margin-bottom: 15px;
}

.pickup-items .item__img:hover {
  opacity: 0.75;
}

@media screen and (max-width: 767px) {
.pickup-items .item__img {
    margin-bottom: 9px;
  }
}


.pickup-items .slick-next, .pickup-items .slick-prev {
 width: 36px;
 height: 36px;
 margin: 0;
 top: 50%;
 transform: translateY(-50%)
}
@media screen and (max-width:1210px) {
 .pickup-items .slick-next, .pickup-items .slick-prev {
  width: 30px;
  height: 30px
 }
}
.pickup-items .slick-next:before, .pickup-items .slick-prev:before {
 display: none
}
.pickup-items .slick-prev {
 background: url(../images/common/arrow-left-03.png) no-repeat;
 background-size: 100%;
 left: -39px
}

@media screen and (max-width:1210px) {
 .pickup-items .slick-prev {
  left: -8px
 }
}
.pickup-items .slick-next {
 background: url(../images/common/arrow-right-03.png) no-repeat;
 background-size: 100%;
 right: -35px
}
@media screen and (max-width:1210px) {
 .pickup-items .slick-next {
  right: -8px
 }
}


.pickup-items .slick-dots {
 bottom: -47px
}
@media screen and (max-width:834px) {
 .pickup-items .slick-dots {
  display: none !important
 }
}
.pickup-items .slick-dots li {
 margin: 0 5px
}
.pickup-items .slick-dots li button {
 width: 15px;
 height: 15px;
 border-radius: 50%;
 background: #fff;
 border: none
}
.pickup-items .slick-dots li button:after, .pickup-items .slick-dots li button:before {
 display: none
}
.pickup-items .slick-dots li.slick-active button {
 background: #187fc4
}
.pickup-items .item {
 margin: 0;
 padding: 0 7px
}
.pickup-items .item a {
 display: block;
	position: relative;
}

.pickup-items .slick-list:before {
  display: none;
}