/*@mixin nav-on{ background:    -moz-linear-gradient(left,#433f29,#787048); background: -webkit-linear-gradient(left,#433f29,#787048); background:         linear-gradient(to right,#433f29,#787048);
}*/
/*
@mixin reserve-off{ background: #9d1720;
}
@mixin reserve-on{ background: #bf5e65;
}
@mixin sp-reserve-off{ background: #9d1720;
}
@mixin sp-reserve-on{ background: #bf5e65;
}*/
.main { margin-left: auto; margin-right: auto; }

.page-tag { border-right: solid thin #212121; border-top: solid thin #212121; border-bottom: solid thin #212121; color: #212121; position: relative; top: 0; left: 0; margin-top: 4rem; filter: none; }

.intro { margin-bottom: 4rem; }
@media screen and (max-width: 600px) { .intro { margin-bottom: 2rem; } }

.modelroom-contents { width: 100%; margin: auto; overflow: hidden; }
.modelroom-contents .slideshow .img .cap { font-family: 'EB Garamond', serif; font-size: 1.25em; color: #fff; position: absolute; right: 0.375rem; bottom: 0.375rem; text-shadow: 0 0 1px #222,0 0 1px #333,0 0 2px #666,0 0 2px #666; font-feature-settings: "palt"; letter-spacing: 0.05em; }
.modelroom-contents .slideshow .img sup { font-size: 0.8em; }
.modelroom-contents .slideshow .slide-img.kitchen .img .cap { right: 29.1015625%; }
.modelroom-contents .slideshow .slide-img.bath .img .cap:nth-of-type(1) { right: 52.1484375%; }
@media screen and (max-width: 768px) { .modelroom-contents .slideshow .img .cap { font-size: 0.9em; }
  .modelroom-contents .slideshow .img sup { font-size: 0.7em; } }
.modelroom-contents .slick-initialized .slick-slide { margin: 0 auto; }
.modelroom-contents .slick-dots { position: static; width: 100%; margin: 1rem auto 0; }
.modelroom-contents .slick-dots li { width: 9.5652173913%; height: 100%; font-size: 0; background: #333; overflow-y: hidden; margin-bottom: 0.5rem; position: relative; }
.modelroom-contents .slick-dots li img { width: 100%; height: auto; opacity: 0.3; }
.modelroom-contents .slick-dots li:hover, .modelroom-contents .slick-dots li.slick-active { background: #fff; }
.modelroom-contents .slick-dots li:hover img, .modelroom-contents .slick-dots li.slick-active img { opacity: 0.8; }
@media screen and (max-width: 834px) { .modelroom-contents .slick-dots li { width: 25%; } }