@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@600&display=swap');

/* 初期設定 */
body {
	font-family: 'Noto Serif JP', serif;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px;
	line-height:2;
	letter-spacing:1px;
	font-weight: normal;
	color: #ffffff;
	background-color:#21202b;
	background-image: url(../../img/bg_body.jpg), url(../../img/bg_body2.jpg);
	background-size: 100%, 100%;
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center top 4700px;
	min-width: 320px;
}
a {
	-webkit-transition:all 0.2s ease;
	   -moz-transition:all 0.2s ease;
	    -ms-transition:all 0.2s ease;
	     -o-transition:all 0.2s ease;
	        transition:all 0.2s ease;
}
a:link, a:visited {
	color:#999999;
	text-decoration: underline;
}
a:hover, a:active {
	color:#999999;
	text-decoration: none;
}
img {
	vertical-align: top;
	max-width:100%;
	height:auto;
}
/* 768px以下では電話番号リンクを無効にする */
@media screen and (min-width: 768px) { 
	a[href^="tel:"] { 
		pointer-events: none;
	}
}
/* Chromeのみ「image-rendering」を指定（ぼやけを解消） */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
	img {
		image-rendering: -webkit-optimize-contrast;
	}
}
/* ScrollRevealの初期チラつきを防止 */
.scroll {
  visibility: hidden;
}
/* Lightning テンプレートのH3を調整 */
h3:after{content:"";line-height:0;display:inline;overflow:visible;position:static;bottom:-1px;width:auto;border-bottom:none;}
/* Lightning ハンバーガーメニュー削除 */
.vk-mobile-nav-menu-btn {display: none;}
/* Lightning 管理バーの編集ガイドを非表示 */
.veu_admin_bar_disable_button, .veu_adminEdit { display:none; }
/* ログイン時のツールバー処理 */
body.admin-bar #header { top: 32px !important; }
body.admin-bar #global_nav .global_menu { top: 54px !important; }
@media screen and ( max-width: 782px ) {
	body.admin-bar #header { top: 46px !important; }
	body.admin-bar #global_nav .global_menu { top: 68px !important; }
}
@media screen and ( max-width: 600px ) {
	html { margin-top: 0px !important; }
	body.admin-bar.active #header { top: 0px !important; }
	body.admin-bar.active #global_nav .global_menu { top: 22px !important; }
}
@media screen and (min-width:  0px) and (max-width:1200px) {
}
@media screen and (min-width:  0px) and (max-width: 767px) {
}
@media screen and (min-width:  0px) and (max-width: 575px) {
}



/* main */
main {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	max-width: 1300px;
	padding: 0 20px;
	margin: 0 auto;
}
@media screen and (min-width:  0px) and (max-width:1100px) {
	main {
		display: block;
		padding: 0;
		overflow: hidden;
	}
}



/* content */
#content {
	position: relative;
	background-color: rgba(33, 32, 43, 0.5);
	max-width: 768px;
}
@media screen and (min-width:  0px) and (max-width:1100px) {
	#content {
		margin: 0 auto;
	}
}



/* kelpvital */
#kelpvital {
	position:relative;
	padding: 0 20px 200px 20px;
}
#kelpvital::before{ 
	content:'';
	position: absolute;
	z-index: 3;
	pointer-events: none;
	background-repeat: no-repeat;
	bottom: -0.1vw;
	left: 0;
	right: 0;
	top: -0.1vw; 
	background-size: 100% 200px;
	background-position: 50% 100%; 
	transform: rotateY(180deg); 
	background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -0.1 35.28 2.17" preserveAspectRatio="none"><path d="M35.28.31c-2.57.84-7.68.3-11.8.43-4.1.12-6.85.61-9.57.28C11.18.69 8.3-.16 5.3.02 2.3.22.57.85 0 .87v1.2h35.28z" fill="%231b1615"/></svg>'); 
}
#kelpvital > h1 {
	padding: 50px 0 0 0;
}
#kelpvital > p {
	letter-spacing: 0;
	text-align: center;
	margin-top: 10px;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#kelpvital > p {
		text-align: left;
	}
	#kelpvital > p br {
		display: none;
	}
}

