@charset "UTF-8";

body {
	font-family: "Helvetica Neue", Helvetica, Arial, "メイリオ", sans-serif;
	padding-top: 70px;
}

input, select, textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, "メイリオ", sans-serif;
}

.login {
	width: 360px;
}
.login-back {
	padding-top: 150px;
}
.admin-login-back {
	background-color: #366092;
	padding-top: 150px;
}

.alert-sm {
	padding: 10px;
}

.menu-right {
	padding-right: 15px;
}

.panel-header-title {
	margin: 0px;
	padding: 15px;
	border-bottom: 1px solid #ddd;
}

.form-horizontal-alert {
	margin: 10px 0px 10px 0px;
}

.form-inline-group {
	margin-right: 10px;
}

.top-margin-10 {
	margin-top: 10px;
}
.bottom-margin-5 {
	margin-bottom: 5px;
}
.search-button {
	clear:both;
}

/* detail用 */
.form-group {
	margin-bottom: 0px;
}
/* フィルタ用 */
.selected {
	border: solid 3px orange;
}
/* badgeのフォントの大きさカスタム */
.badge {
	font-size: 15px;
}
b {
	font-size: 15px;
}

.toggle-switch:hover{
	background-color: #f5f5f5;
	cursor: pointer;
}

/* サムネイルに再生時間表示 */
.thumb_box{
	width: 120px;
	position: relative;
}
.playtime{
	position: absolute;
	background: #000;
	color: #fff;
	padding: 0px 4px;
	font-size: 12px;
	font-weight: bold;
	bottom: 2px;
	right: 2px;
}

/*
a:link { color: #2591d2; }
a:visited { color: #2591d2; }
span { color: #2591d2; }

ul#page { margin: 0; padding: 0; }
ul#page li { margin: 2px; position: relative; padding: 4px 4px; cursor: pointer; float: left; list-style: none; border-style: solid; border-color: #2591d2; }
ul#page span.ui-icon { float: left; margin: 0 4px; }
*/

/* サイト一覧 スター機能*/
.toggle-star-button,
.toggle-star-header-button {
	background: none;
	border: none;
	border-radius: 50%;

	margin: 0;
	padding: 5px;

	color: transparent;
	text-decoration: none;
	text-stroke: 1px #A0A0A0;
	-webkit-text-stroke: 1px #A0A0A0;

	transition: background-color 0.5s ease, transform 0.2s ease;
}

.shining-star,
.toggle-star-button[data-star="1"],
.toggle-star-header-button[data-star="1"] {
	/* Bootstrap yellow */
	color: #FFC107;
	/* Bootstrap yellow HSV V-20% */
	text-stroke: 1px #CC9A06;
	-webkit-text-stroke: 1px #CC9A06;
}

.toggle-star-button:hover {
	background-color: rgba(0, 0, 0, 0.125);

	text-stroke: 1px #404040;
	-webkit-text-stroke: 1px #404040;
}

.toggle-star-button:active {
	background-color: rgba(0, 0, 0, 0.25);
	transform: scale(1.1);

	text-stroke: 1px #404040;
	-webkit-text-stroke: 1px #404040;
}

/* a要素をホバーしたりドラッグしたりしたときに下線が付かないようにする */
.toggle-star-header-button:hover,
.toggle-star-header-button:focus {
	text-decoration: none;
}

/* a要素をホバーしたりドラッグしたりしたときに色が青くならないようにする */
.toggle-star-header-button:hover[data-star="0"],
.toggle-star-header-button:focus[data-star="0"] {
	color: transparent;
}