@charset "utf-8";

/* =======================================================================================
	COMMON
======================================================================================= */
body {
	--renewal-mainColor: #eadeca;
	--renewal-subColor: #670000;
}


/* =======================================================================================
	PAGE 
======================================================================================= */
.numEnFont {
	/* <weight>: Use a value from 300 to 700
	<uniquifier>: Use a unique and descriptive class name
	*/
	font-family: "Cormorant Infant", serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}

/* ------------------------------------------------------------------------
 mainHeaderVisualWrap
------------------------------------------------------------------------ */

	.mainHeaderVisualWrap .swiper-pagination-bullet-active {
		background: #dcbf64;
	}

/* ------------------------------------------------------------------------
 meritWrap
------------------------------------------------------------------------ */
	.meritWrap {
		color: #FFF;
		font-family: var(--site-font_family-serif);
		background: linear-gradient(to right, #001c31 0%, #023761 50%, #001c31 100%);;
		
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	/* grid */
	.meritWrap .mainMerit {		grid-column: 1 / 4;	}
	.meritWrap .subMerit01 {	grid-column: 1 / 4; grid-row: 2 / 3;	}

	/* border */
	.meritWrap .mainMerit,
	.meritWrap .subMerit {
		border: 0px solid rgba(255, 255, 255, .3);
	}
	.meritWrap .mainMerit {		border-bottom-width: 1px;	}
	.meritWrap .subMerit01 {	border-bottom-width: 1px;	}
	.meritWrap .subMerit03,
	.meritWrap .subMerit04 {	border-left-width: 1px;	}

	/* common setting */
	.meritWrap .lead {
		display: block;
		font-size: 0.6em;
	}
	.meritWrap em {
		font-size: 1.8em;
	}
	.meritWrap strong {
		font-size: 1.6em;
	}
	.meritWrap .vrTxt {
		display: inline-block;
		writing-mode: vertical-rl;
		vertical-align: sub;
		font-size: 0.6em;
	}
	.meritWrap .hrTxt {
		display: inline-block;
		font-size: 0.6em;
		line-height: 1.2;
		margin-right: 0.6em;
	}

	.meritWrap .mainMerit,
	.meritWrap .subMerit {
		text-align: center;
		padding: var(--site-marpad-XXS) var(--site-marpad-XXS);
	}



	/* more setting */
	.meritWrap .mainMerit {
		--M-fluidFontSize-max-fontsize: 50;
		--M-fluidFontSize-min-fontsize: 36;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 900;
		--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 );
		min-height: 0.001vw;		/* for safari | font-sizeにclamp()使用時必須 */
		font-size: var(--M-fluidFontSize-fontSize);

		
		color: #e3d17f;
		line-height: 1.35;
		letter-spacing: .09em;
		-webkit-font-smoothing: antialiased;
		padding: 10px var(--site-marpad-XXS) 5px;
	}
	.meritWrap .mainMerit .lead {
		line-height: 2.5;
	}
	.meritWrap .mainMerit .colorChange {
		color: #e3d17f;
	}
	.meritWrap .mainMerit em {
		font-size: 1.2em;
	}
	.meritWrap .mainMerit p:not(.lead) {
		letter-spacing: 0.2em;
	}
	.meritWrap .mainMerit .lead .okTxt {
		display: inline-flex;
		align-items: baseline;
		column-gap: 5px;
		line-height: 1.2;
	}
	.meritWrap .mainMerit .lead .okTxt > span:nth-of-type(1){
		align-self: center;
		text-align: left;
		letter-spacing: -.06em;
	}
	.meritWrap .mainMerit .lead img {
		height: 1.8em;
		width: auto;
		align-self: center;
	}
@media screen and (max-width: 900px) {
	.meritWrap .mainMerit {
		line-height: 1.8;
	}
	.meritWrap .mainMerit .lead {
		letter-spacing: 0;
		font-size: 0.45em;
	}
	.meritWrap .mainMerit p:not(.lead) {
		letter-spacing: 0.02em;
		font-size: 0.8em;
		line-height: 1.2;
		margin-top: 0.1em;
	}
}

	.meritWrap .subMerit {
		--M-fluidFontSize-max-fontsize: 24;
		--M-fluidFontSize-min-fontsize: 15;
		--M-fluidFontSize-max-viewport: 1800;
		--M-fluidFontSize-min-viewport: 900;
		--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 );
		min-height: 0.001vw;		/* for safari | font-sizeにclamp()使用時必須 */
		font-size: var(--M-fluidFontSize-fontSize);
	}
	.meritWrap .subMerit01 dl {
		display: flex;
		gap: var(--site-marpad-XS);
		justify-content: center;
	}
	.meritWrap .subMerit01 dl > div {
		display: flex;
		align-items: center;
		gap: 0.6em;
	}
	.meritWrap .subMerit01 dt {
		display: inline-block;
		-webkit-font-smoothing: antialiased;
		font-size: 0.8em;
		line-height: 1.2;
	}
	.meritWrap .subMerit01 .train dt {
		color: #001c31;
		background: #FFF;
		padding: 0.3em 1.2em;
	}
	.meritWrap .subMerit01 .walk dt {
		text-align: left;
	}
@media screen and (max-width: 900px) {
	.meritWrap .subMerit01 dl > div {
		flex-direction: column;
		align-items: flex-start;
		justify-content:flex-end;
		gap: 0;
		padding-top: 0.2em;
	}
	.meritWrap .subMerit01 .walk dt br {
		display: none;
	}
}
@media screen and (max-width: 736px) {
	.meritWrap .subMerit01 {
		--M-fluidFontSize-max-fontsize: 24;
		--M-fluidFontSize-min-fontsize: 14;
		--M-fluidFontSize-max-viewport: 736;
		--M-fluidFontSize-min-viewport: 480;
		padding-right: 0;
		padding-left: 0;
	}
	.meritWrap .subMerit01 dl {
		display: block;
	}
	.meritWrap .subMerit01 dl > div {
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: 0.6em;
		padding-top: 0em;
	}
	.meritWrap .subMerit01 dl > div:nth-of-type(2) dd {
		width: 16em;
	}
}


	.meritWrap .subMerit02 p,
	.meritWrap .subMerit03 p,
	.meritWrap .subMerit04 p {
		display: inline-block;
		line-height: 1.4;
		text-align: left;
		margin: 0 auto;
	}

	.meritWrap .subMerit02 p > span:not(.lead),
	.meritWrap .subMerit03 p > span:not(.lead),
	.meritWrap .subMerit04 p > span:not(.lead) {
		font-size: 1.6em;
		letter-spacing: 0.12em;
	}
	.meritWrap .subMerit02 p > span.lead,
	.meritWrap .subMerit03 p > span.lead,
	.meritWrap .subMerit04 p > span.lead {
		letter-spacing: 0.05em;
		font-size: 0.82em;
	}
	.meritWrap .subMerit02 em,
	.meritWrap .subMerit03 em,
	.meritWrap .subMerit04 em {
		font-size: 1.2em;
	}

@media screen and (max-width: 900px) {
	.meritWrap .subMerit02 p > span:not(.lead),
	.meritWrap .subMerit03 p > span:not(.lead),
	.meritWrap .subMerit04 p > span:not(.lead) {
		font-size: 1.4em;
		letter-spacing: 0.12em;
	}
	.meritWrap .subMerit02 p > span.lead,
	.meritWrap .subMerit03 p > span.lead,
	.meritWrap .subMerit04 p > span.lead {
		letter-spacing: 0em;
	}
}
@media screen and (max-width: 840px) {
	.meritWrap .subMerit02 ,
	.meritWrap .subMerit03 ,
	.meritWrap .subMerit04 {
		grid-column: 1 / 4;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
	}
	.meritWrap .subMerit02 p,
	.meritWrap .subMerit03 p,
	.meritWrap .subMerit04 p {
		text-align: center;
	}
}

