@charset 'utf-8';
/*
@import '../lib/css/jquery.tagsinput-1.3.3+.css';
@import 'lib-override.css';
@import 'common.css';
@import 'posts.css';
@import 'posts-list.css';
@import 'posts-vgrid.css';
@import 'posts-blog.css';
@import 'posts-channel.css';
@import 'posts-gallery.css';
@import 'events.css';
@import 'user.css';
@import 'users.css';
@import 'myboard.css';
@import 'resource.css';
@import 'messages.css';
@import 'channel.css';
@import '../lib/rvlvr/rvlvr-style.css';
@import 'android.css';
@import 'forms.css';
*/

html, body { 
	margin:0px;
	width: 100%;
	min-height: 100%;
	
	background: white;
	/* overflow-x: hidden; */
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	
	font-family: 'Helvetica Neue', 'Helvetica', Arial, 'Hiragino Kaku Gothic ProN', 'Meiryo', 'MS PGothic', sans-serif;

}

html {
	overflow-y: scroll;
	overflow-x: hidden;
}

body {
	/*
	padding-left: 0;
	padding-right: 0;
	*/
	overflow-y: visible;
}

#all {
	/*
	aaapadding-left: 7px;
	aaapadding-right: 7px;
	*/
	background: white;
}

@media ( max-width:767px ) {
	#main-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* @media ( max-width:568px ) { */
	html.is-mobile #main-container {
		padding-left: 7px;
		padding-right: 7px;
	}
	html.is-mobile body.stream.nav-media #main-container {
		padding-top: 4px;
	}
/* } */

.navbar .brand {
	position: absolute;
	/* left: 0; right: 0; */
	text-align: center;
	color: white;
	width: 320px;
	margin-left: -160px;
	left:50%;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.navbar .brand > span > span,
#header-img-mobile > a > span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 100%;
	font-size: 20px;
	font-weight: 200;
}

#header-img-mobile > a > span {
	padding-top: 7px;
	padding-left: 7px;
}

#all {
	position: relative;
	min-height: 100%;
}

#btn-post-mobile {
	display: none;
}

[class^="for-"].for-mobile,
.for-mobile {
	display: none;
}
.not-for-mobile {
	display: block !important;
}

/************** new menu ***********/


/* #left-menu-backgorund, #left-menu {
	display: none;
	cursor: default;
}
*/
#left-menu-container {
	display: none;
	cursor: default;
}

#left-menu li.divider {
	height: 0px;
	/* margin: 1px 0; */
	padding: 0;
}

#left-menu li+li.divider {
	border-bottom: 1px solid black;
}
#left-menu li.divider+li {
	border-top: 1px solid #555;
}

#left-menu li.active,
html:not(.is-touch-device) #left-menu li:hover
#left-menu li.active>a,
html:not(.is-touch-device) #left-menu li:hover>a {
	/* background: #08c; */
	background: #222;
	text-decoration: none;
}

#left-menu li.dropdown-submenu-inline>ul.channels-menu>li>a {
	padding-left: 25px;
}


.navbar-fixed-top {
	/*
	-webkit-transition: left 200ms ease 0;
	-moz-transition: left 200ms ease 0;
	-ms-transition: left 200ms ease 0;
	transition: left 200ms ease 0;
	*/
}

/* @media ( max-width : 568px ) { */
	html.is-mobile  .not-for-mobile {
		display: none !important;
	}
	html.is-mobile  .for-mobile {
		display: block !important;
	}
/* } */

@media ( max-width : 979px ) {
	.navbar #loginuser .user_name {
		display: none;
	}
}
html.is-mobile .navbar #loginuser .user_name {
	display: none;
}


body #left-menu {
	/* display: none; */
	
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	background: #444;
	margin: 0;
	padding: 0;
	
	/* -webkit-transition-duration: 200ms; */
}

.menu-change-pc,
html.is-mobile .menu-change-mobile {
	display: none !important;
}

html.is-mobile .menu-change-pc {
	display: block !important;
}

