@charset "UTF-8";

/*----------------------------------------

modelroom

-----------------------------------------*/

#content.inner .content {
  padding-bottom: 140px;
}
#content.inner .content .lead {
  font-size: 34px;
  text-align: center;
  line-height: 1.6em;
  letter-spacing: 0.1em;
  margin-top: 65px;
}
#content.inner .content .lead sup {position: relative;font-size: 13px;letter-spacing: 0;display: inline-block;top: -30px;margin-right: -18px;}
#content.inner .content .detail {width: 1080px;margin: 90px auto 0 auto;}
#content.inner .content .detail .box {display: flex;align-items: center;}
#content.inner .content .detail .box .text {width: calc(100% - 650px);position: relative;font-size: 28px;text-align: center;color: #fff;}
#content.inner .content .detail .box .text::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	background: url(../img/bg.webp);
	height: 100%;
}
#content.inner .content .detail .box .img {
	position: relative;
	width: 650px;
}
#content.inner .content .detail .box .img p {
    position: absolute;
    left: 22px;
    line-height: 1em;
    font-size: 30px;
    color: #fff;
    bottom: 20px;
    text-shadow: 0 0 3px #00000069;
    letter-spacing: 0.2em;
}
#content.inner .content .gallery {
  width: 94%;
  max-width: 1000px;
  margin: 110px auto 0 auto;
}
#content.inner .content .gallery h2 {
  font-size: 26px;
  letter-spacing: 0.4em;
  margin-bottom: 26px;
  display: flex;
  align-items: center;
}
#content.inner .content .gallery h2 span {display: block;background: #bc0101;color: #fff;font-size: 12px;letter-spacing: 0.2em;text-indent: 0.2em;line-height: 1em;padding: 4px 4px;margin-left: 10px;}

#content.inner .content .gallery .slider {
    width: 100%;
    margin: 40px auto 0 auto;
}
#content.inner .content .gallery .slider .slide {
    position: relative;
}
#content.inner .content .gallery .slider .slide.limited::after {
	content: "限定公開";
	position: absolute;
	right: 18px;
	line-height: 1em;
	font-size: 25px;
	color: #fff;
	top: 18px;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	background: #bc0201;
	padding: 6px 13px;
	font-size: 18px;
	border: 1px solid #fff;
}
#content.inner .content .gallery .slider .slide img {}
#content.inner .content .gallery .slider .slide p {
    position: absolute;
    left: 22px;
    line-height: 1em;
    font-size: 30px;
    color: #fff;
    bottom: 17px;
    text-shadow: 0 0 3px #00000069;
    letter-spacing: 0.1em;
}
#content.inner .content .gallery .slider .slide p.black {
    color: #000;
    text-shadow: none;
}
#content.inner .content .gallery .slider_thumbnail {
    width: 100%;
    margin: 10px auto 0 auto;
}
#content.inner .content .gallery .slider_thumbnail.busy {
	pointer-events: none;
}
#content.inner .content .gallery .slider_thumbnail .slick-list {
    display: block;
}
#content.inner .content .gallery .slider_thumbnail .slick-track {
    display: flex;
    gap: 10px 10px;
    justify-content: center;
    flex-wrap: wrap;
    transform: none !important;
    width: 100% !important;
    box-sizing: border-box;
}
#content.inner .content .gallery .slider_thumbnail .slick-track::before,
#content.inner .content .gallery .slider_thumbnail .slick-track::after {
    display: none;
}
#content.inner .content .gallery .slider_thumbnail .slide {
    position: relative;
    width: calc((100% - 60px) / 7) !important;
    overflow: hidden;
}
#content.inner .content .gallery .slider_thumbnail .slide.slick-cloned {display: none;}
#content.inner .content .gallery .slider_thumbnail .slide img {
    object-fit: cover;
    width: 100%;
}
#content.inner .content .gallery .slider_thumbnail .slide.wide img {
	transform: scale(2.4);
}
#content.inner .content .gallery .slider_thumbnail .slide p {
    position: absolute;
    left: 0;
    line-height: 1em;
    font-size: 12px;
    color: #fff;
    bottom: 0;
    display: flex;
    width: 100%;
    height: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #5d514ad9;
    transition: all ease 0.3s;
    letter-spacing: 0;
}
#content.inner .content .gallery .slider_thumbnail .slide.slick-current p {
    opacity: 0;
}
#content.inner .content p.note {
    width: 1040px;
    margin: 50px auto 0 auto;
    font-size: 11px;
    line-height: 1.5em;
}

@media screen and (max-width: 768px) {
  
  #content.inner .content {
    padding-bottom: 40px;
  }
  #content.inner .content .lead {
    font-size: 17px;
    text-align: center;
    line-height: 1.6em;
    letter-spacing: 0.1em;
    margin-top: 40px;
  }
  #content.inner .content .lead sup {position: relative;font-size: 8px;letter-spacing: 0;display: inline-block;top: -15px;margin-right: -10px;}

  #content.inner .content .gallery {
    width: 86%;
    max-width: 1000px;
    margin: 56px auto 0 auto;
  }
  #content.inner .content .gallery h2 {
    font-size: 16px;
    letter-spacing: 0.3em;
    margin-bottom: 14px;
  }
  #content.inner .content .gallery h2 span {
	}
	#content.inner .content .gallery .slider {
		width: 100vw;
		margin: 20px auto 0 auto;
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
	}
	#content.inner .content .gallery .slider .slide {
		position: relative;
	}
	#content.inner .content .gallery .slider .slide.limited::after {
	font-size: 12px;
	padding: 4px 7px;
	right: 13px;
	top: 15px;
	}
	#content.inner .content .gallery .slider .slide img {}
	#content.inner .content .gallery .slider .slide p {
		position: absolute;
		left: 8px;
		line-height: 1em;
		font-size: 15px;
		color: #fff;
		bottom: 8px;
	}
	#content.inner .content .gallery .slider .slide p.black {
		color: #000;
	}
	#content.inner .content .gallery .slider_thumbnail {
		width: 100%;
		margin: 25px auto 0 auto;
	}
	#content.inner .content .gallery .slider_thumbnail .slick-list {
		display: block;
	}
	#content.inner .content .gallery .slider_thumbnail .slick-track {
		display: flex;
		gap: 6px 6px;
		justify-content: center;
		flex-wrap: wrap;
	}
	#content.inner .content .gallery .slider_thumbnail .slick-track::before,
	#content.inner .content .gallery .slider_thumbnail .slick-track::after {
		display: none;
	}
	#content.inner .content .gallery .slider_thumbnail .slide {
		position: relative;
		width: calc((100% - 20px) / 4) !important;
	}
	#content.inner .content .gallery .slider_thumbnail .slide img {
		object-fit: cover;
		width: 100%;
		height: 50px;
	}
	#content.inner .content .gallery .slider_thumbnail .slide p {
		position: absolute;
		left: 0;
		line-height: 1em;
		font-size: 10px;
		color: #fff;
		letter-spacing: 0.05em;
		bottom: 0;
		display: flex;
		width: 100%;
		height: 100%;
		text-align: center;
		align-items: center;
		justify-content: center;
		background: rgba(0, 0, 0, 0.6);
		transition: all ease 0.3s;
	}
	#content.inner .content .gallery .slider_thumbnail .slide.slick-current p {
		opacity: 0;
	}
	#content.inner .content p.note {
	    width: auto;
	    margin: 30px auto 0 auto;
	    font-size: 10px;
	    line-height: 1.5em;
	}
	
}