/* ------------------------------------------------------------------------
 introAnnouncement
------------------------------------------------------------------------ */
	.introAnnouncement {
		line-height: 1.55;
		font-size: 2.65em;
		text-align: center;
		letter-spacing: .09em;
		background: #eadeca;
		padding: .85em min(5vw, 50px);
	}
	.introAnnouncement[data-js_show_target="fadeInStretchCenter"] {
		transition: opacity 700ms 100ms, clip-path 900ms 80ms;
		transition-timing-function: cubic-bezier(.7, .3, .2, 1);
	}
	.introAnnouncementBtn {
		font-size: 2.0rem;
		font-weight: 600;
		font-family: var(--site-font_family-serif);
		margin-top: 1.6em;
		margin-bottom: 1.1em;
	}
	.introAnnouncementBtn a[class*="generalBtnUnit"] {
		max-width: 550px;
		color: #c7b584;
		background: var(--renewal-subColor);
		letter-spacing: 0.3em;
		box-shadow: 0 9px 0px #2a0000;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}
	.introAnnouncementBtn a[class*="generalBtnUnit"]:hover {
		transform: translate(0, 6px);
		box-shadow: 0 3px 0px #2a0000;
	}
	/*.introAnnouncementBtn [class*="generalBtnUnit"] [class*="txtSizeL"] {
		letter-spacing: .1em;
	}*/


@media screen and (max-width: 900px) {
	.introAnnouncement {
		font-size: 2.45em;
	}
	.introAnnouncementBtn {
		margin-top: 1.5em;
		margin-bottom: .9em;
	}
}
@media screen and (max-width: 480px) {
	.introAnnouncement {
		font-size: 2em;
	}
	.introAnnouncementBtn {
		font-size: 1.5rem;
	}
}

/*homesBnBox---------*/
	.introAnnouncement .homesBnBox {
		max-width:780px;
		margin-left:auto;
		margin-right:auto;
	}
@media screen and (max-width: 600px) {
	.introAnnouncement .homesBnBox {
		max-width:400px;
		width: 70%;
	}
}

/*bannerColumnBox---------*/
	.bannerColumnBox{
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		max-width: 950px;
		margin: 0 auto;
		width: 100%;
	}


@media screen and (min-width: 600.02px) {
	.bannerColumnBox .lineBn {
		width:58%;
	}
	.bannerColumnBox .instagramBn {
		width: 40%;
	}
}




/* ------------------------------------------------------------------------
bn_campaign
------------------------------------------------------------------------ */
	a.bn_campaign {
       display: inline-block;
	   background: #fff;
	}
	a.bn_campaign img {
      transition: opacity .2s ease-out;
	}
	@media (hover: hover) and (pointer: fine) {
		a.bn_campaign:hover img {
		   opacity: .9;
		}
	}
	a.bn_campaign:focus-visible img {
		   opacity: .9;
	}




/* ------------------------------------------------------------------------
priceWrap
------------------------------------------------------------------------ */
	.priceWrap {
		color: #261a10;
        max-width: 1260px;
        margin: 0.5em auto;
		letter-spacing: 0;
		font-family: var(--site-font_family-serif);
	}
	.priceLineupTxt {
		--M-fluidFontSize-max-fontsize: 36;
		--M-fluidFontSize-min-fontsize: 16;
		--M-fluidFontSize-max-viewport: 1320;
		--M-fluidFontSize-min-viewport: 730;
		--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 );
		min-height: 0.001vw;		/* for safari | font-sizeにclamp()使用時必須 */
		font-size: var(--M-fluidFontSize-fontSize);
		
	}
	.priceLineupTxt em {
		font-size: 1.8em;
	}
	.priceLineupTxt strong {
		font-size: 1.4em;
	}
	.priceWrap .pricettl {
        font-size: 0.65em;
        color: #fff;
        line-height: 1;
		letter-spacing: 0.2em;
        background: #948254;
        margin: 1.0em auto 0.8em;
        padding: 0.5em;
	}

	.priceUnit {
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		--M-fluidFontSize-max-fontsize: 48;
		--M-fluidFontSize-min-fontsize: 24;
		--M-fluidFontSize-max-viewport: 1320;
		--M-fluidFontSize-min-viewport: 730;
		--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 );
		min-height: 0.001vw;		/* for safari | font-sizeにclamp()使用時必須 */
		font-size: var(--M-fluidFontSize-fontSize);
        max-width: 1260px;
        margin: 0 auto ;
        line-height: 1.2;
			font-family: "Cormorant Infant", var(--site-font_family-serif);
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
	}
	.priceUnit .price {
		width: 50%;
		padding: 0em 0.2em 0.6em;
        border-bottom: 1px solid  #928053;
	}
	.priceUnit .price:nth-of-type(n+3) {
		padding-top: 0.3em;
    }
	.priceUnit .price:nth-of-type(2n) {
		position: relative;
	}
	.priceUnit .price:nth-of-type(2n)::before {
		content: "";
		position: absolute;
		top: 5%;
		left: 0;
		width: 1px;
		height: 80%;
		background: #928053;
    }
	.priceUnit .price:nth-of-type(2n):nth-of-type(n+3)::before {
		top: calc(5% + 0.3em);
		height: calc((100% - 0.6em) * 0.8);
    }
	.priceUnit .price .inbl {
		font-size: 0.6em;
	}
	.priceUnit .price strong {
		display: inline-block;
		font-size: 2.8em;
        color: var(--renewal-subColor);
        text-align: center;
        margin-left: 8px;
		margin-right: 5px;
		line-height: 1;
		letter-spacing: -0.03em;
	}
	.priceUnit .price .point {
		display: inline-block;
		flex-direction: column;
		align-items: center;
		justify-content: center;
        font-size: 0.5em;
        color: #fff;
		width: 3.8em;
		transform: translateY(-3px);
        background:#261a10;
		margin-left: 0.5em;
        padding: 0.2em 0.3em 0em 0.3em;
	}
@media screen and (max-width: 1260px) {
}
@media screen and (max-width: 736px) {
	.priceUnit .price .point {
		width: auto;
	}
	.priceUnit .price .point br {
		display: none;
	}
}
@media screen and (max-width: 480px) {
}




/*introInfoBox---------*/
	.introInfoBox {
		color: var(--renewal-subColor);
		font-family: var(--site-font_family-serif);
	}
	.introInfoBox .supply_num {
		--M-fluidFontSize-max-fontsize: 32;
		--M-fluidFontSize-min-fontsize: 26;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 900;
		--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 );
		min-height: 0.001vw;		/* for safari | font-sizeにclamp()使用時必須 */
		line-height: 1.35;
		font-size: var(--M-fluidFontSize-fontSize);
		
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 1em;
	}
	.introInfoBox .supply_num::before,
	.introInfoBox .supply_num::after {
		content: "";
		display: block;
		width: 1em;
		aspect-ratio: 54 / 115;
		background: url("../images/index/supply_deco.png") center center no-repeat;
		background-size: contain;
	}
	.introInfoBox .supply_num::after {
		transform: scaleX(-1) translateX(0.2em);
	}
	.introInfoBox .supply_num span {
	}
	.introInfoBox .supply_num em {
		font-size: 2.0em;
			font-family: "Cormorant Infant", var(--site-font_family-serif);
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
	}
	.introInfoBox .supply_num strong {
		font-size: 1.2em;
	}
	.introInfoBox .callForAction_raijoTextBox {
		--M-fluidFontSize-max-fontsize: 54;
		--M-fluidFontSize-min-fontsize: 46;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 900;
		--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 );
		min-height: 0.001vw;		/* for safari | font-sizeにclamp()使用時必須 */
		line-height: 1.35;
		font-size: var(--M-fluidFontSize-fontSize);
		letter-spacing: .09em;
		font-weight: 600;
	}

@media screen and (max-width: 900px) {
	.introInfoBox{
	}
	.introInfoBox .supply_num {
	}
}
@media screen and (max-width: 600px) {
	.introInfoBox .supply_num {
		column-gap: 0.5em;
	}
	.introInfoBox .supply_num strong {
	}
	.introInfoBox .supply_num img {
	}
	.introInfoBox .callForAction_raijoTextBox {
		--M-fluidFontSize-max-fontsize: 36;
		--M-fluidFontSize-min-fontsize: 30;
		--M-fluidFontSize-max-viewport: 600;
		--M-fluidFontSize-min-viewport: 480;
	}
}



