body {margin:0 auto;padding:0;font-family:Quicksand,"Shippori Mincho",serif;color:#f0f0f0;font-size:1em;line-height:2.5em;font-weight:200;letter-spacing:0.01em;outline: none; background-color:rgba(233, 210, 210, 0.4);}
div,td,th {text-align:center;}
img {border:0;padding:0.5px;}
ul {}
li {list-style:none;}
a {transition: color .3s;color:#bdbdbd;text-decoration: none;}
a:hover {color: #333;text-decoration: none;}

#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%;}

.logo img {
	left: 50%;
	margin-left: -40px;
	margin-top: 50px;
	width: 80px;
	position:absolute;
	z-index:97;
	}

.topnavi-C {
	left: 50%;
	margin-left: -160px;
	bottom: 80px;
	width: 320px;
	position:fixed;
	float:left;
	z-index:97;
	}

.topnavi-C ul{}
.topnavi-C li{
	padding:0 16px 0 16px;
	list-style:none;
	float:left;
	}

.topnavi-C-k {
	left: 50%;
	margin-left: -160px;
	bottom: 80px;
	width: 320px;
	position:fixed;
	float:left;
	z-index:97;
	}

.topnavi-C-k a{
	color: #000;
	}

.topnavi-C-k ul{}
.topnavi-C-k li{
	padding:0 16px 0 16px;
	list-style:none;
	float:left;
	}

.topnavi-R a {
	right: 80px;
	bottom: 80px;
	width: 30px;
	position:fixed;
	z-index:97;
	}

.topnavi-R-k a{
	right: 80px;
	bottom: 80px;
	width: 30px;
	position:fixed;
	z-index:97;
	}

.topnavi-L {
	left: 80px;
	bottom: 80px;
	width: 80px;
	position:fixed;
	z-index:97;
	color:#bdbdbd;
	}

.topnavi-L-k {
	left: 80px;
	bottom: 80px;
	width: 80px;
	position:fixed;
	z-index:97;
	color: #000;
	}



/*common*/

#cont{
	position:absolute;
	top:100px;
	left:0px;
	right:0px;
	padding-bottom:120px;
	}


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


/*about*/

.accordion-box {
	margin-top:180px;
	padding-bottom:00px;
	}

.accordion {
	margin:130px 0 80px 0;
	font-family:"Playfair Display","Shippori Mincho",serif;
	text-align:center;
	color:#333;
	ruby-position: over;
	}

.accordion a{
	color:#333;
	text-decoration:none;
	}

.accordion_reco {
	margin:0px 0 0px 0;
	padding:180px 100px;
	font-family:"Playfair Display","Shippori Mincho",serif;
	text-align:center;
	color:#333;
	background-color:rgba(255, 255, 255, 0.9);}
	}

.accordion_reco a{
	color:#333;
	text-decoration:underline;
	}

.sp_01{
	font-size:1.2em;
	line-height:2.5em;
	letter-spacing:0.1em;
	}

.sp_02{
	font-family:Quicksand,serif;
	font-size:0.9em;
	font-style:;
	opacity:0.3;
	letter-spacing:0em;
	}

.sp_03{
	margin-top:50px;
	padding-bottom:100px;
	font-size:1em;
	line-height:2.5em;
	letter-spacing:0.05em;
	}

.sp_04{
	margin:0px 0 20px 0;
	font-family: "Noto Sans JP", sans-serif;
	font-size:0.8em;
	line-height:2.2em;
	letter-spacing:0.05em;
	}

.sp_05{
	font-size:0.8em;
	line-height:2.3em;
	border-bottom:;
	}

.sp_ec{
	font-size:1.2em;
	line-height:2.3em;
	color:#333;
	border-bottom:none;
	}

.sp_ec a{
	text-decoration:none;
	border-bottom:none;
	}

.sp_sub{
	margin:0px 0 20px 0;
	font-family: "Noto Sans JP", sans-serif;
	font-size:0.7em;
	line-height:2.2em;
	letter-spacing:0.05em;
	opacity:0.8;
	}

.sp_sub a{
	text-decoration:none;
	border-bottom:none;
	}

.stickarrow {
	left: 50%;
	margin-left: -100px;
	margin-top: 20px;
	width: 200px;
	position:absolute;
	height: 5px;
	border-bottom: 1px solid #333;
	border-right: 3px solid #333;
	transform: skew(45deg);
	opacity:0.8;
	}



.sp_img_100{
	width:960px;
	}

.sp_img_50box img{
	width:960px;
	}

.sp_img_50 img{
	width:480px;
	float;left;
	}




/*menu*/
.menu{width: 26px;height: 26px;position: fixed;right: 60px;top: 60px;z-index: 99;}	
.menu__line{background: #bdbdbd;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: #bdbdbd;}
.menu__line--center.active{transform:scaleX(0);}
.menu__line--bottom.active{bottom: 13px;transform: rotate(135deg);background: #bdbdbd;}

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


/*gnav*/
.gnav{
	background: rgba(255,255,255,0.5);
	display: none;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 98;
	font-family:"Cormorant","Shippori Mincho",serif;
	font-size:2em;
	line-height: 80px;
	}

.gnav a{
	color: #fff;
	}

.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;
	}

.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;
	}


/*gnav PG*/

.gnav_pg{
	background: rgba(255,255,255,0.7);
	display: none;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 98;
	font-family:"Cormorant","Shippori Mincho",serif;
	font-size:2em;
	line-height: 80px;
	}

.gnav_pg a{
	color: #555;
	}

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

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

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

.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;
	}