@charset "utf-8";
#header{
  background:#ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#loginTopNav ul li .btnLink{
  color:#fff;
}
#footer{
  background:#fff;
  border-top:solid 2px #bbb ;
}
#copyright{
  background: none;
  color:#000;
}
#footer img{
  display:none;
}
.footerInfo{
  background: none;
  border-left: 1px solid #bbb;
}
.footerNav dl dd a,
.footerInfo ul li a{
  color:#666;
  text-decoration:underline;
}
.footerNav dl dt{
  color:#aaa;
  background: none !important;
}
#loginTopNav ul .treeNav{
  width:170px;
  text-align:center;
  padding-right:5px;

}
.PageTopArea p a img{
  opacity:.3;
}
.bana > img {
    width: 100%;
}
#loginTopNav {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 2147483647;
    margin:0;
}
.innerNav li a{
  padding:0;
  line-height:47px;
}
#loginTopNav ul li .btnLink:hover{
  background:rgba(0,0,0,.1);
}
#loginTopNav ul li .btnLink::before{
  display: none;
}
.fwb{font-weight:bold !important;}

#wrapper{
	background:#fff;
}
#content{
	padding-top:20px;
	color:#000;
	overflow:visible;
	width:1000px;
}
	#content h2,#content h3,#content h4{
		color:#ff3399;
	    font-size:3em;
	    text-align:center;
      padding:1em 0;
	}
	#content strong,
	#content strong a{
		color:#ff3399;
		font-weight:bold;
	}

	#content a,
	#content a visited{
		color:#ED54AA;
		text-decoration:underline;
	}
	#content p.button a{
		display:block;
		width:280px;
    border:solid 2px #ff3399;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
		margin:0 auto 50px;
		padding:13px;
		text-align:center;
		text-decoration:none;
		background:#fff;
		color:#ff3399;
	    font-size:1.5em;
		font-weight:bold;
	}

	#content p.button a:hover{
		color:#ffffff;
    background:#ff3399;
	}

.confirmbtn{
  background:none;
}
.datail p:nth-of-type(2):first-line{
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size:4em;
  font-weight:bold;
  color:#222;
  line-height: 2em;
}
.datail p:nth-of-type(2)::before {
    content: "　　　　　　　　　";
}

/*投票ページ
==================================================*/
.audition_info{
	padding-bottom:18px;
	background:url("../img/bg_section2.gif") repeat-x left bottom;
}
	.audition_info .bana{
		width:100%;
	}

	.audition_info p{
		margin-bottom:1em;
	}
	.audition_info h2 + p{
    text-align:center;
    font-size:2em;
    color:#999;
    margin-top:-1em;
  }
	.audition_info p:last-child{
		margin-bottom:0;
	}
.top10{
	padding-top:26px;
}
	.voteArea .top10 ol li{
		float:left;
		position:relative;
		margin:0;
	    width:20%;
	}
		.voteArea .top10 ol li .num{
			width:32px;
			height:32px;
			position:absolute;
			top:-16px;
			left:-16px;
			z-index:2;
      display:none;

		}
		.voteArea .top10 ol li .pic{
			overflow:hidden;
			z-index:1;
		    text-align:center;
		}
			.voteArea .top10 ol li .pic img{
	        width:100%;
			}
		.voteArea .top10 ol li p{
      font-size:1.5em;
			margin:0 0 8px;
			font-weight:bold;
      color:#999;
		}
			.voteArea .top10 ol li p span{
        font-size:.75em;
				color:#ff3399;
			}

