@charset "utf-8";

/* =======================================================================================
	COMMON
======================================================================================= */
@media screen and (max-width: 1390px) {}
@media screen and (max-width: 1200px) {}
@media screen and (min-width: 900.02px) and (max-width: 1200px) {}
@media screen and (max-width: 900px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 359.08px) {}


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


/* ------------------------------------------------------------------------
 section01
------------------------------------------------------------------------ */
.section01 .logo{
	margin: 0 auto 1em;
	display: block;
	text-align: center;
	max-width: 150px;
}
.section01 .sectionHeader .enttl {
	--M-fluidFontSize-max-fontsize: 60;
	--M-fluidFontSize-min-fontsize: 34;
	padding-bottom: 0.25em;
}

@media screen and (max-width: 600px) {
	.section01 .logo{
		max-width: 110px;
	}
	.section01 .ptHeading .hTxt, [class*="hTxtStyh"] {
		text-align:center;
	  }
}



/* selectmenuSection
------------------------------------------------*/
	.selectmenuSection .tilteBox .ttl{
		background: #c29a24;
		padding: 0.5em;
		text-align: center;
		margin-bottom: 0.5em;
		font-size: 1.5482em;
		line-height: 1.4;
	}
	.selectmenuSection .tilteBox .ttl span{
		font-size: 0.667em;
	}
	.selectmenuSection .tilteBox .txt{
		display: block;
		text-decoration: underline;
		text-underline-offset: 5px;
		text-align: center;
		font-size: 1.25rem;
	}
	
	/* selectmenuBox */
	.selectmenuBox ul  {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 5em;
	}
	.selectmenuBox ul > * {
		width: 24%;
		background: #fffbe9;
		padding: 2em 1.5em;
		color: rgba(var(--site-themeColor-main_text), 1);
		outline: 1px solid #c29a24;
		 outline-offset: -5px;
	}
	.selectmenuBox ul li {
		 position: relative;
	}
	.selectmenuBox ul li:not(:first-child)::before {
		content: "";
		position: absolute;
		display: inline-block;
		width: 55px;
		height: 55px;
		background-image:url("../images/select/free_icon.png");
		background-position: center;
		background-size: contain;
		top: -1.8em;
		left: 0.5em;
	}
	.selectmenuBox ul li .list > *{
		 text-align: center;
		 display: block;
	}
	.selectmenuBox ul li .list .num{
		--M-fluidFontSize-max-fontsize: 44;
		--M-fluidFontSize-min-fontsize: 36;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 900;
		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;
		margin-bottom: 0.3em;
		letter-spacing: 0.01em;
		text-decoration: underline;
		text-underline-offset: 5px;
		color: #a17a08;
		font-family: var(--site-font_family-en_2);
	}
	.selectmenuBox ul li .ttl{
		--M-fluidFontSize-max-fontsize: 18;
		--M-fluidFontSize-min-fontsize: 16;
		--M-fluidFontSize-max-viewport: 900;
		--M-fluidFontSize-min-viewport: 600;
		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) );
		 color: #a17a08;
		 text-align: center;
		 margin: 1.3em auto 1em;
		 line-height: 1.4;
		 display: block;
	}
	.selectmenuBox ul li .txt{
		font-size: 1.4rem;
		 line-height: 1.5;
		 display: block;
	}
@media screen and (max-width: 1200px) {
	.selectmenuBox ul > * {
		width: 48%;
	}
	.selectmenuBox ul li:nth-child(n+3) {
		margin-top: 2.5em;
	}
}

@media screen and (max-width: 600px) {
	.selectmenuBox ul {
		display: block;
	}
	.selectmenuBox ul li{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin-top: 2.5em!important;
		width: 100%;
	}
	.selectmenuBox ul li .list{
		width: 16%;
	}
	.selectmenuBox ul li .txtbox{
		width: 82%;
		border-left: 1px solid #a17a08;
		padding-left: 1em;
	}
	.selectmenuBox ul li .list img{
		max-width: 40px;
	}
	.selectmenuBox ul li .ttl{
		letter-spacing: 0.01em;
		margin: 0 auto 0.5em;
		text-align: left;
	}
	.selectmenuBox ul li .txt{
		font-size: 1.3rem;
	}
	.selectmenuBox ul li .list .num {
		font-size: 2.4em;
	}
}





