@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Sawarabi+Mincho&display=swap');
/* ===================================================================
CSS information
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/

body{
	background: #FFFFFF;
	font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
}

a         { color: #0000FF; text-decoration: underline; overflow: hidden; outline: none; }
a:visited { color: #0000FF; text-decoration: underline;                                  }
a:hover   { color: #0099CC; text-decoration: underline;                                  }



/*----------------------------------------------------
	共通
----------------------------------------------------*/
header,
nav,
footer{
	clear:both;
}
.bg01 {
	background:transparent url(../img/bg01.jpg) top left repeat-x;

	text-align:center;
	margin-bottom:20px;
	
}
.bg01 a{
	display:block;
	height: 25px;
	color:#FFFFFF;
	font-weight:bold;
	padding:8px 0px 0px 10px;
}

.bg01 a         { color: #FFFFFF; text-decoration: none ; overflow: hidden; outline: none; }
.bg01 a:visited { color: #FFFFFF; text-decoration: none ;                                  }
.bg01 a:hover   { color: #FFFFFF; text-decoration: none ;                                  }



.bg02 {
 	border-top: 1px solid #CCCCCC;
  	border-bottom: 1px solid #CCCCCC;
	background:transparent url(../img/bg02.jpg) top left repeat-x;
	height: 25px;
	margin-bottom:20px;
	padding-top:8px;
}

.bg02 .icon{
	display:block;
	background:transparent url(../img/icon01.gif) 13px 3px no-repeat;
	padding:0px 0px 0px 25px;
	color:#384A65;
	font-weight:bold;
}


.bg03 {
	background:transparent url(../img/bg01.jpg) top left repeat-x;
	margin-bottom:20px;
	border-radius: 5px;
}
.bg03 a{
	background:transparent url(../img/arrow02.gif) 100% 50% no-repeat;
	display:block;
	height: 25px;
	color:#FFFFFF;
	font-weight:bold;
	padding:8px 0px 0px 10px;
}

.bg03 a         { color: #FFFFFF; text-decoration: none ; overflow: hidden; outline: none; }
.bg03 a:visited { color: #FFFFFF; text-decoration: none ;                                  }
.bg03 a:hover   { color: #FFFFFF; text-decoration: none ;                                  }



.bg04{
	background:transparent url(../img/bg01.jpg) top left repeat-x;
	height: 35px;
	color:#FFFFFF;
	padding:0px 13px;
	margin-bottom:20px;
}
.bg04 li{
	float:left;
}
.bg04 .btn{
	width:33%;
	padding-top:3px;
}
.bg04 .text{
	width:33%;
	text-align:center;
	padding-top:8px;
	font-weight:bold;
}
/* ----------------------------------------------------*/

.tR{ text-align:right;   }

.fL{ float:left;   }
.fR{ float:right;  }

.font_bl{
	color:#000000;
}

.font_R{
	color:#EB5F7F;
}
.font_B{
	color:#2880CE;
}

.siz14{
	font-size:14px;
}

.icon01{
	background:transparent url(../img/icon02.gif) 0px 7px no-repeat;
	padding:0px 0px 0px 10px;
	margin-bottom:5px;
}

.lin01{
	border-bottom: 1px solid #CCCCCC;
	margin-bottom:20px;
}
.lin02{
	border-bottom: 1px solid #CCCCCC;
}

a.arrow01{
	background:transparent url(../img/arrow03.gif) 0px 4px no-repeat;
	padding:0px 0px 0px 15px;
}
/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
#header .top-title{
	text-align:center;
	margin-top: 5px;
	height: 70px;
	background:transparent url(../img/nav.jpg) top left repeat-x;
}
#header .top-menu{
	text-align:right;
	width:100%;
	font-size:24px;
}
/*----------------------------------------------------
	内容
----------------------------------------------------*/
#contents {
	padding:5px 5px;
	text-align:center;
	width:100%;
}
#contents .cd_index {
	width:100%;
	text-align:left;
	padding:1% 1%;
	font-weight:bold;
}
#contents .cd_step {
	width:90%;
	text-align:center;
	background-color: #FFFF99;
	padding:1%x 1%;
}
#contents .cd_arrow {
	width:90%;
	text-align:center;
}
#contents .cd_step .cd_cmnt{
	width:90%;
	text-align:left;
}
#contents .cd_cmnt{
	width:100%;
	padding-left:1%;
	text-align:left;
}
/*----------------------------------------------------
	ナビ
----------------------------------------------------*/

