.container {
	padding-top: 104px;
}
@media screen and (max-width: 767px) {
	.container {
		padding-top: 70px;
	}
}

.modelroom .img-wrapper .caption.has-bg {
	left: auto;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	padding: 0.4em 0.6em;
	margin: 0;
}
.modelroom .secondary-heading-en {
	font-size: 26px;
	margin-bottom: 1.4em;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
	.modelroom .secondary-heading-en {
		font-size: 2.2rem;
		margin-bottom: 1.8em;
	}
}
.modelroom .secondary-heading {
	font-size: 28px;
	margin-bottom: 1.6em;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
	.modelroom .secondary-heading {
		font-size: 2rem;
	}
}
.modelroom .secondary-heading span {
	font-size: 150%;
}
.modelroom .access-lead {
	font-size: 16px;
	margin-bottom: 140px;
	line-height: 2.2;
}
@media screen and (max-width: 767px) {
	.modelroom .access-lead {
		margin-bottom: 50px;
		font-size: 3.6vw;
	}
}
.modelroom-mv {
	z-index: 1;
	position: relative;
}
.modelroom-mv .page-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	font-size: 4.2rem;
	color: #fff;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
	.modelroom-mv .page-title {
		font-size: 3.2rem;
        width: 100%;
        text-align: center;
	}
}

.rslides[id^="mr_slider"] {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
}
.rslides[id^="mr_slider"] .slideItem img {
    width: 100%;
    max-width: none;
}
.rslides[id^="mr_slider"] .slideItem small {
    display: block;
    position: absolute;
    top: auto;
    bottom: 3%;
    left: 0;
    right: 2%;
    z-index: 100;
    line-height: 1.4;
    color: #fff;
    font-size: 1.6rem;
    text-align: right;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
    font-family: scotch-display, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .1em;
}
@media screen and (max-width:1049px) {
    .rslides[id^="mr_slider"] .slideItem small {
        font-size: 3.1vw;
    }
}
@media screen and (max-width: 645px) {
    /*{SP}*/
    .rslides[id^="mr_slider"] .slideItem small {
        font-size: 3.8vw;
    }
    #main.modelroom #area2 .inner {
        max-width: none;
        width: 100%;
        margin: 0 auto;
    }
}
/* rslides_nav
----------------------- */
.mr_sliderWrap {
    position: relative;
	padding: 35px 0 0 0;
}
@media (max-width: 767px) {
	.mr_sliderWrap {
		padding: 20px 0 0 0;
    }
}