/* ------------------------------------------------------------------------
selectTypeSection
------------------------------------------------------------------------ */
/* separatorHeader 　共通
---------------------------------------------------- */
	.separatorHeader {
		display: flex;
		position:relative;
		z-index: 0;
		background: #000 center center / cover no-repeat;
		/*background-image: url("xxx");各ページ内で個別に指定 */
	}
	.separatorHeader::before{
		content: ""; 
		position: absolute;
		top: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.2);
	}
	.separatorHeader::after{
		content: "";
		display: block;
		width: 6em;
		height: 6em;
		margin: 0 auto;
		background: url("../images/select/free_icon.png") center center / contain no-repeat;
		position: absolute;
		top: -42px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
	}
	.separatorHeader .ptHeading {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		position:relative;
		z-index: 2;
		width: 100%;
		min-height: 297px;
		padding: 1em ;
		line-height: 1.75;
		color: #fff;
		font-family: inherit;
		font-size: 2.6rem;
		text-align: center;
		letter-spacing: 0.07em;
	}
	.separatorHeader .hTxt {
		margin-bottom: 0;
		text-align: center;
	}
	.separatorHeader .en,
	.separatorHeader .ja {
		display: block;
		width: 100%;
		line-height:	inherit;
		color:			inherit;
		font-family:	inherit;
		font-size:		inherit;
		padding: 0 1em;
	}
	.separatorHeader .en{
		font-size: 1em;
		letter-spacing: 0.125em;
		color: #e6ca76;
		font-family: var(--site-font_family-en_2);
		line-height: 1.2;
	}
	.separatorHeader .txt{
		margin-top: 1em;
		display: block;
		font-size: 0.875em;
	}

@media screen and (max-width: 1200px) {
	.separatorHeader .ptHeading {
		min-height: 210px;
	}
}
@media screen and (max-width: 600px) {
	.separatorHeader .ptHeading {
		min-height: 180px;
		font-size: 1.85rem;
		letter-spacing: 0.04em;
		/*padding: 2.5em 0;*/
	}
	.separatorHeader::after{
		width: 4.5em;
		height: 4.5em;
		top: -32px;
	}
	.separatorHeader .en{
		font-size: 1.081em;
	}
	
}


/*--------------------------------------------------
planSelectSection
--------------------------------------------------*/
	.planSelectSection .separatorHeader {
		background-image:url("../images/select/plan_bg.jpg");
	}
	.planSelectContents{
		background: #fff;
		padding: 30px 60px 60px;
	}
	.planSelectSection .separatorHeader::after{
		display: none;
	}
