@charset "utf-8";

/* ----------------------------------------------------------------------------
	pt-modelroom
---------------------------------------------------------------------------- */
	.pt-modelroom > .container:first-child {
		padding-top: 0;
	}

/* jsTabs_btn
---------------------------------------------------- */
	.tabNavWrap li {
		width: 20%;
	}
	.tabNavWrap li a {
		padding: 0.4em 0.3em;
	}
	.jsTabs_btn li .planCategory {
		display: inline-block;
		font-size: 0.715em;
		margin-left: 0.3em;
	}
	.jsTabs_btn li .planCategory br {
		display: none;
	}
	.jsTabs_btn li .label {
		display: block;
		font-size: 0.65em;
		margin: 0.2em 0 0.1em;
	}
@media screen and (max-width: 900px) { /*{belowTB}*/
	.tabNavWrap li {
		width: 50%;
	}
	.tabNavWrap li:last-child {
		width: 100%;
	}
}
@media screen and (max-width: 480px) { /*{SPs}*/
	.jsTabs_btn li a {
		font-size: 0.92em;
	}
}

/* jsTabs_content
---------------------------------------------------- */

/* rslides (responsiveslides.js, responsiveslides.css)
--------------------------------- */
	.rslides[id^="mr_slider"] .slideItem img {
		width: 100%;
		max-width: none;
	}
	.rslides[id^="mr_slider"]:not(.captionS) .slideItem small { /* 基本small */
		display: block;
		position: absolute;
		top: auto;
		bottom: 3%;
		left: 2%;
		right: 0;
		z-index: 100;
		line-height: 0.8;
		color: #fff;
		font-family:'Crimson Text', serif;
		font-size: 3.7rem;
		text-align: left;
		text-shadow: 1px 1px 7px rgba(0,0,0,0.3);
	}
	.rslides[id^="mr_slider"].captionS .slideItem small { /* 小さいsmall */
		display: block;
		position: absolute;
		top: auto;
		bottom: 0;
		left: 0;
		right: auto;
		z-index: 100;
		line-height: 1.1;
		color: #fff;
		font-family: '游明朝',YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ＭＳ 明朝',serif;
		font-size: 1.8rem;
		text-align: left;
		text-shadow: 1px 1px 7px rgba(0,0,0,0.3);
		padding: 0.65em 0.9em;
		background: rgba(0,0,0,0.55);
		transition: font-size 0.3s, padding 0.3s;
	}
	/* -- Individual -- */
	/* 黒文字 */
	.rslides#mr_slider01 .slideItem:nth-of-type(3) small,
	.rslides#mr_slider01 .slideItem:nth-of-type(4) small,
	.rslides#mr_slider01 .slideItem:nth-of-type(6) small,
	.rslides#mr_slider02 .slideItem:nth-of-type(1) small,
	.rslides#mr_slider03 .slideItem:nth-of-type(3) small {
		color: #221411;
		text-shadow: 1px 1px 7px rgba(255,255,255,0.3);
	}
	/* 右寄せ */
	.rslides#mr_slider05 .slideItem:nth-of-type(1) small,
	.rslides#mr_slider05 .slideItem:nth-of-type(6) small {
		left: 0;
		right: 2%;
		text-align: right;
	}
	/* new, update */
	.tabNavWrap li:nth-of-type(1).newNav a::before {
		content: "NEW";
	}
	.tabNavWrap li:nth-of-type(5).newNav a::before {
		content: "UPDATE";
	}

/* 基本small
----------------------- */
@media screen and (max-width: 1080px) { /*{belowPCs}*/
	.rslides[id^="mr_slider"]:not(.captionS) .slideItem small {
		font-size: 3.41vw;
	}
}
@media screen and (max-width: 600px) { /*{SP}*/
	.rslides[id^="mr_slider"]:not(.captionS) .slideItem small {
		font-size: 4vw;
	}
}
/* 小さいsmall
----------------------- */
@media screen and (max-width: 900px) { /*{belowTB}*/
	.rslides[id^="mr_slider"].captionS .slideItem small {
		font-size: 1.4rem;
		padding: 0.45em 0.9em;
	}
}
@media screen and (max-width: 480px) { /*{SPs}*/
	.rslides[id^="mr_slider"].captionS .slideItem small {
		font-size: 1rem;
		padding: 0.4em 0.5em;
	}
}


