@charset "utf-8";

/* =======================================================================================
	COMMON
======================================================================================= */


/* =======================================================================================
	PAGE 
======================================================================================= */
	:where(.pt-residence_01) .container {
		padding-top: var(--site-marpad-XL);
		padding-bottom: var(--site-marpad-XL);
	}

	.residenceColBoxWrap .generalColBox {
		--base-generalColBox-margin-row:	clamp(45px, (50 / 1000 * 100vw), 60px);
		--base-generalColBox-margin-column:	clamp(45px, (50 / 1000 * 100vw), 60px);
	}
	.residenceColBoxWrap .generalColBox .unit {
	}
	.residenceColBoxWrap .generalColBox .unit .head {
		line-height: 1.3;
		font-family: var(--site-font_family-en_1);
		font-size: 1.161290em;
		letter-spacing: .09em;
		margin-bottom: .7em;
		padding-top: .02em;
		padding-bottom: .12em;
		padding-left: .75em;
		border-left: 5px solid currentColor;
	}
	.residenceColBoxWrap .generalColBox .unit .pic {
		position: relative;
	}
	.residenceColBoxWrap .generalColBox .unit .ttl {
		line-height: 1.63;
		font-size: 1.290322em;
		letter-spacing: .065em;
		margin-top: 1em;
	}
	.residenceColBoxWrap .generalColBox .unit .txt {
		line-height: 2;
		font-size: 1em;
		letter-spacing: .07em;
		margin-top: 1em;
	}
@media screen and (min-width: 600.02px) and (max-width: 900px) {
	.residenceColBoxWrap .is_TB_sideBySide .unit {
		display: grid;
		grid-template: 
			"resColWrap_head resColWrap_head" auto
			"resColWrap_pic  resColWrap_ttl" auto
			"resColWrap_pic  resColWrap_txt" 1fr /
			43% 1fr;
		align-content: space-between;
		gap: 0px 2em;
	}
	.residenceColBoxWrap .is_TB_sideBySide .unit .head {	grid-area: resColWrap_head;}
	.residenceColBoxWrap .is_TB_sideBySide .unit .pic {		grid-area: resColWrap_pic; align-self: start;}
	.residenceColBoxWrap .is_TB_sideBySide .unit .ttl {		grid-area: resColWrap_ttl;}
	.residenceColBoxWrap .is_TB_sideBySide .unit .txt {		grid-area: resColWrap_txt;}
	
	.residenceColBoxWrap .generalColBox .unit .ttl {
		line-height: 1.55;
		font-size: 1.225em;
		margin-top: -.3em;
	}
	.residenceColBoxWrap .generalColBox .unit .txt {
		line-height: 1.85;
		margin-top: .75em;
	}
}
@media screen and (max-width: 600px) {
	.residenceColBoxWrap {
		padding: 7.5vw 6.666667vw;
		border: 1px solid rgba(255, 255, 255, .3);
	}
	.residenceColBoxWrap .generalColBox .unit .head {
		font-size: 1.230769em;
		border-left-width: 4px;
	}
	.residenceColBoxWrap .generalColBox .unit .ttl {
		font-size: 1.153846em;
		margin-top: .85em;
	}
	.residenceColBoxWrap .generalColBox .unit .txt {
		line-height: 1.75;
		font-size: .95em;
		margin-top: .85em;
	}
}



/* ------------------------------------------------------------------------
 mainHeaderVisualWrap
------------------------------------------------------------------------ */
	.mainHeaderVisualWrap .imgcapkeep {
		inset: auto auto 0 0;
	}



/* ------------------------------------------------------------------------
 residenceDescription
------------------------------------------------------------------------ */
						/*.residenceDescription {							background: tan; }
						.residenceDescription .sectionHeader {			background: pink; }
						.residenceDescription .residencePhBox {			background: linen; opacity: .7; }
						.residenceDescription .residencePhBox .pic {	background: skyblue; }
						*/
	.residenceDescriptionContainer {
		padding-top: 0;
		padding-bottom: 0;
	}
	.residenceDescription {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;
		gap: 0px calc(60 / 1920 * 100%);
		max-width: var(--site-sizeMaxWidth-XL);
		margin-left: auto;
		margin-right: auto;
	}
	.residenceDescription .sectionHeader {
		flex: 0 0 calc(670 / 1920 * 100%);
		padding: calc(130 / 1920 * 100%) 0;
	}
	.residenceDescription .sectionHeader * {
		text-align: left;
	}
	.residenceDescription .residencePhBox {
		position: relative; /* 後述で sticky に変化 */
		z-index: 1;
		flex: 0 0 calc(980 / 1920 * 100%);
		align-self: flex-start;
	}
	.residenceDescription .residencePhBox .pic {
		z-index: inherit;
		width: 100%;
		transform: translateY(calc(-50 / 710 * 100%));
	}
	.residenceDescription .residencePhBox .pic small {
		padding: 0em .5em;
	}
