@charset "UTF-8";
/* modelroom */

#modelroom .sec_lead{
	margin-bottom: 40px;
}

/* slide */

.inner{
	max-width: 1000px;
	/* padding: 0 10px; */
	margin: 0 auto 0px;
}

.slide {
	margin-top: 60px;
}

.slide .item{
	position: relative;
}
.slide .item .cap{
	position: absolute;
    right: 5px;
    bottom: 5px;
    color: #fff;
    text-shadow: 0px -1px 5px rgba(0,0,0,90%);
	font-size: 15px;
}
.slide .item .cap2{
	right: 73%;
}
.slide .item .cap3{
	right: 36%;
}
.slide .item .cap4{
	right: 51%;
}

.slide-navigation .item{
	position: relative;
}
.slide-navigation .item .cap{
	position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    text-shadow: 0px -1px 5px rgba(0,0,0,90%);
	font-size: 10px;
}
.slide-navigation .item .cap2{
	transform:translateX(-100%);
	right: 20%;
}
.slide-navigation .item .cap3{
	right: 32%;
}

.slick-initialized .slick-slide{
	opacity: 0;
	transition-duration: 0.6s;
}
.slick-initialized .slick-slide.slick-current{
	opacity: 1;
}
.slide-navigation{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	flex-wrap: wrap;
}
.slide-navigation li{
	/* width: 16%; */
	width: 13.8%;
	background: #000;
	cursor: pointer;
	/* margin-bottom: 3%; */
}

.slide-navigation li img{
	opacity: 0.4;
	transition-duration: 0.6s;
}
.slide-navigation li img:hover{
	opacity: 1;
}
.slide-navigation li.thumbnail-current img{
	opacity: 1;
}
.slide-up{
	opacity: 0;
	transform: translate(0%,-50%);
	transition-duration: 0.4s;
}
.slide-up.is-show{
	opacity: 1;
	transform: translate(0%,0%);
}
.slide-up-in{
	transform: translate(0%,-10%);
	transition-duration: 0.8s;
	opacity: 0;
}
.slide-up-in.is-show{
	transform: translate(0%,0%);
	opacity: 1;
}
.cap.textright {
    text-align: right;
}

@media (max-width: 1000px){
  .slide-navigation{
  flex-wrap: wrap;
  margin-top: 15px;
  justify-content: flex-start;
  gap: 1%;
}
.slide-navigation::after{
  width: 49.5%;
  content: "";
}
.slide-navigation li{
  width: 24%;
  margin-bottom: 5px;
}
.slide .item .cap{
  font-size: 13px;
}
.slide-navigation .item .cap2{
	right: 30%;
}
.slide-navigation .item .cap3{
	right: 35%;
}
}
@media(max-width:767px){
.slide-navigation li{
      width: 49%;
}
.slide-navigation {
	justify-content: space-between;
	gap: initial;
}
.slide .item .cap{
      font-size: 10px;
}
.slide .item .cap2{
	font-size: 10px;
}
.slide .item .cap3 {
	font-size: 10px;
}
.slide .item .cap4 {
	font-size: 10px;
}
}

/* slide02 */
.slide02 {
	/*margin-top: 60px;*/
}

.slide02 .item02{
	position: relative;
}
.slide02 .item02 .cap{
	position: absolute;
    right: 5px;
    bottom: 5px;
    color: #fff;
    text-shadow: 0px -1px 5px rgba(0,0,0,90%);
	font-size: 15px;
}

.slide02 .item02 .cap2{
	right: 73%;
}
.slide02 .item02 .cap3{
	right: 36%;
}

.slide02 .item02 .cap4{
	right: 51%;
}


.slide-navigation02 .item02{
	position: relative;
}
.slide-navigation02 .item02 .cap{
	position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    text-shadow: 0px -1px 5px rgba(0,0,0,90%);
	font-size: 10px;
}

.slide-navigation02 .item02 .cap3{
	right: 35%;
}

.slide-navigation02 .item02 .cap4{
	right: 51%;
}

.slide-navigation02{
	display: flex;
    justify-content: space-between;
    justify-content: flex-start;
    margin-top: 20px;
    gap: 0.5%;
    flex-wrap: wrap;
}
.slide-navigation02 li{
	/* width: 16%; */
	/* width: 24%; */
	width: 13.8%;
	background: #000;
	cursor: pointer;
	/* margin-bottom: 3%; */
}

.slide-navigation02 li img{
	opacity: 0.4;
	transition-duration: 0.6s;
}
.slide-navigation02 li img:hover{
	opacity: 1;
}
.slide-navigation02 li.thumbnail-current img{
	opacity: 1;
}

@media (max-width: 1000px){
  .slide-navigation02{
  flex-wrap: wrap;
  gap: 1%;
  margin-top: 15px;
}
.slide-navigation02::after{
  width: 49.5%;
  content: "";
}
.slide-navigation02 li{
  width: 24%;
  margin-bottom: 5px;
}
.slide02 .item02 .cap{
  font-size: 13px;
}
}
@media(max-width:767px){
.slide-navigation02 li{
      width: 49%;
}
.slide-navigation02 {
	gap: 2%;
}
.slide02 .item02 .cap{
      font-size: 10px;
}
.slide02 .item02 .cap2{
	font-size: 10px;
}
.slide02 .item02 .cap3 {
	font-size: 10px;
}
.slide02 .item02 .cap4 {
	font-size: 10px;
}
}

@media(max-width:650px){
.slide02 {
	margin-top: 40px;
}
}

/* modelroom END*/