.detail li .pic + p:first-letter{
  font-size:2em;
}
.name{
  width:auto;
  margin:0;
  padding:0;
}
.new_voteMain{
	margin:0 -10px 10px 5px;
}
	.new_voteMain .pattern1,
	.new_voteMain .pattern2,
	.new_voteMain .pattern3{
		position:relative;
		width:490px;
		height:300px;
		float:left;
		margin:0 10px 10px 0;
	}
		.new_voteMain div div{
			position:absolute;
			overflow:hidden;
			width:115px;
			height:145px;
			background:#e7ebee;
			text-align:center;
		}
		.new_voteMain div div.pic1{
			width:240px;
			height:300px;
		}
		.new_voteMain div.pattern1 div.pic1,
		.new_voteMain div.pattern2 div.pic2,
		.new_voteMain div.pattern3 div.pic2{
			top:0;
			left:0;
		}
		.new_voteMain div.pattern1 div.pic2,
		.new_voteMain div.pattern3 div.pic1{
			top:0;
			left:250px;
		}
		.new_voteMain div.pattern1 div.pic3,
		.new_voteMain div.pattern2 div.pic3{
			top:0;
			left:375px;
		}
		.new_voteMain div.pattern1 div.pic4{
			top:155px;
			left:250px;
		}
		.new_voteMain div.pattern1 div.pic5,
		.new_voteMain div.pattern2 div.pic5{
			top:155px;
			left:375px;
		}
		.new_voteMain div.pattern2 div.pic1,
		.new_voteMain div.pattern3 div.pic3{
			top:0;
			left:125px;
		}
		.new_voteMain div.pattern2 div.pic4,
		.new_voteMain div.pattern3 div.pic4{
			top:155px;
			left:0;
		}
		.new_voteMain div.pattern3 div.pic5{
			top:155px;
			left:125px;
		}
			.new_voteMain div div .info{
				position:absolute;
				width:100%;
				height:auto;
				padding:5px;
				left:0;
				bottom:0;
				background-color:#ff3399;
				background-color:rgba(255, 100, 160, 0.7);
                -webkit-box-sizing:border-box;
                box-sizing:border-box;
		        color:#fff;
				font-size:0.9em;
				text-align:left;
			}
				.new_voteMain div div .info p.rank:first-letter{
          font-size:1.5em;
				}
					.new_voteMain div div .info p span{
						font-weight:bold;
					}
			.new_voteMain div div img{
		        width:100%;
				min-height:100%;
			}

.voteArea{
  padding-bottom:50px;
}


.workInfottl {
    font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
    font-size: 2.5em;
    margin: 10px 0;
    padding: 5px;
    text-align: center;
    border: solid 1px;
}
	.voteArea dl.sort{
		overflow:hidden;
		padding-top:20px;
	}
		.voteArea dl.sort dt{
			float:left;
			color:#dddddd;
		}
			.voteArea dl.sort dd li{
				float:left;
				border-right:solid 1px #c4c4c4;
				padding:0 8px;
				color:#ff3399;
			}
			.voteArea dl.sort dd li:last-child{
				border-right:none;
			}
				.voteArea dl.sort dd li a{
					color:#dddddd;
					text-decoration:underline;
				}
.voteArea .voteMain{
	margin-bottom:26px;
}
	.voteArea .voteMain ol li{
		float:left;
		margin:0 12px 12px 0;
		padding-bottom:15px;
		width:241px;
		background:url(../img/bg_votelist.gif) repeat 0 0;
		/*background-color:rgba(255,255,255,0.08);*/
	}
		.voteArea .voteMain ol li h3{
			font-size:1.3em;
		}
		.voteArea .voteMain ol li div{
			width:241px;
			height:150px;
			overflow:hidden;
			margin-bottom:7px;
		}
			.voteArea .voteMain ol li div img{
				width:241px;
				/*height:150px;*/
			}
		.voteArea .voteMain ol li h3,
		.voteArea .voteMain ol li dl,
		.voteArea .voteMain ol li p{
			padding:0 15px;
		}
			.voteArea .voteMain ol li p.button{
				margin-top:12px;
			}
				.voteArea .voteMain ol li p.button a{
					width:120px;
					text-shadow: 0 -1px 0 #ee1481;
				}
	.voteArea .voteMain ol li.first,
	.voteArea .voteMain ol li.second{
		width:494px;
	}
		.voteArea .voteMain ol li.first img,
		.voteArea .voteMain ol li.second img{
			width:494px;
			/*height:310px;*/
		}
		.voteArea .voteMain ol li.first h3{
			font-size:1.5em;
			padding-left:40px;
			background:url(../img/icon_rank01.gif) no-repeat 15px 5px;
		}
		.voteArea .voteMain ol li.second h3{
			font-size:1.5em;
			padding-left:40px;
			background:url(../img/icon_rank02.gif) no-repeat 15px 5px;
		}
		.voteArea .voteMain ol li.first div,
		.voteArea .voteMain ol li.second div{
			width:494px;
			height:310px
		}
	.voteArea .voteMain ol li.second,
	.voteArea .voteMain ol li.last{
		margin-right:0;
	}
	.voteArea .voteMain ol li.clear{
		clear:both;
	}
		.voteArea .voteMain ol li dl{
			overflow:hidden;
		}
			.voteArea .voteMain ol li dl dt{
				clear:both;
				float:left;
				font-weight:bold;
			}
			.voteArea .voteMain ol li dl dd{
				float:left;
			}


/*オーディション情報
==================================================*/
header .username{
	float:right;
	padding:14px 30px 0 0;
	font-size:1.3em;
}
	header .username .icon{
		float:left;
		position:relative;
		top:4px;
		width:16px;
		height:16px;
		overflow:hidden;
	}
		header .username .icon img{
			width:16px;
		}
	header .username a{
		color:#ffffff;
		text-decoration:underline;
		padding-left:6px;
		float:right;
	}