/* @media ( max-width : 568px ) { */
	body #main-menu {
		display: none;
	}
	
	#left-menu ul>li#left-menu-login {
		/* text-align: center; */
		/* background: #444; */
	}

	#left-menu [class^="icon-"] {
		color: white;
		font-size: 100%;
		width: 1.2em;
		margin-right: 0.1em;
	}
	#left-menu [class^="icon-"]:before {
		width: 1.2em;
		text-align: center;
		vertical-align: top;
	}
	
	#left-menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#left-menu ul>li,
	#left-menu ul>li>a {
		color: white;
		width: auto;
	
	}
	#left-menu ul>li>a:active,
	#left-menu ul>li>a:hover {
		text-decoration: none;
	}
	
	#left-menu ul>li>* {
		display: block;
	}
	#left-menu ul>li {
		padding: 0;
		margin: 0;
	}
	#left-menu ul>li>* {
		padding: 15px;
		margin: 0;
	}
	#left-menu ul>li>div>ul {
		margin-top: 15px;
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: -15px;
	}
	#left-menu ul>li>ul {
		padding: 0 0 0 0;
	}
	
	#header-img-mobile {
		text-align: left;
		height: 50px;
		overflow: hidden;
		padding: 0;
		padding-left:5px;
	}
	#header-img-mobile img {
		max-width: 260px;
		max-height:36px;
	}
	#header .brand {
		display: none;
	}
	#nav-top-main {
		width: auto; /* common.css overwrite */
	}
	
	#left-menu-container {
		z-index: 0;
	}
	body #all {
		z-index: 1;
	}
	
	/*
	body.left-menu-opened #all {
		left : 280px;
	}
	
	body.left-menu-opened #main-menu {
		position: absolute;
		top: -9px;
		right: 35px;
		left : auto;
		height: 100%;
		width: 280px;
		background: #222;
		color: white;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
		border: none;
		padding: 0;
	}
	*/
	body.left-menu-opened #main-menu:before,
	body.left-menu-opened #main-menu:after {
		display: none;
	}
	body.left-menu-opened #main-menu [class^="icon-"],
	body.left-menu-opened #main-menu [class*=" icon-"],
	body.left-menu-opened .dropdown-menu a {
		color: white;
	}
	
	body.left-menu-opened #main-menu .dropdown-submenu>.dropdown-menu {
		position: relative;
		background: #222;
		display: block;
		float:none;
		border:none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
		padding:0;
		left :0;
		top: 0;
		right: 0;
		
	}
	body.left-menu-opened #main-menu .dropdown-submenu>.dropdown-menu,
	body.left-menu-opened #main-menu .dropdown-submenu>.dropdown-menu>li {
		position: relative;
		width: 100%;
		-webkit-box-sizing: border-box;
		-mox-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#loginuser-menu img[data-tmpl="image_url"] {
		width: 20px;
		height: 20px;
		margin-right: 0.25em;
	}
	
	.count_badge {
		padding: 0 0.5em;
		-webkit-border-radius: 0.7em;
		-moz-border-radius: 0.7em;
		-ms-border-radius: 0.7em;
		border-radius: 0.7em;
		background: #a44;
		color: white;
		font-weight: normal !important;
	}
	
	#left-menu .count_badge {
		margin-right:10px;
	}
	
	
/* } */

/* @media ( max-width: 568px ) { */
	
	/*
	html.is-mobile  #btn-post,
	html.is-mobile #btn-channel-post {
		display: none;
	}
	
	html.is-mobile  #btn-post-mobile,
	html.is-mobile #btn-channel-post-mobile {
		display: block;
		margin: 2px 2px 5px 7px;
	}
	html.is-mobile  #btn-post-mobile .btn,
	html.is-mobile  #btn-channel-post-mobile .btn {
		padding: 4px 7px;
	}
	html.is-mobile  #btn-post-mobile .btn [class^="icon-"],
	html.is-mobile  #btn-channel-post-mobile .btn [class^="icon-"] {
		margin-right: -0.25em;
	}
	*/
	html.is  #btn-post,
	html.is #btn-channel-post {
		display: block;
		margin: 2px 2px 5px 7px;
	}
	html.is  #btn-post .btn,
	html.is  #btn-channel-post .btn {
		padding: 4px 7px;
	}
	html.is  #btn-post .btn [class^="icon-"],
	html.is  #btn-channel-post .btn [class^="icon-"] {
		margin-right: -0.25em;
	}

/* } */

#left-menu ul>li>a {
	position: relative;
}

#left-menu ul>li>a[data-toggle="collapse"]:after {
	content:" \f0d7"; /* icon-caret-down */
	font-family: FontAwesome;
	position: absolute;
	right: 10px;
	top: 50%;
	line-height: 1em;
	margin-top: -0.5em;
	font-weight: normal;
}
#left-menu ul>li>a.collapsed[data-toggle="collapse"]:after {
	content:" \f0d9"; /* icon-caret-left */
}

/*****/
html.is-mobile .container, html.is-mobile .navbar-static-top .container, html.is-mobile .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: auto; }
html.is-mobile .navbar-fixed-top { position:static }
html.is-mobile .navbar-inner { padding:5px; }
html.is-mobile body { padding-top: 0; }
html.is-mobile #posts.vgrid,
html.is-mobile body.posts #posts.vgrid .post,
html.is-mobile body.posts #posts.vgrid .post.double,
html.is-mobile body.users #users { width:auto; }
html.is-mobile body.users #users .user { float: none; width:auto; }

/*****/
/*
html.prevent-scroll {
	height:100%; overflow-y:scroll;
}
html.prevent-scroll body,
html.prevent-scroll #all {
	height:100%; overflow-y: hidden;
}
*/
html.prevent-scroll #scroll-top {
	display: none;
}

/*********** disable iOS/Android contextmenu **************/

/* .channel video, .channel audio */
/*
body {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
}
*/

/************* cover **************/

a:focus, button:focus {
	outline:none;
}


