@charset "utf-8";
/* *************************************************************************************************************
 *	file name:		tk_base_high.css
 *	Alteration:		2026.01
 *	style info:		「野村不動産の都心型戸建」の物件サイト＜ハイエンド版＞用 共通のベースCSS
 *					（共通のリセットCSS「tk_common.css」が読み込まれていることが前提となるものがあります。）
 *					※全物件に関わるため、原則書き換え禁止
----------------------------------------------------------------------------------------------------------------
 *	< BASE >
 -	TK_BASE
 -	TK_HEADER
 -	TK_FOOTER
 *	< printOnly >
----------------------------------------------------------------------------------------------------------------
 * {A}	ヘッダー関連：物件名やボタン名の長さによっては、幅・フォントサイズを適宜調整。
 * {B}	ヘッダー関連：高さは固定。
************************************************************************************************************* */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Zen+Old+Mincho&Shippori+Mincho&display=swap');




body {
	--site-themeColor : 200, 200, 200 ;			/* #c8c8c8 lightGray */
	--site-subColor : 100, 100, 100 ;			/* #646464 gray */
	--site-accentColor : 0, 0, 0 ;				/* #000000 bk */
	--site-accentColorText : 255, 255, 255 ;	/* #FFF wh */
	
	--site-fontFamily : "Zen Old Mincho", 'Noto Serif JP', '游明朝', 'Yu Mincho', serif;
	--site-fontFamily-en01 : 'Crimson Text', serif;
	--site-fontFamily-en02 : "Oswald", sans-serif;
}

/* ***************************************************************************************************
	BASE
*************************************************************************************************** */

/* ============================================================================

	TK_BASE

============================================================================ */

/* Base
--------------------------------- */
	body {
		line-height: 1.7;
		font-family: var(--site-fontFamily);
		font-size: 1.4rem;
	}
	small, figcaption {
		line-height: 1.5;
		font-size: 1rem;
		letter-spacing: 0.02em;
	}
@media print, screen and (min-width: 600px) { /*{overTB}*/
	body {
		font-size: 1.6rem;
	}
	small, figcaption {
		font-size: 1.1rem;
	}
}

/* Link
--------------------------------- */
	main a {	text-decoration: none;}
	.tk_tmpl a,
	.tk_tmpl a .inbl {
		color: inherit;
		text-decoration: none;
	}

/* imgcap
--------------------------------- */
	.imgcapParent {
		position: relative;
	}
	.imgcapkeep {
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		color: #FFF;
		font-size: 1.0rem;
		font-family: 'Noto Sans JP', sans-serif;
		padding: 2px 4px;
		text-shadow: 0 0 3px rgba(0, 0, 0, 1);
	}
	.imgcapkeep.bg {
		background: rgba(0, 0, 0, .6);
	}
	.imgcapkeep.bk {
		color: #000;
		text-shadow: 0 0 3px rgba(255, 255, 255, 1);
	}
	.imgcapkeep.bk.bg {
		background: rgba(255, 255, 255, .8);
	}




/* ----------------------------------------------------------------------------
	{B} スティッキー(ヘッダー・ナビ)用の余白
---------------------------------------------------------------------------- */
@media screen and (max-width: 1049px) { /*{belowTB}*/
	#siteWrap {
		padding-bottom: 60px;
	}
}
@media screen and (max-width: 599px) and (orientation: portrait) { /*{MinorBreakpoint}*/
	#siteWrap {
		padding-bottom: 75px;
	}
}





/* ============================================================================

	TK_HEADER

============================================================================ */

/* ----------------------------------------------------------------------------
	tk_headerWrap
---------------------------------------------------------------------------- */
	.tk_header {
		font-family: var(--site-fontFamily);
	}
	
	/* tk_bukkenNameWrap
	--------------------------------- */
	.tk_bukkenNameWrap .tk_brandName,
	.tk_bukkenNameWrap .tk_bukkenName {
		display: block;
		color: rgba(var(--site-accentColor), 1);
	}
	.tk_bukkenNameWrap .tk_brandName {
		line-height: 1.25;
	}
	.tk_bukkenNameWrap .tk_bukkenName {
		line-height: 1.2;
	}
	
	/* tk_hNavWrap
	--------------------------------- */
	.tk_hNav li[class*="Nav"] {
		text-align: center;
	}
	.tk_hNav li[class*="Nav"] a {
		position: relative;
	}
	.tk_hNav li.kana,
	.tk_hNav li .kana {
		letter-spacing: -0.06em;
	}

