body {
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
Meiryo,
sans-serif;
line-height:2;}
div {display: block;}
.wrapper {  
display: flex;
flex-direction: column;
width: 100%;  
min-height: 100vh; }  
.header_bg {
height: 180px;
width:100%;
background-image:url("../pic/bg00.png");
background-repeat: repeat;
background-color:#EAF4F1;}  
.header {
display: flex;	
flex-direction: row;
align-items: center;
justify-content:space-between;
height: 180px;
max-width:1024px;
margin:0 auto;}  
.logo{
margin-left:1em;}
.gnav{
    display: flex;}
.gnav a{
    display: block;
    padding: 10px;
	font-weight:bold;}
.gnav span {
  display: block;
  font-size: 12px;
  font-weight: normal;
  text-align: center;}
.slider{
width:100%;
padding:0.5em;
background-color:#EAF4F1;}

.main{  
display: flex;
flex-direction: column;
height:100%;
width: 100%;}  

.space {  
background-color:#ffffff;
padding: 2em 5em;} 
.inspace{
max-width:1024px;
margin:0 auto;}
.space_head {  
background-color:#EAF4F1;
padding:2em;
text-align: center;}  
.space_v {  
background-color:#F1F3F4;
padding:3em;
text-align: center;}  

.mainflex{
display: flex;}
.mainleft{
margin:0.5em;
width:calc(100% - 250px);}
.mainright{
margin:0.5em;
width: 250px;}

.space_link {  
background-color:#EAF4F1;
padding:2em;
text-align: center;}  

.danraku{
	margin:0.8em;
}

.tweet {
text-align:center;
color:#000;
margin-bottom:5px;
border-bottom: 5px solid #edad2f;}

.twlist{
display: flex;
flex-direction:row;
justify-content:space-between;
flex-wrap:wrap;
}
.twlist li{
width: 230px;
margin:5px;
border-bottom: 1px solid #EAF4F1;
}


.footer {  
color:#ffffff;
width: 100%;
text-align: center;  
margin-top: auto;
padding: 1em; 
background-image:url("../pic/bg01.png");
background-repeat: repeat;}  
.fnav{
display: flex;
flex-direction: row;
justify-content: center;}
.fnav a{
color:#ffffff;
display: block;
padding: 10px;
margin-bottom:8px;}
.fnav span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  text-align: center;}
  
.info dl {
display: flex;
flex-wrap: wrap;
justify-content:center;
max-width:1024px;}
.info dt {
width: 15%;
padding: 0.5em;
border-top: 1px dashed #e8e4e6;
text-align: center;
color:#808080;
font-size:0.9em;}
.info dd {
width: 85%;
padding: 0.5em;
text-align:left;
border-top: 1px dashed #e8e4e6;}
.info dl dt:first-child{
border-top:none;}
.info dl dt:first-child + dd{
border-top:none;}

/**infoページ用**/
.info2 dl {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  max-width:1024px;}
.info2 dt {
  width: 15%;
  padding: 0.5em;
  border-top: 1px dashed #e8e4e6;
  text-align: center;
  color:#808080;
  font-size:0.9em;}
.info2 dd {
  width: 85%;
  padding: 0.5em;
  text-align:left;
  border-top: 1px dashed #e8e4e6;}
.info2 dl dt:first-child{
     border-top:none;}
.info2 dl dt:first-child + dd{
     border-top:none;}
	 
/**タレント一覧用**/
.parent_all {
	display: table;
	width: 100%;
	margin-top: 10px;
	border-collapse: separate;
	border-spacing: 0em;
	table-layout: fixed;}
.child_all {
	display: table-cell;
	width: 50%;
	vertical-align: top;}
.tiles{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content:flex-start;
flex-wrap:wrap;
align-content:space-around;
max-width:512px;}
.tiles ul{
margin:3px;
display: flex;
text-align:center;
align-items:center;
max-width:512px;}
.tiles li{
}

.tiles a:hover {
filter:alpha(opacity=50); /* IE 6と7*/
-ms-filter: "alpha(opacity=50)"; /* IE 8と9 */
-moz-opacity:0.5; /* Firefox , Netscape */
-khtml-opacity: 0.5; /* Safari 1系 */
opacity:0.5;
zoom:1; /*IE*/
text-decoration: none !important;}
img{
max-width:100%;
height: auto;
vertical-align:bottom;
margin: 0 auto;}
audio{
width:100%;}
.txt{
padding:1em;}

/**タレント個人用**/
.parent {
	display: table;
	width: 100%;
	margin-top: 10px;
	border-collapse: separate;
	border-spacing: 0em;
	table-layout: fixed;}
.child {
	display: table-cell;
	width: 50%;
	vertical-align: top;}
.profile dl {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  max-width:514px;}
.profile dt {
  width: 20%;
  padding: 0.5em;
  border-top: 1px dashed #e8e4e6;
  font-weight:bold;
  text-align: center;}
.profile dd {
  width: 80%;
  padding: 0.5em;
  text-align:left;
  border-top: 1px dashed #e8e4e6;}
.profile dl dt:first-child{
     border-top:none;}
.profile dl dt:first-child + dd{
     border-top:none;}
.propic{
	text-align: center;
margin:0 auto;	}


/**出演履歴**/
.appearance dl {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;}
.appearance dt {
  width: 60%;
  padding-left: 1em;
  border-top: 1px dashed #e8e4e6;}
.appearance dd {
  width: 40%;
  padding-right: 1em;
  text-align:left;
  border-top: 1px dashed #e8e4e6;}
.appearance dl dt:first-child{
     border-top:none;}
.appearance dl dt:first-child + dd{
     border-top:none;}
.after_hs{
font-size: 12px;
text-align: right;}


/**会社概要**/
.c_info dl {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;}
.c_info dt {
  color:#000000;
  width: 25%;
  padding: 10px;
  background-color: #F1F3F4;
  margin: 0 0 10px 0;
  text-align:center;}
.c_info dd {
  width: 55%;
  padding: 10px;
  background-color: #fffffe;
  margin: 0 0 10px 0;}

.txt-c{
padding-top:1em;
text-align:center;}

/**リクルートバナー用**/
.recruit{
margin:1em auto;
padding:1em;
max-width:800px;
text-align:center;
font-weight:bold;
font-size:1.5em;
background-color:#EFF1ED;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
border-radius: 0.5em
}

/**スマホ用配置変更**/
@media screen and (max-width : 768px) { 
.gnav a{
	font-size: 12px;
    padding: 6px;
}
.gnav span {
  font-size: 10px;
}
.space {  
padding: 0.5em;} 
.inspace{
font-size: 12px;} 
.space_v {  
padding:1em;}  
.header_bg {
height: 250px;}  
.header {
flex-direction:column;
justify-content:center;
height: 250px;}

.mainflex{
display: block;}
.mainleft{
margin:5px;
width:100%;}
.mainright{
margin:5px;
width: 100%;}

.twlist li{
width: 200px;
}

.recruit{
padding:1em;
}

.fnav a{
padding: 5px;}
.fnav span {
font-size: 12px;
}

.info dt {
width: 20%;
padding: 0;}
.info dd {
width: 80%;
padding: 0;}
.info2 dt {
width: 20%;
padding: 0;}
.info2 dd {
width: 80%;
padding: 0;}
.c_info dt {
width: 30%;}
.c_info dd {
width: 70%;}

.profile dl {
  display: block;
  max-width:514px;}
.profile dt {
  width: 100%;
  padding: 0em;
  border-top: 1px dashed #e8e4e6;
  font-weight:bold;
  text-align: left;}
.profile dd {
  width: 100%;
  padding: 0em;
  text-align:left;
  border-top: 1px dashed #e8e4e6;}
.profile dl dt:first-child{
     border-top:none;}
.profile dl dt:first-child + dd{
     border-top:1px dashed #e8e4e6;}
.child dl {
margin: 1em 1em 1em 0em;}
.child dt {
padding: 5px;}
.child dd {
padding: 5px;}
.parent {
margin-top: 5px;
border-spacing: 2px;}
.tiles li{
margin:2px;}

}