@import url(font_mobile.css?1) ;
@import url(calendar.css) ;
@import url(clock.css) ;
@import url(tweet_mobile.css?1) ;
@import url(photo_mobile.css?1) ;
@import url(note_mobile.css?1) ;
@import url(comment_mobile.css?1) ;
@import url(readme_mobile.css?1) ;
@import url(bookmark_mobile.css?1) ;
@import url(login_mobile.css?1) ;

* {
	margin : 0px ;
	padding : 0px ;
/*
	-ms-overflow-style : none;
	scrollbar-width : none;
*/
}

/*
*::-webkit-scrollbar {
	display : none ;
}
*/

a {
	text-decoration : none ;
}

img {
	border : 0px ;
}


body {
	margin : 0px ;

	background-color : #172622 ;
	background-image : url('images/bg_texture.png') ;

	color : rgba(255,255,255,0.7) ;
	font-family : sans-serif ;
	font-size : 14px ;
	-webkit-font-smoothing : antialiased ;
	-moz-osx-font-smoothing : grayscale ;
}


header {
	z-index : 10 ;
	position : fixed ;
	box-sizing : padding-box-box ;
	overflow : visible ;
	top : 0px ;
	left : -48px ;
	width : 48px ;
	height : 100% ;
	border-right : solid 4px #73001d ;
	filter : drop-shadow(1px 2px 2px rgba(0,0,0,0.4));
	transition-duration : 0.4s ;
}

	header .leftbox {
		display : none ;
	}

	header .rightbox {
		cursor : pointer ;
		position : absolute ;
		box-sizing : border-box ;
		overflow : hidden ;
		left : 48px ;
		top : 50% ;
		width : 64px ;
		height : 64px ;
		background-color : #73001d ;
		padding : 4px ;
		border-radius : 0px 3px 3px 0px ;
		transition-duration : 0.4s ;
	}

	header .rightbox svg {
		width : 56px ;
		height : 56px ;
	}

	header .rightbox path {
		fill : #fff ;
		opacity : 0.7 ;
	}

	header .rightbox:hover path {
		opacity : 1 ;
	}


nav {
	position : relative ;
	box-sizing : border-box ;
	width : 48px ;
	height : 100% ;
	background-color : rgba(0,0,0,0.8) ;
}

	nav ul {
		list-style : none ;
		position : relative ;
		box-sizing : border-box ;
		display : flex ;
		flex-direction : column ;
		justify-content : center ;
		align-items : center ;
		align-content : center ;
		width : 100% ;
		height : 100% ;
	}

		nav ul li {
			cursor : pointer ;
			position : relative ;
			box-sizing : border-box ;
			float : left ;
			overflow : hidden ;
			width : 40px ;
			height : 40px ;
			border-radius : 20px ;
			margin : 12px auto 12px auto ;
		}

/*
		nav ul li:hover {
			background-color : rgba(255,255,255,0.04) ;
			box-shadow : 0px 1px 4px rgba(0,0,0,0.15) ;
			margin-top : 19px ;
		}
*/

		nav ul li g {
			fill : #ffffff ;
			stroke : none ;
			stroke-miterlimit : 10 ;
			opacity : 0.75 ;
		}

/*
		nav ul li:hover g {
			fill : #ffffff ;
			opacity : 0.8 ;
		}
*/


footer {
	display : none ;
}

/*
	footer .sdw {
		position : absolute ;
		box-sizing : border-box ;
		top : 0px ;
		right : 0px ;
		width : 6px ;
		height : 100% ;
		background : linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%) ;
	}

	.chip {
		cursor : pointer ;
		position : relative ;
		width : 20px ;
		height : 20px ;
		border : solid 1px rgba(255,255,255,0.25) ;
		border-radius : 11px ;
		margin-top : 18px ;
		margin-left : 10px ;
	}

		.chip:hover {
			border-color : rgba(255,255,255,0.6) ;
		}

	.green {
		background-color : #172622 ;
	}

	.red {
		background-color : #261720 ;
	}

	.blue {
		background-color : #171d26 ;
	}
*/


/*
.options {
	list-style : none ;
	position : absolute ;
	box-sizing : border-box ;
	left : 0px ;
	bottom : 5px ;
	width : 40px ;
}

	.options li {
		cursor : pointer ;
		position : relative ;
		box-sizing : border-box ;
		width : 100% ;
		height : 40px ;
		margin-bottom : 15px ;
		border-radius : 20px ;
	}

	.options li g {
		fill : none ;
		stroke : #ffffff ;
		stroke-miterlimit : 10 ;
		opacity : 0.25 ;
	}

	.options li:hover g {
		opacity : 0.65;
	}
*/


@keyframes aniGuru {
	0% {
		transform : rotate(0deg) ;
	}

	100% {
		transform : rotate(180deg) ;
	}
}


#mainArea {
	z-index : 8 ;
	position : relative ;
	box-sizing : border-box ;
	left : 3px ;
	width : calc(100% - 5px) ;
	min-height : 87vh ;
/*
	background-color : rgba(255,0,0,0.05) ;
*/
}

h1 {
	position : absolute ;
	box-sizing : border-box ;
	top : calc((100% - 20px) / 2) ;
	right : 10px ;
	width : 100% ;
	height : 20px ;
/*
	background-color : rgba(0,0,0,0.2) ;
*/
	color : rgba(255,255,255,0.25) ;
	font-size : 14px ;
	font-family : jenson ;
	font-weight : 400 ;
	line-height : 20px ;
	text-align : center ;
	white-space : nowrap ;
}

#teloplist {
	list-style : none ;
	position : absolute ;
	box-sizing : border-box ;
	overflow : visible ;
	visibility : hidden ;
	top : 0px ;
	left : 0px ;
	width : 0px ;
	height : auto ;
}

	#teloplist li {
		position : relative ;
		box-sizing : border-box ;
		overflow : scroll ;
		width : 0 ;
		height : 20px ;
		background-color : #000 ;
		font-size : 16px ;
		font-family : jenson ;
		font-weight : 400 ;
		line-height : 20px ;
		text-align : left ;
		white-space : nowrap ;
	}