#contentNav {background: #F6E526;}
#contentNavContainer > ul li a:hover {background: #f6d327;}
#contentNavContainer > ul li a {
	color: #00a1cb;
	font-weight: 400;
}
.common main h1 {margin: 50px 0;}
.container h1::after {background-color: #00a1cb;}
.common main h2{
	border-bottom: initial;
	margin: 50px auto 40px;
}
.container h2 {
	border-left: 6px solid #00a1cb;
	padding: 10px 15px;
}
.common main h3::before {content: initial;}
.container h3{
	border-bottom: 2px solid #00a1cb;
	padding-bottom: 5px;
}
.container .col-md-4 h3{margin-top: 0;}
.common main h4 {margin: 20px 0 20px;}
.container h4 {
	color: #00a1cb;
	font-weight: bold;
	margin-top: 10px;
}
.container h5 {font-weight: bold;}
.btn-primary {
	background-color: #00a1cb;
	border: none;
}
.btn-primary:hover {
	background-color: #0086a9;
	border: none;
}
.btn{border-radius: 30px;}
.btn-lg{
	font-size: 90%;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 30px;
}
@media screen and (max-width: 991px){
	.btn-lg {max-width: 95%;}
	.container .col-md-4 h3{margin-top: 20px;}
}
@media screen and (min-width: 835px){
	.text-center strong{
		font-size: 128%;
    	line-height: 1.6;
	}
}
@media screen and (max-width: 834px){
	#contentNavBtn span {background: #ffffff;}
	#contentNavContainer #contentNavBtn p.open span {background-color: #00a1cb;}
	#contentNavBtn p {color: #00a1cb;}
	#contentNavBtn p.open {color: #425a61;}
}
/* entry.html */
.panel-body img,.panel-body>img{border:solid 1px #ccc;}
.container .panel-body h4 {margin-bottom: 4px;}
.panel-body ul{margin-left: -20px;}
.flex .panel-body img{margin-bottom: 27px;}
.glyphicon-arrow-down{
	color: #00a1cb;
	font-size: 1.5em;
	margin-bottom:22px;
	margin-top: 22px;
}
.embed-responsive.ytimg {margin-bottom: 27px;}
.entry-icon a:hover{
	text-decoration: none;
	opacity: 0.5;
}
.entry-icon a img:hover{opacity: 0.5;}
.list-group-item:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.entrybtn a{
	background-color: #0066cb;
	color: #fff;
	font-size: 125%;
	border: #fff solid 3px;
	font-weight: bold;
	padding: 15px;
	border-radius: 45px;
	display: block;
	text-align: center;
	max-width: 25em;
	margin: 20px auto;
	box-shadow: 0px 0px 2px rgb(0 0 0 / 35%);
}
.entrybtn a:hover{background-color: #00a1cb;}
.panel-warning {
  border: none;
  background-color: #f6e526;
  border-radius: 0px;
  padding-bottom: 20px;
}
@media screen and (max-width: 351px){
.entrybtn a {
    font-size: 87%;
}
}
/* 常時表示申し込みボタン */
footer{padding-bottom: 90px;}
#entryBtn{
bottom: 0px;
padding: 17px;
background-color: #00000052;
position: fixed;
z-index: 400;
width: 100%;
display: block;
text-align: center;
font-size: 120%;
}
#entryBtn a{
background-color: #0066cb;
border:#fff solid 3px;
color: #fff;
font-weight: bold;
padding: 15px;
border-radius: 45px;
display: block;
max-width: 25em;
margin-left: auto;
margin-right: auto;
box-shadow: 0px 0px 5px rgb(0 0 0 / 38%);
}
#entryBtn a:hover{background-color: #00a1cb;}

@media only screen and (max-width:500px){
	#entryBtn{font-size: 100%;}
}
@media only screen and (max-width:351px){
	#entryBtn{font-size: 90%;}
}
/* 応募作品一覧用 */
.movie-list .embed-responsive.ytimg {margin-bottom: 0;}
.movie-list .flex>div h3 {
	line-height: 0;
	margin: 8px 0 20px;
	font-size: 14px;
	text-align: center;
}
.movie-list .flex>div ul{
	padding-left: 0;
	margin-top: 3px;
	list-style: none;
}
.movie-list .flex>div ul li{line-height: 1.2;}
.movie-list .flex>div ul li:nth-of-type(1){/*曲名*/font-weight: bold;}
.movie-list .flex>div ul li:nth-of-type(1) .small{/*コピー・カバーの場合の原曲アーティスト名*/font-weight: normal;}
.movie-list .flex>div ul li:nth-of-type(2){/*アーティスト名*/
	margin-top:3px;
	margin-bottom:5px;
}
.movie-list .flex>div ul li:nth-of-type(3){/*エントリー店舗名*/
	font-size: 71%;/*10px相当*/
	color: #999;
}
ul.pager li span {
	background-color: #DDD;
	color: #FFF;
}
.movie-list .well-sm {
	margin-right: auto;
	text-align: center;
	font-size: 20px;
	margin: 30px auto 30px auto;
	padding: 3px 0 0px;
	background: #e4f1f7;
	width: 2.5em;
	display: block;
	color: #00a1cb;
	margin-left: auto;
	border: none;
}
@media only screen and (min-width:768px){
	.movie-list .flex>div{margin-bottom: 25px;}
	.movie-list .flex>div ul li:nth-of-type(1){/*曲名*/font-size: 114%;/*16px相当*/}
}
@media only screen and (max-width:767px){
	.movie-list .flex>div{margin-bottom: 10px;}
	.btn-lg{font-size: 65%;}
}
@media only screen and (max-width:500px){
	.embed-responsive.ytimg > a[href*=youtu]:before {font-size: 40px;}
	.movie-list .flex>div h3 {
		font-size: 12px;
		text-align: center;
		letter-spacing: -.1em;
	}
}
.img-result{margin-top: 50px;}