/* place */
#kelpvital .place {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	padding: 0 30px;
	margin-top: 100px;
}
#kelpvital .place > .title h2 {
	font-family: 'Noto Serif JP', serif;
	font-size:48px;
	line-height:2;
	letter-spacing:1px;
	font-weight: normal;
	color: #21202b;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
}
#kelpvital .place > .title h2 span {
	background-color: #ffffff;
	padding: 20px 5px 0 5px;
}
#kelpvital .place > .title h2:nth-child(2) {
	display: none;
}
#kelpvital .place > .text {
	max-width: 440px;
}
#kelpvital .place > .text .img {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #333333;
	border-radius: 50%;
	max-width: 440px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
#kelpvital .place > .text .img > img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
#kelpvital .place > .text .img > div {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	text-align: center;
}
#kelpvital .place > .text .img > div span {
	background-color: #21202b;
	padding: 3px 10px 6px 10px;
}
#kelpvital .place > .text p {
	max-width: 400px;
	margin: 30px auto 0 auto;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#kelpvital .place {
		flex-direction: column;
		height: auto;
		padding: 0;
	}
	#kelpvital .place > .title {
		position: relative;
		z-index: 1;
	}
	#kelpvital .place > .title h2:nth-child(1) {
		display: none;
	}
	#kelpvital .place > .title h2:nth-child(2) {
		display: block;
	}
	#kelpvital .place > .title h2 {
		font-size:36px;
		line-height:2.5;
		margin: 0 auto;
	}
	#kelpvital .place > .title h2 span {
		padding: 20px 5px 0 5px;
	}
	#kelpvital .place > .text {
		max-width: 100%;
		margin: -100px auto 0 auto;
	}
	#kelpvital .place > .text p {
		max-width: 100%;
	}
}



/* hair */
#hair {
	position:relative;
	display: flex;
	justify-content: space-between;
	background-image: linear-gradient(0deg, rgba(79, 49, 21, 1), rgba(27, 22, 21, 1));
	padding: 0 50px 150px 20px;
}
#hair::before{ 
	content:'';
	position: absolute;
	z-index: 3;
	pointer-events: none;
	background-repeat: no-repeat;
	bottom: -0.1vw;
	left: 0;
	right: 0;
	top: -0.1vw; 
	background-size: 100% 200px;
	background-position: 50% 100%; 
	transform: rotateY(180deg); 
	background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M35.28 1.67c-3.07-.55-9.27.41-16.15 0-6.87-.4-13.74-.58-19.13.1v.4h35.28z" fill="%231b1615"/></svg>'); 
}
#hair > .image .img1 {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #333333;
	border-radius: 50%;
	max-width: 360px;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: -60px;
	left: -60px;
	z-index: 10;
}
#hair > .image .img2 {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #333333;
	border-radius: 50%;
	max-width: 240px;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 230px;
	left: 100px;
	z-index: 9;
}
#hair > .image .img1 > img ,
#hair > .image .img2 > img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
#hair > .text {
	max-width: 340px;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#hair {
		display: block;
		padding: 0 20px 150px 20px;
	}
	#hair > .image .img1 {
		position: relative;
		top: auto;
		left: -80px;
		margin: 0 auto;
	}
	#hair > .image .img2 {
		position: relative;
		top: auto;
		left: 130px;
		margin: -220px auto 0 auto;
	}
	#hair > .text {
		max-width: 100%;
		margin: 30px auto 0 auto;
	}
}



/* cell */
#cell {
	position:relative;
	background-image: linear-gradient(0deg, rgba(79, 49, 21, 1), rgba(27, 22, 21, 1));
	padding: 50px 0 150px 0;
}
#cell::before{ 
	content:'';
	position: absolute;
	z-index: 3;
	pointer-events: none;
	background-repeat: no-repeat;
	bottom: -0.1vw;
	left: 0;
	right: 0;
	top: -0.1vw; 
	background-size: 100% 100px;
	background-position: 50% 100%; 
	transform: rotateY(180deg); 
	background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M35.28 1.16c-3.17-.8-7.3.4-10.04.56-2.76.17-9.25-1.47-12.68-1.3-3.42.16-4.64.84-7.04.86C3.12 1.31 0 .4 0 .4v1.77h35.28z" fill="%231b1615"/></svg>'); 
}
#cell > .title h3 {
	font-family: 'Noto Serif JP', serif;
	font-size:36px;
	line-height:1;
	letter-spacing:10px;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	margin: 0 0 0 0;
}
#cell > .title h3::before {
	display: inline-block;
	content: '';
    background-image: url(../../img/title_kelp_l.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
    vertical-align: middle;
	width: 56px;
	height: 67px;
	margin: 0 10px 0 0;
}
#cell > .title h3::after {
	display: inline-block;
	content: '';
    background-image: url(../../img/title_kelp_r.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
    vertical-align: middle;
	width: 56px;
	height: 67px;
	margin: 0 0 0 0;
}
#cell > .text {
	padding: 0 50px;
	margin: 40px 0 0 0;
}
#cell > .text .small {
	font-size:12px;
	line-height:2;
	letter-spacing:0;
}
#cell > .image {
	margin: 40px 0 0 0;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#cell > .title h3 {
		font-size:30px;
	}
	#cell > .title h3::before ,
	#cell > .title h3::after {
		width: 40px;
		height: 50px;
	}
	#cell > .text {
		padding: 0 20px;
	}
}