/* /////////////////////////////////////////////////////////////////////
 *	MEMO. for SPTB | tk_headerWrap
 *	--------------------------------------------------------------------
 *	[.tk_hNavWrap]をウィンドウ下部にスティッキー表示。
///////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 1049px) { /*{belowTB}*/
	.tk_headerWrap {
		background: #fff;
	}
	.tk_header {
		letter-spacing: 0.05em;
	}
	
	/* tk_bukkenNameWrap
	--------------------------------- */
	.tk_bukkenNameWrap {
		text-align: center;
	}
	.tk_bukkenNameWrap .tk_brandName,
	.tk_bukkenNameWrap .tk_bukkenName {
		display: block;
		padding: 0.4em 1.75vw;
	}
	.tk_bukkenNameWrap .tk_brandName {
		font-size: 3.9vw;
		background: rgba(var(--site-themeColor), .22);
	}
	.tk_bukkenNameWrap .tk_bukkenName {
		font-size: 7vw;					/* {A} */
		padding-top: 0.6em;
		padding-bottom: 0.6em;
		/*padding-right: 60px;*/
	}
	
	
	/* gNavBtnSP
	--------------------------------- */
	.gNavBtnSP {
		position: fixed;
		z-index: 101;
		bottom: 80px;
		right: 10px;
		width: 60px;
		height: 60px;
	}
	.gNavBtnSP a {
		position: relative;
		overflow: hidden;
		display: block;
		width: 60px;
		height: 60px;
		background: #FFF;
		border-radius: 50%;
		box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	}
	.gNavBtnSP span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 30px;
		height: 1px;
		text-indent: 200%;
		background: #000;
	}
	.gNavBtnSP span::before,
	.gNavBtnSP span::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 30px;
		height: 1px;
		background: #000;
		
		transition: rotate 0.3s ease, translate 0.3s ease;
	}
	.gNavBtnSP a[aria-expanded="true"] span {	background: none;	}
	.gNavBtnSP a[aria-expanded="true"] span::before,
	.gNavBtnSP a[aria-expanded="true"] span::after {		rotate: 45deg;		translate: -50% -50%;	}
	.gNavBtnSP a[aria-expanded="true"] span::after {		rotate: -45deg;	}
	
	.gNavBtnSP a[aria-expanded="false"] span::before,
	.gNavBtnSP a[aria-expanded="false"] span::after {		translate: -50% -10px;}
	.gNavBtnSP a[aria-expanded="false"] span::after {		translate: -50% 10px;}
	
	
	/* tk_gNavWrap
	--------------------------------- */
	.tk_gNavWrap {
		position: fixed;
		z-index: 100;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(var(--site-accentColor),1);
		padding: 80px 0 60px;
		
		transition: opacity 0.3s ease, translate 0.3s ease;
	}
	.tk_gNavWrap.__close {
		opacity: 0;
		translate: 0 100%;
		transition: opacity 0.3s ease, translate 0s ease;
	}
	.tk_gNav {
		color: rgba(255, 255, 255, .8);
		padding: 60px 5% 60px;
	}
	.tk_gNav li {
		padding-bottom: 50px;
	}
	.tk_gNav li a {
		display: flex;
		justify-content: space-between;
		font-size: 5.2vw;
		border-bottom: 1px solid rgba(255, 255, 255, .8);
	}
	.tk_gNav li a::after {
		content: "＞";
		display: inline-block;
		margin-left: 5px;
	}
	
	/* tk_hNavWrap | スティッキー
	--------------------------------- */
	.tk_hNavWrap {
		position: fixed;
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
		background: #f8f3ea;
		margin: auto;
	}
	.tk_hNav {
		display: flex;
		justify-content: space-between;
	}
	.tk_hNav li[class*="Nav"] {
		flex: 1;
		display: flex;
		line-height: 1.1;
		color: #fff;
		font-size: 3vw; /* テキストが2段になってしまう場合は matchHeight_JS 等で調節する */
		letter-spacing: 0;
	}
	.tk_hNav li[class*="Nav"] a {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 60px;					/* {B} 固定値 */
		padding: 3px 0;
	}
	.tk_hNav li[class*="Nav"] a::before {
		content: "";
		width: 18px;
		height: 18px;
		margin-top: -0.1em;
		margin-bottom: 0.65em;
		background: center center / contain no-repeat;
	}
	.tk_hNav li.mapNav a {		background: rgba(var(--site-subColor), 1);}
	.tk_hNav li.mapPopNav a {	background: rgba(var(--site-subColor), 1);} /* 使用自由 */
	.tk_hNav li.outNav a {		background: rgba(var(--site-subColor), .8);}
	.tk_hNav li.reqNav a {		background: rgba(var(--site-accentColor), 1);}
	.tk_hNav li.telNav a {		background: #353535;}
	.tk_hNav li.resNav a {		background: #776040;} /* 使用自由 */
	
	.tk_hNav li.mapNav a::before {		background-image: url("../img/ico/nav_ico_map.svg");}
	.tk_hNav li.mapPopNav a::before {	background-image: url("../img/ico/nav_ico_map.svg");} /* 使用自由 */
	.tk_hNav li.outNav a::before {		background-image: url("../img/ico/nav_ico_out.svg");}
	.tk_hNav li.reqNav a::before {		background-image: url("../img/ico/nav_ico_req.svg");}
	.tk_hNav li.telNav a::before {		background-image: url("../img/ico/nav_ico_tel.svg");}
	.tk_hNav li.resNav a::before {		background-image: url("../img/ico/nav_ico_res.svg");} /* 使用自由 */
	
	/* SPTB時は非表示 */
	.tk_hNav li.PC_only {
		display: none !important;
	}
}
@media screen and (min-width: 340px) and (max-width: 399px) { /*{MinorBreakpoint}*/
	.tk_bukkenNameWrap .tk_brandName {
		font-size: 3.4vw;
	}
	.tk_bukkenNameWrap .tk_bukkenName {
		font-size: 5.125vw;				/* {A} */
	}
	.tk_hNav li[class*="Nav"] {
		font-size: 2.8vw;
	}
}
@media screen and (min-width: 400px) and (max-width: 1049px) { /*{MinorBreakpoint}*/
	.tk_bukkenNameWrap .tk_brandName {
		font-size: 1.48rem;
	}
	.tk_bukkenNameWrap .tk_bukkenName {
		font-size: 2.0rem;				/* {A} */
	}
	.tk_hNav li[class*="Nav"] {
		font-size: 11px;
	}
}
@media screen and (min-width: 600px) and (max-width: 1049px) { /*{MinorBreakpoint}*/
	.tk_gNav li a {
		font-size: 3.2rem;
	}
}
@media screen and (max-width: 599px) and (orientation: portrait) { /*{MinorBreakpoint}*/
	/* -------------------------------------------------------------------
	 *	SP幅以下 且つ デバイスが縦長の時、ナビボタンのサイズを大きくする。
	------------------------------------------------------------------- */
	.tk_hNav li[class*="Nav"] a {
		height: 75px;					/* {B} 固定値 */
	}
	.tk_hNav li[class*="Nav"] a::before {
		margin-bottom: 0.9em;
	}
	
	.gNavBtnSP {
		bottom: 90px;
	}
	
	
	/* tk_gNavWrap
	--------------------------------- */
	.tk_gNavWrap {
		padding-bottom: 75px;
	}
}

/* /////////////////////////////////////////////////////////////////////
 *	MEMO. for PC | tk_headerWrap
 *	--------------------------------------------------------------------
 *	[.tk_headerWrap]をウィンドウ上部にスティッキー表示。
///////////////////////////////////////////////////////////////////// */
@media print, screen and (min-width: 1050px) { /*{overPC}*/
	.tk_headerWrap,
	.tk_header {
		height: 70px;					/* {B} 固定値 */
	}
	.tk_headerWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		background: rgba(255,255,255,0.2);
		
		position: fixed;
		top: 0;
		bottom: auto;
		left: 0;
		right: 0;
		z-index: 999;
		margin: auto;
	}
	.tk_header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		letter-spacing: 0.08em;
		margin: 0;
		padding: 0 10px;
	}
	/* tk_bukkenNameWrap
	--------------------------------- */
	.tk_bukkenNameWrap {
		/*flex-basis: 430px;*/	/* {A} */
		padding-right: 10px;
	}
	.tk_bukkenNameWrap .tk_brandName {
		font-size: 1.2rem;
	}
	.tk_bukkenNameWrap .tk_bukkenName {
		font-size: 1.5rem;				/* {A} */
		margin-top: 5px;
	}
	/* tk_gNavWrap
	--------------------------------- */
	.tk_gNavWrap {
		flex-grow: 1;
		/*flex-basis: calc(100% - 420px - 540px);*/	/* {A} */
	}
	.tk_gNav {
		display: flex;
		align-items: baseline;
		justify-content: flex-start;
	}
	.tk_gNavWrap li[class*="Nav"] {
		display: flex;
		text-align: center;
		line-height: 1.25;
		font-size: 1.1vw;				/* {A} */
		letter-spacing: 0.07em;
		padding: 0 0.5em;
		border: solid rgba(0, 0, 0, .3);
		border-width: 0 0 0 1px;
	}
	.tk_gNavWrap li[class*="Nav"]:last-child {
		border-right-width: 1px;
	}
	
	
	.tk_gNavWrap li.topNav,
	.tk_gNavWrap li.outNav {
		display: none;
	}
	.tk_gNavWrap li.plaNav {
		flex-basis: 6em;
		align-self: stretch;
	}
	.tk_gNavWrap li.plaNav a {
		align-self: center;
		width: 100%;
	}
	
	
	/* tk_hNavWrap
	--------------------------------- */
	.tk_hNavWrap {
		/*flex-basis: 530px;*/				/* {A} */
	}
	.tk_hNav {
		display: flex;
		justify-content: flex-end;
	}
	.tk_hNav li[class*="Nav"] {
		display: flex;
		line-height: 1.25;
		font-size: 1.2vw;				/* {A} */
		letter-spacing: 0.07em;
	}
	.tk_hNav li.mapNav,
	.tk_hNav li.mapPopNav,
	.tk_hNav li.outNav,
	.tk_hNav li.txtNav {
		margin-right: 10px;
		align-self: center;
	}
	.tk_hNav li.mapPopNav,
	.tk_hNav li.outNav,
	.tk_hNav li.reqNav,
	.tk_hNav li.resNav,
	.tk_hNav li.boxNav {	/* 背景色付き四角ボタン（[.resNav][.boxNav]は使用自由） */
	}
	/* a */
	.tk_hNav li[class*="Nav"] a {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 8px 5px;
		opacity: 1;
	}
	.DEVICEPC .tk_hNav li[class*="Nav"] a[href]:hover {
		opacity: 0.63;
	}
	.tk_hNav li.mapNav a::after,
	.tk_hNav li.txtNav a::after {
		content: "";
		width: 7px;
		height: 7px;
		background: center center / contain no-repeat;
		margin-left: 9px;
	}
	.tk_hNav li.mapPopNav a,
	.tk_hNav li.outNav a {
		display: block;
		margin: 0 7px;
	}
	.tk_hNav li.outNav a {
		margin-right: 10px;
	}
	.tk_hNav li.reqNav a {
		width: 145px;					/* {A} */
		color: #fff;
		background: rgba(var(--site-accentColor), .7);
	}
	.DEVICEPC .tk_hNav li.reqNav a[href]:hover {
		opacity: 1;
		background: rgba(var(--site-accentColor), 1);
		transition: opacity	0.3s ease, background 0.3s ease;
	}
	.tk_hNav li.resNav a,
	.tk_hNav li.boxNav a {
		width: 145px;					/* {A} */
		color: #fff;
		background: #a38968;
	}
	.DEVICEPC .tk_hNav li.resNav a[href]:hover,	
	.DEVICEPC .tk_hNav li.boxNav a[href]:hover {
		opacity: 1;
		background: #a7773a;
		transition: opacity	0.3s ease, background 0.3s ease;
	}
	.tk_hNav li.mapPopNav a .label,
	.tk_hNav li.outNav a .label,
	.tk_hNav li.reqNav a .label,
	.tk_hNav li.resNav a .label,
	.tk_hNav li.boxNav a .label {
		flex-basis: calc(100% - 21px);
	}
	/* current */
	body.mapP .tk_hNav li.mapPopNav a,
	body.outlineP .tk_hNav li.outNav a {
		opacity: .65;
	}
	
	/* -- Individual -- */
	
	/* アイコン向き | [例] <li class="txtNav arrIco_r"> */
	.tk_hNav li.arrIco_t a::after {		background-image: url("../img/ico/ico_arr01_t.svg");}
	.tk_hNav li.arrIco_b a::after {		background-image: url("../img/ico/ico_arr01_b.svg");}
	.tk_hNav li.arrIco_l a::after {		background-image: url("../img/ico/ico_arr01_l.svg");}
	.tk_hNav li.arrIco_r a::after {		background-image: url("../img/ico/ico_arr01_r.svg");}
	
	/* アイコンなし | [例] <li class="txtNav noIcoAft"> , <li class="boxNav noIcoBef"> */
	.tk_hNav li.noIcoAft a::after,
	.tk_hNav li.noIcoBef a::before {
		display: none;
	}
	
	/* PC時は非表示 */
	.tk_hNav li.SPTB_only {
		display: none !important;
	}
	
	/* telNav */
	.tk_hNav li.telNav {
		display: none !important;
	}
	
	
	/* gNavBtnSP
	--------------------------------- */
	.gNavBtnSP {
		display: none;
	}
	/* ---------------------------------
		stickyON
	--------------------------------- */
	/* -- stickyON -- */
	.stickyON .tk_headerWrap {
		background: rgba(255,255,255,0.8);
	}
	/* ---------------------------------
		CSS_ANIME
	--------------------------------- */
	.tk_headerWrap {
		animation: tk_fadeIn__0_1 0.7s ease-out both;
		transition: height 0.5s ease-out,
					background-color 0.5s ease-out;
	}
	.tk_header {
		transition: height 0.5s ease-out;
	}
	.tk_bukkenNameWrap .tk_brandName,
	.tk_bukkenNameWrap .tk_bukkenName {
		transition: font 0.5s ease-out;
	}
	.DEVICEPC .tk_hNav li[class*="Nav"] a[href] {
		transition: opacity 0.15s ease-out;
	}
}
@media print, screen and (min-width: 1320px) { /*{overPCl}*/
	.tk_bukkenNameWrap .tk_bukkenName {
		font-size: 2.1rem;				/* {A} */
	}
	.tk_gNavWrap {
		padding-top: 1.5em;
	}
	.tk_gNavWrap li[class*="Nav"] {
		font-size: 1.45rem;				/* {A} */
	}
	.tk_hNav li[class*="Nav"] {
		font-size: 1.45rem;				/* {A} */
	}
	.tk_hNav li.outNav a {
		margin-right: 30px;
	}
	
}



