* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	word-break: keep-all;
}

/*body {
	overflow: hidden;
}*/

@font-face {
	font-family: "SM3ssmj";
	src: url("SM3ssmj.otf");
}

body {
  font-family: Times New Roman, "SM3ssmj", serif;
}

body { 
	-ms-overflow-style: none; 
} 

body::-webkit-scrollbar { 
	display: none; 
} 

li {
	list-style: none;
}

.home {
	padding: 2vh 0 0 3.25vh;
}

.home li {
	font-size: 14.75vh;
	margin-top: -6vh;
	margin-bottom: -14.25vh;
}

.home li:hover {
	opacity: 0.4;
}

a {
	text-decoration: none;
	color: black;
}

.history figcaption a {
	text-decoration: underline;
	text-decoration-thickness: 0.15vh;
	text-underline-offset: 0.75vh;
}

/*.hide {
	color: white;
}
*/
.num:hover + .hide {
	color: black;
}

p a:hover {
	text-decoration: underline;
	text-decoration-thickness: 0.4vh;
	text-underline-offset: 1.25vw;
}

dd a:hover {
	text-decoration: underline;
	text-decoration-thickness: 2.5px;
	text-underline-offset: 11px;
}

figcaption a:hover {
	text-decoration: underline;
	text-decoration-thickness: 2.5px;
	text-underline-offset: 11px;
}

.art article,
.history article,
.writing article {
	width: 100vw;
	height: 100svh;
	padding: 20px;
}

h1 {
	font-size: 5vw;
	font-weight: normal;
	line-height: 1.4;
}

p {
	font-size: 5vw;
	line-height: 1.4;
/*	margin-top: -2vh;*/
}

dl {
	font-size: 3vh;
}

figcaption {
	font-size: 3vh;
}

dd {
	line-height: 1.2;
	margin-bottom: 2vh
}

.ml {
	margin-left: -2px;
}

.mlp {
	margin-left: 1vw;
	margin-top: 100vh;
	line-height: 1.6;
}

.mr {
	margin-right: -2px;
}

article {
	position: relative;
}

.next {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 5vh;
/*	background-color: gray;*/
}

.ph3 {
	height: 60vh;
}

.ph2 {
	width: 35vw;
}

.ph1 {
	width: 60vw;
}

.ph1h {
	height: 70vh;
}

.ph4 {
	width: 33vw;
}

.year {
	margin-top: 0.4vh;
	margin-left: 1vh;
}

.ph11 {
	width: 15vw;
}

.schedule img {
	width: 10vw;
}

.ex img {
	width: 40vw;
}

.ex2 img {
	width: 20vw;
}

@media screen and (max-width: 1100px){

	.home {
		padding: 15px;
	}

	.home li {
		font-size: 11vw;
		margin-top: -5vw;
		margin-bottom: -10vw;
	}

	dl, figcaption {
		font-size: 2vh;
	}

	figcaption {
		line-height: 1.3;
		margin-top: 1vh;
	}

	figcaption a:hover {
		text-decoration: underline;
		text-decoration-thickness: 1.5px;
		text-underline-offset: 8px;
	}

	#h6
	.album3 {
		display: flex;
	}

	.album3 img {
		width: 30%;
		height: auto;
		margin-right: 1vw;
	}

	.art article,
	.history article,
	.writing article {
		padding: 15px;
	}

	.art #h9 img {
		width: 30vw;
		height: auto;
	}

	.art #h10 img {
		width: 30vw;
		height: auto;
	}

	.history figcaption,
	.art figcaption
	.writing p {
		font-size: 25px;
	}

	.history figcaption a,
	.writing p a{
		text-decoration: underline;
		text-decoration-thickness: 1.5px;
		text-underline-offset: 7px;
	}

	.writing p a:hover {
		opacity: 0.4;
	}

	.year {
		margin-left: 2px;
	}

	.ph1h {
		width: 30vw;
		height: auto;
	}
}