@media screen and (max-width: 600px) {
	.planSelectContents{
		padding: 30px 20px;
	}
}
	
	/* specWrap
	---------------------------------------------------- */
	.planSelectContents .specWrap {
		background: #f1edd7;
		padding: 2em;
		color: #543311;
		margin-bottom: 2.5em;
	}
	.planSelectContents .specWrap small {
		color: inherit;
	}
	.planSelectContents .specWrap .c11_cap{
		text-align: center;
		margin-top: 1em;
		display: block;
		width: 100%;
		background: #fff;
	}

	
	/* spec1
	----------------------- */
	.planSelectContents .specWrap .spec1 {
		font-family: var(--site-font_family-en_2);
		line-height: 1;
		letter-spacing: 0;
	}
	.planSelectContents .specWrap .spec1 .spec-type {
			--M-fluidFontSize-max-fontsize: 38;
			--M-fluidFontSize-min-fontsize: 30;
			--M-fluidFontSize-max-viewport: 1200;
			--M-fluidFontSize-min-viewport: 480;
			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)
			);
			letter-spacing: 0.2em;
			white-space: nowrap; /* 不要なら削除可 */
		}
		.planSelectContents .specWrap .spec1 .spec-type .type {
			font-size: 0.7em;
			letter-spacing: 0.08em;
			margin-right: -.12em;
		}
		.planSelectContents .specWrap .spec1 .spec-type .num {
			line-height:0;
			font-size: 1.4em;
			letter-spacing: -.02em;
		}

	/* spec2
	----------------------- */
	.planSelectContents .specWrap .spec2 {
		font-size: 1.4rem;
		letter-spacing: 0.075em;
		line-height: 1.3;
	}
	.planSelectContents .specWrap .spec2 .spec-lot {
		line-height: 1;
		margin-bottom: 1em;
	}
	.planSelectContents .specWrap .spec2 .spec-bal {
		line-height: 1.4;
	}
	.planSelectContents .specWrap .spec2 .spec-bal:first-of-type {
		padding-right: 0.5em;
	}
	.planSelectContents .specWrap .spec2 .spec-bal,
	.planSelectContents .specWrap .spec2 .spec-building,
	.planSelectContents .specWrap .spec2 .spec-building_caption{
		display: inline-block;
	}
	.planSelectContents .specWrap .spec2 .value {
		font-size: 2em;
		letter-spacing: .01em;
	}
	.planSelectContents .specWrap .spec2 .value .num {
		font-size: 1.6em;
		letter-spacing: -.01em;
		font-family: var(--site-font_family-en_3);
		font-weight: 600;
	}
	.planSelectContents .specWrap .spec2 .value .num .small {
		font-size: 0.7em;
	}
	.planSelectContents .specWrap .spec2 .spec-bal .tsubo {
		margin-right: 0;
		display: inline-block;
		letter-spacing: .04em;
	}
@media screen and (min-width: 900.02px)  {
	/* specWrap
	---------------------------------------------------- */
	.planSelectContents .specWrap {
		display: flex;
		flex-wrap: wrap;
	}
	/* spec1
	----------------------- */
	.planSelectContents .specWrap .spec1 {
		flex: 0 0;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 170px;
		min-width: 160px;
		border-right: 1px solid rgba(84,51,17,.8);	
	}
	/* spec2
	----------------------- */
	.planSelectContents .specWrap .spec2 {
		/*flex: 1 1;
		display: flex;
		flex-wrap: wrap;
		align-items: center;*/
		width: calc(100% - 240px);
		padding: 5px 20px 5px 50px;
	}
}
@media screen and (max-width: 900px) {
	.planSelectContents .specWrap .spec1 {
		line-height: 1.2;
		text-align: center;
		border-bottom: 1px solid rgba(84,51,17,.8);	
		padding-bottom: 0.8em;
		margin-bottom: 0.5em;
	}
	.planSelectContents .specWrap .spec2 {
		font-size: 1.15rem;
	}
	.planSelectContents .specWrap .spec2 .spec-lot,
	.planSelectContents .specWrap .spec2 .spec-bal  {
		display: block;
		text-align: left;
		padding: .6em 0 .4em;
		border-bottom: 1px dotted rgba(0,0,0,.5);
	}
}

	
/*planTypeWrap
--------------------------------------------*/
	.planTypeWrap{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		/*align-items: center;*/
	}
	.planTypeWrap > *{
		width: 48%;
	}
	.planTypeWrap .specArea{
		background: #543311;
		padding: 0.5em 1em;
		color: #fff;
		text-align: center;
	}
	.planTypeWrap .specArea .type{
		border-bottom: 1px solid #fff;
		padding-bottom: 0.5em;
		margin-bottom: 0.5em;
		font-size: 1.3em;
		line-height: 1.3;
		
		--M-fluidFontSize-max-fontsize: 18;
		--M-fluidFontSize-min-fontsize: 13;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 900;
		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) );
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
	}
	.planTypeWrap .specArea .spec-ldk {
		line-height: 1.4;
		letter-spacing: .05em;
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 13;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 600;
		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)
		);
	}
	.planTypeWrap .specArea .spec-ldk small {
		font-family: inherit;
	}
	.planTypeWrap .specArea .spec-ldk .ldkUnit {
		display: flex;
		flex-wrap: wrap;
		justify-content: center; /* センター揃え（不要なら削除） */
		margin-inline: auto;
		max-inline-size: max-content;		  
		align-items: baseline;
		color:#fff;
		font-family: var(--site-font_family-en_2);
	}
	.planTypeWrap .specArea .spec-ldk .ldkUnit > b{
		font-size: 1.6em;
		margin-right: 2px;
	}
	.planTypeWrap .specArea .spec-ldk .ldkUnit > .element b {
		font-size: 1.2em;
	}
	.planTypeWrap .specArea .spec-ldk .ldkUnit > .element {
		display: inline-block;
	}
	.planTypeWrap .specArea .spec-ldk .ldkUnit > .element b {
		margin: 0 2px;
	}
	.planTypeWrap .specArea .spec-ldk .ldkUnit > .element b small {
		font-size: max(1rem, .6364em);
	}
	
	.planTypeWrap .planArea {
		text-align: center;
		margin-top: 1.5em;
	}

