/* CSS Document */

.cb{ clear:both}

/* ページ基本構成 */


#entry_area{ margin:2%;}
.entry{ margin:2%; border:2px solid #CCC5A6; border-radius:15px; text-decoration:none; font-size:120%; }


/* タレントページインデックス */
.talentlist_w,.talentlist_m,.talentlist_v,.talentlist_y{margin:1%;border:2px solid #CCC5A6; border-radius:15px;}

.listarea{ width:98%; margin:auto; text-align:center;}
.listarea dl{ float:left; width:24%; padding:1% 1% 1% 0; text-align:center; }
.listarea a{ max-height:250px; overflow:hidden; display:block; text-decoration:none;border-radius:15px; box-shadow: 2px 2px 4px rgba(0,0,0,0.4);}
.listarea dt{ font-size:12px; padding:3% 0 3% 0; line-height:1.2;}
.listarea dt strong{ font-size:16px;}
.listarea dd img{ width:100%;border-radius:0 0 15px 15px}


.talentlist_w h2{ background:#C45B5D; border-bottom: 2px solid #CCC5A6; color:#FFF; padding:2% 0; border-radius:12px 12px 0 0; text-align:center; margin-bottom:10px; text-shadow: 3px 3px 4px rgba(0,0,0,0.8); }
.talentlist_w a{  color:#A00003; background:#FFCFD0; }
.talentlist_w a:hover{ color:#FFFFFF; background:#A00003;}

.talentlist_m h2{background:#35B5A7;border-bottom: 2px solid #CCC5A6; color:#FFF; padding:2% 0; border-radius:12px 12px 0 0; text-align:center; margin-bottom:10px; text-shadow: 3px 3px 4px rgba(0,0,0,0.8); }
.talentlist_m a{  color:#24607E; background:#9CD4FC; }
.talentlist_m a:hover{ color:#FFFFFF; background:#24607E;}

.talentlist_v h2{background:#C89831;border-bottom: 2px solid #CCC5A6; color:#FFF; padding:2% 0; border-radius:12px 12px 0 0; text-align:center; margin-bottom:10px; text-shadow: 3px 3px 4px rgba(0,0,0,0.8); }
.talentlist_v a{ color:#C89831; background:#FCE6C3; }
.talentlist_v a:hover{ color:#FFFFFF; background:#C89831;}

.listarea_y{ width:98%; margin:auto; text-align:center;}
.listarea_y dl{ width:48%; padding:1% 1% 1% 0; text-align:center;  margin:auto; }
.listarea_y a{ max-height:250px; overflow:hidden; display:block; text-decoration:none;border-radius:15px; box-shadow: 2px 2px 4px rgba(0,0,0,0.4);}
.listarea_y dt{ font-size:12px; padding:3% 0 3% 0; line-height:1.2;}
.listarea_y dt strong{ font-size:16px;}
.listarea_y dd img{ width:100%;border-radius:0 0 15px 15px}
.talentlist_y h2{ background:#6AA649; border-bottom: 2px solid #CCC5A6; color:#FFF; padding:2% 0; border-radius:12px 12px 0 0; text-align:center; margin-bottom:10px; text-shadow: 3px 3px 4px rgba(0,0,0,0.8); }
.talentlist_y a{  color:#6AA649; background:#CFFFCF; }
.talentlist_y a:hover{ color:#FFFFFF; background:#6AA649;}


@media screen and (max-width: 600px) {
.listarea dl{ width:32%;}
.listarea dt{ font-size:8px; padding:3% 0 3% 0; line-height:1.2;}
.listarea dt strong{ font-size:12px;}
}


/* タレントページ */
.artist_main_w,.artist_main_m,.artist_main_v,.artist_main_y{ margin:1%;border:2px solid #CCC5A6; border-radius:15px; }
.artist_main_w h2{ background:#C45B5D; border-bottom: 2px solid #CCC5A6; color:#FFF; padding:2% 0; border-radius:12px 12px 0 0; text-align:center; margin-bottom:10px; text-shadow: 3px 3px 4px rgba(0,0,0,0.8); font-size:24px;}
.artist_main_m h2{ background:#35B5A7; border-bottom: 2px solid #CCC5A6; color:#FFF; padding:2% 0; border-radius:12px 12px 0 0; text-align:center; margin-bottom:10px; text-shadow: 3px 3px 4px rgba(0,0,0,0.8); font-size:24px;}
.artist_main_v h2{ background:#C89831; border-bottom: 2px solid #CCC5A6; color:#FFF; padding:2% 0; border-radius:12px 12px 0 0; text-align:center; margin-bottom:10px; text-shadow: 3px 3px 4px rgba(0,0,0,0.8); font-size:24px;}
.artist_main_y h2{ background:#6AA649; border-bottom: 2px solid #CCC5A6; color:#FFF; padding:2% 0; border-radius:12px 12px 0 0; text-align:center; margin-bottom:10px; text-shadow: 3px 3px 4px rgba(0,0,0,0.8); font-size:24px;}
.artist_titleimg{ float:right; width:33%; margin-bottom:10px; text-align:center;}
.artist_titleimg img{ width:90%; box-shadow: 2px 2px 12px rgba(0,0,0,0.4); border:3px solid #CCC5A6; border-radius:10px; }
.profmain{ float:left; width:67%;}
.prof_w,.prof_m,.prof_v{width:90%;margin:auto auto 2% auto;
border-collapse: separate;border-spacing: 0px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;font-size:14px;box-shadow: 2px 2px 12px rgba(0,0,0,0.4);}
.prof_w th{min-width:80px;padding:6px 1px;font-weight:normal;vertical-align:middle;
background: #feedf3;border-top: 1px solid #fff;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.prof_m th{min-width:80px;padding:6px 1px;font-weight:normal;vertical-align:middle;
background:#7BC8B4;border-top: 1px solid #fff;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.prof_v th{min-width:80px;padding:6px 1px;font-weight:normal;vertical-align:middle;
background:#FBE4A1;border-top: 1px solid #fff;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.prof_w td,.prof_m td,.prof_v td{padding:6px;
background: #fafafa;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align:left;}
@media screen and (max-width: 600px) {
.artist_main_m h2,.artist_main_w h2,.artist_main_v h2{ font-size:16px;}
.artist_titleimg{ width:100%;}
.artist_titleimg img { margin:0 auto; max-width:200px;}
.profmain{ width:100%;}
.prof_w,.prof_m,.prof_v{ font-size:14px;}
.prof_w th,.prof_m th,.prof_v th{padding:2px;}
.prof_w td.prof_m td,.prof_v td{padding:2px;}
}

.artist_area_y{ width:90%; margin:auto; text-align:center;}
.artist_area_y img{ width:100%;}
.artist_area_y dl{ margin:5% 10%; font-size:14px; text-align:left; color:#6AA649}
.artist_area_y dt{ margin-top:2%; font-weight:bold; background:#CFFFCF; padding:2%; border-radius:10px;}
.artist_area_y dd{ padding:1% 1% 1% 10%; }

 
/* タレントページ写真 */
.artist_sub{ margin:1%; border:2px solid #CCC5A6;}
.artist_img{ width:55%; float:left; margin:1%;}
.artist_img img{ border-radius:10px;}
.prof_sub_m,.prof_sub_w,.prof_sub_v{ width:42%; float:left; margin:0 1% 1% 0;}
.prof_sub_w dl{ margin:2% 1% 1% 1%; border-bottom:1px solid #B059AD; font-size:14px; border-top:1px solid #B059AD; font-size:14px;}
.prof_sub_m dl{ margin:2% 1% 1% 1%; border-bottom:1px solid #53B4A7; font-size:14px; border-top:1px solid #53B4A7; font-size:14px;}
.prof_sub_v dl{ margin:2% 1% 1% 1%; border-bottom:1px solid #FF8E1E; font-size:14px; border-top:1px solid  #FF8E1E; font-size:14px;}
.prof_sub_m dt{ padding:1%; color: #4DA45C;}
.prof_sub_w dt{ padding:1%; color: #B059AD;}
.prof_sub_v dt{ padding:1%; color: #C96D11;}
.prof_sub_m dd,.prof_sub_w dd,.prof_sub_v dd{ padding:0 1% 1% 5%;}
.prof_sub_w h3{ font-size:16px; padding:1%; background:#E0C0C1; color:#A35C5D; margin:2% auto; border-top:4px double #A35C5D; border-bottom:4px double #A35C5D; font-weight:normal;}
.prof_sub_m h3{ font-size:16px; padding:1%; background:#C0E0CC; color:#4DA45C; margin:2% auto; border-top:4px double #4DA45C; border-bottom:4px double #4DA45C; font-weight:normal;}
.prof_sub_v h3{ font-size:16px; padding:1%; background:#FBDEC6; color:#A46A4D; margin:2% auto; border-top:4px double #A46A4D; border-bottom:4px double #A46A4D; font-weight:normal;}
.prof_sub_m p,.prof_sub_w p,.prof_sub_v p{ border-bottom:1px dotted black; font-size:14px; padding:1%; margin-bottom:1px;}
.prof_sub_m h4,.prof_sub_w h4,.prof_sub_v h4{ font-size:14px; padding:1%; margin:1px auto; color:#406888}
@media screen and (max-width: 600px) {
.artist_img{ width:98%;}
.prof_sub_m,.prof_sub_w,.prof_sub_v{ width:98%; margin:1%}
}



/* 製作実績ページ */
.works{ margin:1% auto; width:95%; border:2px solid #CCC5A6; border-radius:15px; }
.works h2{background:#5A985E; border-bottom: 2px solid #CCC5A6; color:#FFF; padding:2% 0; border-radius:12px 12px 0 0; text-align:center; margin-bottom:10px;  }
.worksinfo{ width:96%; margin:auto; margin:2%;}
.worksinfo h3{ background:#606FB5; color:#FFFFFF; padding:2%; border-radius:5px;}
.worksinfo p{ padding:5px 20px; font-size:14px}
.worksinfo p{ text-align:center; font-size:14px;}
.youtubeimg { text-align:center;}

.worksinfo ul{ text-align:center; min-width:50%; margin:auto; font-size:14px;}
.worksinfo li { display:inline;}


@media screen and (max-width: 640px) {
.works h2{font-size:14px;  }
.worksinfo { font-size:12px;}
.worksinfo p{ font-size:12px;}
}




/* オーディションページメインメッセージ */
.mainmessage { width:98%; background:#01C0D2; color:#FFF; margin:5% auto; padding:2%; text-align:center; border-radius:10px;}
.mainmessage,.mainmessage img { box-shadow: 5px 5px 5px rgba(0,0,0,0.4);}
.mainmessage img { width:80%;}
.mainmessage p { font-size:18px;}
.mainmessage p br{ display:none;}
.mainmessage h2 { font-size:24px; margin:10px auto;text-shadow: 2px 2px 2px rgba(0,0,0,0.4);}

@media screen and (max-width: 640px) {
.mainmessage { width:90%; margin:10px auto; }
.mainmessage img { width:90%;}
.mainmessage p { font-size:11px;}
.mainmessage h2 { font-size:14px;}
.mainmessage p br{ display: block;}
}


/* オーディション詳細 */
.detail { width:90%; margin:10px auto;}
.detail h2 { margin:20px auto 10px auto; padding:5px 10px; font-size:16px; border-bottom:2px dotted #CCC; border-left:15px solid #CCC; background:#E8E8E8 }
.detail ul { width:95%; margin:auto;}
.detail li { font-size:14px; padding:5px 10px}
.detail li strong { color:#F90; font-size:12px; }
@media screen and (max-width: 640px) {
.detail { width:98%; margin:10px auto;}
.detail h2 { margin:10px auto 5px auto; padding:5px; font-size:14px;}
.detail li { font-size:11px; padding:5px;}
}

/* オーディションの流れ */
#audition { background:#EEFFFE; border-radius:10px; width:90%; margin:auto;}
#audition h2 { text-align:center; color:#0CF; padding:15px 0 0 0;}
#audition h2 br { display:none;}
.auditionstep { width:90%;margin:10px auto; }
.auditionstep li { list-style:none;width:100%; }
.auditionstep img { width:100%;}
.auditionstep p img { width:19%;}
.stepside h3 { font-size:14px; padding:5px 10px; margin-top:10px; }
.stepside p { font-size:12px; padding:5px 20px; }
.stepside img { width:95%; padding:2%;}
#audition h4 { text-align:center; color:#090; font-size:14px; padding:10px 50px}

/* オーディションの流れカラム設定 */
.box2min { width:45%; float:left;}
.box2large { width:55%; float:left;}
@media screen and (max-width: 640px) {
.box2min { width:98%;}
.auditionstep { width:100%;margin:10px auto; }
.box2large { width:98%;}
#audition h2 br { display:block;}
}



/* 映画オーディションプロフィールページ設定 */

.profimg{ margin:0 40px 10px 40px;}
.profimg img{ padding:2px 30px 50px 0px; float:right;}
.profimg dl{ text-align:left; font-size:12px;}
.profimg dt{ margin:10px auto auto 10px;}
.profimg dd{ margin:5px auto auto 20px; color:#999;}

.photo{ margin:0 60px 10px 60px;}
.photo img{ padding:2px 30px 50px 0px; float:left;}
.photo dl{ text-align:left; font-size:12px;}
.photo dt{ padding:5px; font-weight:bold;}
.photo dd{ padding:0 20px;}

.sakuhin{ margin:0 40px 10px 40px;}
.sakuhin img{ padding:2px 30px 50px 0px; float:left;}
.sakuhin dl{ text-align:left;}
.sakuhin dt{ padding:5px; font-size:18px; font-weight:bold;}
.sakuhin h3{background:#01C0D2; color:#FFF; padding:5px; border-radius:10px; }
.sakuhin dd{ padding:0 20px; font-size:14px;}

.nextkanban { margin:20px auto 50px auto; text-align:center; }
.nextkanban img {width:70%; box-shadow:2px 2px 5px #999; border-radius:10px;}

@media screen and (max-width: 640px) {
.nextkanban img {width:95%;}
.profimg{ margin:0 10px 10px 10px;}
.photo{ margin:0 10px 10px 10px;}
.sakuhin{ margin:0 10px 10px 10px;}
.sakuhin dt{ padding:5px; font-size:14px; font-weight:bold;}
.sakuhin dd{ padding:0 10px; font-size:12px;}

}


/* 事務局マップ設定 */
.mainwrap{ width:92%; margin:10px auto;}
.mainwrap h2 { margin:5px auto; background:#CCC; padding:20px 30px; text-align:left; color:#666; border-bottom: 2px solid #666; border-right: 2px solid #666;border-radius: 50px;}
.mainwrap h2 br{ display:none;}
.mainwrap h4 { float:left; width:120px; height:50px; background:#666; color:#FFF; text-align:center; margin:14px; padding-top:30px; font-size:14px;border-radius: 10px;}
.mainwrap p { float:left; text-align:left; margin:14px; line-height:160%; padding-top:10px; font-size:12px; color:#999;}
.map{ clear:both; width:98%; margin:5px auto; text-align:right;}
.map a{ font-size:10px;}
.mainwrap dl { margin:10px auto 80px auto;}
.mainwrap dt { text-align:left; margin:20px; font-size:16px; line-height:150%; font-weight:bold; color:#666; background:#E8E8E8; padding:10px 20px;border-radius: 5px; border:1px solid #999;}
.mainwrap dd { text-align:left; margin:10px 60px 20px 60px; line-height:160%; font-size:14px; color:#999; text-indent:0.5em}
@media screen and (max-width: 640px) {
.mainwrap{ width:100%;}
.mainwrap h2 { padding:10px; text-align:center;border-radius:25px; font-size:14px;}
.mainwrap h2 br{ display:block;}
.mainwrap dl { margin:10px auto 20px auto;}
.mainwrap dt { margin:10px 2px 10px 2px; }
.mainwrap dd { margin:10px 20px;}
.mainwrap h2 strong { display:none;}
.mainwrap h4{width:90%; height:20px; padding:10px;margin:5px;}
.mainwrap p{ padding-top:0; margin:5px;}
}




.mailarea{width:100%; margin:30px auto; text-align:center;}
.attention{ width:70%;; margin:auto; color:#900;font-size:12px;}
.attention1{ width:70%; margin:auto; font-size:12px; color:#CC0000; text-align:left;}
.mailarea dl{ width:80%; margin:auto;}
.mailarea dt{ font-size:14px; background:#EBF1F9;text-align:left; padding:5px; border:1px solid #CCC; }
.mailarea dd{ margin:10px 20px; text-align:left;}
.mailarea dt strong{ font-size:10px;}
.inp01{ border:0;padding:10px;font-size:1.3em;color:#aaa;border:solid 1px #ccc;margin:0 0 20px;width:80%;}
.inp02{ margin-left:5px;border:0;padding:10px;font-size:1.3em;color:#aaa;border:solid 1px #ccc;max-width:150px;}
.inp03{ border:0;padding:10px; height:200px;font-size:1.3em;color:#aaa;border:solid 1px #ccc;margin:0 0 20px;width:80%;}
.btn{ width:100px; padding:10px; margin:20px auto; font-size:20px; font-weight:bold;}

@media screen and (max-width: 640px) {
.mailarea{width:100%; margin:30px auto; text-align:center;}
.attention{ width:80%;; margin:auto; color:#900;font-size:12px;}
.attention1{ width:80%; margin:auto; font-size:12px; color:#CC0000; text-align:left;}
.mailarea dl{ width:95%; margin:auto;}
.mailarea dt{ font-size:12px; background:#EBF1F9;text-align:left; padding:5px; border:1px solid #CCC; }
.mailarea dd{ margin:10px 20px; text-align:left;}
.mailarea dt strong{ font-size:10px;}
.mailarea h3{ font-size:14px; text-align:center;}
.inp01{ border:0;padding:10px;font-size:1.3em;color:#aaa;border:solid 1px #ccc;margin:0 0 20px;width:80%;}
.inp02{ margin-left:5px;border:0;padding:10px;font-size:1.3em;color:#aaa;border:solid 1px #ccc;max-width:150px;}
.inp03{ border:0;padding:10px; height:200px;font-size:1.3em;color:#aaa;border:solid 1px #ccc;margin:0 0 20px;width:80%;}
.btn{ width:100px; padding:10px; margin:20px auto; font-size:15px; font-weight:bold;}
}






#information{margin:1% 15%;border:2px solid #CCC5A6; border-radius:15px;}
#information h2{ background:#C45B5D; border-bottom: 2px solid #CCC5A6; color:#FFF; padding:2% 0; border-radius:12px 12px 0 0; text-align:center; margin-bottom:10px; text-shadow: 3px 3px 4px rgba(0,0,0,0.8); }
#information p{ font-size:14px; padding:10px 40px; }
	
.infoentry{ width:47%; float:left; margin:2% auto 2% 2%; border:2px solid #CCC5A6; border-radius:15px;}
.infoentry h2{ background:#6276D5; border-bottom: 2px solid #CCC5A6; color:#FFF; padding:2% 0; border-radius:12px 12px 0 0; text-align:center; margin-bottom:10px; text-shadow: 3px 3px 4px rgba(0,0,0,0.8); }

.infoentry h3{ font-size:14px; padding:1% ; }
.infoentry p{ font-size:14px; padding:1% 2% }
.infoentry dt{ font-size:14px; padding:1% 2% }
.infoentry dd{ font-size:12px; padding:1% 2% }


.company{ text-align:center;}
.company table{ font-size:14px; width:98%; margin:auto;}
.company th{ background:#F0E0E0;}

.companytable { text-align:center; margin-bottom:5%;}
.companytable table{ font-size:14px; width:90%; margin:auto; }
.companytable th{ background:#F0E0E0;border:1px solid #DDDDDD;}
.companytable td{ padding:2%;text-align:left;border:1px solid #DDDDDD;}






.privacy{ width:98%; margin:auto;}
.privacy h3{ font-size:16px; color:#7AB076; padding:2% 0 1% 0;}
.privacy p{ font-size:14px; padding:1% 5%;}
.privacy{}
.privacy{}
.privacy{}
.privacy{}



.list { padding:0 2% 20px 2%;}
.list h3{ font-weight:bold; background:#458855; color:#FFFFFF; padding:1% 2%; font-size:14px; margin:1% 2% 2% 2%;}
.list h4 { padding:5px 0 5px 25px; font-size:14px; background:url(image/arrow1.png) #E8E8E8 no-repeat; border-radius:15px; margin:3% auto 2% auto;}
.list p { font-size:12px; padding:5px 2% 10px 5%; }
.list h5 { text-align:right; font-size:14px; font-weight:normal; margin-top:15px; margin-bottom:-10px;}
.list h4:hover{ background:url(image/arrow2.png) #FC0 no-repeat;}

 /* アコーディオン初期クローズ用CSS */
.acClose{ display:none; }

#auditionpage{margin:1%;border:2px solid #CCC5A6; border-radius:15px;}
#auditionpage h2{ background:#C45B5D; border-bottom: 2px solid #CCC5A6; color:#FFF; padding:2% 0; border-radius:12px 12px 0 0; text-align:center; margin-bottom:10px; text-shadow: 3px 3px 4px rgba(0,0,0,0.8); }


.infomsg{ margin:1% 1%;}
.infomsg p{  margin:1% 5%; font-size:14px; color:#AB4D29}


.auditionmsg{ margin:1% 1%;}
.auditionmsg p{  margin:1% 10%; font-size:14px;}
.auditionmsg h3{ margin:3% 3% 1% 3%; padding:1% 2%;border-bottom:1px #FF0004 solid; border-left:15px #FF0004 solid; background:#F3FFDC; font-size:16px; font-weight:bold; color:#2E5333; border-radius:15px 0 0 5px}

.pagecover{ margin:auto;}
.pagecover img{ width:100%;}