/* human */
#human {
	background-image: linear-gradient(0deg, rgba(79, 49, 21, 1), rgba(27, 22, 21, 1));
	padding: 50px 0 0 0;
}
#human > .title h3 {
	font-family: 'Noto Serif JP', serif;
	font-size:36px;
	line-height:1;
	letter-spacing:10px;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	margin: 0 0 0 0;
}
#human > .title h3::before {
	display: inline-block;
	content: '';
    background-image: url(../../img/title_kelp_l.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
    vertical-align: middle;
	width: 56px;
	height: 67px;
	margin: 0 10px 0 0;
}
#human > .title h3::after {
	display: inline-block;
	content: '';
    background-image: url(../../img/title_kelp_r.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
    vertical-align: middle;
	width: 56px;
	height: 67px;
	margin: 0 0 0 0;
}
#human > .text {
	padding: 0 50px;
	margin: 40px 0 0 0;
}
#human > .text .small {
	font-size:12px;
	line-height:2;
	letter-spacing:0;
}
#human > .image {
	margin: 40px 0 0 0;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#human > .title h3 {
		font-size:30px;
		letter-spacing:5px;
	}
	#human > .title h3::before ,
	#human > .title h3::after {
		width: 40px;
		height: 50px;
	}
	#human > .title h3::after {
		margin: 0 0 0 10px;
	}
	#human > .text {
		padding: 0 20px;
	}
}
 


/* kelpjapan */
#kelpjapan {
	display: flex;
	justify-content: space-between;
	padding: 100px 50px 0 0;
}
#kelpjapan > .title {
	background-color: #000000;
	padding: 30px 0;
}
#kelpjapan > .title h3 {
	font-family: 'Noto Serif JP', serif;
	font-size:48px;
	line-height:1.875;
	letter-spacing:1px;
	font-weight: normal;
	color: #ffffff;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
#kelpjapan > .text {
	max-width: 580px;
}
#kelpjapan > .text .img1 {
	margin: 40px 0 0 0;
}
#kelpjapan > .text .img1 > div {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #333333;
	border-radius: 50%;
	max-width: 360px;
	height: auto;
	overflow: hidden;
	float: right;
	margin: -40px -150px 0 40px;
}
#kelpjapan > .text .img1 > div img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#kelpjapan {
		display: block;
		padding: 100px 20px 0 20px;
	}
	#kelpjapan > .title {
		background-color: #000000;
		padding: 20px;
	}
	#kelpjapan > .title h3 {
		font-size:30px;
		line-height:1;
		text-align: center;
		writing-mode: horizontal-tb;
	}
	#kelpjapan > .text {
		max-width: 100%;
		margin-top: 40px;
	}
	#kelpjapan > .text .img1 {
		margin: 40px 0 0 0;
	}
	#kelpjapan > .text .img1 > div {
		float: none;
		margin: 40px auto;
	}
}



/* hakodate */
#hakodate {
	display: flex;
	justify-content: space-between;
	padding: 100px 50px 0 0;
}
#hakodate > .title {
	background-color: #000000;
	padding: 30px 0;
}
#hakodate > .title h3 {
	font-family: 'Noto Serif JP', serif;
	font-size:48px;
	line-height:1.875;
	letter-spacing:1px;
	font-weight: normal;
	color: #ffffff;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
