@charset "UTF-8";

/*
------------------------------
File Name: interview.css
Last UpDate: 2016.8.26

interview.htmlで使用しているCSS
------------------------------
*/


#interview #contents #personalityArea{
padding:0;
letter-spacing: 0.04em;/*160826*/
}

.personality{
width:212px;
float:left;
margin:0 10px 10px 0;
background-color:#fff;
text-align:center;
}

/*放送なし用の。
.personality-no{
width:200px;
float:left;
margin:0 10px 10px 0;
background-color:#fff;
text-align:center;
padding:5px ;border:2px solid #fff;
text-decoration:none;
color: #4F2F00;
font-weight:normal;
height:320px;
}
.personality-no img{
margin:0;
}
.personality-no p{
font-size:0.84em; line-height:110%; padding:0; margin:0
}
*/

.personality a{
display:block;
padding:8px 5px;border:2px solid #fff;
text-decoration:none;
color: #4F2F00;font-weight:normal;
height:350px;/*160826*/
}

.personality a:hover{
border:2px solid  #FE9900;
color: #4F2F00;
background: #FFFAE4 url(../images_interview/icon_interview.png) no-repeat right bottom;
} 

.photo{
  height: 190px;
  overflow: hidden;
}/*160826追加*/

.date,
.country,
.affiliation{
font-size:0.8rem;
line-height: 1.2;
}/*160826*/

.no{
display:none
}/*通し番号*/

.date{
padding:8px 0;
}/*160826*/

.mp3{
background-color:#FCE481;
padding:8px 0 6px;
font-weight: bold;

/*160826*/
margin:0;
line-height:110%;
height:2em;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.9rem;
}

.country{
border-bottom:1px dashed #4F2F00;
padding:8px 0;
margin-bottom:2px;
}

.affiliation{
padding:8px 0 ;
}

.date,
.country,
.affiliation{
display:block;
}/*160826*/