@media screen and (max-width: 480px) {
	.planTypeWrap .specArea .type span{
		letter-spacing: -0.02em;
	}
	.planTypeWrap .specArea .type span{
		display: inline-block;
	}
	.planTypeWrap .specArea .spec-ldk .ldkUnit > b{
		display: inline-block;
		/*width: 100%;*/
		line-height: 1.1;
	}
	.planTypeWrap .specArea .spec-ldk .ldkUnit > .element b {
		font-size: 1.1em;
	}
	.planTypeWrap .specArea{
		padding: 0.5em;
	}
	.planTypeWrap .specArea .spec-ldk {
	  letter-spacing: -.05em;
	}
	.basic_planbox .symList-kome .legendBox {
		letter-spacing: -.07em;
	}
}


/* changeDetailsBox
----------------------------------------*/
	.changeDetailsBox{
		/*margin: 1em auto 0;
		border: 1px solid  #b35e52;
		padding: 0.5em ;
		max-width: 430px;*/
		margin: 1em auto 0;
		border: 1px solid  #b35e52;
		padding: 0.5em ;
		width: 86%;
	}
	.changeDetailsBox dt{
		text-align: center;
		background: #b35e52;
		color: #fff;
	}
	.changeDetailsBox dd{
		display: block;
		margin-top: 0.5em;
		line-height: 1.4;
		position: relative;
		padding-left: 1.3em;
		color:#8e443a;
		font-size: 1.4rem;
		letter-spacing: 0.08em;
	}
	.changeDetailsBox dd::before {
		content: "●";
		position: absolute;
		top: 0;
		left: 0;
		color: #b35e52;
		padding-top: 0.5em;
	}
	.changeDetailsBox dd:first-of-type{
		border-top: none;
	}
	.changeDetailsBox dd{
		border-top: 1px dotted #8e443a;
		padding-top: 0.5em;
	}

@media screen and (max-width: 600px) {
	.changeDetailsBox{
		/*margin-left: auto;
		margin-right: auto;*/
		width: 100%;
	}
	.changeDetailsBox dd{
		font-size: 1.3rem;
	}
}
@media screen and (max-width: 480px) {

}
	

/*------------------------------------------------------------------------
planSelectSection
------------------------------------------------------------------------*/
	.colorSelectSection .separatorHeader {
		background-image:url("../images/select/color_bg.jpg");
	}



/* 共通
---------------------------------------*/
/*lNavWrap----------*/
	.colorSelectSection .lNavWrap {
		background: #401e02;
		border-width: 0 0;
		color: #341913;
	}
	.colorSelectSection .lNavWrap li a {
		padding: .8em;
		font-size:1.2em;
		min-height: 70px;
		text-align: center;
		flex-direction: column;

	}
	.colorSelectSection .lNavWrap li.btn1 a {
		background:#a4948c;
	}
	.colorSelectSection .lNavWrap  li.btn2 a {
		background: #cfb6a2;
	}
	.colorSelectSection .lNavWrap  li.btn3 a {
		background: #d5cfc6;
	}
	/*.colorSelectSection .lNavWrap li.is-current a {
	  background: rgba(177,149,71,1.00);
	}*/
	.colorSelectSection .lNavWrap  li a .en {
		font-family: var(--site-font_family-en_1);
	}
	.colorSelectSection .lNavWrap  li a .ja {
		display: block;
		font-size:0.753em;
	}
	.colorSelectSection  .lNavWrap li:not(:last-of-type) {
		border-right: 1px solid #ddd!important;
	  }

