@charset "utf-8";
	.imgcapkeep.is_imgcapkeep_bottom_right {inset: auto 0 0 auto;}
	.imgcapkeep.is_imgcapkeep_bottom_left {	inset: auto auto 0 0;}
	.imgcapkeep.is_imgcapkeep_top_right {	inset: 0 0 auto auto;}
	.imgcapkeep.is_imgcapkeep_top_left {	inset: 0 auto auto 0;}	
/* =======================================================================================
	COMMON
======================================================================================= */

	.pageThemeHeaderContainer {
		display: block!important;
	}
	.pageThemeHeaderContainer h2.ptHeading{
	  text-align: center;
	}

/* =======================================================================================
	PAGE
======================================================================================= */


/*------------------------------------------------------------------------------ 
共通
------------------------------------------------------------------------------ */
	.equWrap .equItemWrap{
		border: 0px solid #9d977d;
		border-width: 1px 0;
		padding: 2.5em 0;
	}
	.equItemWrap .equItemBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 90%;
		margin: 0 auto;
	}
	.equItemWrap .equItem {
		width: calc(33.333% - 10px);
		position: relative;
		background: #000;
	}
	.equItemWrap .equItem:nth-child(n+4) {
		margin-top: clamp(15px, (15 / 736 * 100vw), 20px);
	  }
	.equItemWrap .equItem .txtUnit {
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		width: 95%;
		color:#eee;
		z-index: 2;
	}
	.equItemWrap .equItem .txtUnit .ttl {
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 18;
		--M-fluidFontSize-max-viewport: 1600;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		line-height: 1;
	}
	.equItemWrap .equItem .expansion {
		border-radius: 10em;
		background: #a09053;
		max-width: 180px;
		width: 100%;
		position: absolute;
		left: 50%;
		bottom: 8%;
		z-index: 3;
		transform: translateX(-50%);
		color: #fff;
	}
	.equItemWrap .equItem .expansion::before {
		content: "";
		display: block;
		position: absolute;
		border-radius: 10em;
		top: 0;
		right: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		background: var(--site-variationColor-gradient_gold);
		opacity: 1;
		transition: opacity .18s ease-out;
	}
	.equItemWrap .equItem .expansion .icon {
	  display: inline-block;
	  width: 30px;
	  margin-left:10px;
	}
	.equItemWrap .equItem .expansion .txt {
	 	margin-left:0.3em;
		margin-right:10px;
		letter-spacing: -0.05em;
	}
	.equItemWrap .equItem .picUnit::after {
		position: absolute;
		display: block;
		content:"";
		top:0;
		left:0;
		width: 100%;
		height:100%;
		background: #000;
		opacity: .7;
		z-index: 1;
		transition: opacity 0.3s ease-in-out 0s;
	}
	.equItemWrap .equItem .imgcapkeep{z-index: 2;}

	@media (hover: hover) and (pointer: fine) {
		.equItemWrap .equItem:hover .picUnit::after {
			opacity: .4;
		}
		.equItemWrap .equItem:hover .expansion::before  {
			opacity: .33;
		}
	}
		.equItemWrap .equItem:focus-visible .picUnit::after {
			opacity: .4;
		}
		.equItemWrap .equItem:focus-visible .expansion::before  {
			opacity: .33;
		}
	
@media screen and (max-width: 1050px) { 	
	.equItemWrap {
		max-width:900px;
		margin-left: auto;
		margin-right: auto;
	}
	.equItemWrap .equItem {
		width: calc(50% - 10px);
		margin-bottom:2px;
		position: relative;
		background: #000;
	}

	.equItemWrap .equItem:nth-child(n+3) {
		margin-top: clamp(15px, (15 / 736 * 100vw), 20px);
	  }
}	
	
@media screen and (max-width: 736px) { /*{SP}*/
	.equItemWrap .equItemBox {
		width: 100%;
		max-width: 400px;
	}
	.equItemWrap .equItem {
		width: 100%;
	}
	.equItemWrap .equItem:nth-child(n+2) {
		margin-top: 15px;
	  }
}	


/* ----------------------------
VENOBOX 設定変更
----------------------------------*/
.vbox-inline { /*インライン読み込み*/
	max-width:700px!important;
	width: 90%!important;
}
.vbox-content > *{
	position:relative;
}
/*.vbox-backdrop {
    background-color: rgba(255, 252, 252, 0.75)!important;
}
.vbox-close {
    color: #000!important;
}
.vbox-next span, .vbox-prev span {
    border-top-color:  #000!important;
    border-right-color: #000!important;
}*/
@media screen and (max-width: 736px) { /*{SP}*/
	.vbox-inline { /*インライン読み込み*/
		max-width:400px!important;
		width: 80%!important;
	}
}



/* modalWrap モーダルレイアウト
-------------------------------------------------------------*/
	.modalWrap {
		margin:0 auto;
		/*padding:clamp(30px, (30 / 1200 * 100vw), 40px) 0;*/
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		background: #0e1530;
	}
	.modalWrap .txtBox {
		font-family: var(--site-font_family-serif);
		width: 60%;
		padding: 2em;
	}
	.modalWrap .txtBox .ttl {
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 16;
		--M-fluidFontSize-max-viewport: 1600;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		line-height: 1.8;
		color: #fff; 
		margin-bottom: 1em;
	}
	.modalWrap .txtBox .txt {
		margin-left:auto;
		margin-right:auto;
		max-width:800px;
		--M-fluidFontSize-max-fontsize: 14;
		--M-fluidFontSize-min-fontsize: 13.5;
		--M-fluidFontSize-max-viewport: 1600;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		line-height: 1.8;
		color: rgba(var(--site-themeColor-base_text), 1);
	}
	.modalWrap .txtBox .txt > span {
		display: block;
		margin-inline: auto;
		max-inline-size: max-content;
	}
	.modalWrap .picBox {
		text-align: center;
		width: 40%;
	}

@media screen and (max-width: 736px) { /*{SP}*/
	.modalWrap {
		flex-direction: column-reverse;
	}
	.modalWrap  > *{
		display: block;
		width: 100%!important;
	}
}


.equItemBox [data-js_show_target_suite_descendant]:nth-of-type(1) { transition-delay: 	0ms !important;}
.equItemBox [data-js_show_target_suite_descendant]:nth-of-type(2) { transition-delay: 	calc(200ms * (2 - 1)) !important;}
.equItemBox [data-js_show_target_suite_descendant]:nth-of-type(3) { transition-delay: 	calc(200ms * (3 - 1)) !important;}
.equItemBox [data-js_show_target_suite_descendant]:nth-of-type(4) { transition-delay: 	calc(200ms * (4 - 1)) !important;}
.equItemBox [data-js_show_target_suite_descendant]:nth-of-type(5) { transition-delay: 	calc(200ms * (5 - 1)) !important;}
.equItemBox [data-js_show_target_suite_descendant]:nth-of-type(6) { transition-delay: 	calc(200ms * (6 - 1)) !important;}






/*------------------------------------------------------------------------------ 
pt-comfort_01
------------------------------------------------------------------------------ */