@charset "utf-8";

.for-tenant-has-channel {
	display: none;
}

body.tenant-has-channel .for-tenant-has-channel {
	display: block;
}
body.tenant-has-channel span.for-tenant-has-channel {
	display: inline;
}

.for-channels, .for-channel-cover, .for-channel,
.for-channel-post, .navbar .nav.for-channel-post,
body.channel .not-for-channel {
	display: none;
}

html.is-not-mobile body.loginuser-can-post-channel.channel {
	/* padding-top: 90px; */
}

body.loginuser-can-post-channel.channel .navbar .nav {
	dipsplay:block;
}

html.is-not-mobile body.channel-cover .for-channel-post.for-mobile,
html.is-not-mobile body.channel .for-channel-post.for-mobile,
html.is-mobile body.channel-cover #btn-post-mobile.for-mobile,
html.is-mobile body.channel #btn-post-mobile.for-mobile {
	display: none !important;
}

body.channel .for-channel,
body.channel.loginuser-can-post-channel .for-channel-post,
body.channel.loginuser-can-post-channel .navbar .nav.for-channel-post,
body.channels .for-channels,
body.channel-cover .for-channel-cover {
	display:block;
}

body.channel span.for-channel,
body.channels span.for-channels,
body.channel-cover span.for-channel-cover {
	display:block;
}

/*
body.channel .navbar-sub,
body.channels .navbar-sub,
body.channel-cover .navbar-sub,
body.nav-channel-inquiry .navbar-sub,
*/
body.channel #btn-post,
body.channel #btn-post-mobile,
body.channel #nav-posts,

body.channel-cover #btn-post,
body.channel-cover #btn-post-mobile,
body.channel-cover #nav-posts,

body.channel-cover .channel_admin {
	display: none;
}

html.is-mobile body .for-mobile.for-channel-post {
	display: none !important;
}

html.is-mobile body.channel .for-mobile.for-channel-post {
	display: block !important;
}

html.is-mobile body.channels #btn-channel-post-mobile,
html.is-mobile body.channel-cover #btn-channel-post-mobile {
	display: none !important;
}

body.channel-cover.loginuser-can-post-channel .channel_admin,
html.is-not-mobile body.channel.loginuser-can-post-channel .navbar-sub,
body.channel.loginuser-can-post-channel #btn-post-channel,
html.is-mobile body.channel.loginuser-can-post-channel #btn-post-channel-mobile {
	display:block;
}

/* body.channel, */
body.channels,
body.channel-cover {
	padding-top: 52px;
}

@media (max-width: 979px) {
	html.is-not-mobile body.loginuser-can-post-channel.channel,
	body.channel,
	body.channels,
	body.channel-cover {
		padding-top: 0;
	}
}


/************* channel cover **************/
#channel-cover {
	position: relative;
	width: 480px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#channel-cover h2 {
	font-size: 28px;
	line-height: 1.5em;
}

#channel-cover h3 {
	font-size: 18px;
	line-height: 1.5em;
}

#channel-cover .channel_image img {
	width: 100%;
}

#channel-cover .channel_post_plan {
	text-align: right;
}

#channel-cover .channel_description {
	margin: 15px 0;
}

#channel-cover .channel_newcontents {
	margin: 15px 0;
	font-size: 13px;
	
}

#channel-cover .channel_content {
	position: relative;
}

#channel-cover .channel_content_title {
	display: inline-block;
	position: relative;
	padding-right: 9em;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#channel-cover .channel_content_datetime {
	display: inline-block;
	position: relative;
	width: 9em;
	text-align: right;
	position: absolute;
	top: 0; right: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#channel-cover .channel_subscriptions {
	border: 1px solid #ccc;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
	padding: 15px;
}

#channel-cover .channel_subscribe {
}

#channel-cover .channel_subscribe .btn {
	display: block;
	padding: 7px;
	margin: 7px 0;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-ms-border-radius: 14px;
	border-radius: 14px;
}

#channel-cover .channel_subscribe.subscribed {
}

#channel-cover .channel_subscribe,
#channel-cover .channel_subscribe a {
}

#channel-cover h3 {
	margin-top: 20px;
	border-bottom: 1px solid #ccc;
}

#channel-cover p {
	margin-left: 1em;
}

#channel-cover pre {
	background: transparent;
	border: none;
}

#channel-cover ul, #channel-cover ol {
	margin-left: 2.5em;
}

@media ( max-width: 495px ) {
	#channel-cover h2 {
		font-size: 22px;
	}
	#channel-cover h3 {
		font-size: 16px;
	}
	#channel-cover {
		width: 100%;
		padding: 0 15px;
	}
}

/**********  channel ***************/

#channel-inquiry,
body.channel #list-header,
body.channel #posts {
	width: 480px;
	margin: 0 auto;
}

#channel-inquiry {
	padding-top:20px;
}

@media (max-width: 495px) {
	#channel-inquiry,
	body.channel #list-header,
	body.channel #posts {
		width: auto;
		padding-top: 0px;
		padding-left: 7px;
		padding-right: 7px;
	}
}

#nav-channel-tags {
	position: relative;
}

#nav-channel-tags.no_tags .caret,
#nav-channel-tags.no_tags ul.dropdown-menu {
	display: none;
}

#nav-channel-tags-notag a[rel="pjax"],
#nav-channel-tags [data-tmpl="selected"] {
	font-size: 14px;
}

#nav-channel-tags [data-tmpl="selected"] .caret {
	vertical-align: middle;
}

#nav-channel.nav-pills>li>a {
}

#nav-channel.nav-pills>li>a>[class^="icon-"] {
	font-size: 18px;
	color: #888;
	margin: -4px;
}

body.channel .comments-nomore,
body.channel .btn-comments-append {
	padding-bottom: 7px;
}

body.channel #modal-dopost {
}

body.channel #modal-dopost h3 {
	margin-bottom: 15px;
}

body.channel #modal-dopost .sns-posts,
body.channel #modal-dopost .mailpost {
	display: none;
}

body.channel #modal-dopost #btn-dopost > span {
	display: none;
}

body.channel #modal-dopost #btn-dopost > span.for-channel {
	display: inline;
}

/**** channel inquiry ****/

body.nav-channel-inquiry #posts {
	display:none;
}

#channel-inquiry h2 {
	font-size:150%;
}

#left-menu ul>li>a + a,
.dropdown-menu>li.dropdown-submenu-inline>ul>li>a + a {
	display:none;
	font-size:80%;
	text-align:right;
	padding-top:2px;
	padding-bottom:2px;
}

#left-menu ul>li.active>a + a,
.dropdown-menu>li.dropdown-submenu-inline>ul>li.active>a + a {
	display:block;
	background:none;
	filter:none;
	color:inherit;
	color:#888;
}

body.channel-cover #left-menu ul>li>a + a,
body.channel-cover .dropdown-menu>li.dropdown-submenu-inline>ul>li.active>a + a {
	display:none;
}

#left-menu ul>li.active>a + a {
	position: relative;
	top:-2ex;
}