@media screen and (max-width: 900px) {
	.colorSelectSection .lNavWrap li {
		width: calc((100% - (var(--main-lNavWrap-ul-columnGap) * 1)) / 3);
		border-bottom:none;
	 }
	.colorSelectSection  .lNavWrap li:nth-child(2) {
		border-right: 1px solid rgba(var(--site-variationColor-yellow), 1);
	 }
	.colorSelectSection  .lNavWrap li:nth-child(3) {
		border-right:none;
	 }
	.colorSelectSection .lNavWrap li a {
		justify-content: center;
		text-align: center;
		letter-spacing: 0.05em;
	}
}
@media screen and (max-width: 600px) {
	.colorSelectSection .lNavWrap li a {
		padding: .5em .8em;
		font-size:1em;
	}
}


/*jsTabs_content----------*/
	.colorSelectSection .jsTabs_content {
		padding: 30px 80px;
	}
	.colorSelectSection .colorSelectBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.colorSelectSection .colorSelectBox  > * {
		width: 48%;
	}
	.colorSelectSection .colorSelectBox div dl {
		background: #fff;
		padding: 20px 35px;
		margin-bottom: 1em;
	}
	.colorSelectSection .colorSelectBox div dl dt {
		text-align: center;
		padding: 0.5em;
		color: #fff;
		line-height: 1.4;
		font-size: 1em;
		margin-bottom: 0.5em;
	}


@media screen and (max-width: 1050px) {
	.colorSelectSection .jsTabs_content {
		padding: 30px ;
	}
	.colorSelectSection .colorSelectBox div dl {
	  padding: 20px ;
	}
}

@media screen and (max-width: 600px) {
	.colorSelectSection .colorSelectBox > * {
	  width: 100%!important;
	}
}

/* matte_dark
---------------------------------------*/
	#matte_dark { background: #a4948c; }
	#matte_dark .colorSelectBox div dl dt {
		background: #88766c;
	}

/* modern_natural
---------------------------------------*/
	#modern_natural { background: #cfb6a2; }
	#modern_natural .colorSelectBox div dl dt {
		background: #b38968;
	}

/* nuance_white
---------------------------------------*/
	#nuance_white { background: #d5cfc6; }
	#nuance_white .colorSelectBox div dl dt {
		background: #a08f76;
	}

	


/*------------------------------------------------------------------------
kitchenSelectSection
------------------------------------------------------------------------*/
	.kitchenSelectSection .separatorHeader {
		background-image:url("../images/select/kitchen_bg.jpg");
	}
	.kitchenSelectSection .kitchenSelectContents {
		background:#fff;
		padding: 30px ;
	}
	.kitchenSelectSection .kitchenSelectContents .illpicbox .ttl {
		position: relative;
		padding-left: 1.3em;
		margin-bottom: 1.3em;
		font-size: 1.3em;
		line-height: 1.6;
	}
	.kitchenSelectSection .kitchenSelectContents .illpicbox .ttl::before {
		content: "■";
		position: absolute;
		top: 0;
		left: 0;
	}
	.kitchenSelectSection .kitchenSelectContents .illpicbox .ttlsub {
		display: block;
		font-size: 0.8em;
	}

@media screen and (min-width: 900.02px) {
	.kitchenSelectContents .illpicbox {
		width: calc((100% - var(--base-generalColBox-margin-column)) * 0.63);
	}
	.kitchenSelectContents .picbox {
		width: calc((100% - var(--base-generalColBox-margin-column)) * 0.37);
	}
}




/* ------------------------------------------------------------------------
 section02
------------------------------------------------------------------------ */