/* ============================================================================

	TK_FOOTER

============================================================================ */

/* ----------------------------------------------------------------------------
	tk_footerWrap
---------------------------------------------------------------------------- */
	.tk_footerWrap {
		background: #fff;
		border-top: 1px solid #eee;
	}
	
	/* tk_footer
	---------------------------------------------------- */
	/* tk_contact
	--------------------------------- */
	.tk_contact {
		line-height: 1.5;
		font-family: 'Noto Serif JP', '游明朝', 'Yu Mincho', serif;
	}
	/* --- nameBox --- */
	.tk_contact .nameBox .txt {
		display: block;
	}
	.tk_contact .nameBox .name,
	.tk_contact .nameBox .post {
		display: inline-block;
	}
	.tk_contact .nameBox .name {
		margin-left: -0.5em;
		margin-right: -0.5em;
	}
	/* --- telBox --- */
	.tk_contact .telBox {
		display: block;
	}
	.tk_contact .telBox a {
		display: inline-block;
		vertical-align: bottom;
		overflow: hidden;
	}
	.tk_contact .telBox strong {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		line-height: 0.85;
		color: #9a7d44;
	}
	.tk_contact .telBox .icoTel {
		display: block;
		width: 0.79em;
		height: 0.79em;
		line-height: 0;
		margin-right: 0.25em;
	}
	.tk_contact .telBox .value {
		font-family: 'Crimson Text', serif;
	}
	/* --- timeBox --- */
	.tk_contact .timeBox {
		display: flex;
		flex-wrap: wrap;
	}
	.tk_contact .timeBox .valueWrap {
		display: flex;
	}
	/* --- closedBox --- */
	.tk_contact .closedBox {
		display: flex;
		flex-wrap: wrap;
	}
	.tk_contact .closedBox .valueWrap {
		display: flex;
	}
	/* --- noteBox --- */
	.tk_contact .noteBox {
		display: block;
	}
	
	/* tk_corpFooter
	--------------------------------- */
	.tk_corpFooter {
		line-height: 1.3;
		color: #333;
	}
	/* corpList
	----------------------- */
	.tk_corpFooter .corpList {
		font-size: 1.1rem;
	}
	.tk_corpFooter .corpList .unit dd a {
		display: block;
	}
	/* corpLink
	----------------------- */
	.tk_corpFooter .corpLink {
	}
	
	/* tk_copyrightWrap
	---------------------------------------------------- */
	.tk_copyright {
		display: block;
		line-height: 1.3;
		color: #666;
		font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', sans-serif;
		font-size: 1rem;
		text-align: center;
		letter-spacing: 0.02em;
		background: #eee;
		padding: 1.2em 0.5em;
	}