/*newOpenWrap
-----------------------------------------------------------*/
    .newOpenWrap {
		position: relative;
		color: #FFF;
		font-family: var(--site-font_family-serif);
		background: #000 url("../images/index/bg_news@pc.webp") center center no-repeat;
		background-size: cover;
        padding: 6em 0 3em;
    }
    .newOpenWrap::before {
		content: "";
		z-index: 2;
		display: block;
		position: absolute;
		top: 5px;
		left: 5px;
		width: calc(100% - 10px);
		height: calc(100% - 10px);
		border: 1px solid var(--renewal-mainColor);
		pointer-events: none;
    }
    .newOpenbox {
		width: 90%;
		max-width: 1000px;
		text-align: left;
		margin: 0 auto;
    }
    .newOpenbox .txt {
		position: relative;
        display: block;
        --M-fluidFontSize-max-fontsize: 34;
        --M-fluidFontSize-min-fontsize: 28;
        --M-fluidFontSize-max-viewport: 1400;
        --M-fluidFontSize-min-viewport: 1200;
        min-height: 0.001vw;
        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.1em;
        margin-bottom: 0.5em;
    }
   .newOpenbox .txt::before{
        content: '';
        display:block;
        background-image: url("../images/index/news_ico.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-color: transparent;
        position: absolute;
        top: 0;
        left: 0;
	   transform: translate(-40%, -80%);
        width: 3.8em;
        height: 2.5em;
    }
    .newOpenbox .txt .newOpenPic {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 10px;
		width: 90%;
		max-width: 465px;
    }
    .newOpenbox .txt > p {
		font-size: 1.4em;
    }

    /* btn */
    .newOpenBtn {
		text-align: center;
    }
    .newOpenBtn a {
		font-size: 1.4em;
   }

@media screen and (min-width: 900.02px) {
   .newOpenbox .txt {
	   margin-bottom: 1em;
    }  
   .newOpenbox .txt > div {
	   display: flex;
	   justify-content: space-between;
    }  
}
@media screen and (max-width: 1200px) {
   .newOpenbox .txt::before{
	   width: 25vw;
	   transform: translate(-10%, -80%);
    }
}
@media screen and (max-width: 900px) {
    .newOpenWrap {
		background-image: url("../images/index/bg_news@sp.webp");
    }
   .newOpenbox .txt {
	   text-align: center;
        --M-fluidFontSize-max-fontsize: 33;
        --M-fluidFontSize-min-fontsize: 22;
    }
    .newOpenbox .txt .newOpenPic {
		margin: 1em auto 1em;
    }
    .newOpenBtn a {
		color: var(--renewal-subColor);
		font-size: 1.1em;
		background: var(--renewal-mainColor);
		border-radius: 50px;
		padding: 0.2em 0.9em;
   }
}
@media screen and (max-width: 700px) {
    .newOpenWrap {
        padding: 3.5em 0 2.5em;
    }
	.newOpenbox .txt{
		--M-fluidFontSize-max-fontsize: 22;
		--M-fluidFontSize-min-fontsize: 16;
		--M-fluidFontSize-max-viewport: 700;
		--M-fluidFontSize-min-viewport: 480;
	}
}




/*potalNo1MarkBox---------*/
	.potalNo1MarkBox {
		max-width: 1260px;
		position: relative;
		margin-top: var(--site-marpad-XS);
		margin-left: auto;
		margin-right: auto;
		border: 0 solid #271b0f;
		border-width: 0 0px 1px;
	}
	
	.potalNo1MarkBoxHeader {
		position: relative;
		z-index: 0;
	}
	.potalNo1MarkBoxHeader .crown {
		margin: auto;
	}
	.potalNo1MarkBoxHeader .crown img {
		display: block;
		width: min(24%, 100px);
		margin-left: auto;
		margin-right: auto;
	}
	.potalNo1MarkBoxHeader .heading {
		display: grid;
		align-items: center;
		gap: 3px;
		grid-template-columns: 1fr auto 1fr;
		color: var(--renewal-subColor);
		font-family: var(--site-font_family-serif);
		padding: 14px;
	}
	.potalNo1MarkBoxHeader .heading::before,
	.potalNo1MarkBoxHeader .heading::after {
		content: "";
		flex-shrink: 1;
		width: 100%;
		height: 5px;
		border: 0 solid var(--renewal-subColor);
		border-width: 1px 0px;
	}
	.potalNo1MarkBoxHeader .heading > span {
		position: relative;
		display: inline-block;
		padding: 0 1em;
		border: 0 solid var(--renewal-subColor);
		border-width: 0 1px 0px;
	}
	.potalNo1MarkBoxHeader .heading > span::before,
	.potalNo1MarkBoxHeader .heading > span::after {
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		display: block;
		width: 10px;
		height: 100%;
		border: 0 solid var(--renewal-subColor);
		border-width: 1px 0;
	}
	.potalNo1MarkBoxHeader .heading > span::before {
		transform: translateX(-50%);
		border-left-width: 3px;
	}
	.potalNo1MarkBoxHeader .heading > span::after {
		left: auto;
		right: 0;
		transform: translateX(50%);
		border-right-width: 3px;
	}
	
	.potalNo1MarkBoxContents {
		--index-potalNo1MarkBoxContents-column-num: 4;
		--index-potalNo1MarkBoxContents-rowGap: 15px;
		--index-potalNo1MarkBoxContents-columnGap: 13px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: var(--index-potalNo1MarkBoxContents-rowGap) var(--index-potalNo1MarkBoxContents-columnGap);
		margin: 0 0px 4px;
		padding: 0 17px 34px;
		border: 0 solid var(--renewal-subColor);
		border-width: 0 0px 1px;
	}
	.potalNo1MarkBoxContents .unit {
		flex-basis: calc((100% - (var(--index-potalNo1MarkBoxContents-columnGap) * (var(--index-potalNo1MarkBoxContents-column-num) - 1))) / var(--index-potalNo1MarkBoxContents-column-num));
		max-width: 285px;
	}
	.potalNo1MarkBoxContents .unit .pic {

	}
	.potalNo1MarkBoxContents .unit .pic img {
		width: 100%;
		max-width: none;
		height: auto;
	}
	.potalNo1MarkBoxContents .unit figcaption {
		display: block;
		line-height: 1.35;
		text-align: justify;
		text-align-last: center;
		letter-spacing: normal;
		margin-top: 1em;
		padding: 0 .15em;
	}
@media screen and (max-width: 900px) {
	.potalNo1MarkBoxContents {
		--index-potalNo1MarkBoxContents-columnGap: 5px;
		margin: 0 0px 2px;
		padding: 0 10px 26px;
	}
	.potalNo1MarkBoxContents .unit figcaption {
		font-size: .9rem;
		padding: 0 .85em;
	}
	.potalNo1MarkBoxContents .unit figcaption br[aria-hidden="true"] {
		display: none;
	}
}
@media screen and (max-width: 600px) {
	.potalNo1MarkBox {
		margin-top: 60px;
	}
	.potalNo1MarkBoxContents {
		--index-potalNo1MarkBoxContents-column-num: 2;
		--index-potalNo1MarkBoxContents-rowGap: 12px;
		--index-potalNo1MarkBoxContents-columnGap: 12px;
		padding: 0 15px 30px;
	}
	.potalNo1MarkBoxContents .unit {
		max-width: 190px;
	}
	.potalNo1MarkBoxContents .unit figcaption {
		margin-top: .75em;
		padding: 0 .3em;
	}
}
@media screen and (min-width: 480.02px) and (max-width: 600px) {
	.potalNo1MarkBoxContents .unit figcaption .lowerPhrase {
		display: block;
	}
}



/* ------------------------------------------------------------------------
 introSection
------------------------------------------------------------------------ */
	.introSection {
      padding-top: var(--site-marpad-XL);
      padding-bottom: calc(var(--site-marpad-XL) + 15px);
    }
/* introWrap
-----------------------------------------------------------*/
	.introSection .introWrap {
		text-align: center;
		/*margin-top: -25px;*/
	}
	/*.introSection .introWrap .introName {
		display: block;--M-fluidFontSize-max-fontsize: 42;--M-fluidFontSize-min-fontsize: 38;--M-fluidFontSize-max-viewport: 1400;--M-fluidFontSize-min-viewport: 1200;min-height: 0.001vw;line-height: 1.5;font-family: var(--site-font_family-en_1);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));font-weight: 600;letter-spacing: 0.1em;color: #cab885;
	}*/
	.introSection .introWrap .introName {
		display: block;
		width: min(80%, 500px);
		/*width: min(100%, 500px);
		margin-bottom: 10px;*/
		margin-left: auto;
		margin-right: auto;
	}
	.introSection .introWrap .introTxt,
    .contbox .introTxt{
		display: block;
		padding-top:1.25em;
		padding-bottom:.25em;
		--M-fluidFontSize-max-fontsize: 26;
		--M-fluidFontSize-min-fontsize: 24;
		--M-fluidFontSize-max-viewport: 1400;
		--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)
		);
		letter-spacing: 0.1em;
		color: #cab885;
	}
	.introSection .introWrap .introTxt em {
		font-size: 1.3em;
	}