@media screen and (max-width: 1366px) {
	.residenceDescription .residencePhBox {
		position: sticky;
		inset: calc(var(--site-stickyHeader-height) + 20px) 0 auto auto;
	}
}
@media screen and (max-width: 900px) {
	.residenceDescription {
		display: block;
	}
	.residenceDescription .sectionHeader {
		width: var(--site-sizeContentWide-M);
		max-width: var(--site-sizeMaxWidth-XS);
		margin-left: auto;
		margin-right: auto;
		padding: var(--site-marpad-XXL) 0 30px;
	}
	.residenceDescription .sectionHeader * {
		text-align: center;
	}
	.residenceDescription .residencePhBox {
		position: relative; /* relative に戻す */
		inset: revert;
		width: calc(310 / 360 * 100%);
		margin-left: auto;
	}
	.residenceDescription .residencePhBox .pic {
		padding-bottom: 30px; /* 微調整 */
		transform: none;
	}
}
@media screen and (max-width: 600px) {
	.residenceDescription .sectionHeader * {
		text-align: left;
	}
	.residenceDescription .sectionHeader * .enttl {
		text-align: center;
	}
	.residenceDescription .sectionHeader .leadTxt .inbl {
		display: inline;
	}
}



/* ------------------------------------------------------------------------
 landscapeDescriptionContainer
------------------------------------------------------------------------ */
	.landscapeDescriptionContainer {
	}

.stickoutFullboxSP{
    margin: 2em auto;
    width: 90%;
}
/*.stickoutFullboxSP .layoutImg{
    position: relative;
}*/

/*
residenceLayout
------------------------------------------------------*/
    .residenceLayout{
        position: relative;
    }
    .residenceLayout .noticeTxtBox{
        background-color: rgba(0,0,0,0.59);
        text-align: center;
        padding: 0.3em;
        max-width: 1000px;
        margin: 0 auto;
    }
     .residenceLayout .noticeTxtBox p{
        margin-left: 0.3em;
        line-height: 1.9;
        position: relative;
        display: inline-block;
         padding-left: 35px;
    }
     .residenceLayout .noticeTxtBox p::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        background: url("../images/residence/lc_num_00.png") center center no-repeat;
        width: 30px;
        height: 30px;
        background-size: 100% auto;
        border: 1px solid rgba(255,255,255,0.8);
    }
     .residenceLayout .numUnit{
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
    }
     .residenceLayout .numUnit [class*="num_"] {
        width: 1.8125%;
        position: absolute;
        z-index: 2;
        
        line-height: 1;
      }
    .residenceLayout .numUnit [class*="num_"]  a{
        height: 100%;
        width: 100%;
        display: block;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.87);
    }
 .residenceLayout .numUnit .num_01 {
    top: 46.8%;
    left: 33.57%;
  }
 .residenceLayout .numUnit .num_02 {
    top: 42.5%;
    left: 44.1%;
  }
 .residenceLayout .numUnit .num_03 {
    top: 42.5%;
    left: 46.4%;
  }
 .residenceLayout .numUnit .num_04 {
    top: 42.5%;
    left: 48.6%;
  }
 .residenceLayout .numUnit .num_05 {
    top: 49.8%;
    left: 51%;
  }
 .residenceLayout .numUnit .num_06 {
        top: 61.6%;
          left: 33.2%;
  }
 .residenceLayout .numUnit .num_07 {
    top: 69.8%;
    left: 33.2%;
  }
 .residenceLayout .numUnit .num_08 {
    top: 65.5%;
    left: 39.6%;
  }
 .residenceLayout .numUnit .num_09 {
    top: 40.5%;
    left: 56.4%;
  }
 .residenceLayout .numUnit .num_12 {
    bottom: 26.8%;
    left: 23.86%;
  }
 .residenceLayout .numUnit .num_nv {
    width: 9.938%;
    top: 88%;
    left: 39.86%;
  }