nav ul li{
 	border-bottom: 1px solid #CCCCCC;
 	
}
nav ul li a{
	background:transparent url(../img/arrow01.gif) 100% 50% no-repeat;
	display:block;
}

/*----------------------------------------------------
	コンテンツ
----------------------------------------------------*/


article section aside{
	clear:both;
	overflow:auto;
	margin:0px 13px 20px 13px;
}
article section aside.center{
	text-align:center;
}

article section aside.top{
	color:#EB5F7F;
	font-size: 14px;
}

/*----------------------------------------------------
	フッター
----------------------------------------------------*/

footer {
	background:transparent url(../img/footer.jpg) top left repeat-x;
	padding:2% 1%;
}
footer .company-name{
	font-weight:bold;
	margin-bottom:10px;
}

footer ul li{
	float:left; 
	padding-right:1%;
	margin-bottom:2%;
}


footer .copyrigh{
	clear:both;
}

footer .li-r{
	padding-right:0px;
}

footer .address{
	font-size:10px;
	margin-bottom:10px;
}
#d_footmenu {
	width:100%;
	height: 60px;
	text-align:center;
	padding-top:1%;
}
#d_footmenu .d_footer {
	float:left;
}
/*----------------------------------------------------
	応募フォーム
----------------------------------------------------*/
#tb_audition{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #999;
}
#tb_audition .ctd_th{
	background: #ECFFFF;
	font-size: 10pt;
	text-align: right;
	vertical-align: top;
	border: solid 1px #999;
	padding: 2px 3px;
	
}
#tb_audition .ctd_td{
	font-size: 10pt;
	text-align: left;
	border: solid 1px #999;
	padding: 2px 3px;

}
input[type="text"]:focus, select:focus, textarea:focus {
			background-color: #bde9ba;
		}
	input[type="text"], select, textarea {
		border:0;
		padding:5px;
		font-size:14px;
		color:#000000;
		border:solid 1px #ccc;
		margin:0 0 10px;
		-webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
		-moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
		box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.bt_send {
		border:solid 1px #ccc;
		padding:15px 30px;
		margin:0 0 20px;
		font-size:1.2em;
		text-transform:uppercase;
		font-weight:bold;
		color:#333;
		cursor:pointer;

		background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
		background-image: -webkit-linear-gradient(top, #ddd, #aaa);
		background-image: -moz-linear-gradient(top, #ddd, #aaa);
		background-image: -ms-linear-gradient(top, #ddd, #aaa);
		background-image: -o-linear-gradient(top, #ddd, #aaa);
		background-image: linear-gradient(top, #ddd, #aaa);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#aaa',GradientType=0 ); /* IE6-9 */

		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);

		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);

		}
	.d_error {
		color:#FF0000;
		font-size:12px;
	}
		.d_error img {
			position:relative;top:3px;
		}
/*----------------------------------------------------
	主な取引先
----------------------------------------------------*/
#d_comp {
	width: 300px;
	line-height:150%;
	text-align: left;
}
/*----------------------------------------------------
	主な出演作
----------------------------------------------------*/
#d_performance {
	width: 450px;
	line-height:150%;
	text-align: left;
}
#d_performance .cd_list{
	width: 450px;
	color:#FF0000;
}
#d_performance .cd_list .cd_left{
	width: 130px;
	float:left;
	padding-left:10px;
	color:#000000;
}
#d_performance .cd_list .cd_right{
	width: 300px;
	float:left;
	color:#000000;
}
/*----------------------------------------------------
	所属タレント
----------------------------------------------------*/
#talent_nav{
	width: 100%;
	height:50px;
	background-image: url(../img/b_menu.gif);
	background-repeat: repeat-x;
}