@media screen and (max-width: 1200px) { /*{belowTB}*/
	/*.introSection .introWrap .introName {--M-fluidFontSize-max-fontsize: 38;--M-fluidFontSize-min-fontsize: 33.5;--M-fluidFontSize-max-viewport: 1200;--M-fluidFontSize-min-viewport: 600;}*/
	
	.introSection .introWrap .introTxt ,
    .contbox .introTxt{
		--M-fluidFontSize-max-fontsize: 24;
		--M-fluidFontSize-min-fontsize: 22;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 600;
	}
}

@media screen and (max-width: 600px) {
	.introSection {
      padding: var(--site-marpad-XL) 0;
    }
	/*.introSection .introWrap .introName {--M-fluidFontSize-max-fontsize: 30;--M-fluidFontSize-min-fontsize: 26.5;--M-fluidFontSize-max-viewport: 600;--M-fluidFontSize-min-viewport: 480;}*/

	.introSection .introWrap .introTxt,
    .contbox .introTxt{
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 17;
		--M-fluidFontSize-max-viewport: 600;
		--M-fluidFontSize-min-viewport: 480;
	}
}





/* separatorHeader 　共通
---------------------------------------------------- */
	.carLifeSection{
		position:relative;
		z-index: 0;
		background: #000 center right / cover no-repeat;
		background-image:url("../images/index/carlife_bg.jpg");
		padding: 0.5em 0;
		width: 100%;
		max-width:1920px;
		margin:0 auto 2em;
	}
	
	.carLifeSection::before{
		content: ""; 
		position: absolute;
		top: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.2);
	}
	.carLifeBox  {
		padding: 4.5em 0;
		width: 100%;
		border: 0 solid  rgba(230,202,118,0.53);
		border-width: 1px 0;
	}
	.carLifeBox .txtBox{
		font-size: 1.935em;
		line-height: 1.55;
		text-align: center;
		letter-spacing: 0.07em;
		color: #fff;
		margin-bottom: 1em;
	}
	.carLifeBox .ttl{
		letter-spacing: 0.125em;
		color: #e6ca76;
		font-family: var(--site-font_family-en_1);
		line-height: 1.2;
		font-size: 1.334em;
		margin-bottom: 0.3em;
	}
	.carLifeBox .txt{
		letter-spacing: 0.125em;
	}

    /* btn */
   .carLifeBox .carLifeBtn a{
        background:  #e6ca76;
	   color: #29170b;
    }
    @media (hover: hover) and (pointer: fine) {
      .carLifeBox .carLifeBtn .generalBtnUnit[href]:where(:hover){
        background: #f0dda2;
      }
    }

@media screen and (max-width: 600px) {
	.carLifeBox .txtBox{
		font-size: 1.385em;
	}
	
}




/* introLogo
-----------------------------------------------------------*/
	.introSection .introLogoWrap .introLogo {
		display: block;
		margin-left:auto;
		margin-right:auto;
		max-width: clamp(400px, (400 / 1200 * 100vw), 600px) ;
	}
@media screen and (max-width: 1200px) { /*{belowTB}*/
	.introSection .introLogoWrap .introLogo {
		max-width: clamp(360px, (360 / 600 * 100vw), 500px) ;
	}
}

@media screen and (max-width: 600px) {
	.introSection .introLogoWrap .introLogo {
		max-width: clamp(250px, (250 / 480 * 100vw), 360px) ;
	}
}



/* ------------------------------------------------------------------------
 informationSection
------------------------------------------------------------------------ */
	.informationSection {
		color:#42210b;
		background: #bcae8b;
	}
/* informationWrap
-----------------------------------------------------------*/
	.informationSection .informationWrap .ttl {
		max-width:800px;
		margin: 0 auto 2em;
		text-align: center;
		--M-fluidFontSize-max-fontsize: 32;
		--M-fluidFontSize-min-fontsize: 26;
		--M-fluidFontSize-max-viewport: 1920;
		--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)
		);
		font-family: var(--site-font_family-en_1);
	}
	.informationSection .informationWrap .ttl:after {
		content:"";
		display:block;
		height:1px;
		width:100%;
		background:#42210b;
	}	


/* updateBox
---------------------------*/
	.informationSection .informationWrap .updateBox {
		max-width:800px;
		margin-left:auto;
		margin-right:auto;
		text-align: center;
		padding:30px;
		border:1px solid #42210b;
	}
	.informationWrap .updateBox dl {
		display: inline-block;
	}
	.informationWrap .updateBox .updateUnit {
		display: flex;
		flex-wrap: wrap;
		line-height: 1.6;
	}
	.informationWrap .updateBox .updateUnit:not(:first-of-type) {
		margin-top:0.8em;
	}
	.informationWrap .updateBox .updateUnit dt {
		width: 8rem;
		line-height: 1.4;
		text-align: left;
	}
	.informationWrap .updateBox .updateUnit dd {
		width: calc(100% - 8rem);
		font-size:0.9em;
		line-height: 1.6;
		text-align: left;
	}
	.informationWrap .updateBox .updateUnit dd a {
		text-decoration: underline;
	}
	.informationSection .informationWrap .updateBox .holiday {
		margin-top: 0.8em;
		padding-top: 0.8em;
		border-top: 1px dotted #42210b;
	}

@media screen and (max-width: 600px) {
	.informationWrap .updateBox .updateUnit:not(:first-of-type) {
		margin-top:1.2em;
	}
	.informationWrap .updateBox .updateUnit dt {
		width: 100%;
	}
	.informationWrap .updateBox .updateUnit dd {
		width: 100%;
		font-size:1em;
	}

}
/* raijoinfoBox
---------------------------*/
/* -----ほどほどに目立たせる----- */
/*    .raijoinfoBox {
		max-width: 950px;
		font-weight: 470;
		margin-left: auto;
		margin-right: auto;
		padding: 2.5em .65em 3.25em;
        border: 2px solid transparent;
		box-shadow: 0 0 0 1px currentColor inset, 0 0 0 2px currentColor;
    }
    .raijoinfoBox .raijoinfoMarker {
		font-size: 1.07em;
		text-shadow: 1px 1px 0 rgba(241, 241, 163, .55), 1px 1px 1px rgba(241, 241, 163, .2);
		background: linear-gradient(to top, rgba(255, 255, 255, 0) .01em, rgba(238, 238, 160, .53) .01em .65em, rgba(255, 255, 255, 0) .65em);
    }
@media screen and (max-width: 480px) {
    .raijoinfoBox {
		font-weight: 490;
    }
    .raijoinfoBox .raijoinfoMarker {
		font-size: 1.1em;
    }
}*/
/* -----とても目立たせる----- */
    .raijoinfoBox2 {
		max-width: 950px;
		color: #fdfdf8;
		font-weight: 470;
		background-image: linear-gradient( to right, rgb(112,95,58) 0%, rgb(159,142,70) 50%, rgb(112,95,58) 100%);
		margin-left: auto;
		margin-right: auto;
		padding: 2.85em .95em 3.25em;
        border: 7px solid rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 1px rgba(250,250,200,.35) inset;
    }
    .raijoinfoBox2 .raijoinfoMarker {
		font-size: 1.07em;
		text-shadow: 2px 2px 0 rgba(100, 100, 0, .55), 1px 1px 0 rgba(100, 100, 0, .65), 0 2px 10px rgba(0, 0, 0, .1);
		background: linear-gradient(to top, rgba(250,250,200,.18) .7em, rgba(255, 255, 255, 0) .7em);
    }
    .raijoinfoBox2 .generalBtnUnit {
		box-shadow: 0 2px 4px -2px rgba(0, 0, 0, .3), 0 2px 10px -2px rgba(0, 0, 0, .1);
    }