section{
	background:url(../img/bg_section2.gif) repeat-x 0 bottom;
}
	section .prjTit .process{
		margin-bottom:5px;
		padding-right:6px;
		width:8em;
		height:1.4em;
		position:relative;
	}
		section .prjTit .process p{
			position:absolute;
			z-index:10;
			width:7.5em;
			padding-right:6px !important;
			text-align:right;
			padding:3px;
			background-color:#cccccc;
			color:#222222 !important;
		}
		section .prjTit .process p:before{
			content:"";
			position: absolute;
			top:-1px;
			left:-1px;
			border-width:6px;
			border-style:solid;
			border-color:#232627 transparent transparent #232627;
			border-radius:0 0 2px 0;
			box-shadow:1px 2px 0 rgba(0, 0, 0, 0.4);
		}
		section .prjTit .process .sdw{
			position:absolute;
			bottom:-5px;
			right:10px;
			top:0;
			width: 50%;
			box-shadow:2px 3px 0 #777777;
			-webkit-box-shadow:2px 3px 0 #777777;
			-moz-box-shadow:2px 3px 0 #777777;
			transform:rotate(2deg);
			-webkit-transform:rotate(2deg);
			-moz-transform:rotate(2deg);
			-o-transform:rotate(2deg);
			-ms-transform:rotate(2deg);
			z-index:1;
		}

	section .prjContent02 ul li {
		color: #ff3399;
	}
	section .prjContentinfo{
		border-left:1px solid #4f4f4f;
	}
		section .prjContentinfo p span {
			color: #ff3399;
		}
	section a.finBtn{
		background:#ff3399;
		color:#ffffff;
		box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset, 0 1px 1px #e7177f;
		-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset, 0 1px 1px #e7177f;
		border:none;
	}
		section a.finBtn span{
			text-shadow: 0 -1px 0 #ee1481;
		}

.subNaviArea{
	background:url(../img/bg_section2.gif) repeat-x 0 bottom;
}
.subNaviArea.sentei{
	margin:0 auto 20px;
	height:auto;
}
	.subNaviArea input.searchProjects{
		border:1px solid #4f4f4f;
		color:#ffffff;
		background-color:transparent;
		height: 25px;
		padding: 2px 5px;
		position: absolute;
		right: 29px;
		top: 5px;
		width: 394px;
	}
	.subNaviArea button.searchSubmit{
		background: url("../img/btn_search_gray.png") no-repeat;
		border:1px solid #4f4f4f;
		height: 31px;
		position: absolute;
		right: 0;
		top: 5px;
		width: 31px;
	}
	.subNaviArea .sortButton{
		background:url("../img/bg_header.gif") repeat;
	}
	.subNaviArea ul.sortMenu a{
		color:#666666 !important;
		text-decoration:none !important;
	}
	.subNaviArea ul.sortMenu a:first-child li{
		border-top:none;
	}
	.subNaviArea.sentei .sortButton{
		top:6px;
	}
	.subNaviArea.sentei ul.sortMenu{
		top:35px;
	}

/*マイページ
==================================================*/
.workDetailArea{
	color:#ffffff;
}
.workDetailttl span{
	color:#ff3399;
}
	.workInfo{
		padding-top:2px;
    	border-top:solid 1px #4f4f4f;
    	margin-bottom:0;
    	/*background:url(../img/bg_section2.gif) repeat-x 0 0;*/
    	background:none;

    }
	div.auditionInfo01,
	div.auditionInfo02{
		background:none;
		border-style:solid;
		border-width:1px;
		border-color:#4f4f4f #4f4f4f #232627;
		box-shadow:none;
		top:-36px;
	}
		div.auditionInfo01 p,
		div.auditionInfo02 p{
			color:#ffffff !important;
			text-shadow:none;
		}
	a.auditionInfo01,
	a.auditionInfo02{
		background:#505635;
		text-decoration:none !important;
	}

	.auditionTab{
		position: relative;
		margin:48px auto 0;
		border-top: 1px solid #4f4f4f;
		padding-top: 2px;
    	width: 100%;
	}
		.auditionTab .tab01,
		.auditionTab .tab02{
			position:absolute;
			width:132px;
			height:34px;

		}
		.auditionTab div.tab01,
		.auditionTab div.tab02{
			top:-36px;
			border-style:solid;
			border-width:1px;
			border-color:#4f4f4f #4f4f4f #232627;
		}
		.auditionTab a.tab01,
		.auditionTab a.tab02{
			display:block;
			top:-35px;
			background:#505635;
			text-decoration:none !important;
		}
		.auditionTab .tab01{
			left:62px;
		}
		.auditionTab .tab02{
			left:204px;
		}
			.auditionTab .tab01 p,
			.auditionTab .tab02 p{
				margin:9px 0 0;
				font-weight:bold;
				text-align:center;
				text-shadow:0 -1px 0 #000000;
			}
	ul.workSchedule li{
		color:#ffffff;
	}

