body {
	}
	.tkKodatePoint ul li:nth-of-type(2) a:before {		content: "リビング・ダイニング・キッチン（ST2）"	}
	.tkKodatePoint ul li:nth-of-type(2) a:after {		background-image: url(../img/kodate/kodate_point_02.png);	}


	.tkKodateCol {
		max-width: 1260px;
		width: 90%;
		margin: 3em auto 0;
	}
	.tkKodateCol .txtBox {
		font-size: 0.96em;
		line-height: 1.8;
		letter-spacing: -0.03em;
		margin: 0 0 3em;
	}
	.tkKodateCol .txtBox p + p {
	}
	
@media print, screen and (min-width: 1050px) {
	.tkKodateCol {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		align-items: center;
		column-gap: 60px;
		margin-top: 8em;
	}
	.tkKodateCol > .txtUnit {
		order: 2;
	}
	.tkKodateCol .txtBox {
		margin-bottom: 0;
	}
}




/*
modal
/////////////////////////////////////////////////////////////////////*/

	.vbox-inline.vbox-child {
		color: #FFF !important;
		background: rgba(var(--site-accentColor),1) !important;
	}

	.modalWrap {
	}
	.modalWrap .modalCont {
		color: #000;
		background: #FFF;
		border-radius: 10px;
		overflow: hidden;
		margin: 2em 30px 30px;
		padding: 30px;
	}

	.modalWrap .mTtl {
		text-align: center;
		font-size: 1.4em;
		margin-top: 50px;
		padding: 0 1.2em;
	}
	.modalWrap .mTtl::after {
		content: "";
		display: block;
		width: 50px;
		height: 2px;
		margin: 1.2em auto 0.8em;
		background: #FFF;
	}
	.modalWrap .modalphCol .txtUnit {
		padding: 1.2em 0;
	}
	.modalWrap .modalphCol .txtUnit p {
		padding: 0.8em 0.8em 0.3em;
	}
	.modalWrap .modalphCol .txtUnit p strong {
		display: block;
		font-size: 1.2em;
	}
	.modalWrap .modalphCol p em {
		color: #fab594;
	}

	.modalWrap .txtBox {
		letter-spacing: 0;
	}
	.modalWrap .marker {
		background:  linear-gradient(to bottom, transparent 70%, #fbe9bd 70%);
	}

@media screen and (max-width: 800px) {
	.modalWrap .modalphCol[data-modalCol="col2"] {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto auto;
		grid-gap: 15px;
	}
	.modalWrap .modalphCol[data-modalCol="col2"] .picBox:nth-of-type(2) {	order: 1;}
	.modalWrap .modalphCol[data-modalCol="col2"] .picBox:nth-of-type(4) {	order: 4;}
	.modalWrap .modalphCol[data-modalCol="col2"] .txtBox {  align-self: center;}
	.modalWrap .modalphCol[data-modalCol="col2"] .txtBox:nth-of-type(1) {	order: 2;}
	.modalWrap .modalphCol[data-modalCol="col2"] .txtBox:nth-of-type(3) {	order: 3; text-align: right;}
}
@media print, screen and (min-width: 800.02px) {
	.modalWrap .txtBox {
		font-size: 1.2em;
	}

	
	.modalWrap .modalphCol {
		display: grid;
		grid-gap: 30px;
	}
	.modalWrap .modalphCol > .txtUnit,
	.modalWrap .modalphCol > .txtBox {
		align-self: center;
	}
	.modalWrap .modalphCol .txtUnit p strong {
		padding-bottom: 0.3em;
		border-bottom: 1px solid rgba(255, 255, 255, .8);
	}
	.modalWrap .modalphCol[data-modalCol="phRight"] {	grid-template-columns: 1fr 65%;	}
	.modalWrap .modalphCol[data-modalCol="phLeft"] {	grid-template-columns: 65% 1fr;	}
	.modalWrap .modalphCol[data-modalCol="phLeft"] .txtUnit,
	.modalWrap .modalphCol[data-modalCol="phLeft"] .txtBox {	order: 3;	}

	.modalWrap .modalphCol[data-modalCol="col2"] {	grid-template-columns: 30% 1fr 30%;	grid-template-rows: auto auto;	}
		.modalWrap .modalphCol[data-modalCol="col2"] .picBox{ grid-row: 1 / 3;}
		.modalWrap .modalphCol[data-modalCol="col2"] .picBox:nth-of-type(2){	order: -1;}
		.modalWrap .modalphCol[data-modalCol="col2"] .picBox:nth-of-type(4){	order: 3;}
		.modalWrap .modalphCol[data-modalCol="col2"] .txtBox:nth-of-type(1) {	order: 2; grid-row: 1 / 2; grid-column: 2 / 3;}
		.modalWrap .modalphCol[data-modalCol="col2"] .txtBox:nth-of-type(3) {	order: 4; grid-row: 2 / 3; grid-column: 2 / 3; text-align: right;}

	.modalWrap .modalphCol[data-modalCol="col-T"] {	grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr auto;	}
		.modalWrap .modalphCol[data-modalCol="col-T"] .txtUnit {	order: 3;	grid-column: 1 / 3;	}
		.modalWrap .modalphCol[data-modalCol="col-T"] .txtUnit p { text-align: center;}
	.modalWrap .modalphCol[data-modalCol="col-to"] {	grid-template-columns: repeat(2, 1fr); grid-template-rows: auto 1fr;	}
		.modalWrap .modalphCol[data-modalCol="col-to"] .picBox:nth-of-type(1) {	grid-column: 1 / 2; grid-row: 1 / 3;	}
		.modalWrap .modalphCol[data-modalCol="col-to"] .txtUnit {	order: 4;	grid-column: 2 / 3; grid-row: 2 / 3;}
}
@media screen and (min-width: 800.02px) and (max-width: 1260px) {
	.modalWrap .modalphCol .txtUnit {
		padding: 0em 0;
	}
	.modalWrap .modalphCol p {
		font-size: 1.4vw;
	}
}


/*modal 01---------------------------------*/
	.modal01-01 .tkArea {
		display: block;
		width: 80%;
		max-width: 500px;
		color: #FFF;
		text-align: center;
		font-size: 1.0em;
		background: #d69603;
		margin: 0 auto;
		padding: 1.5em 2em;
	}
	.modal01-01 .modalCont .txtUnit {
		align-self: center;
		padding: 0 1em 30px;
	}
	.modal01-01 .tkArea span {
		display: block;
		font-size: 1.2em;
	}
	.modal01-01 .modalCont {
		padding: 30px 0 0 0 ;
	}
@media print, screen and (min-width: 800.02px) {
	.modal01-01 .modalCont {
		display: grid;
		grid-template-columns: 1fr 40%;
		padding: 0 0 0 50px;
	}
	.modal01-01 .modalCont > .txtUnit {
		align-self: center;
	}
	.modal01-01 .txtBox {
    }
	.modal01-01 .tkArea {
		font-size: 1.2em;
	}
	.modal01-01 .tkArea span {
		display: inline-block;
	}

}

	.modal01-02 {
		--sacredColor : #9b322e;
	}
	.modal01-02 .sacred {
		border-bottom: 2px;
	}
	.modal01-02 .sacred dt {
		color: #FFF;
		min-width: 11em;
		text-align: center;
		background: var(--sacredColor);
		padding: 0.3em 0.5em;
	}
	.modal01-02 .sacred dt .smlTxt {
		font-size: 0.8em;
	}
	.modal01-02 .sacred dd {
		padding: 0.3em 0.5em;
	}

	.modalEquCol {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 30px;
		margin-top: 20px;
	}
	.modalEquCol .modalEquUnit {
		display: grid;
		grid-template-columns: 1fr;
	}
	.modalEquCol dt {
		color: var(--sacredColor);
		margin: 0.5em 0 0.3em;
	}
	.modalEquCol dt::before {
		display: inline-block;
		content: "■";
		margin-right: 0.2em;
	}
	.modalEquCol .picBox {
		order: -1;
	}

@media print, screen and (min-width: 800.02px) {
	.modal01-02 .sacred {
		display: flex;
		align-items: center;
		border-bottom: 2px solid var(--sacredColor);
	}
	.modalEquCol {
		grid-template-columns: repeat(3, 1fr);
	}
}

/*modal 02---------------------------------*/
	.modal02-01 .picUnit {
		position: relative;
	}
	.modal02-01 .picUnit .picTtl {
		position: absolute;
		z-index: 10;
		top: 1.5em;
		left: 0;
		max-width: 80%;
		color: #000;
		font-size: 1.2em;
		background: rgba(255, 255, 255, .8);
		padding: 0 1.8em;
	}

@media print, screen and (min-width: 800.02px) {
	.modal02-01 .picUnit .picTtl {
		font-size: 1.5em;
	}
}


/*modal 03---------------------------------*/
.modal03-02 .samplePh {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
}
@media screen and (max-width: 800px) {
	.modal03-02 .picBox {
		margin-top: 15px;
	}
	.modal03-02 .samplePh .picBox {
		margin-top: 0px;
	}
	.modal03-03 .picBox:nth-of-type(2) {
		margin-top: 15px;
	}
}
@media screen and (min-width: 800.02px) {
	.modalWrap.modal03-02 .modalphCol .txtUnit p strong {
		border-bottom: 0px;
		margin-bottom: 30px;
		padding-bottom: 0;
	}
}


/*modal 04---------------------------------*/
	.introductionWrap {
		padding: 0 1.2em 30px;
	}
	.introductionCol {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 10px;
	}
	.introductionCol .ttl,
	.introductionCol .menuTtl {
		display: block;
		text-align: center;
		font-size: 1.4em;
		background: rgba(0, 0, 0, .5);
		padding: 0.2em 0.5em;
	}
	dd.introductionTxt {
		color: rgba(var(--site-accentColor),1);
		background: rgba(255, 255, 255, 1);
		padding: .8em 1.2em;
	}
	span.introductionTxt {
		display: block;
		text-align: center;
		margin: 0.2em;
	}
@media print, screen and (min-width: 800.02px) {
	.introductionWrap {
		padding: 0 50px 50px;
	}
	.introductionCol {
		grid-template-columns: 1fr auto;
		grid-gap: 20px 40px;
	}	
}


	.modal04-01 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 10px;
	}



	.modal04-04 .caseListBox {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 10px;
	}
	.modal04-04 .casebody .ttl {
		display: block;
		text-align: center;
		background: rgba(var(--site-themeColor),.3);
		margin-bottom: 2px;
	}
	.modal04-04 .casecont {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

@media print, screen and (min-width: 800.02px) {
	.modal04-04 .caseListBox {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px 40px;
	}
}





/* ***************************************************************************************************
	printOnly
*************************************************************************************************** */
@media print { /*{printOnly}*/
	.bukkenMovieWrap {
		display: none;
	}
	.tkKodatePoint ul li a {
		color: #000;
		border: 1px solid #000;
	}
	.tkKodatePoint ul li a {
		color: #000;
		border: 1px solid #000;
	}
	.tkKodatePoint ul li a::before {
		display: none;
	}
}