@media screen and (max-width: 480px) {
    .raijoinfoBox2 {
		font-weight: 490;
		padding-left: .45em;
		padding-right: .45em;
        border-width: 5px;
    }
    .raijoinfoBox2 .raijoinfoMarker {
		font-size: 1.1em;
    }
}
/* -----目立たせる・3----- */
    .raijoinfoBox3 {
		max-width: 950px;
		color: #fdfdf8;
		font-weight: 470;
		background-image: linear-gradient( to right, #46321e 0%, #73593f 50%, #46321e 100%);
		margin-left: auto;
		margin-right: auto;
		padding: 2.85em .95em 3.25em;
        border: 7px solid rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 1px rgba(250,250,200,.35) inset;
    }
    .raijoinfoBox3 .raijoinfoMarker {
		font-size: 1.07em;
		text-shadow: 2px 2px 0 rgba(80, 60, 50, .55), 1px 1px 0 rgba(80, 60, 50, .65), 0 2px 10px rgba(0, 0, 0, .1);
		background: linear-gradient(to top, rgba(185,150,140,.33) .7em, rgba(255, 255, 255, 0) .7em);
    }
    .raijoinfoBox3 .raijoinfoTextShadow {
		text-shadow: 2px 2px 0 rgba(80, 60, 50, .55), 1px 1px 0 rgba(80, 60, 50, .65), 0 2px 10px rgba(0, 0, 0, .1);
    }
    .raijoinfoBox3 .descriptionUnit {
		display: block;
		margin-top: 1em;
		margin-bottom: 2em;
		padding: 0 1em;
    }
    .raijoinfoBox3 .generalBtnUnit {
		box-shadow: 0 2px 4px -2px rgba(0, 0, 0, .3), 0 2px 10px -2px rgba(0, 0, 0, .1);
    }
@media screen and (max-width: 480px) {
    .raijoinfoBox3 {
		font-weight: 490;
		padding-left: .45em;
		padding-right: .45em;
        border-width: 5px;
    }
    .raijoinfoBox3 .raijoinfoMarker {
		font-size: 1.1em;
    }
    .raijoinfoBox3 .descriptionUnit {
		margin-top: 1.6em;
		margin-bottom: 2.25em;
    }
    .raijoinfoBox3 .descriptionUnit .inbl {
		display: inline;
    }
}


/* onlinePro
---------------------------*/

    .onlinePro .limTxt{
        background-color: rgba(var(--site-specificColor-lim-active), 1);
        padding: 0.15em 0.8em 0.3em;
        color: #fff;
    }


.onlinePro .priority {
    margin-top: 1.5em;
    display: inline-block;
	position: relative;
	padding: 0.4em 1.2em 0.5em ;
    color: #fff6c8;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 2px rgba(0,0,0,0.7);
background: linear-gradient(to right, #a24111 0%,#ce815b 50%,#992e0d 100%);
}
/*.onlinePro .priority:after {
position: absolute;
  content: "MERIT";
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: #cd805a;
  font-size: 1.8rem;
  color: #fbfbfb;
  padding: 0 14px;
  line-height: 1.4;
}*/



/*onlineProMerit*/
	.onlineProMerit {
		max-width: 800px;
		margin-left:auto;
		margin-right:auto;
		padding: 20px clamp(30px, (30 / 1200 * 100vw), 40px) 30px;
		color: #fff6c8;
		background: linear-gradient(to right, #a24111 0%,#ce815b 50%,#992e0d 100%);
	}
	.onlineProMerit dl {
		margin-top:1em;
	}
	.onlineProMerit .onlineProMeritTxtUnit {
		margin-top:1em;
	}
	.onlineProMerit .onlineProMeritTxtUnit dt {
		padding:0.3em 0;
		font-size:1.4em;
		line-height: 1;
		color:#fff6c8;
		background: #5a2a0a;
	}
	.onlineProMerit .onlineProMeritTxtUnit dd {
		padding:0.5em;
		line-height: 1.4;
		color: #333;
		background: #fff;
	}
@media screen and (max-width: 640px) {
	.onlineProMerit .onlineProMerit {
		padding: 10px 25px 20px;
	}
	.onlineProMerit .onlineProMeritTxtUnit dd {
		padding:0.5em 1em;
	}
}



/* benefitWrap
---------------------------*/
	.benefitWrap {
		position: relative;
		/*display: flex;
		align-items: center;*/
		max-width: 800px;
		font-size: 0.7em;
		color: #FFF;
		background: linear-gradient(to right, #583030 0%, #754e4e 50%, #583030 100%);;
		margin: 1em auto 1em;
		padding: 1em 1em 1em;
	}
	.benefitWrap::after {
		content: "image photo";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../images/index/benefit_bg.png") bottom right no-repeat;
		background-size: cover;
		background-blend-mode: overlay;
		z-index: 0;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		font-size: .4em;
		letter-spacing: 0;
	}
	.benefitWrap::before {
		content: "";
		display: block;
		position: absolute;
		top: 5px;
		left: 5px;
		width: calc(100% - 10px);
		height: calc(100% - 10px);
		border: 1px solid rgba(255, 255, 255, .6);
	}
	.benefitWrap dt {
		display: flex;
		align-items: center;
		justify-content: center;
		/*color: #29170b;*/
		letter-spacing: 0;
		font-size: 0.7em;
		text-align: center;
		/*background: linear-gradient( to right, rgb(112,95,58) 0%, rgb(159,142,70) 50%, rgb(112,95,58) 100%);*/
		/*border-radius: 50%;*/
		position: relative;
		z-index: 1;
	}
	.benefitWrap dt::before,
	.benefitWrap dt::after {
		content: "";
		width: 80px;
		flex-shrink: 1;
		height: 5px;
		border: 1px solid rgba(255, 255, 255, .6);
		border-width: 1px 0;
		margin: 0 0.5em;
	}
	.benefitWrap dd {
		flex-grow: 1;
		padding: .8em 1.5em 0;
		position: relative;
		z-index: 1;
	}





/* infoNews
---------------------------*/
	.infoNewsWrap {
		max-width:950px;
		margin-left:auto;
		margin-right:auto;
		padding:40px 10px 40px;
		border:0px solid #42210b;
		outline : 1px solid rgba(255,255,255,.5);
		outline-offset : -8px;
		/*background: rgba(255,255,255,.2);*/
		background: linear-gradient(to right, #584c30 0%, #756a4e 50%, #584c30 100%);
	}
	.infoNewsWrap .txtBox {
		padding:0 20px;
		color:#fff;
	}
	.infoNewsWrap .txtBox .free {
		display: inline-block;
		margin-top:1.5em;
		padding:0.5em;
		border:0 solid #ccc;
		border-width:1px 0;
	}



	.infoNewsWrap .txtBox .title {
		text-align: center;
	}
	.infoNewsWrap .txtBox .title .inner {
		display: flex;
		align-items: center;
	}
	.infoNewsWrap .txtBox .title .inner::before,
	.infoNewsWrap .txtBox .title .inner::after {
		content: "";
		height: 4px;
		flex-grow: 1;
		border:0 solid rgba(255,255,255,.8);
		border-width:1px 0;
		max-width:70px;
		margin-left:auto;
		margin-right:auto;
	}

	.infoNewsWrap .txtBox .title .inner::before {
		margin-right: 1rem;
	}
	.infoNewsWrap .txtBox .title .inner::after {
		margin-left: 1rem;
	}













/* ------------------------------------------------------------------------
 movieSection
------------------------------------------------------------------------ */
/* heading_Line
-----------------------------------------------------------*/
	.movieSection .title {
		--M-fluidFontSize-max-fontsize: 32;
		--M-fluidFontSize-min-fontsize: 20;
		--M-fluidFontSize-max-viewport: 1920;
		--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)
		);
		font-family: var(--site-font_family-en_1);
		line-height: 1;
		color:#42210b;
	}
	.movieSection .heading_Line {
		display: block;
		text-align: center;
	}


@media screen and (min-width: 900.02px) {
	.movieSection .onlyTBSP {
		display: none;
	}
}
@media screen and (max-width: 900px) {
	.movieSection .onlyPC {
		display: none;
	}
}


/*movieList*/ /*（.onlyPC と .onlyTBSP で出し分け）*/
	.movieSection .movieList li {
		color:#42210b;
	}
	.movieSection .movieList li .movieItem_img {
	}
	.movieSection .movieList li .movieItem_ttl {
	}

	.movieSection .movieList li .movieItem_ttl .head {
		--M-fluidFontSize-max-fontsize: 25;
		--M-fluidFontSize-min-fontsize: 16;
		--M-fluidFontSize-max-viewport: 1380;
		--M-fluidFontSize-min-viewport: 900;
		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)
		);
		font-family: var(--site-font_family-en_1);
		line-height: 1;
	}
	.movieSection .movieList li .movieItem_ttl .head em {
		line-height: .5;
		font-size: 2em;
		font-weight: lighter;
	}
	.movieSection .movieList li .movieItem_ttl .head em::before {
		content: "";
		display: inline-block;
		width: 30px;
		margin: 0 3px 0 5px;
		border-bottom: 1px solid currentColor;
	}

	.movieSection .movieList li .movieItem_ttl .description {
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 15;
		--M-fluidFontSize-max-viewport: 1380;
		--M-fluidFontSize-min-viewport: 900;
		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)
		);
		margin-top: 0.8em;
	}