.workDetailMain .subNaviArea{
	height:auto;
	margin-bottom:15px;
	padding:0 0 5px;
}
	.workDetailMain .subNaviArea .edit{
		position:absolute;
		top:28px;
		right:0;
		border:1px solid #4f4f4f;
		border-bottom:none;
		padding:6px;
	}
		.workDetailMain .subNaviArea .edit a{
			text-decoration:none !important;
		}
	.workDetailMain dl.profile{
	}
		.workDetailMain dl.profile dt{
			clear:both;
			float:left;
			font-weight:bold;
			width:110px;
		}
		.workDetailMain dl.profile dd{
			float:left;
			width:890px;
			overflow:hidden;
		}

	.workDetailMain .photoArea ul{
		margin-right:-10px;
	}
		.workDetailMain .photoArea li{
			position:relative;
			float:left;
			margin:0 10px 10px 0;
			width:190px;
			height:238px;
			background:#333333;
			text-align:center;
		}
		.workDetailMain .photoArea li a{
			text-decoration:none !important;
			cursor:pointer;
		}
			.workDetailMain .photoArea li a .ins{
				position:absolute;
				top:85px;
				left:72px;
				border:1px dotted #dddddd;
				width:45px;
				height:45px;
				font-size:30px;
				text-align:center;
				z-index:1;
				line-height: 45px;
			}
			.workDetailMain .photoArea li .required-picture{
				background-color:#333333;
				position:absolute;
				top:85px;
				left: 5px;
				width:170px;
				padding:10px 5px;
				text-align:center;
				z-index:15;
				font-size:80%;
				opacity: 0.8;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
			}
				.workDetailMain .photoArea li .required-picture label{
					font-size:150%;
				}

			.workDetailMain .photoArea li div.uploading{
				background-color:#333333;
				position:absolute;
				width:60px;
				height:60px;
				overflow:hidden;
				z-index:11;
				top:45%;
				left:50%;
				margin-top:-28px;
				margin-left:-28px;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
			}
				.workDetailMain .photoArea li div.uploading img{
					margin:7px;
				}

			.workDetailMain .photoArea li .img{
				position:absolute;
				width:190px;
				height:238px;
				overflow:hidden;
				z-index:10;
			}
				.workDetailMain .photoArea li .img img{
					height:240px;
				}
			.workDetailMain .photoArea li .del{
				position:absolute;
				top:0;
				right:0;
				z-index:20;
				font-size:18px;
				background-color:#4b4b4b;
				background-color:rgba(0,0,0,0.7);
				padding:0 7px;
				display:none;
			}
			.workDetailMain .photoArea li:hover .del{
				display:block;
			}
			.workDetailMain .photoArea li .must{
				position:absolute;
				top:159px;
				width:100%;
				text-align:center;
				color:#ff6666 !important;
				z-index:5;
			}

	.workDetailMain .movieArea .movie{
		width:250px;
		float:left;
	}
	.workDetailMain .audioArea .audio{
		width:450px;
		float:left;
	}
	.workDetailMain .movieArea .movie{
		position:relative;
		min-height:140px;
	}
	.workDetailMain .movieArea .info{
		width:730px;
		float:right;
	}
	.workDetailMain .audioArea .info{
		width:530px;
		float:right;
	}
	.workDetailMain .movieArea p.title,
	.workDetailMain .audioArea p.title{
		font-size:18px;
		font-weight:bold;
	}
		.workDetailMain .movieArea .movie .play{
			position:absolute;
			top:35px;
			left:105px;
			padding:14px 10px 10px;
			z-index:2;
			background-color:#4b4b4b;
			background-color:rgba(0,0,0,0.7);
			border-radius:5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
		}
.votefin{
	font-size:15px;
	text-align:center;
	color:#666;
}
.audhome{
	font-size:15px;
	text-align:center;
	color:#666;
}
#pictureDelModal .modal-body p{
	padding:20px;
	font-size:150%;
	font-weight:bold;
}
#entryModal .content p,
#entryConfirmModal .content p {
	padding:20px;
	font-size:150%;
	font-weight:bold;
}
#iframeModal {
	max-height:700px;
	height:80%;
}
	#iframeModal .loading{
		position: absolute;
		top: 50%;
		width:560px;
		text-align: center;
	}
	#iframeModal iframe{
		width:100%;
		height:100%;
		border:none;
	}