@media screen and (max-width: 900px) {
     .residenceLayout .numUnit [class*="num_"] {
        width: 3.625%;
      }
 .residenceLayout .numUnit .num_01 {
    top: 46.8%;
    left: 67.83%;
  }
 .residenceLayout .numUnit .num_02 {
    top: 42.5%;
    left: 89%;
  }
 .residenceLayout .numUnit .num_03 {
    top: 42.5%;
    left: 93%;
  }
 .residenceLayout .numUnit .num_04 {
    top: 42.5%;
    left: 97%;
    }
 .residenceLayout .numUnit .num_05 {
    top: 49.8%;
    left: 102%;
  }
 .residenceLayout .numUnit .num_06 {
    top: 60.6%;
    left: 67.2%;
  }
 .residenceLayout .numUnit .num_07 {
    top: 68.8%;
    left: 67.2%;
  }
 .residenceLayout .numUnit .num_08 {
    top: 65.5%;
    left: 79.6%;
  }
 .residenceLayout .numUnit .num_09 {
    top: 41%;
    left: 112.4%;
  }
 .residenceLayout .numUnit .num_12 {
    bottom: 27.8%;
    left: 49%;
  }
 .residenceLayout .numUnit .num_nv {
    width: 19.938%;
    top: 86%;
    left: 79.86%;
  }
}
@media screen and (max-width: 600px) {
    
     .residenceLayout .noticeTxtBox p{
         padding-left: 26px;
    }
    .residenceLayout .noticeTxtBox p::before {
        width: 24px;
        height: 24px;
    }
     .residenceLayout .numUnit [class*="num_"] {
        width: 5%;
      }
   .residenceLayout .js_swipeMe_active .js_swipeMeInnerBoxOverlay, 
    .residenceLayout .js_swipeMe_active .js_swipeMeSwipeItem {
      width: 280%;
    }
 .residenceLayout .numUnit .num_01 {
    left: 95.2%;
  }
 .residenceLayout .numUnit .num_02 {
    left: 124%;
  }
 .residenceLayout .numUnit .num_03 {
    left: 130%;
  }
 .residenceLayout .numUnit .num_04 {
    left: 136%;
    }
 .residenceLayout .numUnit .num_05 {
    left: 143%;
  }
 .residenceLayout .numUnit .num_06 {
    left: 94.2%;
  }
 .residenceLayout .numUnit .num_07 {
    left: 94.2%;
  }
 .residenceLayout .numUnit .num_08 {
      left: 111.6%;
  }
 .residenceLayout .numUnit .num_09 {
    left: 157.4%;
  }
 .residenceLayout .numUnit .num_12 {
    left: 68.9%;
  }
 .residenceLayout .numUnit .num_nv {
    width: 26.938%;
    top: 86%;
    left: 111.86%;
  }
}






    /*
    residenceList
    ------------------------------------------------------*/
    .residenceList{
        margin-top: 5em;
        width: 100%;
    }

    .residenceList .noticeTxtBox{
        text-align: center;
        background-color:rgba(0,0,0,0.59);
        padding: 0.3em;
        margin-bottom: 0.5em;
    }
    .residenceList .noticeTxtBox p{
        margin-left: 0.3em;
        line-height: 1;
        position: relative;
        display: inline-block;
    }
    .residenceList .noticeTxtBox p::before {
        content: "";
        position: absolute;
        left: -24px;
        top: 0;
        z-index: 3;
        background: url("../images/residence/btn_ico.png") center center no-repeat;
        width: 19px;
        height: 19px;
        background-size: 100% auto;
    }



    .residenceList ul{
        display: flex;
        flex-wrap: wrap;
        justify-content:flex-start;
        align-items: center;
    }
    .residenceList ul li:first-child{
        width: 100%;
        margin: 0 0 1em;
        overflow: hidden;
    }
    .residenceList li{
        width: 23.5%;
        position: relative;
        margin: 0 0.7%;
    }
    .residenceList .cfItem li.btn a{
        display: block;
        transition: opacity .15s ease-out;
    }
    .residenceList .cfItem li.btn a::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(0deg);
        right: 0;
        width: 1.8rem;
        height: 1.8rem;
        background: url("../images/residence/btn_ico.png") center center no-repeat;
        background-size: 100% auto;
        transition: all 0.5s ease;
    }

    @media (hover: hover) and (pointer: fine) {
        .residenceList .cfItem li.btn a:hover::after {
           transform: translateY(-50%) rotate(180deg);
          }
        .residenceList .cfItem li.btn a:hover{
           opacity: .8;
          }
    }
        .residenceList .cfItem li.btn a:focus-visible::after {
             transform: translateY(-50%) rotate(180deg);
          }

