@charset "UTF-8";
/* CSS Document */

/*
Theme Name: 失題
*/


html, body {
	color: #000;
	background: #efeeea;
	background-size: cover;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: .1em;
	text-align: center;
	font-feature-settings: "palt";
	font-family: "dnp-shuei-mincho-pr6", sans-serif;
	font-weight: 500;
	font-style: normal;
	overflow-x: hidden;
}

.sp{display: none;}

#wrap{
	padding: 12vh 0;
}

header{
	padding: 0 0 3.3rem;
}

header .logo{
	width: 10vw;
	max-width: 95px;
	min-width: 70px;
	margin: 0 auto;
}

#contents-wrap{
	width: 90%;
	margin: 0 auto;
}

.top-contents-wrap{
	margin-bottom: 4rem;	
}

.top-pic-wrap{
	height: 30vh;
	margin: 0 auto;
	margin-bottom: 3rem;
}

.top-pic-wrap img{
	height: 100%;
	width: auto;
	margin: 0 auto;
}

.top-text-wrap{
	line-height: 2.4;
	letter-spacing: .2em;
}

.top-pic-wrap img,
.top-text-wrap p {
  display: none;
}

.date-wrap{
	font-size: .9em;
	line-height: 2;
	letter-spacing: .2em;	
}

.gnav{
	position: fixed;
	top: 3rem;
	right: 5vw;
	display: flex;
	gap:.5rem;
}

.gnav li{
	width: .7rem;
	height: .7rem;
	border: 1px solid #000;
	cursor: pointer;
}

.gnav li.current{
	background: #000;
}

.concept-text{
	padding-top: 3rem;
	line-height: 3;
	letter-spacing: .2em;
}

.about-wrap{
	line-height: 2;
}

.about-wrap dt{
	font-size: .9rem;
}

.about-wrap dd{
	margin-bottom: 2rem;
}

.menu-wrap .read{
	line-height: 2.4;
	margin-bottom: 3rem;
}

.menu-wrap .note{
	line-height: 2.4;
}

.menu-wrap .menu-list p{
	margin-bottom: 1rem;
}

.menu-list-wrap{
	background: #FFF;
	padding: 2rem 4rem; 
	display: table;
	text-align: left;
	margin: 0 auto 3rem;
}

.menu-list-wrap ul{
	display: flex;
	flex-flow: column;
	gap: .6rem;
}

.menu-list-wrap .side-menu li span:nth-of-type(2){
	display: inline-block;
	margin-left: 1rem;
}


@media (max-width: 800px) {

.sp{display: inherit;}


#wrap{
	padding: 14vh 0;
}

header {
    padding: 0 0 3rem;
}

header .logo{
	width: 22vw;
	margin: 0 auto;
}

html, body {
	font-size: 13px;
}

.gnav{
	top: 2rem;
}

.gnav li {
    width: .7rem;
    height: .7rem;
}

.top-contents-wrap {
    margin-bottom: 3rem;
}

.top-pic-wrap{
	height: 35vh;
	margin-bottom: 2.4rem;
}

}