#iframeMovieModal {
	max-height:700px;
	height:60%;
}
	#iframeMovieModal .loading{
		position: absolute;
		top: 50%;
		width:560px;
		text-align: center;
	}
	#iframeMovieModal iframe{
		width:100%;
		height:100%;
		border:none;
	}
#iframeAudioModal {
	max-height:700px;
	height:60%;
}
	#iframeAudioModal .loading{
		position: absolute;
		top: 50%;
		width:560px;
		text-align: center;
	}
	#iframeAudioModal iframe{
		width:100%;
		height:100%;
		border:none;
	}

#dataTable_wrapper {
	margin-bottom:50px;
}
	#dataTable_wrapper table.dataTable thead {
		cursor:pointer;
		color:#ff99cc !important;
		font-weight:bold;
	}
	#dataTable_wrapper table.dataTable thead td{
		min-width:55px;
	}
	#dataTable_wrapper table.dataTable thead th{
		min-width:100px;
	}
	#dataTable_wrapper table.dataTable tbody td{
		text-align: right;
	}

	#dataTable_wrapper table.dataTable thead .sorting {
		background: url('../img/sort_both.png') #000000 no-repeat center right;
	}
	#dataTable_wrapper table.dataTable thead .sorting_desc {
		background: url('../img/sort_desc.png') #000000 no-repeat center right;
	}
	#dataTable_wrapper table.dataTable thead .sorting_asc {
		background: url('../img/sort_asc.png') #000000 no-repeat center right;
	}
	#dataTable_wrapper table td.change_vote {
		cursor:pointer;
	}
	#dataTable_wrapper table.voteAbout {
		margin:0px;
	}

#changeVoteModal .content p{
	margin:10px 0;
}
#changeVoteModal .content p.input {
	baseline-shift:baseline;
	text-align:center;
	font-size:150%;
}
#changeVoteModal .content p input.txt{
	margin-top:5px;
	width:50px;
	text-align: right;
	font-weight: bold;
}

.auditionInfo01{
	position:absolute;
	width:132px;
	height:34px;
	top:-35px;
	left:62px;
}
.auditionInfo01 p{
	width:100%;
	text-align:center;
	margin:9px 0 0 0;
	font-weight:bold;
	color:#333;
}
.auditionInfo02{
	position:absolute;
	display:block;
	width:132px;
	height:34px;
	top:-34px;
	left:204px;
	background:#3e4345;
}
.auditionInfo02 p{
	width:100%;
	text-align:center;
	margin:9px 0 0 0;
	font-weight:bold;
	text-shadow:0 -1px 0 #000;
	color:#fff;
}
.rating .asessment {
	font-size:30px;
	font-weight:bold;
}
.voteAbout .pass-btn strong {
	font-size:20px;
}

/*応募要項
==================================================*/
.oubo_youkou{
	margin-bottom:25px;
}
	.oubo_youkou dt{
		clear:both;
		float:left;
		margin-top:15px;
		padding:10px 10px 10px 15px;
		width:150px;
	}
	.oubo_youkou dd{
		float:left;
		margin:15px 0 0 -175px;
		padding:10px 0 10px 185px;
		border-bottom:1px solid #4f4f4f;
		border-left:5px solid #4f4f4f;
		width:810px;
		min-height: 20px;
	}
	.oubo_youkou dd.caution{
		min-height: 36px;
	}
		.oubo_youkou dd ul li{
			list-style-type:disc;
			list-style-position:outside;
		}
		.oubo_youkou dd p,
		.oubo_youkou dd address{
			margin:0 0 0 -1.05em;
		}
		.oubo_youkou dd p.caution{
			margin:15px 0 0 0;
			text-indent:-1.05em;
		}

/*応募集計
==================================================*/
.cornerttl{
	font-size:22px;
	margin:0 ;
}
.datepick{
	margin:10px 0 15px;
}
	.datepick #datepicker,
	.datepick #datepicker02{
		margin:0 7px;
		padding:4px;
	}
	.datepick .btn{
		border:1px solid #4f4f4f;
		background:#444;
		padding:4px;
		border:1px solid #ffffff;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		color:#fff;
		font-weight:bold;
		text-shadow:none;
	}