@media screen and (min-width: 1000.02px)  {
    .residenceList .rcItem li.w250{
    width: 20.834%;
    }
    .residenceList .rcItem li.w220{
    width: 18.334%;
    }
    .residenceList .rcItem li.w190{
    width: 15.834%;
    }  
}
@media screen and (max-width: 1000px) {
    .residenceList ul  li{
        width: 30.3%;
        margin: 0 1.5%;
    }
    .residenceList ul li:first-child img{
        width: 140%;
        max-width: none;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .residenceList .rcItem li.w250 img {  width: 87%;  }
    .residenceList .rcItem li.w220 img {  width: 75%;  }
    .residenceList .rcItem li.w190 img {  width: 66%;  }
    .residenceList .cfItem li.btn a::after {
        width: 8%;
        height: 100%;
    }
}
@media screen and (max-width: 600px) {
    .residenceList .noticeTxtBox p{
        line-height: 1.4;
    }
    .residenceList .noticeTxtBox p::before {
        width: 17px;
        height: 17px;
    }

    .residenceList ul  li{
        width: 46%;
        margin: 0 2%;
    }
    .residenceList ul li:first-child img{
        width: 220%;
    }
}

/* modalcontents
------------------------------------------------ */
    .modalContents{
        display: none;
    }
    .modalWrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .modalWrap:nth-child(n+2){
        border-top: 1px dotted #000;
        margin-top: 2em;
        padding-top: 2em;

    }
    .modalWrap > *{
        width: 48%;
    }

    .modalWrap img{
    vertical-align: bottom;
    }
    .modalWrap .txtBox .ttl{
        background: url("../images/share/bg02.jpg") top left / 100% auto repeat;
        padding: 5px 10px;
        margin-bottom: 1em;
    }

    .modalWrap.n_villa .ttl {
        width: 100%;
        display:  block;
        color: #fff;
        background: url("../images/share/bg02.jpg") top left / 100% auto repeat;
        padding: 15px 10px;
        margin-bottom: 1em;
        text-align: center;

    }
    .modalWrap.n_villa .m_ttl {
        --M-fluidFontSize-max-fontsize: 36;
        --M-fluidFontSize-min-fontsize: 24;
        --M-fluidFontSize-max-viewport: 1600;
        --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) );
        font-family: var(--site-font_family-en_1);
        color: rgba(var(--site-variationColor-yellow), 1);
        line-height: 1;
        letter-spacing: 0.2em;
    }
    .modalWrap.n_villa .s_ttl {
        margin-top: 0.5em;
    }	
@media screen and (max-width: 900px) {
    .modalWrap > *{
        width: 100%;
    }
    .modalWrap .picBox{
        margin-top: 2em;
    }

}
@media screen and (max-width: 600px) {
    .modalWrap .txtBox .ttl img{
        width: 75%;
    }
}

/* ----------------------------
VENOBOX 設定変更
----------------------------------*/
.venoframe, .vbox-inline {
	max-width: 1000px !important;
    width: 85%!important;
    padding: 50px!important;
}
.vbox-content > *{
	position:relative;
}

@media screen and (max-width: 600px) {
.venoframe, .vbox-inline {
    padding: 25px!important;
    } 
}









/* ------------------------------------------------------------------------
 gardenAreaDescriptionContainer
------------------------------------------------------------------------ */
	.gardenAreaDescriptionContainer {
	}
    .gdSquareBox{
        display: grid;
        grid-template-columns:  1fr calc(721 / 1200 * 100%);
        grid-gap: 0 60px;
        align-items: center;
    }