/* rslides_nav
----------------------- */
	.mr_sliderWrap {
		position: relative;
	}
	.mr_sliderWrap .rslides_nav {
		position: absolute;
		z-index: 5;
		opacity: 1;
		transition: all 0.4s;
	}
	.mr_sliderWrap .rslides_nav.prev {
		left: 4px;
		text-indent: -200%;
		background: url(../gadget/responsiveslides/img/rs01_slide_prev.png) center left / contain no-repeat;
	}
	.mr_sliderWrap .rslides_nav.next {
		right: 4px;
		text-indent: -200%;
		background: url(../gadget/responsiveslides/img/rs01_slide_next.png) center right / contain no-repeat;
	}
	.mr_sliderWrap .rslides_nav:hover {
		opacity: 0.5;
		transition: all 0.4s;
	}
@media print, screen and (min-width: 901px) { /*{overPCs}*/
	.mr_sliderWrap .rslides_nav {
		top: 30%;
		width: 56px;
		height: 89px;
	}
}
@media screen and (min-width: 601px) and (max-width: 900px) { /*{TB}*/
	.mr_sliderWrap .rslides_nav {
		top: 25%;
		width: 56px;
		height: 89px;
	}
}
@media screen and (max-width: 600px) { /*{SP}*/
	.mr_sliderWrap .rslides_nav {
		top: 18%;
		width: 10%;
		height: 10%;
	}
}


/* rsTabStyleThumb | ページャ→サムネ(サムネイルにしたい場合はJSの「manualControls」を設定する)
----------------------- */
	.rslides + .rslides_tabs li {
		display: inline-block;	/* 読込遅延の崩れ防止 */
		position: relative;
		height: auto;
		background: #000;
		cursor: pointer;
	}
	.rslides + .rslides_tabs li.rslides_here,
	.DEVICEPC .rslides + .rslides_tabs li:hover,
	.MOBILETABLET .rslides + .rslides_tabs li:active,
	.MOBILEPHONE .rslides + .rslides_tabs li:active {
		box-shadow: 0 0 1px 1px rgba(60,30,3,0.15);
	}
	.rslides + .rslides_tabs li img {
		width: 100%;
		max-width: none;
		height: auto;
		opacity: 0.35 !important;
		transition: opacity 0.4s;
	}
	.rslides + .rslides_tabs li.rslides_here img,
	.DEVICEPC .rslides + .rslides_tabs li:hover img,		/* :hover for devicePC */
	.MOBILETABLET .rslides + .rslides_tabs li:active img,
	.MOBILEPHONE .rslides + .rslides_tabs li:active img {	/* :active for deviceTB, deviceSP */
		opacity: 1 !important;
	}
	
	/* サムネ
	------------------------------------*/
	.rslides + [class^="mr_slider_tabs"] {
		display: flex;
		flex-wrap: wrap;
		/*justify-content: space-between;*/
		text-align: left;
		margin: 0 auto !important;
		padding: 1.5% 0;
	}
	.rslides + [class^="mr_slider_tabs"] li {
		background: #000 !important;
		transition: border 0.75s;
	}
	.rslides + [class^="mr_slider_tabs"] li img {
		width: 100%;
		max-width: none;
	}
	/* -- サイト固有設定 -- */
	.rslides + [class^="mr_slider_tabs"] li {
		position: relative;
		overflow: hidden;
		max-width: 134px;
		max-height: 86px;
	}
	.rslides + [class^="mr_slider_tabs"] li img {
		width: 170%;
		margin-top: -30%;
		margin-left: -35%;
	}
@media print, screen and (min-width: 601px) { /*{overTB}*/
	/* -- サイト固有設定 -- */
	.rslides + [class^="mr_slider_tabs"] li {
		width: 13.67347%;
		margin-top: 6px;
		margin-left: 0.714285%;
	}
	.rslides + [class^="mr_slider_tabs"] li:nth-of-type(7n+1) {
		margin-left: 0;
	}
}
@media screen and (max-width: 600px) { /*{SP}*/
	/* -- サイト固有設定 -- */
	.rslides + [class^="mr_slider_tabs"] li {
		width: 24%;
		margin-top: 1.5%;
		margin-left: 1.33333%;
	}
	.rslides + [class^="mr_slider_tabs"] li:nth-of-type(4n+1) {
		margin-left: 0;
	}
}