table.voteAbout{
	width:1000px;
	border-collapse:seperate;
	border-spacing:0;
	margin:0 auto 50px;
	/*margin:0;*/
	border-width: 1px;
	border-style: solid;
	border-color: #7e7e7e #4f4f4f #4f4f4f #7e7e7e;
}
	table.voteAbout .iconR{
		margin-left:4px;
		vertical-align:middle;
	}
	table.voteAbout th,
	table.voteAbout td{
		text-align:center;
		vertical-align:middle;
		border-width: 1px;
		border-style: solid;
		border-color: #4f4f4f #7e7e7e #7e7e7e #4f4f4f;
		padding:10px 6px;
	}
	table.voteAbout th{
		background:#444;
	}
	table.voteAbout th.topth,
	table.voteAbout td.toptd{
		background:#000;
	}
	table.voteAbout td.img{
		width:82px;
		overflow:hidden;
	}
		table.voteAbout td.img img{
			width:70px;
		}
		table.voteAbout th.topth a,
		table.voteAbout td.toptd a{
			/*color:#ff3399 !important; この体裁の時の重要リンク色 */
			color:#ff99cc !important;
			font-weight:bold;
		}

	table.voteAbout .w1{ width: 35px; }
	table.voteAbout .w2{ width:125px; }
	table.voteAbout .w4{ width:458px; }
	table.voteAbout .w5{ width: 30px; }
	table.voteAbout .w7{ width: 60px; }
	table.voteAbout .w14{ width:418px; }
	table.voteAbout .w17{ width:100px; }
	table.voteAbout td.prof{
		text-align:left;
		vartical-align:top;
		width:458px;
	}
	table.voteAbout td.prof2{
		text-align:left;
		vartical-align:top;
		width:418px;
	}