/* /////////////////////////////////////////////////////////////////////
 *	MEMO. for SPTB | tk_footerWrap
 *	--------------------------------------------------------------------
 *	お問い合わせ先・コーポレートリンク等を縦列配置
///////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 1049px) { /*{belowTB}*/
	/* tk_footer
	---------------------------------------------------- */
	.tk_footer {
		letter-spacing: 0.05em;
	}
	.tk_footer > *:not(:first-child) {
		border-top: 1px solid #eee;
	}
	
	/* tk_contact
	--------------------------------- */
	.tk_contact {
		display: block;
		font-size: 4.375vw;
		text-align: center;
		padding: 15.625vw 1.75vw;
	}
	/* --- telBox --- */
	.tk_contact .telBox {
		padding: 1.25em 0;
	}
	.tk_contact .telBox strong {
		font-size: 2.8em;
	}
	/* --- timeBox --- */
	.tk_contact .timeBox {
		justify-content: center;
		align-items: center;
		font-size: 0.825em;
	}
	.tk_contact .timeBox .valueWrap .time:not(:first-child) {
		margin-left: 0.8em;
	}
	.tk_contact .timeBox .valueWrap .time .week {
		margin-right: 0.2em;
	}
	/* --- closedBox --- */
	.tk_contact .closedBox {
		justify-content: center;
		align-items: center;
		font-size: 0.825em;
	}
	/* --- noteBox --- */
	.tk_contact .noteBox {
		font-size: 0.825em;
	}
	
	/* tk_corpFooter
	--------------------------------- */
	.tk_corpFooter {
		display: block;
		font-size: 4.375vw;
		padding: 12.5vw 1.75vw;
	}
	.tk_corpFooter > *:not(:first-child) {
		margin-top: 12.5vw;
	}
	/* corpList
	----------------------- */
	.tk_corpFooter .corpList {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 90%;
		max-width: 270px;
		margin: 0 auto;
	}
	.tk_corpFooter .corpList .unit {
		flex: 100%;
	}
	.tk_corpFooter .corpList .unit:not(:first-child) {
		margin-top: 11vw;
	}
	.tk_corpFooter .corpList .unit dt {
		margin-bottom: 0.5em;
	}
	.tk_corpFooter .corpList .unit dd {
		padding: 15px 0;
	}
	/* corpLink
	----------------------- */
	.tk_corpFooter .corpLink {
		font-size: 0.9285em;
		text-align: center;
	}
	.tk_corpFooter .corpLink .link {
		width: 90.625%;
		margin: 0.9em auto 0;
	}
	.tk_corpFooter .corpLink .link a {
		display: block;
		width: 100%;
		background: #fff;
		padding: 0.75em;
		border: 1px solid #e5e5e5;
	}
}
@media screen and (min-width: 340px) and (max-width: 1049px) { /*{SPl_TB}*/
	/* tk_contact
	--------------------------------- */
	.tk_contact {
		font-size: 1.5rem;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	/* tk_corpFooter
	--------------------------------- */
	.tk_corpFooter {
		font-size: 1.4rem;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.tk_corpFooter > *:not(:first-child) {
		margin-top: 40px;
	}
	/* corpList
	----------------------- */
	.tk_corpFooter .corpList .unit:not(:first-child) {
		margin-top: 40px;
	}
	/* corpLink
	----------------------- */
	.tk_corpFooter .corpLink {
		font-size: 0.9285em;
		text-align: center;
	}
	.tk_corpFooter .corpLink .link {
		width: 90.625%;
		margin: 0.9em auto 0;
	}
	.tk_corpFooter .corpLink .link a {
		display: block;
		width: 100%;
		background: #fff;
		padding: 0.75em;
		border: 1px solid #e5e5e5;
	}
}
@media screen and (min-width: 600px) and (max-width: 1049px) { /*{TB}*/
	/* tk_contact
	--------------------------------- */
	.tk_contact {
		font-size: 1.6rem;
	}
	/* corpList
	----------------------- */
	.tk_corpFooter .corpList {
		max-width: 600px;
	}
	.tk_corpFooter .corpList .unit {
		flex: 45%;
		padding: 0 2.5%;
	}
	.tk_corpFooter .corpList .unit:not(:first-child) {
		margin-top: 0;
	}
}

/* /////////////////////////////////////////////////////////////////////
 *	MEMO. for PC | tk_footerWrap
 *	--------------------------------------------------------------------
 *	お問い合わせ先・コーポレートリンク等を並列配置
///////////////////////////////////////////////////////////////////// */
@media print, screen and (min-width: 1050px) { /*{overPC}*/
	/* tk_footer
	---------------------------------------------------- */
	.tk_footer {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		letter-spacing: 0.08em;
		padding: 60px 20px;
	}
	
	/* tk_contact
	--------------------------------- */
	.tk_contact {
		flex: 0.7;
		font-size: 1.4rem;
		margin-right: 4%;
	}
	/* --- telBox --- */
	.tk_contact .telBox {
		padding: 0.75em 0;
	}
	.tk_contact .telBox strong {
		font-size: 3.07em;
	}
	/* --- timeBox --- */
	.tk_contact .timeBox {
		font-size: 0.857em;
	}
	.tk_contact .timeBox .valueWrap .time:not(:first-child) {
		margin-left: 0.8em;
	}
	.tk_contact .timeBox .valueWrap .time .week {
		margin-left: -0.5em;
		margin-right: -0.4em;
	}
	.tk_contact .timeBox .valueWrap .time .week::before { content: "［"; }
	.tk_contact .timeBox .valueWrap .time .week::after { content: "］"; }
	
	/* --- closedBox --- */
	.tk_contact .closedBox {
		font-size: 0.857em;
	}
	/* --- noteBox --- */
	.tk_contact .noteBox {
		font-size: 0.857em;
	}
	
	/* tk_corpFooter
	--------------------------------- */
	.tk_corpFooter {
		flex: 1;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-between;
		font-size: 1.4rem;
	}
	/* corpList
	----------------------- */
	.tk_corpFooter .corpList {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		font-size: 0.785em;
	}
	.tk_corpFooter .corpList .unit {
		flex: 0 240px;
	}
	.tk_corpFooter .corpList .unit:not(:first-child) {
		margin-left: 5%;
	}
	.tk_corpFooter .corpList .unit dt {
		margin-bottom: 0.25em;
	}
	.tk_corpFooter .corpList .unit dd {
		padding: 10px 0;
	}
	/* corpLink
	----------------------- */
	.tk_corpFooter .corpLink {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		font-size: 1.2rem;
		text-align: right;
	}
	.tk_corpFooter .corpLink .link {
		margin: 0.25em 0;
		padding: 0 0.75em;
	}
	.tk_corpFooter .corpLink .link:not(:first-child) {
		border-left: 1px solid #666;
	}
	.tk_corpFooter .corpLink .link a,
	.tk_corpFooter .corpLink .link a .inbl {
		display: inline-block;
	}
	.tk_corpFooter .corpLink .link a {
		padding: 0.02em 0.1em;
	}
	.tk_corpFooter .corpLink .link a:hover,
	.tk_corpFooter .corpLink .link a:hover .inbl {
		text-decoration: underline;
	}
}
@media print, screen and (min-width: 1320px) { /*{overPCl}*/
	/* tk_footer
	---------------------------------------------------- */
	.tk_footer {
		max-width: 1280px;
		padding-left: 0;
		padding-right: 0;
		margin: 0 auto;
	}
	/* tk_corpFooter
	--------------------------------- */
	/* corpList
	----------------------- */
	.tk_corpFooter .corpList .unit {
		flex: 0 270px;
	}
}



/* /////////////////////////////////////////////////////////////////////
 *	MEMO. for SPs| tk_footerWrap
 *	--------------------------------------------------------------------
 *	お問い合わせ先・コーポレートリンク等を並列配置
///////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 480px) { /*{MinorBreakpoint}*/
	/* tk_footer
	---------------------------------------------------- */
	/* tk_contact
	--------------------------------- */
	/* --- telBox --- */
	
	.tk_contact .telBox strong {
		flex-wrap: wrap;
		justify-content: center;
	}
	.tk_contact .telBox .value {
		/*width: calc(100% - 1.04em);*/
	}
	.tk_contact .telBox small {
		width: 100%;
	}
}

/* tkConceptWrap
--------------------------------- */
	.tkConceptWrap {
		background: #f8f8f8;
		padding: 60px 0;
		border-top: 1px solid rgba(0, 0, 0, .1);
	}
	.tkConceptUnit + .tkConceptUnit {
		margin-top: 1em;
	}


/* tkConceptUnit_portalBn */
	.tkConceptUnit_portalBn header {
		display: none;
	}
	body:not(.indexP) .tkConceptUnit_portalBn{
		/*padding: 40px 0;*/
	}
	.tkConceptUnit_portalBn .container {
		background: transparent !important;
	}
	.tkConceptUnit_portalBn .bnBox {
		padding: 0 !important;
	}
	.tkConceptUnit_portalBn .bn {
		display: block;
		width: 90%;
		max-width: 1000px;
		background: rgba(238, 202, 8, 0.1);
		margin: 0 auto;
		padding: 0;
		border: 0;
	}
	.tkConceptUnit_portalBn .bn img {
		width: 100%;
		max-width: none;
	}
@media print, screen and (min-width: 600px) { /*{overTB}*/
	.tkConceptUnit_portalBn .container {
		/*padding-top:  20px;*/
	}
}

	/*-----------------------------
	完売設定
	-----------------------------*/
	.tkConceptUnit_portalBn[data-banner-kanbai*="kanbai"] {
		background: #eee;
		padding-top: 0;
	}
	.tkConceptUnit_portalBn[data-banner-kanbai*="kanbai"] .container{
		padding: 40px 0;
	}
	.tkConceptUnit_portalBn[data-banner-kanbai*="kanbai"] header {
		display: block;
		width: 95%;
		max-width: 1000px;
		font-size: 1.1em;
		text-align: center;
		margin: 0 auto 2em;
	}
	.tkConceptUnit_portalBn[data-banner-kanbai*="kanbai"] header .heading {
		font-size: 1.3em;
	}






/* tkConceptUnit_kurasumaiBn */

	.tkConceptUnit_kurasumaiBn .bnBox {
		padding: 0 !important;
	}
	.tkConceptUnit_kurasumaiBn .bn {
		display: block;
		width: 90%;
		max-width: 1000px;
		background: #fff;
		margin: 0 auto;
		padding: 0;
		border: 0;
	}
	.tkConceptUnit_kurasumaiBn .bn.sp {
		border: 1px solid rgba(0, 0, 0, .1);
	}
	.tkConceptUnit_kurasumaiBn .bn img {
		width: 100%;
		max-width: none;
	}
@media print, screen and (min-width: 600px) { /*{overTB}*/
	.tkConceptUnit_kurasumaiBn .sp {
		display: none;
	}
}
@media screen and (max-width: 599px) { /*{belowSP}*/
	.tkConceptUnit_kurasumaiBn .pc {
		display: none;
	}
}







/* ============================================================================

	tkCommonParts

============================================================================ */
/* main
--------------------------------- */
	main {
		color: rgba(var(--site-accentColor),1);
	}



/* pageHeaderWrap
--------------------------------- */
	body:not(.indexP) .pageHeaderWrap {
		position: relative;
		display: block;
	}
	body:not(.indexP) .pageHeaderWrap .pageHeaderTxt {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 80%;
		text-align: center;
		font-family: "Shippori Mincho", var(--site-fontFamily);
		font-size: 1.8em;
	}
	body:not(.indexP) .pageHeaderWrap .pageHeaderTxt .hWord {
		display: block;
		letter-spacing: 0.2em;
		font-family: var(--site-fontFamily-en01);
		font-size: 0.58em;
		/*font-weight: 600;*/
	}

	body:not(.indexP) .pageHeaderWrap .pageHeaderTxt.wh {		color: #FFF;}
	body:not(.indexP) .pageHeaderWrap .pageHeaderTxt.shadow {	text-shadow: 0 0 6px rgba(255, 255, 255,.72);}
	body:not(.indexP) .pageHeaderWrap .pageHeaderTxt.wh.shadow {	text-shadow: 0 0 6px rgba(0, 0, 0,.52), 0 0 2px rgba(0, 0, 0, 1);}
	body:not(.indexP) .pageHeaderWrap .pageHeaderTxt.wh.shadow {	text-shadow: 0 0 6px rgba(0, 0, 0,.52), 0 0 2px rgba(0, 0, 0, 1);}

/* originalBtn
--------------------------------- */
	.originalBtn {
		width: 90%;
		max-width: 500px;
		margin: 80px auto 0;
	}
	.originalBtn a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 80px;
		color: rgba(var(--site-accentColorText), 1);
		background: rgba(var(--site-accentColorText),.1);
		padding: 1em;
		border: 1px solid rgba(var(--site-accentColorText),.4);
	}

	.originalBtn a .linkIco {
		position: relative;
		display: block;
		content: "";
		width: 100px;
		height: 1px;
		background: rgba(var(--site-accentColorText), .5);
		margin-top: 0.5em;
		transform-origin: right bottom;
		transition: transform 0.3s ease;
	}
	.originalBtn a .linkIco::before {
		content: "more";
		position: absolute;
		bottom: 0px;
		left: 0;
		font-size: 0.8em;
	}
	.originalBtn .linkIco::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		width: 15px;
		height: 1px;
		background: rgba(var(--site-accentColorText), .5);
		transform-origin: right bottom;
		transform: rotate(45deg);
	}

	@media (hover: hover) and (pointer: fine) {
		.originalBtn a:hover::after {
			scale: 1.1;
			opacity: .15;
		}
		.originalBtn a:hover .linkIco {			
			transform: translateX(10px);
		}
	}
	.originalBtn a:focus-visible::after {
		scale: 1.1;
		opacity: .15;
	}

/* bukkenCaptionWrap
--------------------------------------------- */
	.bukkenCaptionWrap {
		margin-top: 5em;
		border-top: 1px solid rgba(0, 0, 0, .05);
	}
	.bukkenCaptionWrap .container {
		width: 96%;
		max-width: 1400px;
		margin: 0.6em auto;
	}