#hakodate > .text {
	max-width: 580px;
}
#hakodate > .text .img1 {
	margin: 60px 0 0 0;
}
#hakodate > .text .img1 > div {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #333333;
	border-radius: 50%;
	max-width: 360px;
	height: auto;
	overflow: hidden;
	float: left;
	margin: -50px 40px 0 -170px;
}
#hakodate > .text .img1 > div img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#hakodate {
		display: block;
		padding: 100px 20px 0 20px;
	}
	#hakodate > .title {
		background-color: #000000;
		padding: 20px;
	}
	#hakodate > .title h3 {
		font-size:30px;
		line-height:1;
		text-align: center;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}
	#hakodate > .text {
		max-width: 100%;
		margin-top: 40px;
	}
	#hakodate > .text .img1 {
		margin: 40px 0 0 0;
	}
	#hakodate > .text .img1 > div {
		float: none;
		margin: 40px auto;
	}
}



/* gagome */
#gagome {
	display: flex;
	justify-content: space-between;
	padding: 100px 50px 0 0;
}
#gagome > .title {
	background-color: #000000;
	padding: 30px 0;
}
#gagome > .title h3 {
	font-family: 'Noto Serif JP', serif;
	font-size:48px;
	line-height:1.875;
	letter-spacing:1px;
	font-weight: normal;
	color: #ffffff;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
#gagome > .text {
	max-width: 580px;
}
#gagome > .text .img1 {
	margin: 40px 0 0 0;
}
#gagome > .text .img1 > div {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #333333;
	border-radius: 50%;
	max-width: 360px;
	height: auto;
	overflow: hidden;
	float: right;
	margin: -50px -150px 0 40px;
}
#gagome > .text .img1 > div img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
#gagome > .text .txt1 {
	margin: 40px 0 0 0;
}
#gagome > .text .img2 {
	margin: 40px 0 0 0;
}
#gagome > .text .img2 > div {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #333333;
	border-radius: 50%;
	max-width: 360px;
	height: auto;
	overflow: hidden;
	float: left;
	margin: -20px 40px 0 -170px;
}
#gagome > .text .img2 > div img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#gagome {
		display: block;
		padding: 100px 20px 0 20px;
	}
	#gagome > .title {
		background-color: #000000;
		padding: 20px;
	}
	#gagome > .title h3 {
		font-size:30px;
		line-height:1;
		text-align: center;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}
	#gagome > .text {
		max-width: 100%;
		margin-top: 40px;
	}
	#gagome > .text .img1 {
		margin: 40px 0 0 0;
	}
	#gagome > .text .img1 > div {
		float: none;
		margin: 40px auto;
	}
	#gagome > .text .txt1 {
		margin: 40px 0 0 0;
	}
	#gagome > .text .img2 {
		margin: 40px 0 0 0;
	}
	#gagome > .text .img2 > div {
		float: none;
		margin: 40px auto;
	}
}



/* rishiri */
#rishiri {
	display: flex;
	justify-content: space-between;
	padding: 100px 50px 0 0;
}
#rishiri > .title {
	background-color: #000000;
	padding: 30px 0;
}
#rishiri > .title h3 {
	font-family: 'Noto Serif JP', serif;
	font-size:48px;
	line-height:1.875;
	letter-spacing:1px;
	font-weight: normal;
	color: #ffffff;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
#rishiri > .text {
	max-width: 580px;
}
#rishiri > .text .img1 {
	margin: 40px 0 0 0;
}
#rishiri > .text .img1 > div {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #333333;
	border-radius: 50%;
	max-width: 360px;
	height: auto;
	overflow: hidden;
	float: right;
	margin: -40px -150px 0 40px;
}
#rishiri > .text .img1 > div img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#rishiri {
		display: block;
		padding: 100px 20px 0 20px;
	}
	#rishiri > .title {
		background-color: #000000;
		padding: 20px;
	}
	#rishiri > .title h3 {
		font-size:30px;
		line-height:1;
		text-align: center;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}
	#rishiri > .text {
		max-width: 100%;
		margin-top: 40px;
	}
	#rishiri > .text .img1 {
		margin: 40px 0 0 0;
	}
	#rishiri > .text .img1 > div {
		float: none;
		margin: 40px auto;
	}
}



