@charset "UTF-8";

.view {
	clear: both;
	color: #fff;
}

.title {
	margin: 0 20px 15px;
}

.player {
	padding-top: 56.25%;
	position: relative;
}

.player > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.form-horizontal {
	margin: 40px 15px;
}

.form-horizontal .form-control {
	font-size: 16px;
	background: rgba( 255, 255, 255, .3 );
	color: #fff;
	border-color: transparent;
}

#play_frame {
	background: rgba( 0, 0, 0, .7 );
	position: relative;
	padding-top: 61px;
	display: none;
	z-index: 1;/*IEでオーディオが飛び出さないように*/
}

.show + .navbar-inverse {
	background: rgba( 0, 0, 0, .8 );
}

.works_btn {
	text-align: center;
}

.works_btn > .btn {
	background: transparent;
	border: 2px solid #fff;
	margin: 15px 10px;
}

.works_btn > .btn:hover {
	background: #fff;
	color: #000;
}

.sub-data {
	margin: 0 20px 30px;
}

.sub-data > span {
	font-size: 20px;
	margin-bottom: 15px;
}

.access {
	margin-right: 15px;
}

.social {
	vertical-align: middle;
	height: 20px;
	width: 300px;
	display: inline-block;
	margin-top: -6px;
}

.social > div {
	float: left;
	margin: 0 15px 15px 0;
}

.fb_iframe_widget span {
	vertical-align: top !important;
}


/*-----author list----*/
#authors {
	overflow: auto;
	max-height: 360px;
	margin: 30px 15px 0;
}
#authors > div {
	margin-bottom: 35px;
}
#authors p {
	font-size: 20px;
	border-bottom: 1px solid #fff;
}
#authors span {
	font-size: 30px;
	color: #fff;
}
#authors a {
	font-size: 30px;
	color: #6ff;
	text-decoration: none;
}
#authors a:hover {
	text-decoration: underline;
}

/*----------editor------------*/
#code-show-frame > div {
	padding: 0 30px 20px;
}

#code-show {
	background: rgba( 0, 255, 255, .5 );
}

#code-show:hover {
	background: rgba( 0, 255, 255, .7 );
}

.code-copy {
	background: rgba( 255, 180, 60, .5 );
	border-color: rgb( 255, 180, 60 );
}

.code-copy:hover {
	background: rgba( 255, 180, 60, .7 );
	border-color: rgb( 255, 180, 60 );
}

#code-show-frame + div {
	display: none;
}

#code-show-frame.hidden + div {
	display: block;
}

.editor {
	margin: 25px 15px;
}

.editor > div {
	color: #fff;
	font-size: 16px;
	margin: 0 0 5px 3px;
}

.editor-n {
	font-size: 20px;
	color: #ff0;
}

.editor > pre {
	height: 400px;
	font-size: 16px;
}