body {
	margin: 0 0 0 0;
	background-color: #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: black;
	box-sizing: border-box;
}
/* 
td table {
	border: solid 1px #000;
}
 */
 
.social {
	opacity: .6;
}
.social:hover {
	opacity: 1;
}

img {
	border-width: 0;
	outline-style: none;
}
.bgr {
	font-size: 18px;
}
a {
	color: black;
	outline: none;
	text-decoration: none;
}
a:hover {
	color: gray;
}
*:focus {
	outline: none;
}
textarea {
	resize: none;
}
table {
	border-collapse: collapse;
}

@media screen and (min-width: 770px) {

	.wrapper {
		display: block;
		width: 70%;
		max-width: 1300px;
		font-family: 'Work Sans', sans-serif;
		margin: 48px auto;
		text-align: center;
		color: #322;
	}
	.wrapper_phn {
		display: none;
	}
	.titl {
		text-align: left;
		font-size: 36px;
		letter-spacing: .2em;
		vertical-align: top;
		height: 60px;
		white-space: nowrap;
	}
	.sub_titl {
		font-family: 'Work Sans', sans-serif;
		font-size: 28px;
		letter-spacing: .2em;
		white-space: nowrap;
		color: #322;
		text-align: left;
		padding: 24px 0;
	}

	.bigart {
		text-align: right;
		padding: 12px 0 0 24px;
	}
	.coverart {
		width: 55vw;
		max-width: 864px;
		height: auto;
/* 
		max-height: calc(100vh - 72px);
 */
	}

	.menu {
		font-size: 20px;
		color: #766;
		line-height: 3.8em;
		text-align: left;
		letter-spacing: .1em;
		vertical-align: top;
		white-space: nowrap;
		width: 180px;
		height: 200px;
		text-align: left;
		
	}

	.menitm {
		position: absolute;
		font-size: 20px;
		color: #000;
		line-height: 3.6em;
		left: 0px;
		letter-spacing: .1em;
		vertical-align: absmiddle;
		white-space: nowrap;
		width: fit-content;
		height: fit-content;
	}

	.menitm_sml {
		position: absolute;
		font-size: 18px;
		color: #000;
		letter-spacing: .1em;
		vertical-align: absmiddle;
		width: fit-content;
		height: fit-content;
	}

	.vert {
		height: calc(100vh - 260px);
		max-height: 800px;
		min-height: 240px;
		width: auto;
	}
	.horz {
		width: calc(100vw - 580px);
		max-width: 960px;
		min-width: 360px;
		height: auto;
	}
	.squar {
		height: calc(100vh - 260px);
		max-height: 600px;
		min-height: 240px;
		width: auto;
	}
	.credit_ttl {
		font-family: "EB Garamond", "Times New Roman", serif;
		font-size: 18px;
		text-align: right;
		color: #322;
		font-weight: bold;
		letter-spacing: .05em;
		line-height: 1.7em;
	}

	.credit_sub {
		font-family: "EB Garamond", "Times New Roman", serif;
		font-size: 14px;
		text-align: right;
		color: #a99;
		font-weight: regular;
		font-style: italic;
		letter-spacing: .05em;
	}


	.container {
		scrollbar-width: none;
		position: relative;
		height: 108px;
		max-height: 108px;
		width: 1300px;
		max-width: 1300px;
		overflow-x: scroll;
		overflow-y: hidden;
	}

	.nlarg {
		margin-top: 36px;
		width: 25px;
		height: 25px;
		opacity: .3;
	}

	.nlarg:hover {
		opacity: .5;
	}

	.bio {
		font-family: "EB Garamond", "Times New Roman", serif;
		padding-top: 96px;
		font-size: 18px;
		text-align: left;
		color: #766;
		letter-spacing: .05em;
		line-height: 2em;
		font-style: italic;
	}

	.exhib {
		font-family: "EB Garamond", "Times New Roman", serif;
		font-size: 16px;
		text-align: left;
		color: #766;
		letter-spacing: .05em;
		line-height: 1.75em;
		font-style: normal;
		padding: 16px 0;
	}
	#loading {
		display: none;
	}
	.hlogo {
		width: 96px;
		height: auto;
		float: left;
		margin-top: -40px;
	}
	.hlogo:hover {
		opacity: .7;
	}
}


@media screen and (max-width: 769px) {
/* 
	td table {
		border: solid 1px #000;
	}
 */
	.wrapper {
		display: none;
	}
	.wrapper_phn {
		box-sizing: border-box;
		display: block;
		width: 100%;
		max-width: 770px;
		font-family: 'Work Sans', sans-serif;
		padding: 18px;
		text-align: center;
		color: #322;
	}
	.titl {
		text-align: left;
		font-size: 28px;
		letter-spacing: .2em;
		vertical-align: top;
		height: 40px;
		white-space: nowrap;
	}
	.sub_titl_phn {
		font-family: 'Work Sans', sans-serif;
		font-size: 28px;
		font-weight: bold;
		letter-spacing: .4em;
		white-space: nowrap;
		color: #211;
		text-align: left;
		padding: 24px 0;
	}

	.bigart {
		text-align: center;
		height: 400px;
		width: auto;
	}
	.coverart {
		width: 100%;
		height: auto;
	}

	.menu {
		font-size: 20px;
		color: #766;
		line-height: 3.8em;
		text-align: left;
		letter-spacing: .1em;
		vertical-align: top;
		white-space: nowrap;
		width: 180px;
		text-align: left;
	}

	.menitm {
		position: absolute;
		font-size: 20px;
		color: #000;
		line-height: 3.8em;
		left: 0px;
		letter-spacing: .1em;
		vertical-align: absmiddle;
		white-space: nowrap;
		width: fit-content;
		height: fit-content;
	}

	.vert {
		height: 50vh;
		width: auto;
	}
	.horz {
		width: 90vw;
		height: auto;
	}
	
	.squar {
		width: 80vw;
		height: auto;
	}

	.credit_ttl {
		font-family: "EB Garamond", "Times New Roman", serif;
		font-size: 14px;
		text-align: center;
		color: #322;
		font-weight: bold;
		letter-spacing: .05em;
		line-height: 1.5em;
		padding-right: 12px;
	}

	.credit_sub {
		font-family: "EB Garamond", "Times New Roman", serif;
		font-size: 12px;
		text-align: center;
		color: #a99;
		font-weight: regular;
		font-style: italic;
		letter-spacing: .05em;
	}

	.container {
		scrollbar-width: none;
		height: 108px;
		max-height: 108px;
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
	}

	.nlarg {
		margin-top: 36px;
		width: 25px;
		height: 25px;
		opacity: .3;
	}

	.nlarg:hover {
		opacity: .5;
	}

	.bio {
		font-family: "EB Garamond", "Times New Roman", serif;
		font-size: 16px;
		margin: 16px auto;
		text-align: center;
		color: #766;
		letter-spacing: .05em;
		line-height: 1.6em;
		font-style: italic;
	}

	.exhib {
		font-family: "EB Garamond", "Times New Roman", serif;
		text-align: left;
		color: #000;
		letter-spacing: .03em;
		line-height: 1.4em;
		font-style: normal;
		font-size: 14px;
		padding: 18px 0;
	}
	#phn_menu {
		position: absolute;
		z-index: 1;
		font-family: 'Work Sans', sans-serif;
		text-align: left;
		white-space: nowrap;
		font-size: 16px;
		letter-spacing: .2em;
		width: 100%;
		line-height: 2em;
	}
	#loading {
		display: none;
	}

}