@media screen and (min-width: 900.02px) {
	.movieSection .movieList {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 60px clamp(20px, (35 / 1200 * 100%), 35px);
	}
	.movieSection .movieList li .movieItem_ttl {
		margin-top: .75em;
	}
}
@media screen and (max-width: 900px) {
	.movieSection .movieList {
		border: 0 double #29170b;
		border-width: 3px 0;
	}
	.movieSection .movieList li {
		background: #dcd6da;
		/*background: #DBD7CC;*/
	}
	.movieSection .movieList li:nth-of-type(n+2) {
		border-top: 1px solid #29170b;
	}
	.movieSection .movieList li button {
		--base-dataButtonIcon-padding-lr: var(--base-dataButtonIcon-icoPlus_-right);
		--base-dataButtonIcon-icoPlus_-right:			20px;	/* 右端からの距離（初期値） */
		--base-dataButtonIcon-icoPlus_-width:			39px;	/* アイコン幅（初期値） */
		--base-dataButtonIcon-icoPlus_-height:			var(--base-dataButtonIcon-icoPlus_-width); /* アイコン高さ（初期値はアイコン幅と同じ） */
		--base-dataButtonIcon-icoPlus_-padding-adjust:	0px;	/* 微調整 */
		
		display: grid;
		grid-template-columns: 1fr calc(var(--base-dataButtonIcon-padding-lr) + var(--base-dataButtonIcon-icoPlus_-right) + var(--base-dataButtonIcon-icoPlus_-width) + var(--base-dataButtonIcon-icoPlus_-padding-adjust));
		position: relative;
		width: 100%;
		text-align: left;
	}
	.movieSection .movieList li button .ico {
		opacity: 1;
		color: #fff;
		background: #29170b;
		border: 9px solid #29170b;
		border-radius: 100%;
		transition: all .3s ease-out;
	}
	.movieSection .movieList li button.active .ico {
		background: #948254;
		border-color: #948254;
	}
	.movieSection .movieList li [id^="interview_"] {
		display: none; /* 初期値:none（JSで開閉トグル） */
	}
	.movieSection .movieList li .movieItem_img {
		padding: clamp(15px, 4.75vw, 40px);
		padding-top: 7px;
	}
	.movieSection .movieList li .movieItem_ttl {
		padding: 1.5em 0 1.5em 1.6em;
	}
	.movieSection .movieList li .movieItem_ttl .head {
		--M-fluidFontSize-max-fontsize: 24;
		--M-fluidFontSize-min-fontsize: 16;
		--M-fluidFontSize-max-viewport: 700;
		--M-fluidFontSize-min-viewport: 420;
		display: block;
		color: #948254;
		margin-bottom: .4em;
	}
	.movieSection .movieList li .movieItem_ttl .head em {
		line-height: .6;
		font-size: 1.85em;
	}
	.movieSection .movieList li .movieItem_ttl .description {
		--M-fluidFontSize-max-fontsize: 18;
		--M-fluidFontSize-min-fontsize: 12.75;
		--M-fluidFontSize-max-viewport: 700;
		--M-fluidFontSize-min-viewport: 420;
	}
	@media (hover: hover) and (pointer: fine) {
		.movieSection .movieList li button:not(.active):hover .ico {
			background: #6B4125;
			border-color: #6B4125;
		}
		.movieSection .movieList li button.active:hover .ico {
			background: #A89C7D;
			border-color: #A89C7D;
		}
	}
}
@media screen and (max-width: 480px) {
	.movieSection .movieList li button {
		--base-dataButtonIcon-icoPlus_-right:			13px;	/* 右端からの距離（初期値） */
		--base-dataButtonIcon-icoPlus_-width:			27px;	/* アイコン幅（初期値） */
		grid-template-columns: 1fr calc(var(--base-dataButtonIcon-padding-lr) + var(--base-dataButtonIcon-icoPlus_-right) + var(--base-dataButtonIcon-icoPlus_-width) + var(--base-dataButtonIcon-icoPlus_-padding-adjust));
	}
	.movieSection .movieList li button .ico {
		border-width: 7px;
	}
	.movieSection .movieList li .movieItem_ttl {
		padding: 1.15em 0 1.15em 1.2em;
	}
}



/* venobox btn START */
.vbox-overlay {
	width: 100%;
}
	/* ----- hove ----- */
	.movieSection .movieList li .movieItem_img a.venobox:focus {
        outline: none;
    }
	@media (hover: hover) and (pointer: fine) {
       .movieSection .movieList li .movieItem_img a.venobox:hover {
            opacity: .7;
		   transition: opacity 0.2s;
		}
    }
/* venobox btn END */

	
	/*venobox*/
	.venobox_movieSizeAdjust {
	  position: relative;
	  width:100%; /* 横幅は100%にしておく*/
	  height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
	  padding-top: 56.25%; /* 高さを指定(16:9) */
	 }
	.venobox_movieSizeAdjust video,
	.venobox_movieSizeAdjust iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}



/* ------------------------------------------------------------------------
 poemSection
------------------------------------------------------------------------ */
	.poemSection .txt {
		text-align: center;
		font-size:1.2em;
		line-height: 2.6;
		margin-top: var(--site-marpad-M);
	}
@media screen and (max-width: 600px) {
	.poemSection .txt {
		font-size:1.1em;
		line-height: 2.4;
	}
}
/* ------------------------------------------------------------------------
 innerpageLinkSection
------------------------------------------------------------------------ */
/* heading_Line
-----------------------------------------------------------*/
	.innerpageLinkSection .title {
		--M-fluidFontSize-max-fontsize: 32;
		--M-fluidFontSize-min-fontsize: 20;
		--M-fluidFontSize-max-viewport: 1920;
		--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)
		);
		font-family: var(--site-font_family-en_1);
		line-height: 1;
		color:#42210b;
	}
	.innerpageLinkSection .heading_Line {
		text-align: center;
	}
	.innerpageLinkSection .heading_Line_inner {
		display: flex;
		align-items: center;
	}
	.innerpageLinkSection .heading_Line_inner::before,
	.innerpageLinkSection .heading_Line_inner::after {
		content: "";
		height:4px;
		flex-grow: 1;
		border:0 solid #000;
		border-width:1px 0;
		min-width:60px;
	}
	.innerpageLinkSection .heading_Line_inner::before {
		margin-right: 1.2rem;
	}
	.innerpageLinkSection .heading_Line_inner::after {
		margin-left: 1.2rem;
	}