#d_talent_title {
	width: 400px;
	color:#FF0000;
	font-size:12pt;
}
#d_talent_list {
	width: 100%;
	
}
#d_talent_list .cd_tlist {
	width: 100px;height:160px;
	float:left;
}
#d_talent_list .cd_tlist .cd_phot {
	width: 100px;
}
#d_talent_list .cd_tlist .cd_name {
	width: 100px;
	font-size:11pt;
}
.cd_clear {
	width: 100%;
	clear:both;
}

#d_talent_detail {
	width: 400px;
}
	#d_talent_detail .d_name{
		width: 400px;
		text-align: center;
		color:#000000;
		font-size:14pt;
	}
	#d_talent_detail .d_phot{
		width: 400px;
		text-align: center;
	}
	#d_talent_detail .d_data{
		width: 400px;
		text-align: left;
		font-size:11pt;
		clear:both;
	}
	#d_talent_detail .d_data_voice{
		height:35px;
		padding-top:5px;
		background-color: #000000;
	}
		#d_talent_detail .d_data .d_title{
			width: 100px;
			text-align: right;
			float:left;
		}
		#d_talent_detail .d_data .d_title::after{
			content: "　";
		}
		#d_talent_detail .d_data .d_val{
			width: 300px;
			text-align: left;
			float:left;
			color:#000000;
		}
		#d_talent_detail .cd_facebook_d {
			width: 400px;
			padding-top:10px;
			text-align: center;
		}
			#d_talent_detail .cd_facebook_d .twitter{
				float:left;
			}
			#d_talent_detail .cd_facebook_d .facebook{
				float:left;
			}
@media (max-width: 765px) {
	#d_talent_detail {
		width: 100%;
	}
	#d_talent_detail .d_name{
		width: 100%;
		
	}
	#d_talent_detail .d_phot{
		width: 100%;
	}
	#d_talent_detail .d_data{
		width: 100%;
	}
		#d_talent_detail .d_data .d_val{
			width: 80%;
		}
		#d_talent_detail .cd_facebook_d {
			width: 100%;
		}
}
/*----------------------------------------------------
	新着一覧
----------------------------------------------------*/
.news-title {
	padding:10px;
	width: 95%;
	text-align: center;
	font-size:120%;
}
.news-title h2{
	font-size:120%;
	color:#000000;
}
#d_newsdetail {
	width: 95%;
	max-width:600px;
	min-height:400px;
	text-align: left;
	padding:10px;
	color:#000;
}
	#d_newsdetail .d_img {
		width: 100%;
		text-align: center;
	}
	#d_newsdetail .main_img {
		width: 80%;
	}
#d_newslist {
	width: 100%;
	height:100px;
	text-align: left;
	padding-left:10px;
}

#d_newslist th{
	padding-bottom:5px;
}
#d_newslist td{
	padding-left:10px;
	padding-bottom:5px;
}
#d_news {
	width: 400px;
	text-align: left;
}
	#d_news .cd_news_title{
		width: 400px;
		text-align: left;
		font-size:11pt;
		color:#000000;
	}
	#d_news .cd_news_phot{
		text-align: center;
	}
	#d_news .cd_news_title{
		width: 400px;
		text-align: left;
		font-size:10pt;
	}

@media (max-width: 765px) {
	#d_newsdetail .main_img {
		width: 90%;
	}

}
/*----------------------------------------------------
	タレントブログ一覧
----------------------------------------------------*/
#blogmain {
	width:740px; 
	margin:auto;
	text-align: center;
	clear:both;

}
.cd_bloglist {
	margin:auto;
	width:600px; height:150px;overflow:hidden;
}
.cd_blog_main {
	width:1600px;
}
.cd_blog {
	width:200px;
	float:left;
}
.cd_btn {
	width:740px;
	
}
.btn_befor {
	width:100px;
	padding-left:30px;
	float:left;
	text-align: left;
	position:relative;top:-130px;
	display:none;
}
.btn_next {
	width:100px;
	padding-right:30px;
	text-align: right;
	float:right;
	position:relative;top:-130px;
	
}