@charset "utf-8";

/* ***************************************************************************************************
	BASE
*************************************************************************************************** */
	.pageTheme {
		position: relative;
		z-index: 0;
		overflow: hidden;
		padding: 40px 0;
	}
	.pageTheme::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: auto;
		left: 0;
		right: 0;
		z-index: -1;
		line-height: 1.15;
		font-family: 'Great Vibes', serif;
		font-size: 22vw;
		text-align: center;
		letter-spacing: 0;
		margin: auto;
	}
	.pt-outline::before {
		content: "Outline";
		color: rgba(237,220,187,0.14);
	}
@media print, screen and (min-width: 340px) { /*{overSPl}*/
	.pageTheme::before {
		font-size: 160px;
	}
}
@media print, screen and (min-width: 600px) { /*{overTB}*/
	.pageTheme::before {
		font-size: 230px;
	}
}

/* ------------------------------------------------------------------------
	pt-outline
------------------------------------------------------------------------ */
	.pt-outline {
		background: #fcf7ee !important;
		padding:50px 0 ;
	}
	/* ptTitle
	---------------------------------------------------- */
	.ptTitle {
		display: block;
		line-height: 1.4;
		font-family: 'Noto Serif JP', '游明朝', 'Yu Mincho', serif;
		font-size: 1.625em;
		text-align: center;
		letter-spacing: 0.15em;
	}
	.ptTitle .ttl {
		display: inline-block;
		padding: 0 0.05em 0.25em;
		border-bottom: 2px solid #000;
	}

/* outlineBox
---------------------------------------------------- */
	.outlineBox {
		padding: 30px;
	}
@media print, screen and (min-width: 1050px) { /*{overPC}*/
	.outlineBox {
		padding: 50px 100px;
	}
}
@media screen and (max-width: 599px) { /*{belowSP}*/
	.outlineBox {
		padding: 10px;
	}
}


/* outlineDetail
---------------------------------------------------- */
	.outlineDetail {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;

		border-top: 1px solid #ece7de;
	}
	.outlineDetail > dt,
	.outlineDetail > dd {
		font-weight: 300;	
		padding: 0.7em 2% 0.5em;
		border-bottom: 1px solid #ece7de;
	}
	.outlineDetail > dt {
		width: max(22.222% , 190px);
		color: #59503d;
		text-align:left;
		background: #f7f5f1;
	}
	.outlineDetail > dd {
		width: calc(100% - max(22.222% , 190px));
	}
	.outlineDetail > dd.url {
		word-break: break-all;
	}
	.outlineDetail small {
		color: inherit;
	}
	.outlineDetail > dd .url a {
	  /*border-bottom: 1px solid #000;*/
		color: #fff;
		background: #9a7d44;
		padding: 0.3em 1em;
		display: inline-block;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
	.outlineDetail > dd .url a:hover {
	 /* color: #0b5a7d;
	  border-bottom: none;*/
		opacity: .8;
	}
@media screen and (max-width: 599px) { /*{belowSP}*/
	.outlineDetail {
		border-top: 0px;
		font-size: 4vw;
	}
	.outlineDetail > dt,
	.outlineDetail > dd {
		width: 100%;
		text-align: left;
		border-bottom: none;
	}
	.outlineDetail > dd {
		padding: 0.8em 0.2em 1.5em;
	}
}


/* 休業告知 | 概要内のお問い合わせ欄
--------------------------------- */
	#js_outlineHolidayAnnounce .holiday {
		display: block;
		line-height: 1.6;
		color: darkred;
		font-size: max(1rem, .75em);
		padding: .5em 0;
	}


/* logoWrap
--------------------------------- */
	.logoWrap {
		width: 100%;
		max-width:800px;
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
		margin-left:auto;
		margin-right:auto;
	}
	
	.logoWrap p {
		width: 48%;
		text-align: center;
		margin: 2.5em auto 0;
	}
	/*.urinusiLogo{
		width: 45%;
		text-align: center;
		margin: 2.5em auto 0;
	}*/
@media screen and (max-width: 599px) { /*{belowSP}*/
	.logoWrap p {
		width: 100%;
		margin: 1em auto 0;
	}
}


/* tkConceptUnit_portalBn
--------------------------------- */
	.tkConceptUnit_portalBn .container {
		background: transparent !important;
	}
	.tkConceptUnit_portalBn .bnBox {
		/*padding: 0 !important;*/
	}
	.tkConceptUnit_portalBn .bn {
		display: block;
		width: 90%;
		max-width: 1000px;
		background: rgba(8,187,238, .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 {
		margin-top: 20px;
	}
}