#cover { background-size:cover; background-position:center center; color:white; position:relative; text-align:center; }
#cover img { display:block; }
#cover-img { width:100%; height:auto; }
html:not(.ua-msie-8) #cover-img { display:none; }

#cover-mask { position:absolute; top:0; right:0; bottom:0; left:0; }
#cover-mask img { display:block; position:relative; width:100%; height: 100%; }

.ua-android-2 #cover-mask img { display:none; }
.ua-android-2 #cover-mask {
	background: url(/static/img/mask-black-gradient-bottom-short.png);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

/*
#cover-mask:before { content:""; height:100%; vertical-align:middle; display:inline-block; }
#cover-mask > div { display:inline-block; vertical-align:middle; }
*/

#cover-title-wrap {
	/* max-width:50%; */
}

#cover-title { font-size:32px; line-height:36px; font-weight:bold; }

@media (max-width:767px) {
	#cover-title { font-size:24px; line-height:28px; }
}

@media (max-width:340px) {
	#cover-title { font-size:18px; line-height:24px; }
	#cover-description { font-size:10px; line-height:12px;}
}

#cover-title, #cover-description {
	/* text-align:center; */
}

html.is-mobile #cover-title {
	font-size:18px; line-height:24px;
}

.authorized-mark {
	position:absolute;
	left: 30px;
	bottom: 30px;
}

/*** cover-title ****/

#cover-title-wrap {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	text-align:left;
	
	/*
	background:rgba(0,0,0,0.2);
	padding:10px;
	*/
}

#cover-title-container {
	margin:0 auto;
	width: 700px;
	max-width: 80%;
	display:block;
}

#cover-title {
	margin-top:0;
}
#cover-description {
	-moz-opacity:0.8;
	-ms-filter:alpha(opacity=80);
	filter:alpha(opacity=80);
	opacity:0.8;
	
	font-size:14px;
	line-height:18px;
	/* max-height: 72px; /* 18*4 */
	overflow:hidden;
}

@media (max-height:568px) {
	html.is-mobile #cover-title {
		font-size: 16px;
		line-height:20px;
	}
	#cover-description {
		font-size: 10px;
		line-height: 14px;
		/* max-height: 56px; */
	}
}

@media (orientation:portrait) {
	#cover-title-wrap {
	}
}

/***/

#cover {
	/*
	-webkit-transition: height 700ms ease 0, opacity 700ms ease 0;
	-moz-transition: height 700ms ease 0, -moz-opacity 700ms ease 0;
	-ms-transition: height 700ms ease 0, opacity 700ms ease 0;
	transition: height 700ms ease 0, opacity 700ms ease 0;
	*/
}

#cover {
	-moz-opacity:0;
	opacity:0;
}

.nav-media #cover {
	-moz-opacity:1;
	opacity:1;
}

.nav-media #cover {
	/* override common.js */
	/* height:450px; /* override js */
	height: 100%;
	height: 100vh;
}

/***** new nav *****/

#nav { color:#888; background: transparent; }

#cover { z-index:0; }

#nav * { color:inherit; }
#nav a { text-decoration:none; outline:none; border:none; }
/* #nav #main-menu-toggle { padding:5px 7px; position:absolute; left:10px; top:10px; } */

#nav #main-menu-toggle {
	position:absolute;
	left:20px;
	top: 20px;
	text-align:center;
	
	padding: 4px;
}

/* for IE bug */
body.left-menu-opened #main-menu-toggle,
body.left-menu-opened #personal-icons,
body.left-menu-opened #btn-post,
body.left-menu-opened #scroll-top {
	display:none !important;
}

html.is-mobile #nav #main-menu-toggle {
	left: 15px;
	top: 15px;
}

#nav #main-menu-toggle img {
	display:block;
	width: 36px;
	height: 36px;
}

html.is-mobile #nav #main-menu-toggle img {
	width: 34px;
	height: 34px;
}

#nav #main-menu-toggle img {
	vertical-align:middle;
}

/*
#nav #main-menu-toggle:after {
	content:'';
	display:inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}
*/

#nav * { color:white; }

#nav button:focus, #nav a:focus { outline:none; }

#nav #main-menu-toggle { text-align:center; background:#222; background:rgba(34,34,34,0.5); color:white; }

#nav { position:absolute; left:0; right:0; top:0; z-index:1; }

#nav { position:fixed; left:0; right:0; top:0; z-index:100; }
#header .navbar-inner { padding-left:50px; }
#nav #main-menu-toggle span { display: none; }
.nav-media #nav #main-menu-toggle span { display:inline; }

/*
#nav { -webkit-transition:opacity 500ms ease 0; -moz-transition:-moz-opacity 500ms ease 0; transition:opacity 500ms ease 0; }
#nav { -moz-opacity:0.5; opacity:0.5; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50); }
#nav:hover { -moz-opacity:1; opacity:1; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50); }
body.left-menu-opened #nav { -moz-opacity:0; opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); z-index:-1; }
*/

