body {background-color:#f2f2f2;margin:0 auto;padding:0;font-family:'Playfair Display',"Shippori Mincho",serif;color:#333;font-size:1em;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 {
	left: 50%;
	margin-left: -80px;
	margin-top: 20px;
	width: 160px;
	position:fixed;
	z-index:97;
	}

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

.topnavi-C {
	right: 60px;
	margin-top: 47px;
	position:fixed;
	float:left;
	z-index:97;
	}

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

#page-top {
	position: fixed;
	bottom: 30px;
	right: 48px;
	font-size: ;
	line-height: 1;
	z-index: 99;
	}

#page-top a {
	width: 46px;
	height: 20px;
	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: 46px;
	font-size: ;
	line-height: 1;
	z-index: 99;
	}

#menu-contact a {
	width: 48px;
	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: 66px;
	right: 34px;
	font-size: ;
	line-height: 1;
	z-index: 99;
	}

#menu-ig a {
	width: 60px;
	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;
	top:;
	left:80px;
	right:80px;
	}

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

/*about*/

.about{
	margin-top:250px;
	margin-bottom:240px;
	text-align:center;
	}

.about_name{
	text-align:center;
	font-family:'Playfair Display',"Shippori Mincho",serif;
	color:#333;font-size:1.0em;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:0.9em;line-height:2.5em;font-weight:400;letter-spacing:0.05em;
	}

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

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

.accordion_1line {
	border-bottom:solid 1px #e9e9e9;
	margin-top:8px;
	padding-bottom:8px;
	}

.accordion a{
	text-decoration:underline;
	}

.title{
	font-size:1.2em;
	letter-spacing:0.02em;
	}

.title_about_01{
	padding-left:12px;
	font-family:Quicksand,"Shippori Mincho",serif;
	color:#bbb;
	font-size:0.9em;
	line-height:2.5em;
	font-weight:400;
	letter-spacing:0em;
	}

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

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

.title_about_04{
	padding-left:12px;
	}

.title_about_05{
	padding-left:12px;
	}

.title_about_06{
	padding-left:12px;
	font-size:0.5em;
	}

.title_about_07{
	padding-left:10px;
	font-size:0.75em;
	}

.title_about_08{
	padding-left:12px;
	font-size:1em;
	}


/*painting*/

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

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

.painting_detail{
	position:static;
	font-size:1.0em;
	line-height:1.8em;
	letter-spacing:0.05em;
	margin-top:0px;
	}

.painting_detail_name{

	}

.painting_detail_size{
	font-size:0.9em;
	}


#cont_text_lv1_include{
	margin: 0 auto;
	width: 1000px;
	}

.space_100{
	position:relative;
	margin-top:50px;
	width: 1000px;
	height: 0px;
	object-fit: contain;
	float:left;
	}




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


/*gnav*/
.gnav{
	background: rgba(230,230,230,0.5);
	display: none;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 98;
	font-size:30px;
	line-height: 80px;
	}

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

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

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

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

.gnav__menu__item a:hover{
	color: #bdbdbd;
	}

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

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

#photo{
	position:fixed;
	bottom:20px;
	right:20px;
	font-weight:400;
	}