/* innerpageLinkWrap
-----------------------------------------------------------*/

	.innerpageLinkBox {
		position: relative;
		margin-top: var(--site-marpad-M);
		overflow: hidden;
	}
	.innerpageLinkBox .txtBox,
	.innerpageLinkBox .colorBox {
		position: absolute;
		top:0;
		left:0;
		display: block;
		width: 65%;
		height:100%;
	}
	
	/*layoutR*/
	.innerpageLinkBox.layoutR .txtBox,
	.innerpageLinkBox.layoutR .colorBox {
		right:0;
		left:auto;
	}
	/*layoutC*/
	.innerpageLinkBox.layoutC .txtBox,
	.innerpageLinkBox.layoutC .colorBox {
		width: 100%;
	}	
	
	.innerpageLinkBox .txtBox {
		z-index: 3;
		display: flex;
		align-items:flex-end;
	}
	/*layoutC*/
	.innerpageLinkBox.layoutC .txtBox {
		align-items:center;
	}	
	.innerpageLinkBox .colorBox {
		background: rgba(95,180,167, .8);
		mix-blend-mode: multiply;
		z-index: 2;
	}
	.innerpageLinkBox .imgcapkeep {
		z-index: 4;
	}
	
	/*個別*/
	.innerpageLinkBox.concept .colorBox {   background: rgba(74,46,36, .8);}
	.innerpageLinkBox.residence .colorBox { background: rgba(95,180,167, .8);}
	.innerpageLinkBox.public .colorBox {    background: rgba(188,145,0, .8);}	
	.innerpageLinkBox.plan .colorBox {      background: rgba(177,113,107, .8);}	
	.innerpageLinkBox.community .colorBox { background: rgba(71,184,159, .8);}	
	.innerpageLinkBox.location .colorBox {  background: rgba(112,177,60, .8);}	
	.innerpageLinkBox.access .colorBox {    background: rgba(0,143,202, .8);}	
	.innerpageLinkBox.brand .colorBox {     background: rgba(201,145,88, .8);}	
	
	
@media screen and (max-width: 900px) {
	.innerpageLinkBox .txtBox,
	.innerpageLinkBox .colorBox {
		width: 80%;
	}
}

@media screen and (max-width: 600px) {
	.innerpageLinkWrap.contbox {
		width: 100%;
	}
	.innerpageLinkBox .txtBox,
	.innerpageLinkBox .colorBox {
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 80%;
		height: 80%;
	}
	
	/*layoutR*/
	.innerpageLinkBox.layoutR .txtBox,
	.innerpageLinkBox.layoutR .colorBox {
		right:auto;
		left:50%
	}	
	/*layoutC*/
	.innerpageLinkBox.layoutC .txtBox,
	.innerpageLinkBox.layoutC .colorBox {
		width: 80%;
		height: 80%;
	}	
	.innerpageLinkBox .txtBox {
		align-items:center;
	}
}



	/*txtBox----------------------------------*/
	.innerpageLinkBox .txtBox .txtUnit {
		width: 100%;
		padding: clamp(50px, (50 / 900 * 100vw), 70px) clamp(30px, (30 / 900 * 100vw), 40px);
	}
	/*layoutC*/
	.innerpageLinkBox.layoutC .txtBox .txtUnit {
		text-align: center;
	}
	/*layoutR*/
	.innerpageLinkBox.layoutR .txtBox .txtUnit {
		text-align: right;
	}
	.innerpageLinkBox .txtBox .txtUnit .ttl {
		padding-bottom: 0.8em;
		--M-fluidFontSize-max-fontsize: 50;
		--M-fluidFontSize-min-fontsize: 30;
		--M-fluidFontSize-max-viewport: 1920;
		--M-fluidFontSize-min-viewport: 900;
		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)
		);
		font-family: var(--site-font_family-en_1);
		letter-spacing: 0.15em;
		line-height: 1;
	}
	.innerpageLinkBox .txtBox .txtUnit .txt {
		padding-bottom: 1.2em;
		--M-fluidFontSize-max-fontsize: 26;
		--M-fluidFontSize-min-fontsize: 16;
		--M-fluidFontSize-max-viewport: 1920;
		--M-fluidFontSize-min-viewport: 900;
		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.6;
	}
	.innerpageLinkBox .txtBox .txtUnit .btnClick {
		width: clamp(150px, (197 / 1200 * 100vw), 197px);
		opacity: 1;
		transform: translateX(0);
		transition: all 0.4s ease-in-out 0s;
	}
	
	/*layoutC*/
	.innerpageLinkBox.layoutC .txtBox .txtUnit .btnClick {
		margin-left:auto;
		margin-right:auto;
	}
	/*layoutR*/
	.innerpageLinkBox.layoutR .txtBox .txtUnit .btnClick {
		margin-left:auto;
		margin-right:0;
	}
	@media (hover: hover) and (pointer: fine) {
		.innerpageLinkBox .txtBox .txtUnit .btnClick:hover {
			opacity: .8;
			transform: translateX(10px);
		}
	}
@media screen and (max-width: 900px) {
	.innerpageLinkBox .txtBox .txtUnit .ttl {
		padding-bottom: 0.8em;
		--M-fluidFontSize-max-fontsize: 30;
		--M-fluidFontSize-min-fontsize: 20;
		--M-fluidFontSize-max-viewport: 900;
		--M-fluidFontSize-min-viewport: 600;
		letter-spacing: 0.15em;
		line-height: 1;
	}
	.innerpageLinkBox .txtBox .txtUnit .txt {
		padding-bottom: 1.2em;
		--M-fluidFontSize-max-fontsize: 16;
		--M-fluidFontSize-min-fontsize: 14;
		--M-fluidFontSize-max-viewport: 900;
		--M-fluidFontSize-min-viewport: 600;
		line-height: 1.6;
	}
}

@media screen and (max-width: 600px) {
	.innerpageLinkBox .txtBox .txtUnit,
	.innerpageLinkBox.layoutR .txtBox .txtUnit {
		width: 100%;
		text-align: center;
		padding: clamp(30px, (30 / 480 * 100vw), 30px) clamp(30px, (30 / 480 * 100vw), 30px);
	}
	.innerpageLinkBox .txtBox .txtUnit .txt {
		padding-bottom: 1.8em;
	}
	.innerpageLinkBox .txtBox .txtUnit .btnClick,
	.innerpageLinkBox.layoutR .txtBox .txtUnit .btnClick {
		margin-left:auto;
		margin-right:auto;
	}
}


	
	/*colorBox----------------------------------*/
	.innerpageLinkBox .txtBox .txtUnit {
		color:#fff;
	}
	.innerpageLinkBox .picBox {
		position: relative;
	}

	.innerpageLinkBox[data-js_show_target="innerpageLinkC"],
	.innerpageLinkBox[data-js_show_target="innerpageLinkL"],
	.innerpageLinkBox[data-js_show_target="innerpageLinkR"] {           opacity: 0; transition: opacity 0.5s ease-out 0s;}
	.innerpageLinkBox[data-js_show_target-passed="innerpageLinkC"],
	.innerpageLinkBox[data-js_show_target-passed="innerpageLinkL"],
	.innerpageLinkBox[data-js_show_target-passed="innerpageLinkR"] {    opacity: 1; }

	.innerpageLinkBox[data-js_show_target="innerpageLinkC"] .colorBox {       clip-path: inset(0 50% 0 50%); transition: clip-path 0.5s ease-out 0s;}
	.innerpageLinkBox[data-js_show_target="innerpageLinkL"] .colorBox {       clip-path: inset(0 100% 0 0); transition: clip-path 0.5s ease-out 0s;}
	.innerpageLinkBox[data-js_show_target="innerpageLinkR"] .colorBox {       clip-path: inset(0 0 0 100%); transition: clip-path 0.5s ease-out 0s;}
	
	.innerpageLinkBox[data-js_show_target-passed="innerpageLinkC"] .colorBox,
	.innerpageLinkBox[data-js_show_target-passed="innerpageLinkL"] .colorBox,
	.innerpageLinkBox[data-js_show_target-passed="innerpageLinkR"] .colorBox {clip-path: inset(0 0 0 0);}

	.innerpageLinkBox[data-js_show_target="innerpageLinkC"] .txtBox,
	.innerpageLinkBox[data-js_show_target="innerpageLinkL"] .txtBox,
	.innerpageLinkBox[data-js_show_target="innerpageLinkR"] .txtBox {         opacity: 0; transition: opacity 0.8s ease-out 0.5s;}
	.innerpageLinkBox[data-js_show_target-passed="innerpageLinkC"] .txtBox,
	.innerpageLinkBox[data-js_show_target-passed="innerpageLinkL"] .txtBox,
	.innerpageLinkBox[data-js_show_target-passed="innerpageLinkR"] .txtBox {  opacity: 1; }


	.innerpageLinkBox[data-js_show_target="innerpageLinkC"] .picBox,
	.innerpageLinkBox[data-js_show_target="innerpageLinkL"] .picBox,
	.innerpageLinkBox[data-js_show_target="innerpageLinkR"] .picBox {         transform: scale(1.2); transition: transform 2.5s ease-out 0s;}

	.innerpageLinkBox[data-js_show_target-passed="innerpageLinkC"] .picBox,
	.innerpageLinkBox[data-js_show_target-passed="innerpageLinkL"] .picBox,
	.innerpageLinkBox[data-js_show_target-passed="innerpageLinkR"] .picBox {    transform: scale(1);}