/*
#nav #main-menu-toggle {
	-webkit-transition:color 700ms ease 0, background-color: 700ms ease 0;
	-moz-transition:color 700ms ease 0, background-color: 700ms ease 0;
	-ms-transition:color 700ms ease 0, background-color: 700ms ease 0;
	transition:color 700ms ease 0, background-color: 700ms ease 0;
}
*/

.nav-media #main-menu-toggle {
	display:block;
}

#nav ul {
	list-style:none;
	position:absolute;
	/* top:16px; right:20px; */
	top:20px; right:20px;
	padding:0; margin:0;
	/*
	text-shadow: {
			 2px  2px 3px rgba(0,0,0, 0.1),
			-2px  2px 3px rgba(0,0,0, 0.1),
			 2px -2px 3px rgba(0,0,0, 0.1),
			-2px -2px 3px rgba(0,0,0, 0.1);
	}
	*/
}

html.is-mobile #nav ul { top:15px; right:15px; }
#nav ul > li { list-style:none; display:inline-block; }
#nav ul > li + li { margin-left:7px; }
#nav ul > li > a { padding:10px; display:inline-block; }

#nav-login-wrap {
	margin-top: 30px;
}

ul#nav-login {
	/*
	width:700px;
	max-width:80%;
	*/
	
	list-style:none;
	display: block;
	padding: 20px 0 30px;
	text-align:center;
	
	border-top: 1px solid #888;
	border-top-color:rgba(255,255,255, 0.5);
}

ul#nav-login > li {
	display:inline-block;
}

ul#nav-login > li + li {
	margin-left:2em;
}

ul#nav-login > li > a,
ul#nav-login > li > span {
	padding:4px 8px 2px;
	
	color:white;
	
	text-decoration:none;
	-moz-opacity:0.8;
	opacity:0.8;
	
}

/*
ul#nav-login > li > a {
	border:1px solid white;
	-moz-border-radius:1em;
	border-radius:1em;
}
*/

ul#nav-login, ul#nav-down, ul#cover-tags {
	list-style:none;
	margin:0 auto;
	color:white;
	text-align:center;
}
ul#nav-login a , ul#nav-down a, ul#cover-tags a {
	color:inherit;
	text-decoration:none;
}

ul#nav-login a {
	-moz-opacity:0.8;
	-ms-filter:alpha(opacity=80);
	filter:alpha(opacity=80);
	opacity:0.8;
}

/*
ul#nav-down {
	position:absolute;
	left:0; right:0;
	bottom:0;
	padding: 30px 0;
	margin: 0;
}
*/

ul#nav-down {
	margin:30px 0;
}

ul#cover-tags {
	margin-top:30px;
}

ul#nav-down a, ul#cover-tags a {
	-moz-opacity:0.75;
	-ms-filter:alpha(opacity=75);
	filter:alpha(opacity=75);
	opacity:0.75;
}

ul#nav-down a {
	display:block;
	font-size:28px;
}

ul#cover-tags a {
	margin: 0.25em 1em;
}

ul#nav-login a:hover , ul#nav-down a:hover, ul#cover-tags a:hover {
	-moz-opacity:1;
	-ms-filter:alpha(opacity=1);
	filter:alpha(opacity=1);
	opacity:1;
}

/* subnav */

.navbar-sub { display:none; }
.navbar-inner { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; filter:none; border:none; }

.navbar { margin-bottom:0; }

/********/
html { height:100%; overflow-x:hidden; }
body { width:100%; overflow-x:hidden; }

#left-menu-container { display:block!important; min-height:100%; }
#left-menu { position:relative; }

body #left-menu { position:relative!important; }

#all {
	-webkit-transition: -webkit-transform .2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
	-moz-transition: -moz-transform .2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
	-ms-transition: -ms-transform .2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
	transition: transform .2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
	
}

#all-wrap {
	overflow:hidden;
	min-height:100%;
}

#left-menu-container { position:relative; float:left; width: 280px; margin-right:-280px; }
#all { float:left; width:100%; }
#left-menu-container, #all { padding-bottom:32767px; margin-bottom:-32767px; }

body.left-menu-opened #all {
	/*
	-webkit-transform: translate3d(280px,0,0);
	-moz-transform: translate3d(280px,0,0);
	-ms-transform: translate3d(280px,0,0);
	transform: translate3d(280px,0,0);
	*/
	
	-webkit-transform: translate(280px,0);
	-moz-transform: translate(280px,0);
	-ms-transform: translate(280px,0);
	transform: translate(280px,0);
	
	position:relative;
	
	left:auto !important;
}

.ua-msie-8 body.left-menu-opened #all {
	left:280px !important;
}

#left-menu-container {
	background: black;
}

html.is-mobile body.modal-open #all-wrap { display:none; }

/*** personal-icons ***/

#personal-icons {
	position: absolute;
	top: 80px;
	right: 20px;
	z-index:1;
	
	color: white;
	background:black;
	background:rgba(34,34,34,0.5);

}

a#scroll-top {
	right: 20px;
	-moz-border-radius: 0;
	border-radius:0;
}

