@charset "UTF-8";

*
	{
		word-wrap:break-word;
	}
html
	{
		position: relative;
		height: 100%;
	}
body
	{
		position: relative;
		height: 100%;
		font-family:
		'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	}

/**
 * header block
 */
header
	{
		border-top: 4px solid #000000;
		border-bottom: 4px solid #000000;
		position: relative;
		z-index: 33;
	}
header h1
	{
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		margin: 2px 0 0;
	}
/**
 * content block
 */

#content .content-body
	{
		padding: 10px 0 20px;
	}

.list-group-item:first-child
	{
		border-radius: 0;
	}
.list-group-item:last-child
	{
		border-radius: 0;
	}

#castlist img
	{
		cursor: pointer;
	}
#castlist .list-group-item
	{
		cursor: pointer;
		padding: 0;
		min-height: 140px;
	}
#castlist .list-group-item .row
	{
		margin: 0;
		position: relative;
	}
#castlist .list-group-item .row [class^=col-]
	{
		min-height: 140px;
	}

#castlist .list-group-item .row img
	{
		max-height: 120px;
	}
#castlist .list-group-item .row>div:nth-child(1),
#castlist .list-group-item .row>div:nth-child(2)
	{
		padding: 8px;
	}
#castlist .list-group-item .row>div:nth-child(1):hover,
#castlist .list-group-item .row>div:nth-child(1):focus
	{
		background-color: #fff0f0;
	}
#castlist .list-group-item .row>div:nth-child(2):hover,
#castlist .list-group-item .row>div:nth-child(2):focus
	{
		background-color: #f0f0ff;
	}
#castlist .list-group-item .name
	{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

#formcomment .rating-xs
	{
		font-size: 1.6em;
	}
#formcomment .rating-disabled
	{
		cursor: default;
	}
#formcomment .form-control-static
	{
		padding-bottom: 0;
		min-height: auto;
	}

.inc-template
	{
		padding: 10px;
		border: 1px dotted #CCCCCC;
		margin: 4px 0;
	}
.inc-template p
	{
		min-height: 3em;
	}
.goodlist .fa
	{
		font-size: 1.6em;
	}
.goodlist .fa-thumbs-o-up
	{
		color: #ff5588;
	}
.goodlist .fa-thumbs-o-down
	{
		color: #5588ff;
	}

#adminlist td
	{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
/*		max-width: 240px;*/
	}

#adminlist .fa.text-muted
	{
		opacity: 0.3;
	}


.comment-list .list-group-item
	{ cursor: pointer; }
.comment-list .com
	{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
#formcomment .fa-star
	{
 color: #FFDD99; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	}

.image-list .img
	{
		position: relative;
		padding: 2px;
	}
#imagedelete .modal-body img,
.image-list .img img
	{
		background-size: auto 100%;
		background-position: center center;
		background-repeat: repeat;
	}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td
	{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 200px;
	}
.image-list .img.noactive:before
	{
		content: "\f070";
		display: inline-block;
		position: absolute;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 2em;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		background-color: rgba(255,255,255,0.8);
		padding: 0.2em;
	}




/**
 * 週間スケジュール
 */
#schedulelist .list-group
	{
		text-align:center;
		font-size: 14px;
		table-layout: fixed;
	}
#schedulelist .list-group-item
	{
		padding: 4px 0;
	}
#schedulelist .list-group-item .ctrl
	{
		width: 100px;
		display: inline-block;
		float: left;
	}

#schedulelist .list-group-item .ctrl button[name=auto].active
	{
		background: none;
		background-image: -webkit-linear-gradient(top, #5bc0de 0, #2aabd2 100%);
		background-image: -o-linear-gradient(top, #5bc0de 0, #2aabd2 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5bc0de), to(#2aabd2));
		background-image: linear-gradient(to bottom, #5bc0de 0, #2aabd2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		background-repeat: repeat-x;
		border-color: #28a4c9;
		text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
		color: #fff;
	}
#schedulelist .list-group-item .image
	{
/*		width: 100px;*/
		display: inline-block;
		float: left;
		padding: 8px 2px 0;
	}
#schedulelist .list-group-item .week
	{
		padding-top: 6px;
		float: right;
	}
#schedulelist .list-group-item img
	{
		background-size: 100%;
		background-position: center top;
		background-repeat: no-repeat
	}
#schedulelist input[name=image-show] + .list-group img
	{
		display: none;
	}
#schedulelist input[name=image-show]:checked + .list-group img
	{
		display: block;
	}
#schedulelist .list-group-item label
	{
		position: relative;
	}
#schedulelist .list-group-item .type label>input
	{
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}
#schedulelist .list-group-item .type label>span
	{
		display: inline-block;
		border: 1px solid #DDDDDD;
		border-radius: 3px;
		margin: 0;
		width: 1.4em;
		height: 1.4em;
		line-height: 1.4;
		cursor: pointer;
		box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
	}
#schedulelist .list-group-item label>input[type=radio]:checked + span
	{
		color: #FFFFFF;
		background-color: #55CCff;
	}
#schedulelist .week>[class^=day]
	{
		line-height: 20px;
		padding: 0;
		white-space: nowrap;
	}
#schedulelist .date-label
	{
		float: left;
		margin: 0 4px;
	}
#schedulelist .timeline
	{
		display: inline-block;
		background-image: url(/asset/images/library/bg_timescale.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 100%;
	}
#schedulelist .timeline>i
	{
		display: inline-block;
		width: 15px;
		height: 20px;
		border-left: 1px solid #000000;
		line-height: 20px;
		vertical-align: middle;
	}
#schedulelist .timeline>i:nth-child(2n)
	{
		border-left: 1px solid #dddddd;
	}
#schedulelist .timeline>i:last-child
	{
		border-right: 1px solid #000000;
	}
#schedulelist .timeline>i.active
	{
		background-color: rgba(68, 221, 136, 0.5);
	}
#schedulelist .timeline>i.active:hover,
#schedulelist .timeline>i:hover
	{
		background-color: rgba(255,220,220,0.5);
	}
#schedulelist .week .type
	{
		display: inline;
		margin-right: 8px;
	}
#schedulelist .week .type,
#schedulelist .name
	{
		font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

#schedulelist .week
	{
		font-family: monospace, sans-serif;
		font-size: 100%;
		margin-right: 0.5em;
	}
#schedulelist .day-selector button
	{
		margin: 8px;
	}

.sortable-placeholder
	{
		padding: 10px 15px;
		background-color: rgba(100,200,250,0.5);
	}
#castsortlist .list-group-item
	{
		padding: 4px 10px;
		background-color: #FFFFFF;
	}
#castsortlist .list-group-item .col-xs-9
	{
		line-height: 32px;
		vertical-align: middle;
	}
#castsortlist .list-group-item.up,
#castsortlist .list-group-item.down
	{
		background-color: rgba(100,200,255,0.8);
	}
#castsortlist .list-group-item.in
	{
		transition: background-color 1.0s ease 2.0s;
		background-color: #FFFFFF;
	}



#input-filter
	{
		resize: vertical;
	}

textarea.line-text
	{
		height: 34px;
		min-height: 1em;
		margin-bottom: 4px;
	}
.btn-edit
	{
		padding: 0.2em 0.6em;
		text-align: center;
	}
.btn-edit>.fa
	{
		margin: 0;
	}
.btn-edit.abs-bottom-right
	{
		position: absolute;
		bottom: 0.5em;
		right: 0.5em;
	}
.btn-edit.abs-top-right
	{
		position: absolute;
		top: 0.5em;
		right: 0.5em;
	}
#castlist .col-xs-4
	{
		border-right: 1px solid #dddddd;
	}


.modshop-name textarea
	{
		overflow: hidden;
		white-space: nowrap;
		width: 100%;
		resize: none;
		vertical-align: middle;
	}
.modshop-name div textarea
	{
		margin-bottom: 2px;
	}

form .check-toggle
	{
		display: inline-block;
		text-align: center;
	}
form .check-toggle>input
	{
		width: 0;
		height: 0;
		opacity: 0;
		float: right;
	}
form .check-toggle>span
	{
		display: block;
		padding: 0.4em 1em;
		border: 1px solid #ccc;
		border-radius: 4px;
		cursor: pointer;
		color: #CCCCCC;
		width: 8em;
	}

form .check-toggle>span:after
	{
		content: "非表示";
		display: inline;
	}
form .check-toggle.recruit>span:after
	{
		content: "募集しない";
	}
form .check-toggle>input:checked+span:after
	{
		content: "表示中";
		display: inline;
	}
form .check-toggle.recruit>input:checked+span:after
	{
		content: "募集中";
	}
form .check-toggle>input:checked+span
	{
		outline: 0;
		color: #fff;
		background-image: -webkit-linear-gradient(top, #5cb85c 0, #419641 100%);
		background-image: -o-linear-gradient(top, #5cb85c 0, #419641 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5cb85c), to(#419641));
		background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		background-repeat: repeat-x;
		border-color: #3e8f3e;
	}
#castlist .noactive
	{
		opacity: 0.5;
	}
#castlist .noactive .col-xs-4:before
	{
		content: "\f070";
		display: inline-block;
		position: absolute;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 2em;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		background-color: rgba(255,255,255,0.8);
		padding: 0.2em;
	}
#schedulelist .list-group-item .week>div>span:first-child .fa
	{
		display: none;
	}

#area-list .panel-heading:before
	{
		content: none;
	}
#area-list .panel-heading:after
{
	content: "\f0d7";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#area-list .panel-heading.collapsed:after
{
	content: "\f0da";
}
#input-areaid1-display
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

body.dragging, body.dragging * {
	cursor: move !important;
}

.dragged {
	position: absolute;
	opacity: 0.5;
	z-index: 2000;
}
#area-list button.placeholder {
	position: relative;
}
#area-list button.placeholder:before {
	position: absolute;
}

input.area-block {
	opacity: 0.5;
}

#castlist.list-group.stanby .list-group-item .row>div img,
#castlist.list-group.stanby .list-group-item .row>div
{
	cursor: default;
}
#castlist.list-group.stanby .list-group-item .row>div:hover
{
	background: none;
}

#stanby-auto-setting
{
	border: 1px solid #ddd;
	margin-bottom: 4px;
	border-radius: 4px;
	padding: 4px 0 0;
}

/**
 * 	toggle checkbox widget
 */
.toggle-group
{
	position: relative;
	overflow: hidden;
	display: block;
}
.toggle-group>.toggle
{
	position: absolute;
	left: -100%;
}
.toggle-group>.toggle+.toggle-box
{
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0 0 4px rgba(0,0,0,0.1) inset;
	cursor: pointer;
	padding: 0;
}
.toggle-group>.toggle+.toggle-box:before
{
	content: attr(data-offtitle);
	display: block;
	width: 50%;
	margin: 1px;
	padding: 4px 0.5em;
	border: 1px solid #999;
	border-radius: 3px;
	text-align: center;
	color: #FFFFFF;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
	box-shadow: 0 0 4px rgba(255,255,255,0.8) inset, -2px -2px 2px rgba(0,0,0,0.1) inset;
	transition: 0.3s 0s left ease;
	position: relative;
	background-color: #CCCCCC;
	left: 50%;
	margin-left: -1px;
}
.toggle-group>.toggle:checked+.toggle-box:before
{
	content: attr(data-ontitle);
	left: 0;
	margin-left: 1px;
	background-color: #ff99CC;
}
.toggle-group>.toggle+.toggle-box.toggle-box-primary:before
{
	box-shadow: 0 0 1px rgba(255,255,255,1.0) inset;
}
.toggle-group>.toggle:checked+.toggle-box.toggle-box-primary:before
{
	background-image: -webkit-linear-gradient(top, #337ab7 0, #265a88 100%);
	background-image: -o-linear-gradient(top, #337ab7 0, #265a88 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #337ab7), to(#265a88));
	background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #245580;
}

.btn-stanby.active,
.btn-stanby.active:hover,
.btn-stanby.active:focus
{
	background-color: #eb9316;
	border-color: #e38d13;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	color: #FFFFFF;
}
.btn-stanby.active:focus
{
	outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn-stanby.working.active,
.btn-stanby.working.active:hover,
.btn-stanby.working.active:focus
{
	background-color: #419641;
    border-color: #3e8f3e;
}

.pagination .input-group select
	{
		padding: 4px 12px;
/*		height: 31px;*/
	}

span.tel
	{
		color: #337ab7;
		cursor: pointer;
	}

@media (max-width: 992px)
{
	#schedulelist .list-group-item .ctrl,
	#schedulelist .list-group-item .image,
	#schedulelist .list-group-item .week
	{
		display: block;
		float: none;
		width: 100%;
	}
	#schedulelist .week>[class^=day]
	{
		line-height: 2em;
	}
	#schedulelist .list-group-item .week>div>span:first-child
	{
		cursor: pointer;
		display: inline-block;
		padding-right: 0.4em;
		border: 1px solid #DDDDDD;
		border-radius: 4px;
		font-weight: bold;
		height: 36px;
	}
	#schedulelist .list-group-item .week>div>span:first-child .fa
	{
		display: inline-block;
		margin-top: -3px;
	}
	#schedulelist .list-group-item .ctrl button
	{
		font-size: 16px;
		margin: 0 1em;
		padding: 0.3em 2em;
	}
	#schedulelist .list-group-item
	{
		font-size: 18px;
	}
	#schedulelist .timeline
	{
		display: none;
	}
}

/**
 * footer block
 */
footer
	{
		position: relative;
		z-index: 33px;
		border-top: 4px solid #000000;
	}
footer .copyright
	{
		margin: 20px 0;
		font-size: 12px;
		text-align: center;
	}