/* standard */
#standard {
	padding: 100px 0;
}
#standard > .table1 {
	border:0px none !important;
	width: 100%;
}
#standard > .table1 tr {
	border-bottom: 2px solid #21202b;
}
#standard > .table1 th {
	font-size: 16px;
	line-height:1.85;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	color: #ffffff;
	background-color: #333333;
	border: none !important;
	border-right: 2px solid #21202b !important;
	width: 225px;
	padding: 10px 15px;
}
#standard > .table1 td {
	font-size: 16px;
	line-height:1.85;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	color: #ffffff;
	background-color: #4c4c4c;
	border: none !important;
	width: auto;
	padding: 10px 15px;
}
#standard > .table1 tr:first-child {
	border-top: 2px solid #21202b;
}
#standard > .table1 tr:first-child th {
	font-size: 18px;
	line-height:1.85;
	text-align: center;
	border-right: none !important;
}
#standard > .table2 {
	border:0px none !important;
	width: 100%;
	margin-top: 50px;
}
#standard > .table2 tr {
	border-bottom: 2px solid #21202b;
}
#standard > .table2 th {
	font-size: 18px;
	line-height:1.85;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	background-color: #333333;
	border: none !important;
	border-right: 2px solid #21202b !important;
	width: auto;
	padding: 10px 15px;
}
#standard > .table2 th:last-child {
	border-right: none !important;
}
#standard > .table2 td {
	font-size: 16px;
	line-height:1.85;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	color: #ffffff;
	background-color: #4c4c4c;
	border: none !important;
	border-right: 2px solid #21202b !important;
	width: auto;
	padding: 10px 15px;
}
#standard > .table2 td:last-child {
	text-align: right;
	border-right: none !important;
}
#standard > .table2 th span ,
#standard > .table2 td span {
	display: none;
}
#standard > .button {
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 100px auto 0 auto;
}
#standard > .button li:not(:first-child) {
	margin: 0 0 0 30px;
}
#standard > .button a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	background-image: linear-gradient(0deg, rgba(255, 19, 72, 1), rgba(255, 170, 150, 1));
	border-radius: 40px;
	width: 300px;
	height: 80px;
	max-width: 100%;
}
#standard > .button a:hover {
	opacity: 0.5;
}
#standard > .button a span {
	font-size: 16px;
	letter-spacing:0px;
	text-decoration: none;
	color: #ffffff;
	margin-left: 10px;
}
@media screen and (min-width:  0px) and (max-width: 767px) {
	#standard {
		padding: 100px 20px;
	}
	#standard > .table1 th {
		width: auto;
	}
	#standard > .table2 th:nth-child(2) ,
	#standard > .table2 td:nth-child(2) {
		display: none;
	}
	#standard > .table2 th span {
		display: block;
		font-size: 14px;
	}
	#standard > .table2 td span {
		display: block;
		font-size: 12px;
	}
	#standard > .button {
		flex-direction: column;
	}
	#standard > .button li:not(:first-child) {
		margin: 30px 0 0 0;
	}
}



/* footer */
footer {
	text-align: center;
	padding: 50px 20px;
}
footer > h6 {
	font-size: 14px;
	line-height: 1;
	letter-spacing:0;
	font-weight: 400;
	margin-top: 20px;
}
footer > p {
	font-size:14px;
	line-height:1.5;
	letter-spacing:0;
	font-weight: 300;
	text-align: center;
	color: #ffffff;
	margin-top: 50px;
}



/* sidebar */
#sidebar {
	padding-top: 500px;
}
#sidebar > h6 {
	font-size: 14px;
	line-height: 1;
	letter-spacing:0;
	font-weight: 400;
	margin-top: 20px;
}
#sidebar > ul {
	position: sticky;
	top: 80px;
	list-style-type: none;
	font-size: 18px;
	line-height: 2;
	letter-spacing:1px;
	font-weight: 600;
	margin-top: 80px;
}
#sidebar > ul li {
	margin-top: 20px;
}
#sidebar > ul li a {
	color: #ffffff;
	text-decoration: none;
}
#sidebar > ul li a.link-current {
	color: #999999;
	text-decoration: underline;
}
@media screen and (min-width:  0px) and (max-width:1100px) {
	#sidebar {
		display: none;
	}		
}


#copy {
	position: fixed;
	bottom: 50px;
	right: 50px;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	font-size:14px;
	line-height:1.5;
	letter-spacing:0;
	font-weight: 300;
	text-align: center;
	color: #ffffff;
	opacity: 0.5;
}
@media screen and (min-width:  0px) and (max-width:1500px) {
	#copy {
		display: none;
	}
}