body.hiding-post-btns #personal-icons {
	top: 20px;
}

html.is-mobile #personal-icons {
	top: 15px;
	right: 15px;
	/* font-size:80%; */
}
html.is-mobile #personal-icons [class^="icon-"] {
	font-size:90%;
}

html.is-mobile a#scroll-top {
	right: 15px;
}

/*
a#scroll-top:active, #personal-icons a:active {
	position: relative;
	top: 1px;
	left: 1px;
};
*/

html.is-mobile #personal-icons {
	top: 70px;
}

html.is-mobile body.hiding-post-btns #personal-icons {
	top: 15px;
}


#notices  > a , #nav-messages > a {
	display:inline-block;
	position:relative;
	
	text-decoration:none;
	padding: 0.3em 0.5em 0.4em;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 70px; /* see #btn-post .btn */
	text-align:center;

	vertical-align:middle;
}

#notices > a > span, #nav-messages > a > span {
	font-size:80%;
}

#notices.not_has_unread, #nav-messages.not_has_unread {
	display:none;
}

#notices.has_unread, #nav-messages.has_unread {
}

#personal-icons > *.has_unread + #personal-icons > *.has_unread {
	margin-top: 10px;
}

.for-hybrid-anonymous { display:none; }
.tenant-type-hybrid.anonymous .for-hybrid-anonymous { display:block; }

.tenant-type-hybrid.anonymouos .not-for-hybrid-anonymous { display:none !important; }

.tenant-type-hybrid.anonymous.nav-media #main-container { display:none; }

/******/

body #left-menu {
	background:black;
}

#left-menu #header-img-mobile > a {
	color: white;
}

#left-menu ul > li.divider {
	display:none!important;
}

#left-menu ul>li>a {
	color:inherit;
}
#left-menu ul>li {
	color: #ccc;
}


#left-menu ul>li.active, #left-menu ul>li:hover {
	color:white;
	background: transparent;
	font-weight:bold;
}

#left-menu ul>li.active > .collapse,
#left-menu ul>li:hover > .collapse {
	color: inherit;
	font-weight: normal;
}

#left-menu > ul > li > div.collapse {
	padding: 0 0 0 0;
}

#left-menu > ul > li > div.collapse > ul {
	margin:0;
}

#left-menu > ul > li > div.collapse > ul > li > * {
	padding-left:30px;
}

/*********/

.modal, .modal-footer, .modal-header {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-ms-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.modal-backdrop, .modal-backdrop.fade.in {
	-moz-opacity:0.2;
	-ms-filter:alpha(opacity=20);
	filter:alpha(opacity=20);	
	opacity: 0.2;
}


html.is-not-mobile .modal {
	color:white;
	background:#333;
	background:rgba(0,0,0,0.8);
}

html.is-not-mobile #modal-messages.modal .message-body {
	color: #666;
}
html.is-not-mobile #modal-messages.modal .message-body:after,
html.is-not-mobile #modal-messages.modal .message-body:before {
	background-color: transparent;
}

html.is-not-mobile .modal .done {
	/* background:transparent; */
	background: #333;
}
.modal .done > div {
	display:inline-block;
	vertical-align: middle;
}
.modal .done:after {
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle;
	font-size:0;
	margin-left:-0.25em;
}

html.is-not-mobile #modal-post {
	color:black;
}

html.is-not-mobile .modal-header {
	border-bottom: 1px solid #666;
}

html.is-not-mobile .modal-footer {
	background: transparent;
	border-top: 1px solid #666;
}

html.is-not-mobile .modal [class^="icon-"],
html.is-not-mobile .modal [class*=" icon-"] {
	color: white;
}

html.is-not-mobile .modal .textarea-wrap .rightbottom [class^="icon-"] {
	color: #888;
}

html.is-not-mobile #modal-post [class^="icon-"],
html.is-not-mobile #modal-post [class*=" icon-"] {
	color:black;
}


html.is-not-mobile #modal-dopost .modal-header .modal-dopost-heading {
	border-bottom: 1px solid #888;
}


html.is-not-mobile #modal-dopost .tab-pane {
	background:transparent;
	
}

html.is-not-mobile form.form-filled {
	color: inherit;
}


html.is-not-mobile .modal form.form-filled [class^="filled-"],
html.is-not-mobile .modal form.form-filled [class*=" filled-"] {
	background: transparent;
	border:none;
	margin-bottom: 7px;
}

html.is-not-mobile #modal-dopost .tags-recommend {
	color: inherit;
}

div.tagsinput {
	background: transparent;
}

#modal-media-tags div.tagsinput {
	background: white;
	color: black;
}

html.is-not-mobile #modal-dopost #dopost-tags-recommend {
	background: transparent;
	color:inherit;
}

html.is-not-mobile .modal .radios > label.checked {
	color:white;
}

body.modal-open #nav {
	display:none;
}

#modal-post {
	width: 95%;
}

