/* Slider */
#indexSlider {width: 100%; margin: 0 auto 0; padding: 0 0;}
#indexSlider .Cnt {min-width: 990px; max-width: 1180px; margin:0 auto 60px; letter-spacing: 1px;}
@media only screen and (min-width:801px) and (max-width:989px) {
#indexSlider .Cnt {min-width: 100%; max-width: 100%;}
}

@media screen and (max-width: 800px) {
#indexSlider .Cnt {min-width: 100%; max-width: 100%;}
}


#indexSlider figure {}
#indexSlider .salonName {width: 100%;box-sizing: border-box; text-align: center;height: 50px; font-weight: bold;border-bottom: 1px solid #f2f2f2;display: table;background: url("../img/arrow.png") no-repeat 100% 50%; background-size: 12px;}
#indexSlider .salonName figure {float: left; width: 20%;display: table-cell;}
#indexSlider .salonName .name {float: right; width: 76%;text-align: left;display: table-cell;line-height: 1.2}
#indexSlider .salonName .name span {display: block;font-size: 8px;color: rgba(172,172,172,1.00)}
#indexSlider li.links {background: #fff; -webkit-transition: 0.9s ease; transition: 0.9s ease;border: 2px solid rgba(180,180,180,.50);padding: 10px;border-radius: 6px; box-sizing: border-box;margin-bottom: 20px;}
#indexSlider li.links:hover{-webkit-transition: 0.5s ease; transition: 0.5s ease;opacity: 0.8;}
#indexSlider li.links a {color: #262626;outline:none;}
#indexSlider li.links:hover a {}
#indexSlider li.links:hover .says {color: rgba(38,38,38,1.00)}


/* balloon */
#indexSlider .balloon { width: 100%; margin:20px 0 0; overflow: hidden;}
#indexSlider .balloon .faceicon {float: left; margin-right: -70px; width: 60px; height: 60px; overflow: hidden;border: solid 3px #E7E7E7; border-radius: 50%;}
#indexSlider .balloon .faceicon p{font-size: 10px;text-align: center;margin-top:10px;position: absolute;width: 60px;}
#indexSlider .says {display: inline-block; position: relative; margin: 5px 0 0 73px; padding: 10px; border-radius: 12px; background:#E7E7E7;border: 3px solid #E7E7E7;font-size: 14px;}
#indexSlider .says:before {content: "";position: absolute;top: 32px; left: -8px;margin-top: -14px;display: block;width: 0px;height: 0px;border-style: solid;border-width: 9px 9px 9px 0;border-color: transparent #E7E7E7 transparent transparent;z-index: 2;}
#indexSlider .says:after {content: "";position: absolute;top: 32px; left: -12px;margin-top: -14px;display: block;width: 0px;height: 0px;border-style: solid;border-width: 10px 10px 10px 0;border-color: transparent #E7E7E7 transparent transparent;z-index: 1;}
#indexSlider .says p {margin: 0;padding: 0;}


* {box-sizing: border-box;}
.slider {width: 100%; margin: 0 auto;}
.slick-slide {margin: 0px 10px;}
.slick-slide img {width: 100%; height: auto;}
.slick-prev:before,
.slick-next:before {color: black;}
.slick-slide {transition: all ease-in-out .3s; opacity: .2;}
.slick-active {opacity: .7;}
.slick-current {opacity: 1;}

@media screen and (max-width: 727px) {
#indexSlider {margin: 39px auto 0;}
#indexSlider .title {height: 54px;padding: 2%;font-size: 14px;}
.slick-slide {margin: 0px 5px;}
}
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; /*height: 100%;*/ height: auto; min-height: 1px;}
.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-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 54px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;z-index: 3;}
.slick-prev {background: url(../img/slider-prev.png) no-repeat; background-size: 100%;}
.slick-next {background: url(../img/slider-next.png) no-repeat; background-size: 100%;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color: transparent; outline: none; /*background: transparent;*/}
.slick-prev.slick-disabled, .slick-next.slick-disabled {background: none;}
.slick-prev {left: 0;}
.slick-next {right: 0;}
.slick-slide .image{padding:10px;}
.slick-slide img{display:block;width:100%;}
.slick-slide img.slick-loading{border:0 }
.slick-slider{margin:0 auto;}
.slick-slide{/*height: 189px;*/ overflow: hidden;}
.slider .photo {border: 5px solid #fff; position: relative; min-height: 200px;}
.slider .photo.last {border: 5px solid #fff; position: relative; min-height: 200px;background: url(../img/bg-linkTxt.jpg) repeat;}
.slider .photo.last img {opacity: 0;}
.slider .photo.Hv:hover {opacity: 0.7;}
.slider .linkTxt {position: absolute;top:0;bottom:0; left:0;right:0;width: 100%; height: 100%; text-align: center; background: url(../img/bg-linkTxt.jpg) repeat;}
.slider .linkTxt a {font-weight: bold; position: relative; top:37%; text-decoration: underline; color: #FC5267}
/*
@media screen and (max-width: 768px) {.slick-slide{/*height: 217px; overflow: hidden;}.slider .linkTxt a {font-size: 12px;}}
@media screen and (max-width: 480px) {.slick-slide{/*height: 190px; overflow: hidden;}}
@media screen and (max-width: 414px) {.slick-slide{/*height: 182px; overflow: hidden;}}
@media screen and (max-width: 375px) {.slick-slide{/*height: 165px; overflow: hidden;}}
@media screen and (max-width: 320px) {.slick-slide{/*height: 141px; overflow: hidden;}}
*/