@media screen and (max-width: 900px) {
    .gdSquareBox{
        grid-template-columns: 1fr;
        grid-gap: 30px 0;
      }
}
/* ------------------------------------------------------------------------
 greenDesignDescriptionContainer
------------------------------------------------------------------------ */
	.greenDesignDescriptionContainer .greenDesignHeaderBox {
		padding-top: var(--site-marpad-XL);
		padding-bottom: var(--site-marpad-M);
	}
	.greenDesignDescriptionContainer .greenDesignPicBox .pic {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.greenDesignDescriptionContainer .greenDesignPicBox small {
		color:rgba(var(--site-variationColor-whitish), 1);text-shadow:0 0 5px rgba(0,0,0,.9), 0 0 4px rgba(0,0,0,.9), 0 0 3px rgba(0,0,0,1), 0 0 2px rgba(0,0,0,1);
	}
@media screen and (min-width: 900.02px) {
	.greenDesignDescriptionContainer {
		padding-top: 20px; /* 微調整 */
	}
}
@media screen and (max-width: 600px) {
	.greenDesignDescriptionContainer .greenDesignHeaderBox,
	.greenDesignDescriptionContainer .greenDesignPicBox {
		width: 100%;
	}
	.greenDesignDescriptionContainer .greenDesignPicBox .pic {
		grid-template-columns: 1fr;
	}
	.greenDesignDescriptionContainer .greenDesignPicBox small {
		padding-left: .5em;
		padding-right: .5em;
	}
}



/* ------------------------------------------------------------------------
 neighborsVillaDescriptionContainer
------------------------------------------------------------------------ */
	.neighborsVillaDescriptionContainer {
	}

/* neighborsVillaInsideViewBox
---------------------------------------------------- */
	.neighborsVillaInsideViewBox {
		display: grid;
		grid-template-columns: calc(730 / 1200 * 100%) 1fr;
	}
	.neighborsVillaInsideViewBox .picBox .imgcapkeep {
		bottom: 2.5%;
	}
@media screen and (max-width: 600px) {
	.neighborsVillaInsideViewBox {
		grid-template-columns: 1fr;
	}
	.neighborsVillaInsideViewBox .picBox .imgcapkeep {
		bottom: 1.5%;
	}
	.neighborsVillaInsideViewBox .legendBox {
		text-align: center;
	}
}

/* 3col
---------------------------------------------------- */
	.neighborsVillaDescriptionContainer .pic_abc {
		display: block;
		width: 47.5%;
		max-width: 120px;
		margin-top: 1.25em;
	}
	.neighborsVillaDescriptionContainer .pic_wifi {
		display: block;
		width: 60%;
		max-width: 190px;
		margin-top: 1.25em;
	}

/* neighborsVillaPicBox
---------------------------------------------------- */
    .neighborsVillaPicBox .ttl{
        line-height: 1.63;
        font-size: 1.290322em;
        letter-spacing: .065em;
    }
@media screen and (min-width: 600.02px) and (max-width: 900px) {
    .neighborsVillaPicBox .ttl{
		line-height: 1.55;
		font-size: 1.225em;
		margin-top: -.3em;
	}
}
@media screen and (max-width: 600px) {
    .neighborsVillaPicBox .ttl{
		font-size: 1.153846em;
		margin-top: .85em;
	}

}


/* ------------------------------------------------------------------------
 greenLoungeDescriptionContainer
------------------------------------------------------------------------ */
	.greenLoungeDescriptionContainer {
	}






/* ------------------------------------------------------------------------
 commonSpaceDescriptionContainer
------------------------------------------------------------------------ */
	.commonSpaceDescriptionContainer {
	}
@media screen and (max-width: 900px) {
	.commonSpaceDescriptionContainer .onlyPC {display: none;}
}

/* comPickupContentsWrap
---------------------------------------------------- */
	.comPickupContentsWrap {
		margin-top: var(--site-marpad-L);
	}
	.comPickupContentsWrap .comSection {}
	.comPickupContentsWrap .comSection + .comSection {
		margin-top: var(--site-marpad-XXL);
	}
	.comPickupContentsWrap .comSectionHeading {
		line-height: 1.35;
		font-family: var(--site-font_family-en_1);
		font-size: 1.870967em;
		text-align: center;
		letter-spacing: 0.15em;
		background: #bb9735;
		margin-bottom: .25em;
		padding: .4em .4em .55em;
	}
	.comPickupContentsWrap .comUnitSectionWrap {
		display: grid;
		row-gap: 60px;
		margin-top: 60px;
	}
	.comPickupContentsWrap .comUnitSection {}
	.comPickupContentsWrap .comPic {
		position: relative;
	}
	.comPickupContentsWrap .comTtl {
		line-height: 1.63;
		font-size: 1.290322em;
		letter-spacing: .065em;
		margin-top: 1em;
	}
	.comPickupContentsWrap .comTxt {
		line-height: 2;
		font-size: 1em;
		letter-spacing: .07em;
		margin-top: 1em;
	}
	.comPickupContentsWrap .comTxt small.bl {
		margin-top: .8em;
	}
@media screen and (max-width: 600px) {
	.comPickupContentsWrap .comSectionHeading {
		font-size: 1.65em;
		padding: .25em .4em .4em;
	}
	.comPickupContentsWrap .comUnitSectionWrap {
		row-gap: 45px;
		margin-top: 40px;
	}
	.comPickupContentsWrap .comTtl {
		font-size: 1.153846em;
		margin-top: .85em;
	}
	.comPickupContentsWrap .comTxt {
		line-height: 1.75;
		font-size: .95em;
		margin-top: .85em;
	}
}

/* -- Individual -- */ /* ////////// PCTBとSPで書き分けます ////////// */

/* ---------------------------------
	golfLounge
--------------------------------- */
	.comPickupContentsWrap .golfLounge .is_sec01 {}
	.comPickupContentsWrap .golfLounge .is_sec02 {}

	.comPickupContentsWrap .golfLounge .is_sec03 {
		border: 1px solid currentColor;
	}
	.comPickupContentsWrap .golfLounge .is_sec03 .float {
		display: block;
		position: relative;
		float: right;
		width: 50%;
		max-width: 245px;
		margin: .55em 0 .65em 1.75em;
	}
	.comPickupContentsWrap .golfLounge .is_sec03 .float .imgcapkeep {
		padding: 3px 5px;
	}
@media screen and (min-width: 900.02px) {
	.comPickupContentsWrap .golfLounge .comUnitSectionWrap {
		grid-template: 
			"sec01 sec01" auto
			"sec02 sec03" auto /
			1fr 1fr;
		column-gap:	60px;
	}
	.comPickupContentsWrap .golfLounge .is_sec01 {	grid-area: sec01;}
	.comPickupContentsWrap .golfLounge .is_sec02 {	grid-area: sec02;}
	.comPickupContentsWrap .golfLounge .is_sec03 {	grid-area: sec03;}
	
	
	.comPickupContentsWrap .golfLounge .is_sec01 {
		display: grid;
		grid-template: 
			"comTtl comPic" auto
			"comTxt comPic" 1fr /
			1fr min(35%, 500px);
		column-gap:	55px;
	}
	.comPickupContentsWrap .golfLounge .is_sec01 .comPic {
		grid-area: comPic;
		align-self: end;
		margin-bottom: .5em; /* 微調整 */
	}
	.comPickupContentsWrap .golfLounge .is_sec01 .comTtl {
		grid-area: comTtl;
		margin-top: 0;
	}
	.comPickupContentsWrap .golfLounge .is_sec01 .comTxt {
		grid-area: comTxt;
	}
	
	.comPickupContentsWrap .golfLounge .is_sec03 {
		padding: min(3.75vw, 50px) min(2.75vw, 39px);
	}
}
@media screen and (min-width: 600.02px) and (max-width: 900px) {
	.comPickupContentsWrap .golfLounge .comUnitSectionWrap {
		grid-template-columns: 1fr;
	}
	
	.comPickupContentsWrap .golfLounge .is_sec01,
	.comPickupContentsWrap .golfLounge .is_sec02 {
		display: grid;
		grid-template: 
			"comTtl comTtl" auto
			"comTxt comPic" 1fr /
			1fr min(50%, 300px);
		column-gap:	2em;
	}
	.comPickupContentsWrap .golfLounge .is_sec01 .comPic,
	.comPickupContentsWrap .golfLounge .is_sec02 .comPic {
		grid-area: comPic;
		align-self: start;
		margin-top: 1.6em;
	}
	.comPickupContentsWrap .golfLounge .is_sec01 .comTtl,
	.comPickupContentsWrap .golfLounge .is_sec02 .comTtl {
		grid-area: comTtl;
		margin-top: 0;
	}
	.comPickupContentsWrap .golfLounge .is_sec01 .comTxt,
	.comPickupContentsWrap .golfLounge .is_sec02 .comTxt {
		grid-area: comTxt;
	}
	
	.comPickupContentsWrap .golfLounge .is_sec03 {
		padding: min(5vw, 34px);
	}
	.comPickupContentsWrap .golfLounge .is_sec03 .comPic {
		width: 70%;
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
	}
	.comPickupContentsWrap .golfLounge .is_sec03 .float {
		width: 40%;
		max-width: 200px;
	}
}
@media screen and (max-width: 600px) {
	.comPickupContentsWrap .golfLounge .comUnitSectionWrap {
		grid-template-columns: 1fr;
	}
	.comPickupContentsWrap .golfLounge .is_sec03 {
		padding: min(7.5vw, 30px) min(6.666667vw, 30px);
	}
	.comPickupContentsWrap .golfLounge .is_sec03 .comTtl {
		margin-top: 1.25em;
	}
	.comPickupContentsWrap .golfLounge .is_sec03 .comTtl .inbl {
		display: inline;
	}
	.comPickupContentsWrap .golfLounge .is_sec03 .comTxt {
		margin-top: 1.25em;
	}
}

/* ---------------------------------
	kidsRoom
--------------------------------- */
	.comPickupContentsWrap .kidsRoom .comUnitSectionWrap {
		grid-template-columns: 1fr;
	}
@media screen and (min-width: 900.02px) {
	.comPickupContentsWrap .kidsRoom .is_sec01 {
		display: grid;
		grid-template: 
			"comTtl comPic" auto
			"comTxt comPic" 1fr /
			1fr min((227 / 1000 * 100%), 227px);
		gap: 0px 55px;
	}
	.comPickupContentsWrap .kidsRoom .is_sec01 .comPic {
		grid-area: comPic;
		align-self: center;
	}
	.comPickupContentsWrap .kidsRoom .is_sec01 .comTtl {
		grid-area: comTtl;
		margin-top: 0;
	}
	.comPickupContentsWrap .kidsRoom .is_sec01 .comTxt {
		grid-area: comTxt;
	}
}
@media screen and (min-width: 600.02px) and (max-width: 900px) {
	.comPickupContentsWrap .kidsRoom .is_sec01 {
		display: grid;
		grid-template: 
			"comTtl comTtl" auto
			"comTxt comPic" 1fr /
			1fr min(42.5%, 227px);
		column-gap:	2em;
	}
	.comPickupContentsWrap .kidsRoom .is_sec01 .comPic {
		grid-area: comPic;
		align-self: start;
		margin-top: 1.6em;
	}
	.comPickupContentsWrap .kidsRoom .is_sec01 .comTtl {
		grid-area: comTtl;
		margin-top: 0;
	}
	.comPickupContentsWrap .kidsRoom .is_sec01 .comTxt {
		grid-area: comTxt;
	}
}
@media screen and (max-width: 600px) {
	.comPickupContentsWrap .kidsRoom .is_sec01 .pic_abc {
		display: block;
		width: 40%;
		max-width: 227px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ---------------------------------
	partyRoom
--------------------------------- */
	.comPickupContentsWrap .partyRoom .comUnitSectionWrap {
		grid-template-columns: 1fr;
	}
	.comPickupContentsWrap .partyRoom .is_sec01 {
		margin-top: -20px; /* 微調整 */
	}
	.comPickupContentsWrap .partyRoom .is_sec01 .comTtl {
		margin-top: 0;
	}
@media screen and (min-width: 600.02px) {
	.comPickupContentsWrap .partyRoom .is_sec01 .comTxt .inner {
		max-width: 828px; /* 微調整 */
	}
}



/* comOtherContentsWrap
---------------------------------------------------- */
	.comOtherContentsWrap {
	}
	.comOtherContentsWrap .generalColBox {
		--base-generalColBox-margin-row: var(--site-marpad-L);
		--base-generalColBox-margin-column:	clamp(35px, (35 / 600 * 100vw), 60px);
	}
	.comOtherContentsWrap .generalColBox .unit .pic {
		position: relative;
	}
	.comOtherContentsWrap .generalColBox .unit .ttl {
		line-height: 1.63;
		font-size: 1.290322em;
		letter-spacing: .065em;
		margin-top: 1em;
	}
	.comOtherContentsWrap .generalColBox .unit .txt {
		line-height: 2;
		font-size: 1em;
		letter-spacing: .07em;
		margin-top: 1em;
	}
	.comOtherContentsWrap .generalColBox .unit .txt small.bl {
		margin-top: .8em;
	}
@media screen and (max-width: 600px) {
	.comOtherContentsWrap {
		padding: var(--site-marpad-XXL) 0;
		border: 0 solid #bb9735;
		border-width: 1px 0;
	}
	.comOtherContentsWrap .generalColBox .unit .ttl {
		font-size: 1.153846em;
		margin-top: .85em;
	}
	.comOtherContentsWrap .generalColBox .unit .txt {
		line-height: 1.75;
		font-size: .95em;
		margin-top: .85em;
	}
}



/* ------------------------------------------------------------------------
 residenceGalleryContainer
------------------------------------------------------------------------ */
	.residenceGalleryContainer {
	}
	.residenceGalleryWrap {
		width: var(--site-sizeContentWide-M);
		max-width: var(--site-sizeMaxWidth-M);
		margin-left: auto;
		margin-right: auto;
		margin-top: 1.25em; /* 微調整 */
		padding-top:	30px; /* 微調整 */
		padding-bottom:	30px; /* 微調整 */
	}
@media screen and (max-width: 600px) {
	.residenceGalleryWrap {
		width: 100%;
		max-width: none;
	}
}

/* residenceGallerySwperWrap
-----------------------------------------------------------*/
	.residenceGallerySwperWrap {
		position: relative;
	}
	
	.residenceGallerySwperWrap .swiper {
		/* //////////////////////////////
			「2枚表示＋左右見切れ」にする場合、「(swiper_setting.js) slidesPerView: 2」「.swiper{padding: 0 calc(25% / 2);}」にする。
		////////////////////////////// */
		padding: 0 calc(25% / 2);
	}
	
	/* 矢印カスタマイズ */
	.residenceGallerySwperWrap .swiper-button-prev,
	.residenceGallerySwperWrap .swiper-button-next {
		height: calc(var(--swiper-navigation-size) + 20px);
	}
	.residenceGallerySwperWrap .swiper-button-prev {
		left:-37px;
	}
	.residenceGallerySwperWrap .swiper-button-next {
		right:-37px;
	}
	.residenceGallerySwperWrap .swiper-button-prev::after,
	.residenceGallerySwperWrap .swiper-button-next::after {
	  content: "";
	  margin: auto;
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  width: 0;
	  height: 0;
	}
	.residenceGallerySwperWrap .swiper-button-prev::after {
	  border-bottom: 10px solid transparent;
	  border-right: 17px solid rgba(255,255,255,1);
	  border-top: 10px solid transparent;
	}
	.residenceGallerySwperWrap .swiper-button-next::after {
	  border-bottom: 10px solid transparent;
	  border-left: 17px solid rgba(255,255,255,1);
	  border-top: 10px solid transparent;
	}

@media screen and (max-width: 900px) {
	.residenceGallerySwperWrap .swiper {
		padding: 0 calc(33% / 2);
	}
}
@media screen and (max-width: 600px) {
	.residenceGallerySwperWrap .swiper {
		padding: 0 calc(22% / 2);
	}
	
	/* 矢印カスタマイズ */
	.residenceGallerySwperWrap .swiper-button-prev,
	.residenceGallerySwperWrap .swiper-button-next {
		background: rgba(0, 0, 0, .08);
	}
	.residenceGallerySwperWrap .swiper-button-prev {
		left:12px;
	}
	.residenceGallerySwperWrap .swiper-button-next {
		right:12px;
	}
	
	
	.residenceGallerySwperWrap .picBox small {
		padding: 0 .6em;
	}
}