#modal-post .modal-post-nav > .modal-post-close > a,
#modal-post .modal-post-nav > .modal-post-next > a,
#modal-post .modal-post-nav > .modal-post-prev > a {
	position:absolute;
	
	/* top:0;
	bottom:0;
	*/
	
	width:28px;
	
	height:28px;
	top:70px;
	
	-moz-border-radius: 14px;
	border-radius: 14px;
	
	background: black;
	background: rgba(0,0,0,0.3);
	
	color:white !important;
	z-index: 1;
	
	-moz-opacity:0.5;
	opacity:0.5;
	-ms-filter:alpha(opacity=50);
	filter:alpha(opacity=50);
}


#modal-post .modal-post-nav > * > a:hover {
	-moz-opacity:1;
	opacity:1;
	-ms-filter:alpha(opacity=100);
	filter:alpha(opacity=100);
}

#modal-post .modal-post-nav > .modal-post-close > a {
	top: 7px;
	right:7px;
}

#modal-post .modal-post-nav > .modal-post-prev > a {
	left:7px;
}

#modal-post .modal-post-nav > .modal-post-next > a {
	right:7px;
}

#modal-post .modal-post-nav > .modal-post-close > a > i {
	margin-left:-7px;
}

#modal-post .modal-post-nav > .modal-post-prev > a > i {
	margin-left:-5px;
}
#modal-post .modal-post-nav > .modal-post-next > a > i {
	margin-left:-3px;
}

#modal-post .modal-post-nav a {
	color:white;
	text-align: center;
	white-space:nowrap;
	text-decoration:none;
}

#modal-post .modal-post-nav a:hover {
	color:white;
}

#modal-post .modal-post-nav a:before {
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle;
}

#modal-post .modal-post-nav a > i {
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	line-height:18px;
}

html.is-mobile #modal-post .modal-post-nav {
	position:fixed;
	z-index:10;
	top:0;
	left:0;
	right:0;
}

html.is-not-mobile .modal .nav-pills>.active>a,
html.is-not-mobile .modal .nav-pills>.active>a:hover,
html.is-not-mobile .modal .nav-pills>.active>a:focus,
html.is-not-mobile .modal .nav>li>a:hover,
html.is-not-mobile .modal .nav>li>a:focus {
	background-color: #888;
	text-shadow:none;
}

html.is-not-mobile #modal-dopost #dopost-question-tab > li > a,
html.is-not-mobile .modal a:not(.btn) {
	color: #ADD8E6; /* light blue */
}

html.is-not-mobile #modal-post a:not(.btn) {
	color:#08c;
}

html.is-not-mobile #modal-dopost .modal-header .modal-dopost-heading {
	color: goldenrod;
}

html.is-not-mobile .modal .help-block, html.is-not-mobile .modal .help-inline {
	color: #ccc;
}



/*******************/

.btn-danger, .btn-warning, .btn-normal, .btn-primary,
.btn-danger:hover, .btn-warning:hover, .btn-normal:hover, .btn-primary:hover,
.btn-danger:focus, .btn-warning:focus, .btn-normal:focus, .btn-primary:focus,
.btn-danger:active, .btn-warning:active, .btn-normal:active, .btn-primary:active,
.btn-danger.disabled, .btn-warning.disabled, .btn-normal.disabled, .btn-primary.disabled,
.btn-danger[disabled], .btn-warning[disabled], .btn-normal[disabled], .btn-primary[disabled] {
	background:none;
	color:inherit;
	border: 1px solid #ccc;
	-webkit-border-radius: 1.2em;
	-moz-border-radius: 1.2em;
	border-radius: 1.2em;
	
	outline:none;
	
	font-weight: bold;
}

.btn-danger:hover, .btn-warning:hover, .btn-normal:hover, .btn-primary:hover {
	border-color: #666;
}

html.is-not-mobile .modal .btn-danger,
html.is-not-mobile .modal .btn-warning,
html.is-not-mobile .modal .btn-normal,
html.is-not-mobile .modal .btn-primary,
html.is-not-mobile .modal .btn-danger:hover,
html.is-not-mobile .modal .btn-warning:hover,
html.is-not-mobile .modal .btn-normal:hover,
html.is-not-mobile .modal .btn-primary:hover,
html.is-not-mobile .modal .btn-danger:active,
html.is-not-mobile .modal .btn-warning:active,
html.is-not-mobile .modal .btn-normal:active,
html.is-not-mobile .modal .btn-primary:active {
	border-color:#aaa;
}

html.is-not-mobile .modal .btn-danger:hover,
html.is-not-mobile .modal .btn-warning:hover,
html.is-not-mobile .modal .btn-normal:hover,
html.is-not-mobile .modal .btn-primary:hover {
	border-color: #eee;
}

.btn-danger:active, .btn-warning:active, .btn-normal:active, .btn-primary:active {
	position: relative;
	top: 1px;
	left: 1px;
}

#btn-posts .btn {
	background:black!important;
	background:rgba(34,34,34,0.5)!important;
	border:none!important;
	-moz-border-radius:0!important;
	-webkit-border-radius:0!important;
	border-radius:0!important;
	
	height: 44px;
	min-width: 70px;
}

