/* ------------------------------------------------------------------------
	color, formatBg setting
------------------------------------------------------------------------ */
	body {
		--site-themeColor : 145, 177, 186 ;
		--site-subColor : 109, 124, 121 ;
		--site-accentColor : 47, 62, 66 ;
		--site-accentColorText : 255, 255, 255 ;	/* #FFF wh */
		--site-accentGradient : linear-gradient(to right, #425155 0%, #5d6b6f 6%, #425155 18%, #425155 61%, #7e8b8f 77%, #425055 91%, #626f73 100%) ;
		--site-accentGradient2 : linear-gradient(135deg, #425155 0%, #5d6b6f 6%, #425155 18%, #425155 61%, #7e8b8f 77%, #425055 91%, #626f73 100%) ;

		/*
		--site-fontFamily : "Zen Old Mincho", 'Noto Serif JP', '游明朝', 'Yu Mincho', serif;
		--site-fontFamily-en01 : 'Crimson Text', serif;
		--site-fontFamily-en02 : "Oswald", sans-serif;
		*/
		font-size: 1.6rem;
	}
	small, figcaption {
		font-size: 1.2rem;
	}
	.SP {
		display: none;
	}
@media screen and (max-width: 600px) {
	.SP {
		display: inline-block !important;
	}
}
@media print, screen and (min-width: 600.02px) {
    .noticeWrap .btnBox {
        grid-template-columns: repeat(auto-fill, 245px);
    }
	.noticeWrap .btnBox .noticeBtn {
		width: 100%;
	}
	.txtBox {
		font-size: 1.7rem;
	}
}

@media screen and (min-width: 340px) and (max-width: 399px) {
    .tk_bukkenNameWrap .tk_bukkenName {
        font-size: 4.8vw;
    }
}




/* ------------------------------------------------------------------------
	main
------------------------------------------------------------------------ */

	main {
		background: url("../img/share/bg.jpg") top center / 100% auto repeat-y;
	}


	body:not(.indexP) .pageHeaderWrap .pageHeaderTxt {
		font-size: 2.0em;
		letter-spacing: 0.1em;
	}
	body:not(.indexP) .pageHeaderWrap .pageHeaderTxt::after {
		content: "";
		display: block;
		width: 80px;
		height: 1px;
		background: currentColor;
		margin: 0.4em auto;
	}
	body:not(.indexP) .pageHeaderWrap .pageHeaderTxt .hWord  {
		letter-spacing: 0.4em;
		margin-bottom: 0.2em;
	}
@media screen and (max-width: 600px) {
	body:not(.indexP) .pageHeaderWrap .pageHeaderTxt {
		font-size: 7.3vw;
	}
}



	.pt-contentsLink li a {
		text-align: center;
		font-size: 1.8rem;
	}
	.pt-contentsLink li a strong::after {
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 1em;
	}
@media screen and (max-width: 600px) {
	.pt-contentsLink li a {
		text-align: left;
	}
	.pt-contentsLink li a strong::after {
		margin-left: 0;
	}
}

	.pt-contentsLink li.navLoc a::after {	background-image: url("../img/index/nav_p_01.jpg");}
	.pt-contentsLink li.navRoo a::after {	background-image: url("../img/index/nav_p_03.jpg");}
	.pt-contentsLink li.navRoo a::before {	content: "外観完成予想図";}


/* ------------------------------------------------------------------------
	header　スマホ時　コンバージョンボタンにプチインフォ挿入
------------------------------------------------------------------------ */

	.tk_hNavWrap .tk_hNav .reqNav a {
		position: relative;
	}
/*	.tk_hNavWrap .tk_hNav .reqNav a::after {
		content: "全住戸プラン送付";
		position: absolute;
		bottom: 0%;
		display: block;
		width: 100%;
		color: #FFF;
		font-size: 0.86em;
		background: rgba(var(--site-accentColor),1);
		background: #522716;
		padding: 1px;
	}*/
@media print, screen and (min-width: 600.02px) {
	.tk_hNavWrap .tk_hNav .reqNav a::after {
		display: none;
	}
}
/*@media print, screen and (min-width: 600.02px) and (max-width: 1050px) {
	.tk_hNavWrap .tk_hNav .reqNav a::after {
		bottom: 100%;
	}
}
@media print, screen and (min-width: 1050.02px) {
	.tk_header {
		padding-right: 0px;
	}
	.tk_hNavWrap,
	.tk_hNavWrap nav {
		display: flex;
		align-items: center;
		height: 100%;
	}
	.tk_hNavWrap .tk_hNav,
	.tk_hNavWrap .tk_hNav .reqNav {
		height: 100%;
	}
	.tk_hNavWrap .tk_hNav .reqNav a {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr auto;
		padding: 0px;
	}
	.tk_hNavWrap .tk_hNav .reqNav a::after {
		position: relative;
		font-size: 0.6em;
	}
}*/







/* ***************************************************************************************************
	@KEYFRAMES
*************************************************************************************************** */
/* 光（ループ） */
	a.shineLoopBtn {
		position: relative;
		overflow: hidden;
	}
	a.shineLoopBtn::before {
		content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 3; width: 200%; height: 110%;
		background: linear-gradient(-75deg, rgba(255,255,255,0) 10%, rgba(255,255,255,0.45) 50%, rgba(255,255,255,0) 90%);
		transform: translateX(-100%) skewX(-45deg);
		animation: 4.5s ease 0s infinite both anime_shineLoopBtn;
	}
	a.shineLoopBtn > span.txt,
	a.shineLoopBtn > .label {
		position: relative;
		z-index: 5;
	}
	a.shineLoopBtn > span.icoArr {
		z-index: 2;
	}
@keyframes anime_shineLoopBtn {
	0% {		transform: translateX(-100%) skewX(-45deg);}
	75%,100% {	transform: translateX(100%) skewX(-45deg);}
}


/* btn a::before はループ光用に使わない
-------------------------------------------------------------- */
	.tk_hNavWrap .tk_hNav li.reqNav,
	.tk_hNavWrap .tk_hNav li.resNav,
	.tk_hNavWrap .tk_hNav li.resNav.onlineResNav,
	.noticeWrap .noticeBtn {
		position: relative;
		background: #000;
		border: 1px solid #000;
		transition: background 0.3s ease !important;
		box-sizing: border-box;
	}
	.noticeWrap .noticeBtn::before {
		content: "›";
		pointer-events: none;
		position: absolute;
		z-index: 200;
		top: 50%;
		right: 5px;
		transform: translate(-50%, -50%);
		display: block;
		width: 15px;
		height: 15px;
		color: #000;
		text-align: center;
		line-height: 10px;
		font-size: 15px;
		background: rgba(255, 255, 255, .7);
		border-radius: 50%;
	}
	.tk_hNavWrap .tk_hNav li.reqNav::after,
	.tk_hNavWrap .tk_hNav li.resNav::after,
	.tk_hNavWrap .tk_hNav li.resNav.onlineResNav::after,
	.noticeWrap .noticeBtn::after {
		content: "";
		pointer-events: none;
		position: absolute;
		z-index: 100;
		bottom: 3px;
		left: 5%;
		height: 1px;
		display: block;
		width: 90%;
		background: linear-gradient(to right, #b19b6c 0%, #c5af7f 0%, #b09d6d 0%, #e8d4a6 0%, #d1bb8c 100%) !important;
	}
	.tk_hNavWrap .tk_hNav li.reqNav a,
	.tk_hNavWrap .tk_hNav li.resNav a,
	.tk_hNavWrap .tk_hNav li.resNav.onlineResNav a,
	.noticeWrap .noticeBtn a.generalItem_btn {
		background: url("../img/share/bg_btn.png") center center no-repeat !important;
		background-size: cover;
		transition: opacity 0.3s ease !important;
	}
	.noticeWrap .noticeBtn a.generalItem_btn {
		padding-right: 30px;
	}
	.tk_hNavWrap .tk_hNav li.reqNav a::after,
	.tk_hNavWrap .tk_hNav li.resNav a::after,
	.tk_hNavWrap .tk_hNav li.resNav.onlineResNav a::after,
	.noticeWrap .noticeBtn a.generalItem_btn::after {
		content: "";
		pointer-events: none;
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, rgba(255, 255, 255, .19) 0%, transparent 100%);
		border-top: rgba(255, 255, 255, .5);
		mix-blend-mode: color-dodge;
	}
	.tk_hNavWrap .tk_hNav li.reqNav a .label,
	.tk_hNavWrap .tk_hNav li.resNav a .label,
	.tk_hNavWrap .tk_hNav li.resNav.onlineResNav a .label,
	.noticeWrap .noticeBtn a.generalItem_btn .label {
		text-align: center;
	}


@media print, screen and (min-width: 1050px) {
	.tk_hNav li.reqNav:not(:nth-last-of-type(2)) a {	width: 135px;	}
	/* オンライン付くのでサイズ調整 */
	/*.tk_hNav li.resNav a,
	.tk_hNav li.resNav.onlineResNav a,
	.tk_hNav li.boxNav a {		width: 115px;	}*/
	
	
	.tk_hNav li.resNav,
	.tk_hNav li.boxNav {		background: #b5a272;	border-color: #766d55;	}
	.DEVICEPC .tk_hNav li.resNav:hover,
	.tk_hNav li.boxNav:hover {		background: red;	}
	/*.tk_hNav li.resNav.onlineResNav {		background: #69523f;	}
	.DEVICEPC .tk_hNav li.resNav.onlineResNav:hover {		background: #462e19;	}*/
	
	/* 来場予約設置前用 */
	.tk_hNav li.reqNav:nth-last-of-type(2) {		background: #b5a272;	border-color: #766d55;	}
	.DEVICEPC .tk_hNav li.reqNav:nth-last-of-type(2):hover {		background: #947f4b;	}
}
@media screen and (max-width: 1049px) {
	.tk_hNavWrap .tk_hNav li.reqNav,
	.tk_hNavWrap .tk_hNav li.resNav,
	.tk_hNavWrap .tk_hNav li.resNav.onlineResNav {
		border: 0px;
	}
	.tk_hNav li.resNav,
	.tk_gNav li.spBtn .resNav {		background: #b5a272;	border-color: #766d55;	}
	/*.tk_hNav li.resNav.onlineResNav {	display: none;}
	.tk_gNav li.spBtn .resNav.onlineResNav {		background: #69523f;	}*/

	/* 来場予約設置前用 */
	.tk_hNav li.reqNav:nth-last-of-type(2) {		background: #b5a272;	}
	.tk_hNav li.reqNav + .telNav {		background: rgba(var(--site-accentColor),1);	}
}



/* info */
.noticeWrap .noticeBtn {
	max-width: 300px;
}
	.noticeWrap .noticeBtn.res {		background: #b5a272;	border-color: #766d55;	}
	.noticeWrap .noticeBtn.res:hover {		background: #947f4b;	}
	/*.noticeWrap .noticeBtn.res.onlineResNav {		background: rgba(105, 82, 63, .7);	}*/

	/* 来場予約設置前用 */
	.noticeWrap .noticeBtn.req:not(.onlyReq):last-child {		background: #b5a272;	border-color: #766d55;	}
	.noticeWrap .noticeBtn.req:not(.onlyReq):last-child:hover {		background: #947f4b;	}



/* pageTheme
--------------------------------- */
	.pageTheme {
		margin-top: 5em;
	}
	.pageTheme + .pageTheme {
		margin-top: 8em;
	}
	section.pageTheme section {
		margin-top: 5em;
	}

/* pageThemeHeader
--------------------------------- */
	.pageThemeHeader {
		/*margin-bottom: 1.5em;*/
	}

/* contbox
--------------------------------- */
	.contbox {
		max-width: 1260px;
		width: 90%;
		margin: 0 auto;
	}

/* ptHeading
--------------------------------- */
	.ptHeading {
		width: 96%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 1.5em;
	}

@media print, screen and (min-width: 1049.02px) {
	[class*="Col"] .ptHeading {
		text-align: left;
	}
	.ptHeading {
		width: auto;
		text-align: center;
		margin-right: 0;
		margin-left: 0;
	}
}

	h3.ptHeading .heading {
		font-size: 5.6vw;
		letter-spacing: 0.01em;
	}
	h4.ptHeading {
	}
	h4.ptHeading .heading {
		font-size: 5.0vw;
		border-bottom: 1px solid currentColor;
	}



@media print, screen and (min-width: 600.02px) {
	h3.ptHeading .heading {
		font-size: min(3.7vw, 1.6em);
		letter-spacing: 0.1em;
	}
	h4.ptHeading .heading {
		font-size: min(3.5vw, 1.6em);
	}
}
@media print, screen and (min-width: 1049.02px) {
}


/* txtBox
--------------------------------- */
	.txtBox {
		width: 96%;
		line-height: 2.0;
		margin-right: auto;
		margin-left: auto;
		/*margin-top: 2em;*/
	}
	.txtBox:first-child {
		margin-top: 0;
	}
	.txtBox + .txtBox {
		margin-top: 1em;
	}

@media print, screen and (min-width: 1049.02px) {
	.txtBox {
		width: auto;
		letter-spacing: 0.015em;
		margin-right: 0;
		margin-left: 0;
	}
	.ptHeading + .txtBox {
		text-align: center;
	}
	[class*="Col"] .ptHeading + .txtBox {
		text-align: left;
	}
	.txtBox:last-child {
		margin-bottom: 0em;
	}
}






/* Imgcap | 例: <p class="imgcapParent"><img><small class="imgcap bk">xxxxx</small></p> / <p class="imgcapParent"><img><small class="imgcapkeep"><span class="wh">xxxxx</span></small></p> */
	.imgcapParent {
		position:relative;
	}
	.imgcap > span,
	.imgcapkeep > span {
		display:inline-block;
	}
	.imgcap.wh, .imgcapkeep.wh {color:#ffffff;text-shadow:0 0 3px rgba(0,0,0,0.3);}
	.imgcap.bk, .imgcapkeep.bk {color:#202020;text-shadow:0 0 3px rgba(255,255,255,0.3);}
	.imgcap.gr, .imgcapkeep.gr {color:#767676;text-shadow:0 0 3px rgba(255,255,255,0.3);}
	.imgcap .wh, .imgcapkeep .wh {color:#ffffff;text-shadow:0 0 5px rgba(0,0,0,0.9), 0 0 4px rgba(0,0,0,0.9), 0 0 3px rgba(0,0,0,1), 0 0 2px rgba(0,0,0,1);}
	.imgcap .bk, .imgcapkeep .bk {color:#202020;text-shadow:0 0 5px rgba(255,255,255,0.6), 0 0 4px rgba(255,255,255,0.7), 0 0 3px rgba(255,255,255,0.8), 0 0 2px rgba(255,255,255,0.9), 0 0 1px rgba(255,255,255,0.5), 1px 1px 0 rgba(255,255,255,0.5), -1px 1px 0 rgba(255,255,255,0.5), 1px -1px 0 rgba(255,255,255,0.5), -1px -1px 0 rgba(255,255,255,0.5);}
	.imgcap .gr, .imgcapkeep .gr {color:#767676;text-shadow:0 0 5px rgba(255,255,255,0.6), 0 0 4px rgba(255,255,255,0.7), 0 0 3px rgba(255,255,255,0.8), 0 0 2px rgba(255,255,255,0.9), 0 0 1px rgba(255,255,255,0.5), 1px 1px 0 rgba(255,255,255,0.5), -1px 1px 0 rgba(255,255,255,0.5), 1px -1px 0 rgba(255,255,255,0.5), -1px -1px 0 rgba(255,255,255,0.5);}
@media screen and (max-width: 599px) { /*{belowSP}*/
	.imgcap {
		position:static;
		padding:0.3em 0.5em 0;
	}
	.imgcap.wh,
	.imgcap.bk,
	.imgcap.gr,
	.imgcap > span {
		display:block;
		color:#555 !important;
		text-shadow:none !important;
		margin:0.3em 0 0;
	}
}

/* Symbol List */
	.symList-kome {display:block !important;}
	.symList-kome .symItem {display:table;width:100%;clear:both;}
	.symList-kome .sym {display:table-cell;white-space:nowrap;padding-right:0.25em;}
	.symList-kome .sym + span {display:table-cell;width:100%;}
	
	.symList-kome .legendBox {margin-top:0.2em;margin-bottom:0.2em;}
	.symList-kome .legendBox i {display:inline-block;margin-right:0.5em;}
	.symList-kome .legendBox img {vertical-align:middle;line-height:1;margin-right:4px; margin-top:-3px; height: 1em;}
	
/* Caption Legend Wrap | 例: <div class="capLegendWrap" aria-label="凡例"><figure class="legUnit"><div class="legItem iro1" aria-label="xxxxx色"></div><figcaption class="legCap">=収納</figcaption></figure><figure class="legUnit"><div class="legItem abbr">WIC</div><figcaption class="legCap">=ウォークインクローゼット</figcaption></figure></div> */
	.capLegendWrap {
		display:flex;
		flex-wrap: wrap;
		align-items:center;
		line-height:1.4;
		font-size:1rem;
		margin-top:0.75em;
		margin-bottom:0.75em;
	}
	.capLegendWrap .legUnit {
		display:flex;
		align-items:center;
		margin: 0.175em 1.25em 0.175em 0;
	}
	.capLegendWrap .legItem,
	.capLegendWrap .legCap {
		display: inline-block;
		line-height:inherit;
		font-size:inherit;
	}
	.capLegendWrap [class*="iro"] {
		width:2.25em;
		height:0.95em;
		margin-right: 0.2em;
		border:1px solid rgba(0,0,0,0.2);
	}
	.capLegendWrap .iro1 {background:#c9c2b6;}
	.capLegendWrap .iro2 {background:#dfd1cb;}
	.capLegendWrap .iro3 {background:#cbd5e8;}
	.capLegendWrap .iro4 {background:#d6ddce;}
@media print, screen and (min-width: 600px) { /*{overTB}*/
	.capLegendWrap {
		font-size: 1.1rem;
	}
}

/* ---------------------------------
	Link
--------------------------------- */
	a,
	a .inbl { /* ヘッダー、フッターに影響がでないように注意 */
		color:inherit;
		text-decoration:none;
	}
	/* ----- 汎用：文字色・下線 ----- */
	a.txtLink,
	.txtLink a {
		color:#00479d !important;
		text-decoration:underline !important;
	}
	a.txtLink:hover,
	.txtLink a:hover {
		text-decoration:none !important;
	}
	/* ----- 汎用：hover時_透過フェード ----- */
	.hoverItem,
	.hover a,
	a.hover {
		transition:opacity 0.15s ease-out;
	}
	.hoverItem:hover,
	.hover a:hover,
	a.hover:hover {
		opacity:0.63;
	}


/* ============================================================================
	AddParts
============================================================================ */
/* generalItem_btn | 汎用ボタン
-------------------------------------------------------
- クラス名に generalItem_btn を含む場合（a要素にクラスを付ける前提。）
- 例：	<a href="xxx.html" class="generalItem_btn"><span>デフォルト</span></a>
- 例：	<a href="xxx.html" class="generalItem_btnArrInline"><span>テキストの末尾にarrow</span><span class="icoArr ku"></span></a>
- 例：	<a href="xxx.html" class="generalItem_btnArrFlex"><span>ボタン右端に固定したarrow</span><span class="icoArr ku"></span></a>
- 例：	<a href="xxx.html" class="generalItem_btn btn500"><div>デフォルト(div+500px)</div></a>
- icoArr の種類 「.tri=三角形」「.ku=くの字」
---------------------------------------------------- */
	[class*="generalItem_btn"],
	[class*="generalItem_btn"] .inbl {
		text-decoration: none !important;
	}
	[class*="generalItem_btn"] {
		display: block;
		position: relative;
		width: 95%;
		max-width: none;
		line-height: 1.15;
		color: #fff;
		font-family: 'Noto Serif JP', '游明朝', 'Yu Mincho', serif;
		font-size: 1em;
		text-align: center;
		/*letter-spacing: 0;*/
		background: linear-gradient(to bottom, #333 0%, #222 100%);
		margin: 0 auto;
		padding: 19px 5vw;
		/*border-radius: 3px;*/
	}
	[class*="generalItem_btn"] .kana {
		letter-spacing: -0.08em;
	}
	/* hover */
	[class*="generalItem_btn"][href] {
		opacity: 1;
		transition: opacity 0.3s ease-out;
	}
	[class*="generalItem_btn"][href]:hover {
		opacity: 0.65;
	}
@media print, screen and (min-width: 340px) { /*{overSPl}*/
	[class*="generalItem_btn"] {
		max-width: 360px;
		font-size: 1.15em;
		padding: 19px 15px;
	}
}
@media print, screen and (min-width: 600px) { /*{overTB}*/
	[class*="generalItem_btn"] {
		font-size: 1em;
	}
	/* btn000 */
	[class*="generalItem_btn"].btn500 {
		max-width: 500px;
		font-size: 1.1em;
		padding-top: 24px;
		padding-bottom: 24px;
	}
}
/* 「generalItem_btnArrInline」の場合（テキストの末尾にarrow）（.tri=三角形/.ku=くの字）
--------------------------------- */
	.generalItem_btnArrInline {
		display: block;
		padding: 19px 6vw 19px 5vw;
	}
	.generalItem_btnArrInline > * {
		display: inline;
		vertical-align: middle;
	}
	.generalItem_btnArrInline .icoArr {
		display: inline-block;
		position: relative;
		width: 0.5em;
		height: 0.5em;
		line-height: 0;
	}
	
	.generalItem_btnArrInline .icoArr.tri {
		transform: translateX(1.25vw);
	}
	.generalItem_btnArrInline .icoArr.tri::after {
		content: "";
		display: block;
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0; width: 0; height: 0;
		margin: 50% auto auto;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-color: transparent transparent transparent #fff;
		transform: translateY(-50%);
	}
	.generalItem_btnArrInline .icoArr.tri.tri_t::after {
		border-width: 0 5px 5px 5px;
		border-color: transparent transparent #fff transparent;
	}
	.generalItem_btnArrInline .icoArr.tri.tri_b::after {
		border-width: 5px 5px 0 5px;
		border-color: #fff transparent transparent transparent;
	}
	
	.generalItem_btnArrInline .icoArr.ku {
		transform: translateX(1.25vw) rotate(135deg);
	}
	.generalItem_btnArrInline .icoArr.ku.ku_t {
		transform: translateX(1.25vw) rotate(45deg);
	}
	.generalItem_btnArrInline .icoArr.ku.ku_b {
		transform: translateX(1.25vw) rotate(225deg);
	}
	.generalItem_btnArrInline .icoArr.ku::before,
	.generalItem_btnArrInline .icoArr.ku::after {
		content: "";
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
		box-shadow: 0 0 0.5px 0 #fff;
	}
	.generalItem_btnArrInline .icoArr.ku::before {
		width: 100%;
		height: 1px;
	}
	.generalItem_btnArrInline .icoArr.ku::after {
		width: 1px;
		height: 100%
	}
@media print, screen and (min-width: 340px) { /*{overSPl}*/
	.generalItem_btnArrInline {
		padding-left: 15px;
		padding-right: 15px;
	}
	.generalItem_btnArrInline .icoArr.tri {
		transform: translateX(6px);
	}
	.generalItem_btnArrInline .icoArr.ku {
		transform: translateX(6px) rotate(135deg);
	}
	.generalItem_btnArrInline .icoArr.ku.ku_t {
		transform: translateX(6px) rotate(45deg);
	}
	.generalItem_btnArrInline .icoArr.ku.ku_b {
		transform: translateX(6px) rotate(225deg);
	}
}
/* 「generalItem_btnArrFlex」の場合（ボタン右端に固定したarrow）（.tri:三角形/.ku:くの字）
--------------------------------- */
	.generalItem_btnArrFlex {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 19px 5vw;
	}
	.generalItem_btnArrFlex > * {
		flex: 1;
	}
	.generalItem_btnArrFlex .icoArr {
		flex: 0 0.5em;
		display: block;
		position: relative;
		width: 0.5em;
		height: 0.5em;
		line-height: 0;
	}
	
	.generalItem_btnArrFlex .icoArr.tri {
		transform: translateX(1.25vw);
	}
	.generalItem_btnArrFlex .icoArr.tri::after {
		content: "";
		display: block;
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0; width: 0; height: 0;
		margin: 50% auto auto;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-color: transparent transparent transparent #fff;
		transform: translateY(-50%);
	}
	.generalItem_btnArrFlex .icoArr.tri.tri_t::after {
		border-width: 0 5px 5px 5px;
		border-color: transparent transparent #fff transparent;
	}
	.generalItem_btnArrFlex .icoArr.tri.tri_b::after {
		border-width: 5px 5px 0 5px;
		border-color: #fff transparent transparent transparent;
	}
	
	.generalItem_btnArrFlex .icoArr.ku {
		transform: translateX(1.25vw) rotate(135deg);
	}
	.generalItem_btnArrFlex .icoArr.ku.ku_t {
		transform: translateX(1.25vw) rotate(45deg);
	}
	.generalItem_btnArrFlex .icoArr.ku.ku_b {
		transform: translateX(1.25vw) rotate(225deg);
	}
	.generalItem_btnArrFlex .icoArr.ku::before,
	.generalItem_btnArrFlex .icoArr.ku::after {
		content: "";
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
		box-shadow: 0 0 0.5px 0 #fff;
	}
	.generalItem_btnArrFlex .icoArr.ku::before {
		width: 100%;
		height: 1px;
	}
	.generalItem_btnArrFlex .icoArr.ku::after {
		width: 1px;
		height: 100%
	}
@media print, screen and (min-width: 340px) { /*{overSPl}*/
	.generalItem_btnArrFlex {
		padding-left: calc(19px + 0.5em);
		padding-right: 19px;
	}
	.generalItem_btnArrFlex .icoArr.tri {
		transform: translateX(6px);
	}
	.generalItem_btnArrFlex .icoArr.ku {
		transform: translateX(6px) rotate(135deg);
	}
	.generalItem_btnArrFlex .icoArr.ku.ku_t {
		transform: translateX(6px) rotate(45deg);
	}
	.generalItem_btnArrFlex .icoArr.ku.ku_b {
		transform: translateX(6px) rotate(225deg);
	}
}


/* touchMove_Assist | スワイプを促すアニメーション
-------------------------------------------------------
- setting.js の「touchMove_Assist」のスタイルです。
- 必ず「.js_touchMoveAssist」に「overflow-x: scroll;」を設定すること。※各ページCSSで設定。
-------------------------------------------------------
- $(this).addClass('js_tMA_target').append('<span class="js_tMA_item_bg"></span><span class="js_tMA_item_icon isAnimeON"></span>');
-------------------------------------------------------
- 例：<div class="js_touchMoveAssist wrap"><div class="box">xxx</div></div>
- 例：.wrap{width:100%;overflow-x:scroll;-webkit-overflow-scrolling:touch;} .box{width:200%;}
---------------------------------------------------- */
	.js_tMA_target {
		position: relative;
		z-index: 0;
	}
	.js_tMA_target [class*="js_tMA_item_"] {
		display: none; /* 初期値 none */
		position: absolute;
		z-index: -1;
	}
@media screen and (max-width: 599px) { /*{belowSP}*/
	.js_tMA_target [class*="js_tMA_item_"] {
		display: block;
		z-index: 10;
	}
	.js_tMA_target .js_tMA_item_icon {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100px;
		height: 100px;
		margin: auto;
	}
	.js_tMA_target .js_tMA_item_icon::before {
		content: "";
		display: block;
		width: 100px;
		height: 100px;
		background: url("../img/ico_touch_move_assist.svg") center center / contain no-repeat;
	}
	.js_tMA_target .js_tMA_item_icon.isAnimeON::before {
		animation: 3s ease 0s infinite both tMA_icon_anime;
	}
	.js_tMA_target .js_tMA_item_bg {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
	}
}
@keyframes tMA_icon_anime {
	0% {	opacity: 0; transform: translateX(50%); }
	50% {	opacity: 1; }
	100% {	opacity: 0; transform: translateX(-50%);}
}


/* /////////////////////////////////////////////////////////////////////
 *	MEMO. | tk_footer
///////////////////////////////////////////////////////////////////// */
	/* holidayBox | 休業告知のお知らせ
	---------------------------------------------------- */
	.tk_contact .holidayBox {
		width: 100%;
	}
	.tk_contact .holidayBox .holiday {
		display: block;
		width: 100%;
		line-height: 1.4;
		color: #900;
		font-size: 1.15rem;
		font-size: 0.8em;
		padding: 0.4em 0;
	}



	/* tk_gNavWrap
	--------------------------------- */
@media screen and (max-width: 1049px) {
  .tk_gNav li.spBtn {
    grid-template-columns: repeat(1, 1fr);
  }
}







/* ***************************************************************************************************
	printOnly
	- 印刷時は 1366px 時のレイアウトを基準にする
	- 各ページCSS（index.css など）は style.css より後に読み込まれるため、上書きは html を付けて詳細度を上げる
*************************************************************************************************** */
@media print { /*{printOnly}*/
	/* ページ幅を 1366px に固定（tk_base_high.css の min-width: 1050px を上書き） */
	/* Chrome の自動縮小の上限（約1050px）に収まるよう zoom で縮小（1366px × 0.75 ≒ 1025px） */
	#siteWrap {
		min-width: 1366px;
		zoom: 0.75;
	}

	/* TOP | ヘッダーをメインビジュアルに重ねる */
	.indexP .tk_headerWrap {
		position: absolute !important;
		top: 0;
		left: 0;
	}
	.indexP .tk_headerWrap,
	.indexP .tk_header {
		height: 70px !important;
	}

	/* vw 指定を 1366px 時の値（1vw = 13.66px）に置き換え */
	html h3.ptHeading .heading {
		font-size: min(50.54px, 1.6em);
	}
	html h4.ptHeading .heading {
		font-size: min(47.81px, 1.6em);
	}
	html .pt-information {
		grid-template-columns: 177.58px 1fr;
	}
	html .pt-tkConcept .tkConceptCol .txtBox {
		font-size: 1.5rem;
	}
	html .residentialCol h4.ptHeading .heading {
		font-size: min(30.05px, 2.0em);
	}
}