/*paidrHeader
------------------------------------*/
	.paidrHeader{
		background: #a18977;
	}
	.paidrHeader .heading,
	.paidrHeader .ttlbox{
		display: flex;
		flex-direction: column;
	}

	.paidrHeader .heading{
		background: linear-gradient(to right, #4d0000 0%, #b13d34 50%, #4d0000 100%);
		padding: 2.5em 1em;
		outline: 1px solid rgba(224,210,168,.5);
		outline-offset: -5px;
	}
	.paidrHeader .heading .hTxt{
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 16;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 1050;
		--M-fluidFontSize-fontSize: clamp( var(--M-fluidFontSize-min-fontsize) * .1rem, (var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - (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))), var(--M-fluidFontSize-max-fontsize) * .1rem );
		display: block;
		min-height: 0.001vw;				/* for safari | font-sizeにclamp()使用時必須 */
		line-height: 1.63;
		font-size: var(--M-fluidFontSize-fontSize);
		text-align: center;
	}
	.paidrHeader .ttlbox{
		padding: 0 1em;
	}
	.paidrHeader .ttlbox > *{
		display: block;
	}
	.paidrHeader .ttlbox .ttl{
		border-bottom: 1px solid rgba(255,255,255,0.53);
		padding-bottom: 0.3em;
		margin-bottom: 0.3em;
		font-size: 1.2em;
	}
	.paidrHeader .ttlbox .ttl span{
		font-size: 0.86em;
	}

@media screen and (min-width: 1050.02px) {
	.paidrHeader{
		display: flex;
		align-items: center;
	}
	.paidrHeader .heading{
		display: flex;
		width: 30%;
	}
	.paidrHeader .ttlbox{
		width: 70%;
	}
}
@media screen and (max-width: 1050px) {
	.paidrHeader .heading,
	.paidrHeader .ttlbox{
		padding:  1em;
	}
	.paidrHeader .ttlbox{
		text-align: center;
	}
	.paidrHeader .heading .hTxt{
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 16;
		--M-fluidFontSize-max-viewport: 1050;
		--M-fluidFontSize-min-viewport: 600;
	}
}




/*paidrContents
------------------------------------*/
	.paidrContents{
		border: 0px solid #a18977;
		border-width: 0 1px 1px;
		padding: 20px 35px;
	}
	.paidrContents .txtbox p {
		--M-fluidFontSize-max-fontsize: 18;
		--M-fluidFontSize-min-fontsize: 16;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 1050;
		--M-fluidFontSize-fontSize: clamp( var(--M-fluidFontSize-min-fontsize) * .1rem, (var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - (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))), var(--M-fluidFontSize-max-fontsize) * .1rem );
		display: block;
		min-height: 0.001vw;				/* for safari | font-sizeにclamp()使用時必須 */
		font-size: var(--M-fluidFontSize-fontSize);
		position: relative;
		padding-left: 1.3em;
		margin-bottom: 1em;
		/*font-size: 1.226em;*/
		line-height: 1.55;
		color: #ddb94f;
		
	}
	.paidrContents .txtbox p::before {
		content: "●";
		position: absolute;
		top: 0;
		left: 0;
	}
	.paidrContents .txtbox p .subtxt {
		margin-bottom: 2em;
		font-size:0.737em;
		color: #fff;
		display: block;
		margin-top: 0.5em;
	} 

@media screen and (min-width: 1050.02px) {
	.paidrContents{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.paidrContents .txtbox {
		width: 56%;
	}
	.paidrContents .picbox {
		width: 40%;
	}
}

@media screen and (max-width: 1050px) {
	.paidrContents {
		padding: 30px 20px;
	}
	.paidrContents .txtbox p {
		--M-fluidFontSize-max-fontsize: 16;
		--M-fluidFontSize-min-fontsize: 15;
		--M-fluidFontSize-max-viewport: 1050;
		--M-fluidFontSize-min-viewport: 600;
	}
	.paidrContents .picbox {
		display: block;
		max-width: 600px;
		margin: 2em auto 0;
	}
	.paidrContents .txtbox p .subtxt {
		font-size:0.929em;
	} 
}



@media screen and (max-width: 1200px) {}
@media screen and (min-width: 900.02px) and (max-width: 1200px) {}
@media screen and (max-width: 900px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 359.08px) {}












/* gradeUpOption
---------------------------------------*/
	.gradeUpOption .paidrContents .txtbox p:first-child{
		color: #ffaba5;
	}
	.gradeUpOption .paidrContents .txtbox p .underline{
		color: #ffaba5;
		text-decoration: underline;
		text-underline-offset: 5px;
	}