html.is-mobile #btn-posts .btn {
	height: 38px;
}

html.is-not-mobile .close {
	color:white;
	text-shadow:none;
	-moz-opacity:0.4;
	-ms-filter:alpha(opacity=40);
	filter:alpha(opacity=40);
	opacity:0.4;
}

.navbar-sub {
	display:none;
}

/**** disable save ****/

body.suppress-dl #posts .post .post_pic:after,
body.suppress-dl #modal-post .post-image-image:after {
	content:"";
	position:absolute;
	left:0; right:0; top:0; bottom:0;
	/* background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); */
	background:url(/static/img/1x1_trans.gif) repeat;
	z-index:1;
}

body.nav-channel #posts .post.has_embed .post_pic:after {
	display: none;
}

#modal-post .post-image-image .site {
	z-index:2;
}

body.suppress-dl #posts .post .post_main_link *,
body.suppress-dl #modal-post .post-image,
body.channel #posts .post .post_main_link,
body.channel video,
body.channel audio {
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-moz-user-drag:none;
	-ms-user-drag:none;
	-webkit-user-drag:none;
	user-drag:none;
}

@media print {
body.suppress-dl #posts .post .post_main_link *,
body.suppress-dl #modal-post .post-image,
body.channel #posts .post .post_main_link,
body.channel video,
body.channel audio {
		visibility:hidden !important;
	}
}

/*** ***/
html.is-not-mobile #modal-dopost {
	width: 720px;
	margin-left: -360px;
	max-width: 90%;
}

/** tag **/

#form-nav-posts-search-tag {
	margin-top:15px;
}
#post-tags-search-results {
	padding: 15px 0;
}

div.tagsinput span.tag {
	color:inherit;
}

body.nav-media.gallery .container { width:100% !important; padding:0; }
body.nav-media.stream .container { 
	width:100% !important;
	padding:0 14px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html.is-mobile body.stream.posts #posts.vgrid .post + .post {
	margin-bottom: 3px;
}


body.posts #posts.vgrid .post.posts_leading .post_main {
	background:#eee;
	padding:40px 10px;
	text-align:center;
	border-bottom: 1px solid #ccc !important;
	
	color:#888;
	font-size:300%;
}

body.posts.gallery #posts.vgrid .post.posts_leading .post_main {
	background:rgba(0,0,0,0.5);
	color:#ccc;
	border-bottom: none !important;
}

html.is-mobile body.posts #posts.vgrid .post.posts_leading .post_main {
	font-size: 200%;
}

/* #header { display:none !important; } */

body.resource #resource {
	padding-top: 65px;
}

html.is-mobile body.resource #resource {
	padding-top: 30px;
}

html.is-mobile body.resource #resource h1 {
	font-size: 175%;
}

html.is-mobile body.resource #resource h2 {
	font-size: 150%;
}

html.is-mobile body.resource #resource h3 {
	font-size: 125%;
}

body.channel-cover #main-container,
body.channel #main-container {
	padding-top:20px;
}

html.is-mobile body.channel-cover #main-container,
html.is-mobile body.channel #main-container {
	padding-top:65px;
}

#channel-cover .channel_subscriptions {
	border:none;
}

body.user #main-container,
body.users #main-container {
	padding-top: 20px;
}

html.is-mobile body.user #main-container,
html.is-mobile body.users #main-container {
	padding-top: 60px;
}

#list {
	position:relative;
}

.list-none {
	height: 200px;
}

.list-none > div {
	display:inline-block;
	vertical-align: middle;
}

.list-none:after {
	content:"";
	height: 100%;
	display:inline-block;
	width: 0;
	margin-left: -0.25em;
}

body.posts #posts.vgrid .post_main {
	margin-top:14px;
}

html.is-mobile #modal-post #post-info .title {
	font-size:125%;
	line-height:125%;
	font-weight: bold;
}

html.is-not-mobile #modal-dopost .uploading-mask {
	background:#666;
}
html.is-mobile #modal-dopost .uploading-mask .spinner-white,
html.is-not-mobile #modal-dopost .uploading-mask .spinner-black {
	display:none;
}

html.is-not-mobile .dopostimagelink-results {
	background:#444;
}

html.is-not-mobile .dopostimagelink-results .url,
html.is-not-mobile .dopostimagelink-results .description,
html.is-not-mobile .dopostimagelink-results .btns-images-select,
html.is-not-mobile .dopostimagelink-results .image-size {
	color: #ccc;
}

/*** sns icons ***/
.icon-mixi-mono {
	display: inline-block;
	position: relative;
	width: 1em;
	height: 1em;
	
	background-image: url(/static/img/icon-mixi-64-mono-gray.png)!important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	vertical-align: middle;
	
	/* -ms-behavior: url(/static/lib/css/backgroundsize.htc); */
	background-image: none\9 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/img/icon-mixi-64-mono-gray.png', sizingMethod='scale')";
}

