/***********************************************************************************************************************

modelroom.css

***********************************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');



.mx1000{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}

.sec_mr{
	position: relative;
	margin: 5% 0 0;
}



@media screen and (max-width: 767px) {
.sec_mr{
	margin: 8% 0 0;
}
}



/*** hd **********************************/
.hd{
	position: relative;
}
.hd figure{
	position: relative;
}
.hd figure figcaption{
	position: absolute;
	right: 0.5em;
	bottom: 0.5em;
	color: #fff;
	text-align: right;
}
.hd img{
	width: 100%;
	height: auto;
}
.hd .pc{}
.hd .sp{ display: none;}


@media screen and (max-width: 767px) {
.hd .pc{ display: none;}
.hd .sp{ display: block;}
}



/*** h1〜  **********************************/
h1.h1_ttl{
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 96%;
	font-size: 26px;
	font-size: clamp(15px, 2.6vw, 26px);
	color: #fff;
	text-align: center;
}
h1.h1_ttl .en{
	display: block;
	font-size: 180%;
	font-family: "Cinzel", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.15em;
}
h1.h1_ttl .jp{
	display: inline-block;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #fff;
}

h2.h2_ttl{
	font-size: 32px; /*36px*/
	font-size: clamp(22px, 3.2vw, 32px); /* clamp(22px, 3.6vw, 36px) */
	font-weight: 500;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	margin-bottom: 1.5em;
}

h3.h3_ranking{
	font-size: 26px; /*24px*/
	font-size: clamp(20px, 2.6vw, 26px); /*clamp(20px, 2.4vw, 24px)*/
	font-weight: 500;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: 0.05em; /*0.1em*/
	color: #2f4571;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: 1px solid #000;
}

p.p_lead{
	font-size: 18px;
	font-size: clamp(16px, 1.8vw, 18px);
	line-height: 2em;
	text-align: center;
}

.clr_fff{
	color: #fff;
}
.shadow{
	text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000;
}



@media screen and (max-width: 767px) {
p.p_lead{
	text-align: justify;
}
p.p_lead .resp_autowrap{
	display: inline;
}
}




/*** slick **********************************/
.mr_slide_wrap {
width: 100%;
}

.mr_slide_wrap .thumbnail {
	line-height: 0;
	margin-right: 1px; /*見切れ対策*/
}

.mr_slide_wrap .thumbnail .slick-track {
transform: unset !important;
}

/*.mr_slide_wrap .thumbnail div {
width: 100%;
}
*/
.mr_slide_wrap .thumbnail .slick-slide {
	margin: 0 4px 0 0;
}

.mr_slide_wrap .thumbnail-img {
	position: relative;
	width: 100%;
	cursor: pointer;
	margin: 0;
	background-color: #000;
}

.mr_slide_wrap .thumbnail-img .slide_text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
	font-size: 12px;
	font-size: clamp(10px, 1.2vw, 12px);
	line-height: 1.4em;
	color: #fff;
	text-align: center;
}

.mr_slide_wrap .thumbnail-img .slide_img {
opacity: 0.5;
transition: opacity .3s linear;
cursor: pointer;
}

.mr_slide_wrap .thumbnail .slick-current .thumbnail-img::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: calc(100% - 4px);
	height:  calc(100% - 4px);
	border: 2px solid #54c3f1;
}

.mr_slide_wrap .thumbnail .slick-current .thumbnail-img .slide_img {
opacity: 1;
}

.mr_slide_wrap .thumbnail .slick-current .thumbnail-img .slide_text {
display: none;
}

.slider{
	position: relative;
	margin-bottom: 2em;
}

.mr_slide_wrap .slick-img {
width: 100%;
position: relative !important;
}

.mr_slide_wrap .slick-img .slide_text{
	position: absolute;
	z-index: 10;
	right: 0.6em;
	bottom: 0.6em;
	font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
	font-size: 34px;
	font-size: clamp(14px, 3.4vw, 34px);
	color: #fff;
	text-shadow: 0 0 7px rgba(0,0,0,0.7), 0 0 7px rgba(0,0,0,0.7);
	margin: 0;
	padding: 0;
	line-height: 1;
/*width: 100%;*/
	opacity: 0;
	transform: translateY(-10px);
}

.mr_slide_wrap .slick-img .slide_text.posi_left{
	right: 50%;
	padding-right: 0.6em;
}


.mr_slide_wrap .slider .slick-current .slick-img .slide_text{
animation: 1s SlideText ease-in-out forwards;
}


@keyframes SlideText{
0%{
opacity: 0;
transform: translateY(-10px);
}

100%{
opacity: 1;
transform: translateY(0);
}
}


.slider .slide-arrow {
top: 50%;
transform: translateY(-50%);
position: absolute;
width: 23px;
height: 73px;
font-size: 0;
line-height: 0;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: #333;
transition : all 0.5s ease 0s;
z-index: 100;
}

.slider .prev-arrow {
left: 1%;
}
.slider .next-arrow {
right: 1%;
}

.slider .slide-arrow img {
filter: drop-shadow(0 0 10px #666);
}



@media screen and (max-width : 767px) {
.slider .slide-arrow {
width: 18px;
height: 43px;
}
.slider .prev-arrow {
left: 3%;
}
.slider .next-arrow {
right: 3%;
}
/*.slider .slide-arrow span {
width: 9.1px;
height: 16.1px;
}

.slider .slide-arrow span:before,
.slider .slide-arrow span:after {
width: 12px;
height: 2px;
}*/

.mr_slide_wrap .thumbnail .slick-list {
display: flex !important;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap !important;
width: 100%;
}

.mr_slide_wrap .thumbnail .slick-track {
display: flex !important;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap !important;
width: 100%;
}

.mr_slide_wrap .thumbnail .slick-slide {
	width: 31.3333333% !important;
	padding: 0 0 0 0;
	margin: 2% 1% 0!important;
}
}





/*************************************************************************************
*************************************************************************************

print

*************************************************************************************
**************************************************************************************/

@media print {

}