.mr_sliderWrap .rslides_nav {
    position: absolute;
    z-index: 2;
    opacity: 1;
    transition: all 0.4s;
}
.mr_sliderWrap .rslides_nav.prev {
    left: 4px;
    text-indent: -10000%;
    background: url(../images/modelroom/main_slide_prev.png) center left no-repeat;
}
.mr_sliderWrap .rslides_nav.next {
    right: 4px;
    text-indent: -10000%;
    background: url(../images/modelroom/main_slide_next.png) center right no-repeat;
}
.mr_sliderWrap .rslides_nav:hover {
    opacity: 0.5;
    transition: all 0.4s;
}
@media print,
screen and (min-width: 1051px) {
    /*{overPCl}*/
    .mr_sliderWrap .rslides_nav {
        top: 36%;
        width: 56px;
        height: 89px;
    }
}
@media print,
screen and (min-width: 841px) and (max-width: 1050px) {
    /*{PCs}*/
    .mr_sliderWrap .rslides_nav {
        top: 31%;
        width: 56px;
        height: 56px;
    }
}
@media screen and (min-width:646px) and (max-width:840px) {/*{TB}*/
    .mr_sliderWrap .rslides_nav {
        top: 28%;
        width: 42px;
        height: 80px;
    }
}
@media screen and (max-width:645px) {/*{SP}*/
    .mr_sliderWrap .rslides_nav {
        top: 25%;
        width: 9%;
        height: 9%;
    }
    .mr_sliderWrap .rslides_nav.prev {
        background: none;
    }
    .mr_sliderWrap .rslides_nav.next {
        background: none;
    }
}
.rslides_nav.next+[class^="mr_slider_tabs"] {
    width: 90%;
}
@media screen and (max-width:480px) {/*{SPs}*/
    .mr_sliderWrap .rslides_nav {
        top: 16%;
    }
}
/* rsTabStyleThumb | ページャ→サムネ(サムネイルにしたい場合はJSの「manualControls」を設定する)
----------------------- */
.rslides_nav.next+.rslides_tabs li {
    display: inline-block;/* 読込遅延の崩れ防止 */
    position: relative;
    height: auto;
    background: #000;
    cursor: pointer;
}
.rslides_nav.next+.rslides_tabs li.rslides_here,
.DEVICEPC .rslides_nav.next+.rslides_tabs li:hover,
.MOBILETABLET .rslides_nav.next+.rslides_tabs li:active,
.MOBILEPHONE .rslides_nav.next+.rslides_tabs li:active {
    box-shadow: 0 0 1px 1px rgba(60, 30, 3, 0.15);
}
.rslides_nav.next+.rslides_tabs li img {
    width: 100%;
    max-width: none;
    height: auto;
    opacity: 0.35 !important;
    transition: opacity 0.4s;
}
.rslides_nav.next+.rslides_tabs li.rslides_here img,
.DEVICEPC .rslides_nav.next+.rslides_tabs li:hover img,/* :hover for devicePC */
.MOBILETABLET .rslides_nav.next+.rslides_tabs li:active img,
.MOBILEPHONE .rslides_nav.next+.rslides_tabs li:active img {/* :active for deviceTB, deviceSP */
    opacity: 1 !important;
}
/* サムネ
------------------------------------*/
.rslides_nav.next+[class^="mr_slider_tabs"] {
    display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
    text-align: left;
    margin: 0 auto !important;
    padding: 1.5% 0;
}
.rslides_nav.next+[class^="mr_slider_tabs"] li {
    background: #000 !important;
    transition: border 0.75s;
}
.rslides_nav.next+[class^="mr_slider_tabs"] li img {
    width: 100%;
    max-width: none;
	vertical-align: bottom;
}
/* -- サイト固有設定 -- */
.rslides_nav.next+[class^="mr_slider_tabs"] li {
    position: relative;
    overflow: hidden;
    /*max-width: 140px;*/

}
.rslides_nav.next+[class^="mr_slider_tabs"] li img {
    width: 245%;
    margin-top: -45%;
    margin-left: -73%;
}
/*サムネ 文字入れ*/
.rslides_nav.next+[class^="mr_slider_tabs"] li span {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    margin: auto;
    text-align: center;
    color: #fff;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.05em;
    -webkit-transform: translate(-50%, -50%);
    font-family: scotch-display, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .08em;
    /*Safari用 */
    transform: translate(-50%, -50%);
    text-shadow: 0px 0px 10px #000, 0px 0px 15px #000, 0px 0px 20px #000;
    pointer-events: none;
}
.DEVICEPC .rslides_nav.next+.rslides_tabs li:hover span,
.rslides_nav.next+.rslides_tabs li.rslides_here span {
    display: none;
}
@media print,
screen and (min-width: 1051px) {
    /*{overPCl}*/
    /* -- サイト固有設定 -- */
    .rslides_nav.next+[class^="mr_slider_tabs"] li {
        width: 15.6%;
        margin-top: 6px;
        margin-left: 0.9%;
        max-height: 94px;
    }
    .rslides_nav.next+[class^="mr_slider_tabs"] li:nth-of-type(10n+1) {
        /*margin-left: 0;*/
    }
}
@media print,
screen and (min-width: 646px) and (max-width: 1050px) {
    /*{TB_PCs}*/
    .rslides_nav.next+[class^="mr_slider_tabs"] li {
        width: 18%;
        margin-top: 1.5%;
        margin-left: 1.33333%;
        max-height: 80px;
    }
    .rslides_nav.next+[class^="mr_slider_tabs"] li:nth-of-type(5n+1) {
        /*margin-left: 0;*/
    }
}
@media screen and (max-width:645px) {
    /*{SP}*/
    /* -- サイト固有設定 -- */
    .rslides_nav.next+[class^="mr_slider_tabs"] li {
        width: 32.2%;
        margin-top: 1.5%;
        margin-left: 1.33333%;
        max-height: 60px;
    }
    .rslides_nav.next+[class^="mr_slider_tabs"] li:nth-of-type(3n+1) {
        margin-left: 0;
    }
    .rslides_nav.next+[class^="mr_slider_tabs"] li span {
        font-size: 1.2rem;
		font-family: 'Cinzel', serif;
    }
}
/*! http://responsiveslides.com v1.55 by @viljamis */
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	}
  
  .rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	}
  
  .rslides li:first-child {
	position: relative;
	display: block;
	float: left;
	}
  
  .rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
	}
.caption-section {
    margin: 0 auto;
	padding: 20px 0;
    width: 90%;
	max-width: 1200px;
	color: #9A9A9A;
}