html.is-not-mobile .modal .icon-mixi-mono {
	background-image: url(/static/img/icon-mixi-64-mono-white.png)!important;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/img/icon-mixi-64-mono-white.png', sizingMethod='scale')";
}

.icon-facebook-sign,
.icon-facebook,
.icon-twitter,
.icon-google-plus {
	color:inherit;
}

/*** guide ***/

.ui-guide {
	display: none;
}

.ui-guide {
	position:absolute;
	
	background: #666 !important;
	color: #eee !important;
	
	padding:7px 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius:5px;

	font-weight: normal !important;
	font-size: 12px !important;
	line-height: 12px !important;
	
	white-space: nowrap;
}

.ui-guide.animate {
	-moz-animation: animate-guide 1.5s linear;
	-webkit-animation: animate-guide 1.5s linear;
	animation: animate-guide 1.5s linear;
	
	-moz-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@keyframes animate-guide {
	0% { transform: translate(0, 20px); }
	20% { transform: translate(0, 15px); }
	40% { transform:translate(0,0); }
	50% { transform:translate(0,8px); }
	60% { transform: translate(0, 10px); }
	70% { transform:translate(0,3px); }
	80% { transform: translate(0, 5px); }
	90% { transform:translate(0,3px); }
	100% { transform: translate(0, 0); }
}

@-moz-keyframes animate-guide {
	0% { -moz-transform: translate(0, 20px); }
	20% { -moz-transform: translate(0, 15px); }
	40% { -moz-transform:translate(0,0); }
	50% { -moz-transform:translate(0,8px); }
	60% { -moz-transform: translate(0, 10px); }
	70% { -moz-transform:translate(0,3px); }
	80% { -moz-transform: translate(0, 5px); }
	90% { -moz-transform:translate(0,3px); }
	100% { -moz-transform: translate(0, 0); }
}

@-webkit-keyframes animate-guide {
	0% { -webkit-transform: translate(0, 20px); }
	20% { -webkit-transform: translate(0, 15px); }
	40% { -webkit-transform:translate(0,0); }
	50% { -webkit-transform:translate(0,8px); }
	60% { -webkit-transform: translate(0, 10px); }
	70% { -webkit-transform:translate(0,3px); }
	80% { -webkit-transform: translate(0, 5px); }
	90% { -webkit-transform:translate(0,3px); }
	100% { -webkit-transform: translate(0, 0); }
}

.ui-guide:before {
	content:"";
	display:block;
	position:absolute;
	border-width: 7px;
	border-color: #666;
	border-style: solid;
	width: 0;
	height:0;
	font-size:0;
}

.ui-guide.top {
	top: 100%;
	left: 0;
	margin-top: 7px;
}
.ui-guide.top:before {
	top: -7px;
	left: 14px;
	
	border-top-width: 0;
	border-left-width: 4px;
	border-right-width: 4px;
	
	border-right-color: transparent;
	border-left-color: transparent;
	
}

.ui-guide.left {
	left:100%;
	top: 50%;
	margin-top: -1em;
	margin-left:7px;
}

.ui-guide.left:before {
	left: -7px;
	top: 50%;
	margin-top:-4px;
	
	border-left-width: 0;
	border-top-color: transparent;
	border-bottom-color: transparent;
	
	border-top-width: 4px;
	border-bottom-width: 4px;
	
}

.ui-guide.right {
	right:100%;
	top: 50%;
	margin-top: -1em;
	margin-right:7px;
}

.ui-guide.right:before {
	right: -7px;
	top: 50%;
	margin-top:-4px;
	
	border-right-width: 0;
	border-top-color: transparent;
	border-bottom-color: transparent;
	
	border-top-width: 4px;
	border-bottom-width: 4px;
	
}

#main-menu-toggle .ui-guide.top {
	left: 0;
}

html.is-mobile #main-menu-toggle .ui-guide.top {
	left: 0;
}

#btn-post .has-ui-guide .ui-guide.top {
	left: auto;
	right: 0;
}

#btn-post .has-ui-guide .ui-guide.top:before {
	left: auto;
	right: 30px;
}

body #posts .for-loading .spinner-white {
	display:none;
}

.nextanchor .for-loading {
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
	-ms-filter:alpha(opacity=80);
	filter:alpha(opacity=80);
	opacity:0.8;
}

a.tag > span {
	margin-left: -0.22em;
}

/* generic.html */

body#generic.resource #resource {
	padding-top: 30px;
	margin-top: 0;
}

@media screen and ( max-width:767px) {
	
	html body#generic h1 {
		font-size: 150%;
	}
	
	html body#generic h2 {
		font-size: 130%;
	}
	
	html body#generic h3 {
		font-size: 120%;
	}
}

#generic_return {
	padding: 10px 0 20px;;
}

/* 重さ対策 + Androidでの裏反応避け */
#left-menu-container { display:none; }
body.left-menu-opened #left-menu-container { display:block; }

* {
	-webkit-tap-highlight-color:rgba(0,0,0,0);	
}

/* for blog question */
body.blog.posts #posts .post.has_question .post_message {
	max-height: none;
}