/*limitedContentsList
-----------------------------------------*/
	.limitedContentsList {
		margin-top: var(--site-marpad-S);
		margin-bottom: var(--site-marpad-S);
		padding: var(--site-marpad-S) 15px var(--site-marpad-S);
	}
	.limitedContentsList > div {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		gap: 1.5em 0;
	}
	.limitedContentsList dt {
		display: block;
		width: 40%;
		line-height: 2em;
		margin: 0 auto 1em;
		border-bottom: 1px solid #FFF;
		
	}
	.limitedContentsList > div dd {
		position: relative;
		width: 30%;
		min-width: 200px;
		max-width: 300px;
		color: #000;
		margin: 0 10px;
		
	}
	.limitedContentsList > div dd .imgWrap {
		overflow: hidden;
		position: relative;
		display: block;
		width: 100%;
	}

	.limitedContentsList > div dd .imgBox {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		transform: translate(-50%, -50%);
	}
	.limitedContentsList > div dd .newIcon {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		line-height: 1.4;
		color: #fff;
		font-family: var(--site-font_family-en_1);
		font-size: 1rem;
		text-align: center;
		letter-spacing: -.01em;
		background: #cf0e3b;
		padding: 0 .35em;
	}
	.limitedContentsList > div dd .txtBox {
		position: relative;
		z-index: 10;
		display: block;
		padding: 2em;
		text-align: center;
	}
	.limitedContentsList > div dd .subTxt {
		display: block;
		color: #FFF;
		text-align: center;
        margin-top: 1em;
	}

/*@media screen and (max-width: 600px) {
	.limitedContentsList > div dd {
		margin-bottom:1.5em;
	}
}*/


	.limitedContentsFlow {
		margin-top: var(--site-marpad-L);
	}
	.limitedContentsFlow ol {
		display: flex;
		justify-content: space-between;
		padding: 10px;
		border: 1px solid #dcbf64;

	}
	.limitedContentsFlow ol li {
		position: relative;
		width: 30%;
		color: #42210b;
		background: #bcae8b;
		padding: 10px 15px;
	}
	.limitedContentsFlow ol li:not(:nth-of-type(1))::before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: calc(100% + 4%);
		transform: translateY( -50%);
		width: 0px;
		height: 0px;
		border: 10px solid transparent;
		border-left-color: rgba(255, 255, 255, .5)
	}

	.limitedContentsFlow ol li strong {
		position: relative;
		z-index: 3;
		display: block;
		text-align: right;
		font-size: 1.4em;
	}
	.limitedContentsFlow ol li > span {
		position: relative;
		z-index: 3;
		display: block;
		font-size: 0.8em;
		margin-top: 1em;
		padding: 0.6em 0em 0em 4em;
		border-top: 1px solid #42210b;
	}

	.limitedContentsFlow ol li .num {
		position: absolute;
		top: 0;
		left: 0;
		color: rgba(255, 255, 255, .5);
		font-size: 8em;
		line-height: .4;
		font-weight: 100;
		font-style: italic;
		font-family: var(--site-font_family-en_1);
	}
	.limitedContentsFlow ol li .noticeBtn {
		font-size: 0.8em;
		margin-top: 1.1em;
	}
@media screen and (max-width: 1000px) {
	.limitedContentsFlow ol {
		display: block;

	}
	.limitedContentsFlow ol li {
		width: 100%;
	}
	.limitedContentsFlow ol li:not(:nth-of-type(1)) {
		margin-top: 30px;
	}
	.limitedContentsFlow ol li:not(:nth-of-type(1))::before {
		top: auto;
		bottom: 100%;
		left: 50%;
		transform: translate(-50%, 0);
		
		border-top-color: rgba(255, 255, 255, .5);
		border-left-color: transparent;
	}
	.limitedContentsFlow ol li span {
		font-size: 0.96em;
		padding-left: 0em;
	}
}



/* floatingBanner
------------------------------------------------------------------------ */
	#js_floatingBanner_bn01 {
		position: fixed;
		inset: auto 3px calc(var(--site-stickyConversionSP-height, 0px) + 3px) auto;
		z-index: 1000;
		width: clamp(100px, 60%, 360px);
		opacity: 0;
		background: red;
	}
	#js_floatingBanner_bn01 > div {
		position: relative;
		z-index: 0;
		line-height: 1.35;
		font-size: 1.2rem;
		background: #a59d4e;
		box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .3);
	}
	#js_floatingBanner_bn01 > div a {
		display: block;
		width: 100%;
		background: skyblue;
	}
	#js_floatingBanner_bn01 > div img {
		display: block;
		width: 100%;
		max-width: none;
		height: auto;
	}
	#js_floatingBanner_bn01 .floatingBanner_closeBtnWrap {
							/*background: red;*/
		box-sizing: content-box;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		/*inset: auto 5px 100% auto;*/
		inset: 0 0 auto auto;
		z-index: 1;
		width: max(20px, 1.85em);
		aspect-ratio: 1;
		line-height: 1;
		color: #fff;
		font-size: 1.5rem;
		padding: 0 0 7px 7px; /* クローズボタンとバナーリンクの境界（押せないエリアを作成） */
	}
	#js_floatingBanner_bn01 .floatingBanner_closeBtn {
		/* clear */
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		color: inherit;
		font: inherit;
		background: transparent;
		border: none;
		border-radius: 0;
		cursor: pointer;
		
		/* reset */
							/*background: blue;*/
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		aspect-ratio: 1;
		/*background: #a59d4e;*/
	}
	/*#js_floatingBanner_bn01 .floatingBanner_closeBtn::before {
		content: "×";
	}*/


@media screen and (max-width: 600px) {
	#js_floatingBanner_bn01{display: none!important;}
}


/* lightbox Banner　スマホのみ表示
------------------------------------------------------------------------ */

@media screen and (min-width: 600.02px) {
	.modal{display: none!important;}
}
	.modal{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 1000;
		opacity: 1;
		transition: opacity 0.5s ease;
		pointer-events: auto;
	}
	.modal.hide{
		opacity: 0;
		pointer-events: none;
	}
	.modal_conte{
		width: 75vw;
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.modal_conte .modal_bnr{
		width: 100%;
	}
	.modal_conte .modal_close_btn{
		position: absolute;
		top: 0;
		right: 0;
		transform: translate(0%, -100%);
		cursor: pointer;
		background: #fff;
		color: #000;
		border: none;
		width: 32px;
		height: 32px;
		font-size: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
	}







/*indexHoliday
-----------------------------------------*/
	.indexHoliday .holiday {
		max-width: 800px;
		color: #661c29;
		text-align: center;
		margin: 5em auto 0;
		padding: 2em 0;
		/*border-top: 1px dotted #42210b;*/
		border-top: 1px dotted;
		border-bottom: 1px dotted;
	}
	.indexHoliday .holiday .holidayTitle {
		display: block;
		font-size: 1.1em;
		text-align: center;
		margin-bottom: .35em;
	}

/* introAnnouncement に移動した ----- */
	.introAnnouncement .indexHoliday .holiday {
		width: 100%;
		max-width: 950px;
		font-size: 1.6rem;
		color: #660916;
		letter-spacing: .08em;
		margin-top: var(--site-marpad-XS);
	}
@media screen and (max-width: 900px) {
	.introAnnouncement .indexHoliday .holiday {
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 600px) {
	.introAnnouncement .indexHoliday .holiday {
		width: 90%;
		max-width: 550px;
		font-size: 1.3rem;
		letter-spacing: .04em;
		text-align: left;
	}
}