@media print, screen and (min-width: 736px) {
	.bukkenCaptionWrap {
		margin-top: 8em;
	}
}

/* ●● indexP ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
/* pt-information
-------------------------------------------------------------- */
	.pt-informationWrap {
		/*background: tan;*/
		padding-top: 40px;
	}
	.pt-informationWrap .pageTheme {
		margin-top: 0;
	}

	.pt-information {
		width: 86%;
		max-width: 1200px;
		margin: 0 auto;
	}
	.pt-information .ptHeading .heading {
		display: block;
		letter-spacing: 0.12em;
		font-family: var(--site-fontFamily-en01);
		font-size: 1.8rem;
		text-transform: uppercase;
		margin-bottom: 1.2em;
	}

@media print, screen and (min-width: 600.02px) {
	.pt-informationWrap {
		padding-top: 4.5vw;
	}
}
@media print, screen and (min-width: 1049.02px) {
	.pt-informationWrap {
		padding-top: 85px;
	}
	.correctionWrap + .pt-informationWrap {
		padding-top: 65px;
	}
}
/* correctionWrap */
	.correctionWrap {}
	.correctionBox {
		width: 96%;
		max-width: 1200px; /* feeling. */
		line-height: 1.5;
		text-align: left;
		color: #222;
		font-size: .775em;
		margin: 25px auto 0;
		padding: 20px 30px;
		background-color: rgba(255,255,255,.5);
		border: 1px solid #ccc;
	}
	.correctionBox .ttl {
		display: inline-block;
		margin: auto -.5em;
	}
	.correctionBox .itemName {
		display: block;
		margin-top: .6em;
		margin-bottom: .05em;
	}
@media screen and (max-width: 1050px) { /*{belowTBs}*/
	.correctionBox {
		padding: 3%;
	}
}
@media screen and (max-width: 736px) { /*{SP}*/
	.correctionWrap {
		padding-top:	1em!important;
		padding-bottom:	1em!important;
	}
	.correctionBox {
		font-size: .9em;
		padding: 4%;
	}
}


/* noticeWrap */
	.noticeWrap .noticetxt {
		width: 100%;
		letter-spacing: 0.04em;
	}
	.noticeWrap .noticetxt + .noticetxt {
		margin-top: 1em;
		padding-top: 1em;
		border-top: 1px solid rgba(var(--site-themeColor), .5);
	}
	.noticeWrap .btnBox + .noticetxt {
		margin-top: 2.2em;
		padding-top: 1.5em;
		border-top: 1px solid rgba(var(--site-themeColor), .5);
	}
	.noticeWrap .noticetxt .kana {
		letter-spacing: -0.02em;
		padding-right: 0.04em;
	}
	/* 文字サイズ調整
	----------------------- */
	.noticeWrap .noticetxt {
		line-height: 1.4;
		font-size: 4.95vw;		/*1.6rem*/
	}
	.noticeWrap .noticetxt small {
		display: inline-block;
		line-height: 1.3;
		color: inherit;
		font-size: 0.75em;
		margin-top: 0.5em;
	}
	.noticeWrap .noticetxt .txtLLL {font-size: 1.4em; letter-spacing: 0.125em; }
	.noticeWrap .noticetxt .txtLL {	font-size: 1.215em; letter-spacing: 0.125em; }
	.noticeWrap .noticetxt .txtL {	font-size: 1.125em; }
	.noticeWrap .noticetxt .txtS {	font-size: 0.875em; }
	.noticeWrap .noticetxt .txtSS {	font-size: 0.7em; }
	.noticeWrap .noticetxt .txtSSS {font-size: 0.6em; }
	
@media print, screen and (min-width: 340px) { /*{overSPl}*/
	.noticeWrap .noticetxt {
		line-height: 1.5;
		font-size: 5.2vw;		/*2.1rem*/
	}
	.noticeWrap .noticetxt .txtLLL,
	.noticeWrap .noticetxt .txtLL {	line-height:1.4;}
}
@media print, screen and (min-width: 370px) { /*{MinorBreakpoint}*/
	.noticeWrap .noticetxt {
		font-size: 2rem;
	}
}
@media print, screen and (min-width: 480px) { /*{MinorBreakpoint}*/
	.noticeWrap .noticetxt {
		font-size: 2.35rem;
	}
}
@media print, screen and (min-width: 600px) { /*{overTB}*/
	.noticeWrap .noticetxt .txtLLL {font-size: 1.65em;}
	.noticeWrap .noticetxt .txtLL {	font-size: 1.52em;}
	.noticeWrap .noticetxt .txtL {	font-size: 1.2142em; }
}
@media print, screen and (min-width: 1050px) { /*{overPC}*/
	.noticeWrap .noticetxt {
		font-size: 2.5rem;
	}
}


