html{}
body {background-color:#f2f2f2;margin:0 auto;padding:0;font-family:'Playfair Display',"Shippori Mincho",serif;color:#333;font-size:1.5em;line-height:2.5em;font-weight:400;letter-spacing:0em;outline: none;}
div,td,th {text-align:left;}
img {border:0;}
ul {}
li {list-style:none;}
a {transition: color .3s;color:#000;text-decoration: none;}
a:hover {color: #000;text-decoration: inherit;}

#background {z-index: -9999;overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#background img{position: absolute;top: 0;left: 0;}
#center {width:100%;background-color:#f2f2f2;opacity:1;}

header {
	position: fixed;
	width: 100%;
	background-color: #f2f2f2;
	transition: .3s;
	z-index:97;
	}

.is-animation {
	padding: 0em 0;
	font-size: 1em;
	width: 100%;
	opacity:0;
	}

.logo img {
	top: 0px;
	left: 32px;
	width: 300px;
	position:fixed;
	z-index:97;
	}

.c img {
	bottom: 60px;
	left: 60px;
	width: 200px;
	position:fixed;
	z-index:97;
	}

.topnavi-C {
	top: 60px;
	right: 70px;
	width: auto;
	position:fixed;
	float:left;
	z-index:97;
	opacity:;
	}

.topnavi-C img{
	padding:0 10px;
	height: 36px;
	}

#page-top {
	position: fixed;
	bottom: 30px;
	right: 64px;
	z-index: 99;
	}

#page-top a {
	width: 80px;
	height: 30px;
	padding: 28px 5px;
	display: block;
	opacity: 0.9;
	transition: all .3s ease;
	}

#page-top a:hover {
  text-decoration: none;
  opacity: .5;
	}

#menu-contact {
	position: fixed;
	top: 36px;
	right: 60px;
	font-size: ;
	line-height: 1;
	z-index: 99;
	}

#menu-contact a {
	width: 86px;
	height: 20px;
	padding: 2px 5px;
	display: block;
	opacity: 0.9;
	transition: all .3s ease;
	}

#menu-contact a:hover {
  text-decoration: none;
  opacity: .5;
	}

#menu-ig {
	position: fixed;
	top: 90px;
	right: 40px;
	font-size: ;
	line-height: 1;
	z-index: 99;
	}

#menu-ig a {
	width: 104px;
	height: 20px;
	padding: 2px 5px;
	display: block;
	opacity: 0.9;
	transition: all .3s ease;
	}

#menu-ig a:hover {
  text-decoration: none;
  opacity: .5;
	}

/*common*/

#cont{
	position:absolute;
	left:0px;
	right:;
	}

.cont{
	padding:40px 0px 0px 0px;
	width:100%;
	float:left;
	}

/*about*/

.about{
	margin-top:380px;
	margin-bottom:300px;
	text-align:center;
	}

.about_name{
	text-align:center;
	font-family:'Playfair Display',"Shippori Mincho",serif;
	color:#333;font-size:1.2em;line-height:2.5em;font-weight:400;letter-spacing:0.1em;
	}

.about_born{
	text-align:center;
	font-family:'Playfair Display',"Shippori Mincho",serif;
	color:#333;font-size:1.1em;line-height:2.5em;font-weight:300;letter-spacing:0.05em;
	}

.accordion-box {
	padding-bottom:150px;
	}

.accordion {
	padding-left:100px;
	padding-right:100px;
	border-bottom:solid 1px #e9e9e9;
	margin-top:40px;
	padding-bottom:40px;
	}

.accordion_1line {
	padding-left:100px;
	padding-right:100px;
	border-bottom:solid 1px #e9e9e9;
	margin-top:20px;
	padding-bottom:20px;
	}

.accordion a{
	text-decoration:underline;
	}

.title{
	font-size:1.2em;
	}

.title_about_01{
	padding-left:20px;
	font-family:Quicksand,"Shippori Mincho",serif;
	color:#bbb;

	font-size:0.9em;
	line-height:2.5em;
	font-weight:400;
	letter-spacing:0em;
	text-decoration: ;
	}

.title_about_02{
	padding-left:20px;
	font-style:italic;
	}

.title_about_03{
	padding-left:20px;
	font-size:1.4em;
	line-height:2.5em;
	font-weight:400;
	letter-spacing:0em;
	text-decoration: ;
	}

.title_about_04{
	padding-left:20px;
	text-decoration: ;
	}

.title_about_05{
	padding-left:20px;
	text-decoration: ;
	}

.title_about_06{
	padding-left:20px;
	font-size:0.8em;
	line-height:1em;
	}

.title_about_07{
	padding-left:20px;
	padding-left:10px;
	font-size:0.65em;
	line-height:1.8em;
	}

.title_about_08{
	padding-left:20px;
	font-size:0.8em;
	}



/*painting*/

#painting{
	margin: 0 auto;
	width: 1000px;
	height: 100%;
	text-align: center;
	overflow: hidden;
	}

.painting img{
	width: 1000px;
	height: 100vh;
	object-fit: contain;
	float:left;
	}

.painting_detail{
	left:60px;

	position:relative;
	font-size:1.0em;
	line-height:1.8em;
	letter-spacing:0.05em;
	}

.painting_detail_name{

	}

.painting_detail_size{
	font-size:0.9em;
	}

#cont_text_lv1_include{

	}




/*menu*/
.menu{width: 0px;height: 52px;position: fixed;right: 60px;top: 70px;z-index: 99;}	
.menu__line{background: #000;display: block;width: 100%;height: 3px;position: absolute;transition:step-end;}
.menu__line--center{top: 24px;}
.menu__line--bottom{bottom: 1px;}
.menu__line--top.active{top: 23px;transform: rotate(45deg);background: #000;}
.menu__line--center.active{transform:scaleX(0);}
.menu__line--bottom.active{bottom: 26px;transform: rotate(135deg);background: #000;}


/*gnav*/
.gnav{
	background:rgba(242,242,242,0);;
	display: none;
	opacity:;

	right:0;
	padding:160px 60px 0 0;

	width: 20%;
	height: 20%;
	z-index: 98;
	position: fixed;

	font-family:"Marcellus","Shippori Mincho",serif;
	color:#333;
	font-size:1.5em;
	line-height:2em;
	font-weight:;
	letter-spacing:0.05em;

	}

.gnav__wrap{
	align-items:;
	display: flex;
	height: 100%;
	justify-content: ;
	position: absolute;
	width: 100%;
	}

.gnav__menu{
	border:none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}

.gnav__menu__item{
	margin: 0px;
	border:none;
	}

.gnav__menu__item a{
	color: #000;
	padding: 0px;
	text-decoration: none;
	transition: .1s;
	}

.gnav__menu__item a:hover{
	color: ;
	}

.site-header{
	display: flex;
	padding: 0px;
	position: absolute;
	justify-content: space-between;
	width: 100%;
	z-index: 99;
	}

.site-header.fixed{
	position: fixed;
	top: 0;
	}