@-webkit-keyframes pulse{
	from { background:#ff3399; }
	to   { background:#ff9999; }
}
#badge{
	background:#ff3399;
	-webkit-animation-name:pulse;
	-webkit-animation-duration:0.5s;
	-webkit-animation-iteration-count:60; /* ∞ = infinite */
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction:alternate;
	-webkit-animation-delay:0s;
}
a.shownav{display:none;}


/* ============================================================
	レスポンシブ
============================================================ */
@media(max-width:768px){

	/* =======================================================
	★
	★common_resp一時反映分　最終的には削除
	★
	======================================================= */

	#header .headerArea h1{
		height:31px;
	}
		#header .headerArea h1 img{
			width:123px !important;
			height:31px !important;
		}
	#header .headerArea nav{
		float:none;
		clear:both;
		padding:0 0 0 4px;
	}
		#header .headerArea nav ul li a{
			padding: 5px 0;
		}
	#header .headerArea .loginForm{
		float:none;
		clear:both;
		width:290px;
		margin:0 auto;
	}
		#header .headerArea .loginForm span{
			margin-bottom:5px !important;
			top:5px !important;
		}
		#header .headerArea .loginForm ul li{
			float:none;
		}
			#header .headerArea .loginForm ul li input{
				padding:2px 4px;
			}
			#header .headerArea .loginForm .mailForm{
				width:277px;/* auto */
			}
			#header .headerArea .loginForm .passForm{
				margin-left:0;
				width:95px;
			}
		#header .headerArea .loginForm div{
			float:none;
			text-align:center;
		}
			#header .headerArea .loginForm div .checkBox{
				float:none;
				padding:0 0;
				margin-bottom:10px;
			}
			#header .headerArea .loginForm div p.login{
				float:none;
			}
				#header .headerArea .loginForm div p.login input{
					background:#e60000;
					width:150px;
					border-radius:3px;
					-webkit-border-radius:3px;
					-moz-border-radius:3px;
				}

	/* =============== login header ================ */
	#header .headerArea ul.hedNavRit{
		float:left;
		margin-left:15px;
		padding-top:5px;
	}
		#header .headerArea ul.hedNavRit span#badge{
			left:12px;
		}
	#header .headerArea .btnmenu{
		display:block;
	}
	#header .headerArea .btnmenu a{
		display:block;
		float:right;
		margin-right:15px;
		width:100px;
		padding:7px 0;
		text-align:center;
		font-weight:bold;
		color:#ffffff;
		background:#3e4345;
	}
	#loginTopNav{
		display:none;
	}
	#loginTopNav.opened{
		display:block;
	}
		#loginTopNav.opened ul.navArea{
			display:block;
			top:0;
		}
			#loginTopNav.opened ul li.treeNav{
				background:#3e4345;
				border-bottom:1px solid #555555;
			}
				#loginTopNav.opened ul li a:after{
					position:relative;
					top:12px;
					left:8px;
					padding-right:25px;
					background:url("https://artistcrowd.jp/img/icon_ltnav.gif") no-repeat right 1px;
					color:#ffffff;
				}
				/* テキスト生成 */
				#loginTopNav.opened ul li.treeNav:nth-child(1) > a:after{ content:"\30af\30ea\30a8\30fc\30b7\30e7\30f3"; }
				#loginTopNav.opened ul li.treeNav:nth-child(2) > a:after{ content:"\30de\30cd\30fc\30b8\30e1\30f3\30c8"; }
				#loginTopNav.opened ul li.treeNav:nth-child(3) > a:after{ content:"\30b0\30eb\30fc\30d7\4f5c\6210"; }
				#loginTopNav.opened ul li.treeNav:nth-child(4) > a:after{ content:"\8a2d\5b9a"; }
				#loginTopNav.opened ul li.treeNav:nth-child(5) > a:after{ content:"\697d\66f2\7ba1\7406"; }
					#loginTopNav.opened ul li > a img{
						display:none;
					}
				#loginTopNav.opened ul.innerNav li{
					width:100%;
					border-bottom:1px solid #3e4345;
				}
				#loginTopNav.opened ul.innerNav li:last-child{
					border-bottom:none;
				}

	/* =============== login footer ================ */
	.PageTopArea{
		width:90%;
	}
	footer{
		padding:10px 0 5px;
	}
	footer .footerArea{
		width:100%;
	}
		footer .footerArea .footerIcn img{
			width:123px !important;
			height:31px !important;
		}
	footer .footerNav{
		display:none;
	}
	footer .footerInfo{
		clear:both;
		float:none;
		margin:0;
		padding:0 0 0 8px;
		width:auto;
	}
		footer .footerInfo ul li{
			margin:0 20px 10px 0;
		}
			footer .footerInfo ul li.footerNavL{
				width:auto;
			}

	.subNaviArea{
		padding:0 0 0;
		height:auto;
		position:static;
		margin-bottom:20px;
	}
		.subNaviArea h1{
			position:static;
			font-size:16px;
			margin-left:10px;
			/*タイトルの下の余白は、「並び替え」のテキストがある分*/
		}
			.subNaviArea form{
				position:relative;
			}
			.subNaviArea input.searchProjects{
				height:25px;
				position:static;
				padding:0 5px;
				width:270px;
				margin-left:10px;
			}
			.subNaviArea button.searchSubmit{


				padding:0;
				width:27px;
				height:27px;
				position:absolute;
				left:291px;
				top:0;
			}
			/*「並び替え」のテキストをずらす */
			.subNaviArea .sortButton{
				background:transparent;
				text-align:right;
				position:relative;
				top:8px;
				padding:0;
			}
				.subNaviArea .sortButton a{
					padding:4px;
					background:#f6f6f6;
				}

			.subNaviArea .sortMenu{
				margin:24px 10px 0 0;
			}
				.subNaviArea ul.sortMenu li{
					width:150px;
				}

	form {
		margin: 0 !important;
	}
	section{
		padding:12px 7px;
	}
	section .prjTit{
		float:none;
		margin:0 0 5px;
	}
		section .prjTit span{
			font-size:150%;
			line-height:1;
		}
	section .prjSumbnail{
		position:static;
		margin:5px 10px 0 0;
	}
	section .prjContent02{
		width:auto;
		float:none;
	}
		section .prjContent02 p:last-child{
			padding-bottom:10px;
			border-bottom:none;
		}
			section .prjContent02 ul li{
				float:none;
				margin-right:0;
			}
	section .prjContentinfo{
		float:none;
		border-left:none;
		margin:0;
		padding:5px 10px;
		width:auto;
		background:#dddddd;
	}
		section .prjContentinfo p{
			color:#444444;
		}
	section a.finBtn,
	section a.entryBtn{
		float:none;
		position:absolute;
		margin:0 0;
		top:10px;
		right:20px;
	}
	section a.entryBtn{
		height:40px;
	}
		section a.entryBtn span{
			top:12px;
		}
	.workDetailArea{
		margin:10px;
		width:auto
	}
		.workDetailttl{
			width:auto;
			margin-bottom:10px;
		}
			.workDetailttl span{
				width:auto;
				height:auto;
				padding:10px 0;
			}
				.workInfottl,
				.Proposettl,
				.Qttl{
					font-size:18px;
					margin:0;
					padding:15px 0 0;
					font-weight:bold;
				}

	/* =======================================================
	★
	★common_resp一時反映分　ここまで
	★
	======================================================= */




	header.hedLogin{
		padding:8px 0 4px;
	}
		header .username{
			padding:3px 10px 0 0;
			font-size:1em;
		}
			header .username a{
				position:relative;
				top:2px;
			}
			ul.hedNavRit li.noticeLink{
				margin-right:30px;
			}

	#loginTopNav{
		display:block !important;
		height:auto;
		background:#3E4345;
	}
		#loginTopNav ul.navArea{
			display:block;
			position:static;
			height:auto;
		}
			#loginTopNav ul li a.btnLink{
				height:40px;
			}
			#loginTopNav ul li.treeNav{
				display:block;
				float:left;
				width:auto;
				background:none;
				margin-right:25px;
			}
				#loginTopNav ul li.treeNav span{
					padding:10px 0 10px 20px;
				}
	ul.innerNav{
		position:absolute;
	}
		ul.innerNav li{
			width:160px;
		}

	#content{
		width:100%;
	}
		.audition_info{
			margin-bottom:0;
		}
			.audition_info .datail{
				float:none;
				width:auto;
				padding:0 10px;
			}
			.audition_info .bana{
				float:none;
				width:300px;
				margin:0 auto;
				text-align:center;
			}
				.audition_info .bana img{
					max-width:300px !important;

				}
		.auditionTab{}
			.auditionTab .tab01{
				left:15px;
			}
			.auditionTab .tab02{
				left:157px;
			}
			section a.finBtn, section a.entryBtn{
				top:10px;
			}

		#content p.button a{
			width:200px;
			margin:0 auto;
		}
			.workInfottl, .Proposettl, .Qttl{
				padding:12px 8px;
			}
			.top10{
				padding-top:0;
				border-top:1px solid #4f4f4f;
				margin-right:0;
			}

			.voteArea{
				margin:20px 0;
			}
				.voteArea .top10 ol li{
					float:none;
					margin:0;
					padding:8px;
					border-bottom:1px solid #4f4f4f;
				}
					.voteArea .top10 ol li div{
						display:none;
					}
					.voteArea .top10 ol li p{
						margin-top:0;
					}

				.voteArea dl.sort{
					background:none;
					padding-top:45px;
				}
				.new_voteMain{
					margin:0 0 0 0;
					border-top:1px solid #4f4f4f;
				}
					.new_voteMain .pattern1,
					.new_voteMain .pattern2,
					.new_voteMain .pattern3{
						float:none;
						margin:0;
						width:auto;
						height:auto;
					}
						.new_voteMain div img{
							display:none;
						}
						.new_voteMain div div{
							position:static !important;
							width:auto !important;
							height:auto !important;
							background:none !important;
						}
							.new_voteMain div div .info{
								padding:8px;
								border-bottom:1px solid #4f4f4f;
								font-size:1em;
								/* background-color:rgba(120, 40, 40, 0.50); */
							}

			.workDetailMain .editLabel{
				position:relative !important;
			}
				.workDetailMain .editLabel .edit{
					top:25px;
				}
				.workDetailMain dl.profile dd{
					width:60%;
				}
			.workDetailMain .photoArea ul{
				width:320px;
			}
				.workDetailMain .photoArea li{
					width:145px;
					height:182px;
					/*display:none;*/
				}
				/*.workDetailMain .photoArea li.more_view,
				.workDetailMain .photoArea.all_view li{
					display:block !important;
				}
				.workDetailMain .photoArea li:nth-child(1),
				.workDetailMain .photoArea li:nth-child(2){
					display:block;
				}*/
					.workDetailMain .photoArea li a .ins{
						top:65px;
						left:48px;
					}
					.workDetailMain .photoArea li .img{
						width:145px;
						height:182px;
					}
					.workDetailMain .photoArea li .must{
						 top:122px;
					}
						.workDetailMain .photoArea li .img img{
							height:182px;
						}
			.workDetailMain .movieArea .movie,
			.workDetailMain .audioArea .audio{
				float:none;
			}
			.workDetailMain .movieArea .info,
			.workDetailMain .audioArea .info{
				float:none;
				width:auto;
				margin-top:10px;
			}

	.subNaviArea{
		margin-top:8px;
		padding-top:0;
	}
		.subNaviArea ul.sortMenu{
			top:170px;
			right:8px;
		}
		.subNaviArea .sortButton{
			background:none;
		}
		.subNaviArea input.searchProjects{
			width:270px;
			height:25px;
			margin-left:10px;
			padding:0 5px;
			position:static;
		}
		.subNaviArea button.searchSubmit{
			width:27px;
			height:27px;
			top:0;
		}
		.subNaviArea .sortButton a{
			background:url("../img/bg_header.gif") repeat;
		}
			section .prjTit{
				max-width:190px;
			}
				section .prjTit .process{
					margin-bottom:15px;
				}
				section .prjContentinfo{
					border-left:none;
					background:#000000;
				}
				section a.finBtn{
					box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset, 0 1px 1px #e7177f;
					-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset, 0 1px 1px #e7177f;
					border:none;
				}

	.modal{
		top:5% !important;
	}
}




/* common_resp一時反映分 */
@media(max-width:559px){
	.modal{
		width:94%;
		max-width:560px;
		top:15px;
		left:0;
		margin:0 3%;
	}
}