/* noticeWrap - noticeBtn
 * ----------------------------------------------------
 *	例（単品）	：<div class="mt1_5em"><p class="txtL noticeBtn"><a href="xxx" target="_blank" class="generalItem_btn btn500">xxxxx</a></p></div>
 *	例（2つ以上）：<div class="btnBox mt1_5em"><p class="txtS noticeBtn req"><a href="xxx" target="_blank" class="generalItem_btn">xxxxx</a></p><p class="txtS noticeBtn res"><a href="xxx" target="_blank" class="generalItem_btn">xxxxx</a></p></div>
 * ----------------------------------------------------
 *	[2025.08]	：「オンライン案内会ご予約はこちら」など文字数が多くなる場合を考慮しCSS変数に変更。
---------------------------------------------------- */
	/* btnBox | ボタンを1つ以上で扱いたい場合「.btnBox」で囲う */
	.noticeWrap .btnBox {
		--default-noticeWrap-btnBox-rowGap:				6px;
		--default-noticeWrap-btnBox-columnGap:			25px;
		--default-noticeWrap-noticeBtn-kazu:			2;		/* 横並びさせるボタンの個数 */
		--default-noticeWrap-generalItem_btn-maxWidth:	245px;	/* ボタンの最大幅 */
		
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		
		gap: var(--default-noticeWrap-btnBox-rowGap) var(--default-noticeWrap-btnBox-columnGap);
		width: 100%;
		margin-top: 3em;
	}
	.noticeWrap .btnBox .noticeBtn {
		width: 100%;
	}
	.noticeWrap .btnBox .noticeBtn [class*="generalItem_btn"] {
		overflow: hidden;
		position: relative;
		display: flex;
		height: 60px;
		align-items: center;
		justify-content: center;
		width: 100%;
		text-align: center;
		letter-spacing: 0.15em;
	}
	.noticeWrap .noticeBtn [class*="generalItem_btn"]::after {
		content: "";
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		
		transition: scale 0.3s ease;
	}
	.noticeWrap .btnBox .noticeBtn [class*="generalItem_btn"] .label {
		position: relative;
		z-index: 10;
	}

	/* -- Individual -- */
	.noticeWrap .noticeBtn.req a {
		color: rgba(var(--site-accentColorText),1);
		background: rgba(var(--site-accentColor), .7);
	}
	.noticeWrap .noticeBtn.req a::after {
		background: linear-gradient(to right, rgba(0, 0, 0, .7) 0%, transparent 50%, rgba(0, 0, 0, .7) 100%);
	}
	.noticeWrap .noticeBtn.res a,
	.noticeWrap .noticeBtn.online a {
		color: #fff;
		background: #a38968;
	}
	.noticeWrap .noticeBtn.res a::after,
	.noticeWrap .noticeBtn.online a::after {
		background: linear-gradient(to right, #765e3f 0%, transparent 50%, #765e3f 100%);
	}

	@media (hover: hover) and (pointer: fine) {	
		.noticeWrap .noticeBtn [class*="generalItem_btn"]:hover::after {
			scale: 150%;
		}
	}
	.noticeWrap .noticeBtn [class*="generalItem_btn"]:focus-visible::after {
		scale: 150%;
	}

	
@media print, screen and (min-width: 340px) { /*{overSPl}*/
	.noticeWrap .btnBox {
		--default-noticeWrap-btnBox-rowGap: 10px;
	}
}
@media print, screen and (min-width: 600px) {
	.noticeWrap .btnBox {
		grid-template-columns: repeat(3, var(--default-noticeWrap-generalItem_btn-maxWidth));
		margin-top: 2em;
	}
	.noticeWrap .noticeBtn [class*="generalItem_btn"] {
		font-size: 1em;
	}
}


/* entryMeritWrap */
	.entryMeritWrap {
		color: rgba(var(--site-accentColorText),1);
		background: rgba(var(--site-accentColor),1);
		margin-top: 80px;
		padding: 60px 0 70px;
	}
	.entryMerit {
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
	}
	.entryHeading {
		display: flex;
		align-items: center;
		margin-bottom: 40px;
	}
	.entryHeading::before,
	.entryHeading::after {
		content: "";
		flex-grow: 1;
		display: block;
		height: 3px;
		border: 0px solid rgba(var(--site-accentColorText),.3);
		border-width: 1px 0;
	}
	.entryHeading > span {
		display: flex;
		flex-direction: column;
		align-items: center;
		line-height: 1.4;
		letter-spacing: 0.1em;
		font-family: var(--site-fontFamily-en01);
		font-size: 1.6em;
		padding: 0 1.8em;
	}
	.entryHeading > span span {
		color: rgba(var(--site-accentColorText),.8);
		align-content: 1.4;
		font-family: var(--site-fontFamily);
		font-size: 0.4em;
	}
	.entryMerit ol li {
		display: grid;
		grid-template-columns: 1fr 45%;
		grid-template-rows: auto 1fr;
		gap: 5px 20px;
	}
	.entryMerit ol li + li {
		margin-top: 20px;
	}
	.entryMerit ol li [aria-hidden] {
		position: relative;
		grid-column: 1 / 2;
		grid-row: 1 / 3;
	}
	.entryMerit ol li [aria-hidden] img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.entryMerit ol li .meritTtl {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
		display: block;
		color: rgba(var(--site-accentColorText),.6);
		line-height: .7;
		text-align: left;
		font-family: var(--site-fontFamily-en01);
		font-size: 1.6em;
		margin-top: 5px;
		border-bottom: 1px solid rgba(var(--site-accentColorText),.3);
	}
	.entryMerit ol li .meritTtl em {
		color: rgba(var(--site-accentColorText),1);
		font-style: italic;
		font-size: 1.6em;
	}
	.entryMerit ol li .meritTxt {
		display: flex;
		align-items: center;
		font-size: 1.1em;
		text-align: center;
	}
	.entryMerit ol li .meritTxt em {
		position: relative;
		mix-blend-mode: difference;
		margin: 0 -0.3em 0;
	}




@media print, screen and (min-width: 736.02px) {
	.entryMerit ol {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px 30px;
	}
	.entryMerit ol li + li {
		margin-top: 0px;
	}
}
@media print, screen and (min-width: 1049.02px) {
	.entryMerit ol {
		grid-template-columns: repeat(3, 1fr);
	}
}







/* pt-contentsLink
-------------------------------------------------------------- */
	.pt-contentsLink {
		width: 90%;
		max-width: 1200px;
		margin: 80px auto;
	}
	.pt-contentsLink li + li {		
		margin-top: 5px;
	}
	.pt-contentsLink li a {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		overflow: hidden;
		
		color: rgba(var(--site-accentColorText),1);
		text-align: left;
		background: rgba(var(--site-accentColor), 1);
		align-items: center;
		padding: 50px 30px;
	}
	.pt-contentsLink li a::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		opacity: .3;
		width: 100%;
		height: 100%;
		background: url("../img/high/nav_p_02.jpg") center center / cover no-repeat;
		mix-blend-mode: screen;
		transition: scale 0.3s ease, opacity 0.3s ease;
	}
	.pt-contentsLink li a::before {
		content: "image photo";
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 0.7em;
		padding: 3px 5px;
	}
	.pt-contentsLink li a > * {
		display: block;
		width: 100%;
	}
	.pt-contentsLink li a strong {
		font-size: 1.4em;
	}
	.pt-contentsLink li a strong::after {
		content: "";
		display: block;
		width: 24px;
		height: 2px;
		background: rgba(var(--site-accentColorText), .8);
		margin: 1em 0 0.6em;
	}
	.pt-contentsLink li a span {
		font-size: 0.9em;
	}
	.pt-contentsLink li a .linkIco {
		position: absolute;
		bottom: 20px;
		right: 25px;
		display: block;
		content: "";
		width: 100px;
		height: 1px;
		background: rgba(var(--site-accentColorText), .5);
		transform-origin: right bottom;
		transition: right 0.3s ease;
	}
	.pt-contentsLink li a .linkIco::before {
		content: "more";
		position: absolute;
		bottom: 0px;
		left: 0;
		font-size: 0.8em;
	}
	.pt-contentsLink li a .linkIco::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		width: 15px;
		height: 1px;
		background: rgba(var(--site-accentColorText), .5);
		transform-origin: right bottom;
		transform: rotate(45deg);
	}

	@media (hover: hover) and (pointer: fine) {
		.pt-contentsLink li a:hover::after {
			scale: 1.1;
			opacity: .15;
		}
		.pt-contentsLink li a:hover .linkIco {			
			right: 18px;
		}
	}
	.pt-contentsLink li a:focus-visible::after {
		scale: 1.1;
		opacity: .15;
	}

@media print, screen and (min-width: 600.02px) {
	.pt-contentsLink ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.pt-contentsLink li + li {
		margin-top: 0px;
	}
	.pt-contentsLink a {
		aspect-ratio: 1 / 1;
	}
}
@media print, screen and (min-width: 1049.02px) {
	.pt-contentsLink ul {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* pt-tkConcept
-------------------------------------------------------------- */
	.pt-tkConcept .container {
		color: rgba(var(--site-accentColorText),1);
		background: rgba(var(--site-accentColor),1);
		padding-top: 3.2em;
		padding-bottom: 80px;
	}
	.pt-tkConcept .tkConceptCol {
		width: 90%;
		max-width: 1600px;
		margin: 0 auto;
	}
	.pt-tkConcept .tkConceptCol >  {
		padding-bottom: 3.2em;
	}
	.pt-tkConcept .tkConceptCol .txtBox {
		font-size: min(2.65vw, 1.4rem);
		letter-spacing: -0.01em;
		line-height: 2;
	}
	.pt-tkConcept .tkConceptCol > .txtUnit .ptHeading {
		margin-bottom: 1.2em;
	}

@media print, screen and (min-width: 1049.02px) {
	.pt-tkConcept {
		padding-top: 200px;
	}
	.pt-tkConcept .container {
		padding-top: 0px;
	}
	.pt-tkConcept .tkConceptCol {
		width: 100%;
		display: grid;
		grid-template-columns: min(46%, 770px) min(51%, 550px);
		column-gap: 2.8%;
	}
	.pt-tkConcept .tkConceptCol .picBox {
		grid-row: 1 / 2;
		position: relative;
		margin-top: max(-3vw , -150px);
	}
	.pt-tkConcept .tkConceptCol .picBox img {
		width: 100%;
		min-height: 480px;
		object-fit: cover;
	}
	.pt-tkConcept .tkConceptCol > .txtUnit {
		grid-column: 2 / -1;
		align-self: end;
		padding-bottom: 0;
	}
}
@media print, screen and (min-width: 1400.02px) {
	.pt-tkConcept .tkConceptCol {
		grid-template-columns: min(50%, 770px) min(46%, 550px);
		column-gap: 4%;
	}
}

/* tkConceptPoint */
	.tkConceptPoint {
		margin-top: 80px;
	}
	.pointHeading {
		display: flex;
		align-items: center;
		margin-bottom: 40px;
	}
	.pointHeading::before,
	.pointHeading::after {
		content: "";
		flex-grow: 1;
		display: block;
		height: 3px;
		border: 0px solid rgba(var(--site-accentColorText),.3);
		border-width: 1px 0;
	}
	.pointHeading > span {
		display: block;
		line-height: 1.4;
		letter-spacing: 0.1em;
		font-size: 1.4em;
		padding: 0 1.8em;
	}
	.pointHeading strong {
		font-size: 1.1em;
		font-family: var(--site-fontFamily-en01);
	}

	.tkConceptPoint ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		width: 82%;
		max-width: 1200px;
		margin: 0 auto;
	}
@media print, screen and (min-width: 600.02px) {
	.tkConceptPoint ul {
		grid-template-columns: repeat(4, 1fr);
		gap: 40px;
	}
}


/* ●● kodateP ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */

	.tkKodatePoint {
		color: rgba(var(--site-accentColorText), 1);
		background: rgba(var(--site-accentColor), 1);
		margin-top: 5em;
		padding: 3em 0 4em;
	}

	.tkKodatePoint .bukkenMovieWrap {
		width: 100%;
		text-align: center;
		margin-bottom: 2em;
		padding-bottom: 3em;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
	}
	.bukkenmoviebox .titleBox {
		text-align: center;
		margin-bottom: 0.8em;
	}
	.tkKodatePoint .bukkenMovieWrap iframe {
		max-width: 1000px;
		width: 82% !important;
		height: auto !important;
		aspect-ratio: 640 / 360;
		margin: 0 auto;
	}
@media print, screen and (min-width: 840.02px) {
	.tkKodatePoint {
		margin-top: 8em;
		padding: 5em 0 6em;
	}

	.tkKodatePoint .bukkenMovieWrap {
		margin-bottom: 3em;
		padding-bottom: 4em;
	}
}
	.tkKodatePoint .pointHeading {
		text-align: center;
	}
	.tkKodatePoint .pointHeading > span {
		font-size: 1.2em;
		line-height: 2;
	}

	.tkKodatePoint ul {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
		width: 82%;
		max-width: 1200px;
		margin: 0 auto;
	}
	.tkKodatePoint ul li a {
		position: relative;
		display: block;
		color: rgba(var(--site-accentColor), 1);
		padding: 1em 1.5em;
		background: #FFF;
	}
	.tkKodatePoint ul li a:before {
		content: "image photo";
		position: absolute;
		z-index: 2;
		bottom: 0;
		right: 0;
		font-size: 0.6em;
		display: block;
		padding: 0px 1px 0 5px;
		color: #FFF;
		background: rgba(0, 0, 0 ,.6);
	}
	.tkKodatePoint ul li a:after {
		z-index: 0;
		opacity: .7;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: right top / auto 100% no-repeat;
	}
	.tkKodatePoint ul li:nth-of-type(1) a:after {		background-image: url("../img/high/kodate_point_01.png");	}
	.tkKodatePoint ul li:nth-of-type(2) a:after {		background-image: url("../img/high/kodate_point_02.png");	}
	.tkKodatePoint ul li:nth-of-type(3) a:after {		background-image: url("../img/high/kodate_point_03.png");	}
	.tkKodatePoint ul li:nth-of-type(4) a:after {		background-image: url("../img/high/kodate_point_04.png");	}

	.tkKodatePoint ul li a > * {
		position: relative;
		z-index: 10;
	}
	.tkKodatePoint ul li a i {
		position: relative;
		margin-left: -1.5em;
		display: inline-block;
		color: rgba(var(--site-accentColorText), 1);
		font-family: var(--site-fontFamily-en02);
		background: rgba(var(--site-accentColor), 1);
		padding: 0 0.5em;
	}
	.tkKodatePoint ul li a .txtBox {
		display: flex;
		align-items: center;
		text-shadow: 0 0 5px rgba(255, 255, 255, 1);
		margin-top: 0.3em;
	}

@media print, screen and (min-width: 840.02px) {
	.tkKodatePoint ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
	}
}
	.tkKodatePoint a .linkIco {
		position: relative;
		display: block;
		content: "";
		width: 100px;
		height: 1px;
		background: rgba(var(--site-accentColor), .5);
		margin-top: 1.3em;
		transform-origin: right bottom;
		transition: transform 0.3s ease;
	}
	.tkKodatePoint a .linkIco::before {
		content: "more";
		position: absolute;
		bottom: 0px;
		left: 0;
		font-size: 0.8em;
	}
	.tkKodatePoint .linkIco::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		width: 15px;
		height: 1px;
		background: rgba(var(--site-accentColor), .5);
		transform-origin: right bottom;
		transform: rotate(45deg);
	}

	@media (hover: hover) and (pointer: fine) {
		.tkKodatePoint li a:hover .linkIco {
			transform: translateX(10px);
		}
	}


