@charset "utf-8";
/* CSS Document */
/*personal_data お客さまの声全般のスライダー用css*/



/* ページ読み込み時に、一瞬縦並びになるのを防止 */
    .slider {
      opacity: 0;
      transition: .4s;
}
/* slick-initializedが付与されたら、フェード表示 */
    .slider.slick-initialized {
      opacity: 1;
}	


.personal_data.slider {
  width: 100%;
  margin: 5px auto 0px;
}
.personal_data .slick-slide {
  margin: 0px 8px;
}

.data_inside .tb_inner {
    width: 100%;
	padding: 10px 10px 10px 10px;
}

.personal_data .slick-slide img:hover {}
.personal_data .slick-prev:before, .personal_data .slick-next:before {
  color: #666666;  display: inline-block;
}
.personal_data .slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
}
.personal_data .slick-active {
  opacity: 1;
}
.personal_data .slick-current {
  opacity: 1;
}



.personal_data.slider .slick-track {
  padding: 10px 0 2px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}



.tb_inner .readnext {
    display: flex;
    color: #d3487e;
	width: 180px;	
	height: 40px;
    letter-spacing: 0.1em;
	align-content: center;
	background: #ffffff;
	border-radius: 30px;
	border: solid #d3487e 1px;
	font-size: 16px;
	padding: 6px 10px 10px 40px;
	margin: 20px auto 0;
}

.tb_inner .readnext::after {
	content: "";
	width: 35px;
	height: 30px;
	text-align: center;
	border-radius: 50%;
	display: block;
	margin: 0 auto .5em;
	background: url(/review/img/arrow.png) no-repeat 12px 10px / 20px;
}



/*スライダーは矢印の向きを変える*/
.personal_data.data_inside.slider .readnext::after {
	width: 30px;
    height: 30px;
    background: url(/review/img/right_arrow.png) no-repeat 20px 3px / 8px;
}

/* 3点リーダで消す */
.personal_data.data_inside.slider .more_content{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 制限したい行数が3の場合 */
  -webkit-text-overflow: ellipsis; /* Safari用 */
  -o-text-overflow: ellipsis; /* Opera用 */
  overflow: hidden;
  text-overflow: ellipsis;
}



@media screen and (min-width:768px){
	.personal_data.data_inside.slider table.spec_all td.td_long{
		width: 70%!important;
	}
	.personal_data.data_inside.slider .tb_inner {
		width: 95%;
		height: auto;
		padding: 40px 25px 40px 25px;	
	}
	.personal_data.data_inside .long_txt {
    font-size: 17px;
	}
}


@media screen and (max-width:767px){
	
	.personal_data.data_inside.slider .tb_inner{
		width: 98%!important;
		height: auto;
		padding: 40px 10px 20px 10px;		
	}

	.personal_data.data_inside.slick-slide.slick-current.slick-active{
		width: 300px!important;
	}
	
	.personal_data.data_inside.slider .spec_all dl.spec {
        font-size: 3.8vw;
		margin-left: 0px;
    }
	
    .personal_data.data_inside.slider table.spec_all td.img {
        padding: 0px;
		width: 22%;
		margin-right: 5px;
	}
	
	.personal_data.data_inside.slider .spec_all dl.spec dt {
        padding: 4px 4px;
        width: 22vw;
        margin-bottom: 12px;
        margin-left: 10px;
		font-size: 3.5vw;
	}	
    .personal_data.data_inside.slider table.spec_all td.img img.person {
		width: 100%;
		margin-left: 0px;
	}	
	
    .personal_data.data_inside.slider .spec_all .display_flex {
		margin-right: 0px;
	}
    .personal_data.data_inside.slider .long_txt {
        padding: 0px 0px;
		/*font-feature-settings: "palt";*/
		font-size: 3.8vw;
		letter-spacing: 1px;
		margin-top: -10px;
    }	
	
	.tb_inner .readnext {
		width: 60%;	
		height: 40px;
		font-size: 4vw;
		padding: 6px 10px 10px 30px;
		margin: 20px auto 0;
	}
	/* 3点リーダで消す */
	.personal_data.data_inside.slider .more_content{
  	-webkit-line-clamp: 2; /* 制限したい行数が3の場合 */
	}	
}


@media only screen and (max-width:320px){
}

@media only screen and (min-width:376px) and  (max-width:414px){
}

@media screen and (max-width: 767px) {
}