/* ●● locationP ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */

/* ------------------------------------------------------------------------
	pt-lifeinfo
------------------------------------------------------------------------ */
	
/* lifeinfoWrap
---------------------------------------------------- */
/* lifeinfoPhBox
--------------------------------- */
	.lifeinfoPhBoxWrap {overflow: hidden;padding-bottom: 0;}
	.lifeinfoPhBox {display: flex;flex-wrap: wrap;/*justify-content: space-between;*/margin: -1em 0 0 -2%; /* 相殺 */}
	.lifeinfoPhBox .phUnit {flex: 0 48%;margin-top: 1em; margin-left: 2%;}
	.lifeinfoPhBox .picBox {display: block;position: relative;}
	.lifeinfoPhBox .txtBox {display: block;color: rgba(var(--site-accentColor),1);font-family: 'Noto Serif JP', '游明朝', 'Yu Mincho', serif;font-size: 0.872em;text-align: left;padding: 0.5em 0;}
	.lifeinfoPhBox .txtBox .name {display: block;line-height: 1.3;}
	.lifeinfoPhBox .txtBox .dist {display: block;color: rgba(var(--site-accentColor),.7);line-height: 1.4;font-size: 0.775em;margin: 0.5em 0 0;}
	.lifeinfoPhBox .txtBox .kana {letter-spacing: -0.05em;margin-right: 0.04em;}
	.lifeinfoListBox .spec .yori {font-size: 0.8em;}
@media print, screen and (min-width: 800px) { /*{MinorBreakpoint} 適宜調整可 */
	.lifeinfoPhBox {margin-left: -1.5%; /* 相殺 */}
	.lifeinfoPhBox .phUnit {flex: 0 23.5%; margin-left: 1.5%;}
}
@media print, screen and (min-width: 1050px) { /*{overPC}*/
	.lifeinfoPhBox {margin-left: -2.5%; /* 相殺 */}
	.lifeinfoPhBox .txtBox {font-size: 1.05em;padding: 0.65em 0;}
	.lifeinfoPhBox .phUnit {flex: 0 22.5%; margin-left: 2.5%;}
}

/* lifeinfoListBox
--------------------------------- */

	.lifeinfoListBox {display: block;padding-top: 1em;margin-top: -2.25em; /* 相殺 */}
	.lifeinfoListBox dl {width: 100%;margin: 2.25em 0 0;}
	.lifeinfoListBox dt {line-height: 1;color: rgba(var(--site-accentColor),1);font-family: 'Noto Serif JP', '游明朝', 'Yu Mincho', serif;font-size: 1.125em;text-align: left;margin-bottom: 0.15em;padding: 0.75em 0;border-bottom: 2px solid rgba(var(--site-accentColor),1);}
	.lifeinfoListBox dd {display: flex;flex-wrap: wrap;justify-content: space-between;/*align-items: flex-start;*/align-items: center;width: 100%;position: relative;line-height: 1.3;/*color: #fff;*/font-size: 0.9em;letter-spacing: normal;padding: 0.5em 0.1em 0.5em 12px;border-bottom: 1px solid #b2b2b2;}
	.lifeinfoListBox dd::before {content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: auto;width: 0;height: calc(100% - (0.5em * 2) - 0.1em);margin: auto;border-left: 4px solid rgba(var(--site-accentColor),1);}
	.lifeinfoListBox .name {flex: 1 auto;padding-right: 0.5em;}
	.lifeinfoListBox .spec {flex: 1 auto;display: flex;/*justify-content: space-between;*/justify-content: flex-end;align-items: center /*flex-start*/;text-align: right;letter-spacing: 0.03em;padding-left: 0.5em;}
	.lifeinfoListBox .spec .time,
	.lifeinfoListBox .spec .dist {display: flex;/*justify-content: space-between;*/}
	.lifeinfoListBox .spec .separate {text-align: center;}
@media print, screen and (min-width: 600px) { /*{overTB}*/
	.lifeinfoListBox dd {padding-top: 0.8em;padding-bottom: 0.8em;}
	.lifeinfoListBox dd::before {height: calc(100% - (0.8em * 2) - 0.1em);}
}
/* 2カラム */
@media print, screen and (min-width: 800px) { /*{(overTBl)}*/
	.lifeinfoListBox {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 3.33%;
		margin-top: -2.5em; /* 相殺 */
	}
	.lifeinfoListBox dl {margin: 2.5em 0 0;}
	
}
@media print, screen and (min-width: 1050px) { /*{overPC}*/
	.lifeinfoListBox dd {font-size: 0.9em;}
}
/* オプション：距離分数を二段組にする */
@media screen and (max-width: 1049px) { /*{MinorBreakpoint} 複数指定 */
	.lifeinfoListBox dd {position: relative;}
	.lifeinfoListBox dd::after {content: "";display: block;position: absolute;top: 0;bottom: 0;right: 6.5em;width: 0;height: calc(100% - 1em);margin: auto;border-right: 1px dashed #aaa;}
	.lifeinfoListBox .name {width: calc(100% - 6.5em);padding-right: 0.75em;}
	.lifeinfoListBox .spec {flex-wrap: wrap;justify-content: flex-start;width: 6.5em;text-align: left;padding-left: 0.75em;}
	.lifeinfoListBox .spec .dist,
	.lifeinfoListBox .spec .time {width: 5.5em;margin: 0.03em 0;}
	.lifeinfoListBox .spec .time {color: #8e7139;}
	.lifeinfoListBox .spec .separate {display: none;}
}

/* ●● roomplanP ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */



/* freeWallBox ----------------------------*/
	.freeWallBox{
		padding: 2em;
		margin-top: 4em;
		background: rgba(var(--site-themeColor), .22);
	}

	.freeWallBox .picbox {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 1.5em;
	}

	.freeWallBox .picbox .txtBox {
		letter-spacing: 0;
		margin-bottom: 0;
	}
@media print, screen and (min-width: 600.02px) {
	.freeWallBox .picbox {
		display: grid;
		grid-template-columns: 52% 1fr;
		grid-template-rows: auto auto;
		grid-gap: 1.5em 20px;
	}
	.freeWallBox .picbox .pic01 {
		grid-column: 1 / 3;
	}
	.freeWallBox .picbox .pic02 {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}
	.freeWallBox .picbox .txtBox {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
}
@media print, screen and (min-width: 800.02px) {
	.freeWallBox .picbox {
		grid-template-columns: 1fr 59%;
		grid-gap: 1.5em 30px;
	}
	.freeWallBox .picbox .pic01 {
		grid-column: 2 / 3;
		grid-row: 1 / 3;
	}
	.freeWallBox .picbox .pic01 img {
		max-width: none;
		width: 100%;
	}
	.freeWallBox .picbox .pic02 {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
	.freeWallBox .picbox .txtBox {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}
}


/* masterSuite */
	.pt-master {
		color: rgba(var(--site-accentColorText),1);
		background: rgba(var(--site-accentColor),1);
		margin-top: 0 !important;
		padding: 3em 0 0em;
	}
	.pt-master .txtUnit {
		text-align: center;
	}
	.pt-master .ptHeading {
		color: #bba68c;
	}
	.pt-master .logoUnit {
		display: block;
		padding-left: calc(60 / 610 * 100%);
	}
	.pt-master .heading {
		display: block;
		text-align: center;
		font-size: 1.4em;
		margin-top: 1em;
	}
	.pt-master .txtBox {
		text-align: center !important;
	}
	.pt-master dl {
		background: #685f53;
		padding-top: 0.5em;
	}
	.pt-master dt {
		color: #bba68c;
		font-size: 1.4em;
	}
	.pt-master dl div {
		padding: 0 1em 1em;
	}
	.pt-master dd {
		padding: 0.2em 0.5em;
		border: 1px solid rgba(255, 255, 255, .5);
		border-radius: 5px;
	}
	.pt-master dd + dd {
		margin-top: 0.5em;
	}

	.pt-master .masterSuiteCol > .imgcapParent {
		display: flex;
		justify-content: center;
		align-items: center;
		background: #FFF;
	}

@media print, screen and (min-width: 840.02px) {
	.pt-master {
		padding-bottom: 7em;
	}
	.pt-master .masterSuiteCol {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 60px;
	}
	.pt-master .masterSuiteCol > .imgcapParent {
		display: flex;
		align-items: center;
		background: #FFF;
	}
}






/* label */
	.labelWrap {
		text-align: center;
		background: rgba(var(--site-themeColor),.15);
		margin-top: 0 !important;
		padding: 3em 0;
	}
	.labelWrap small {
		display: block;
		margin-top: 0.5em;
	}

@media screen and (max-width: 736px) {
	.labelWrap small {
		text-align: left;
	}
}




/* equPhWrap
---------------------------------------------------- */
	.equPhWrap {}
	.boshUnit {
		margin-top: 5em;
		background: rgba(255, 255, 255, .6);
		border: 1px solid rgba(0, 0, 0, .15);
	}
	.boshUnit dl {
		padding: 30px 60px;
	}
	.boshUnit  .name {
		line-height: 1.35;
		color: rgba(var(--site-accentColor),1);
		font-family: 'Noto Serif JP', '游明朝', 'Yu Mincho', serif;
		font-size: 1.125em;
		text-align: left;
		padding: 0 0 1.5em;
	}
	.boshUnit  .name em {
		display: inline-block;
		color: #FFF;
		font-size: 0.9em;
		background-color: rgba(var(--site-accentColor),1);
		margin: 0.3em 0;
		padding: 0 0.8em;
	}
	.boshUnit .txt {
		font-size: 0.875em;
	}
	.boshUnit .pic img {
		width: 100%;
		max-width: none;
	}
@media print, screen and (min-width: 920.02px) { /*{(overTBl)}*/
	.boshUnit {
		display: grid;
		grid-template-columns: 1fr 55%;
		align-items: center;
	}
	.boshUnit .pic {
		position: relative;
	}
	.boshUnit .txt {
	}
}

	.equPhBox {}
	.equPhBox dl {
	}
	.equPhBox .phUnit {
		display: flex;
		flex-wrap: wrap;
	}
	.equPhBox .phUnit + .phUnit {
		margin-top: 2em;
	}
	.equPhBox .phUnit > * {
		flex: 1 100%;
	}
	.equPhBox .phUnit .name {
		line-height: 1.35;
		color: rgba(var(--site-accentColor),1);
		font-family: 'Noto Serif JP', '游明朝', 'Yu Mincho', serif;
		font-size: 1.125em;
		text-align: left;
		padding: 0.75em 0;
	}
	.equPhBox .phUnit .pic {
		order: -1;
		position: relative;
	}
	.equPhBox .phUnit .txt {
		font-size: 0.875em;
	}
@media print, screen and (min-width: 450px) { /*{MinorBreakpoint}*/
	.equPhBox dl {
	}
	.equPhBox .phUnit {
	}
}
@media print, screen and (min-width: 600.02px) {
	.equPhBox dl {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 30px;
	}
	.equPhBox .phUnit {
		align-self: start;
	}
	.equPhBox .phUnit + .phUnit {
		margin-top: 0em;
	}
}
@media print, screen and (min-width: 1050px) { /*{overPC}*/
	.equPhBox dl {
		grid-template-columns: repeat(3, 1fr);
	}
	.equPhBox .phUnit {
	}
}






/* js_swipeMe
---------------------------------------------------------------------------
- スワイプを促すアイコンを表示させる。
---------------------------------------------------------------------------
- (JS)		setting.jsの「js_swipeMe」と連携
- (HTML)	スクロールしたい要素の親に「(div).js_swipeMe」を指定する。「.js_swipeMe[data-js_swipeme-maxwidth="000"]」でメディアクエリの値も設定可能（000＝単位なし数値）
- (CSS)		[data-js_swipeme-maxwidth]を設定しない場合は、各ページCSS内の必要なタイミングで設定する（下記参考に。メディアクエリは自由）
---------------------------------------------------------------------------
div.xxx>div.js_swipeMe[data-js_swipeme-maxwidth="000"](>div.yyyPicBox>img)+small.bltr.mt05em
---------------------------------------------------------------------------
// -------------
	スワイプ
-------------- //
@media screen and (max-width: 736px) {
	.xxx .js_swipeMeIcon,
	.xxx .js_swipeMeInnerBoxOverlay { display: block;}
	.xxx .js_swipeMeInnerBox { overflow-x: scroll;}
	.xxx .js_swipeMeInnerBox img {max-width: none; padding: 7px;}
	.xxx .js_swipeMeInnerBoxOverlay,
	.xxx .js_swipeMeInnerBox img {width: 160%;}
}
@media screen and (max-width: 480px) {
	.xxx .js_swipeMeInnerBoxOverlay,
	.xxx .js_swipeMeInnerBox img { width: 180%;}
}
------------------------------------------------------------------------ */
	.js_swipeMe {
		position: relative;
		z-index: 0;
	}
	.js_swipeMeIcon { /* ※各ページCSS内のタイミングで block にする */
		display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;
		width: 60px;
		height: 60px;
		margin: auto;
		background: url("../img/high/ico_swipe.svg") 50% center / contain no-repeat;
		animation: 1.1s ease-in-out .2s infinite alternate both js_swipeMeIcon_motion;
	}
	.js_swipeMeInnerBox {
		display: block;
		position: relative;
		width: 100%;
		-webkit-overflow-scrolling: touch;
	}
	.js_swipeMeInnerBoxOverlay { /* ※各ページCSS内のタイミングで block にする */
		display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
		background: rgba(0, 0, 0, .35);
	}
	/* [data-js_swipeme-maxwidth]でメディアクエリを設定した場合の初期値 */
	.js_swipeMe_active .js_swipeMeIcon,
	.js_swipeMe_active .js_swipeMeInnerBoxOverlay { display: block;}
	.js_swipeMe_active .js_swipeMeInnerBox { overflow-x: scroll;}
	.js_swipeMe_active .js_swipeMeInnerBox img {max-width: none;}
	.js_swipeMe_active .js_swipeMeInnerBoxOverlay,
	.js_swipeMe_active .js_swipeMeInnerBox img {width: 160%;}
/* =================================
	@KEYFRAMES
================================= */
@keyframes js_swipeMeIcon_motion {
	0% {	transform: translateX(-20px);}
	100% {	transform: translateX(20px);}
}



/* ***************************************************************************************************
	printOnly
*************************************************************************************************** */
.printonly {
	display:none;
}
@media print { /*{printOnly}*/
	.screenonly,
	.tkConceptWrap,
	.btnBox, .originalBtn {
		display:none;
	}
	
	/* BASE */
	#siteWrap {
		width: 100%;
		/*min-width: calc(1320px + 2px);*/		/* = メディアクエリ最大値 + 微調整 */
		min-width: 1050px; 						/* chrome[倍率:規定] 優先の場合はこちら */
		padding-top: 0 !important;
	}
	
	/* HEADER */
	.tk_headerWrap,
	.tk_header {
		height: 120px !important;		/* {B} 固定値 */
	}
	.tk_headerWrap {
		position: static !important;
		animation: none;
	}
	.tk_header {
		max-width: none !important;
	}
	.tk_gNav,
	.tk_hNavWrap {
		display: none;
	}
	
	
	/*  */
	.pt-contentsLink li a {
		border: 1px solid #000;
		color: #000;
	}
	.pt-tkConcept {
		padding-top: 0px;
	}
	.pt-tkConcept .container {
		color: #000;
	}
	
	.bukkenCaptionWrap {
		margin-top: 50px;
	}
}