#box article{
padding: 10px;
background: rgba(255,255,255,.2);
}

#box article p{
font-size: 18px;
line-height: 150%;
margin-bottom: 20px;
}

#box article strong{
font-weight: bold;
color: #e35487;
font-size: 1.05em;
}


  
/*
==========================================================

女の子リスト

==========================================================
*/
#girlList li{
display: table;
background: rgba(255,255,255,.8);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-bottom: 10px;
padding: 5px;
width: 100%;
}

#girlList li a{
color: #000;
text-decoration: none;
}

#girlList li span{
display: table-cell;
vertical-align: middle;
}

#girlList li .img{
width: 30%;
}

#girlList li .img img{
width: 100%;
}

#girlList li .txt{
line-height: 150%;
font-size: .9em;
padding: 5px;
}

#girlList li .txt em{
display: block;
font-size: 1.2em;
color: #e35487;
font-weight: bold;
}

#girlList li .txt i{
display: block;
font-size: .8em;
color: #000;
font-weight: normal;
}



#girlList li.active{
background: rgba(227,84,135,.2);
}




  
/*
==========================================================

インタビュー記事

==========================================================
*/

#interview h4{
font-weight: bold;
background: #e35487;
color: #fff;
text-align: center;
padding: 10px;
border-radius: 5px;
position: relative;
margin-bottom: 20px;
}

#interview h4 i{
font-size: .8em;
padding-right: .8em;
}

#interview h4:after{
width: 0;
height: 0;
border-style: solid;
border-width: 13px 10px 0 10px;
content: "";
position: absolute;
bottom: -13px;
left: 20px;
border-color: #e35487 transparent transparent transparent;
}


#interview .body{
padding: 10px;
background: rgba(255,255,255,.8);
border-radius: 5px;
}

#interview .header{
width: 100%;
}

#interview .header:after{
}

#interview .header .img{
float: left;
width:40%;
}

#interview .header .img img{
width: 100%;
}


#interview .info h5{
width: 60%;
float: left;
padding: 10px;
box-sizing: border-box;
text-align: center;
background: #117d02;
border-radius: 5px;
font-weight: bold;
color: #fff;
margin-bottom: 15px;
}

#interview .info dl{
display: table;
box-sizing: border-box;
width: 60%;
float: right;
margin-bottom: 5px
}

#interview .info dt,
#interview .info dd{
display: table-cell;
vertical-align: middle;
box-sizing: border-box;
text-align: left;
}

#interview .info dt{
width: 50%;
text-align: center;
font-size: .8em;
padding: 5px;
background: #e35487;
color: #fff;
border-radius: 5px;
}

#interview .info dd{
font-size: .9 em;
line-height: 130%;
padding-left: 10px;
}

#interview .info dl:last-child,
#interview .info dl:last-child dt,
#interview .info dl:last-child dd{
display: block;
width: 100%;
float: none;
}

#interview .info dl:last-child{
margin-bottom: 20px;
}

#interview .info dl:last-child:before{
clear: both;
display: table;
content: " ";
*zoom:1;
height: 10px;
}

 
/*
==========================================================

インタビュー本文

==========================================================
*/
#interview .interview p{
width: 100%;
display: table;
}

#interview  .interview p:before{
content:"";
display: table-cell;
width: 42px;
background-size: contain;
}

#interview  .interview p span{
display: table-cell;
padding-left: 10px;
vertical-align: top;
}

#interview .interview p.q:before{background:url( ../images/interview/q.png) no-repeat;}

#n.interview p.a:before{background:url( ../images/interview/thumb_n.png) no-repeat;}
#m.interview p.a:before{background:url( ../images/interview/thumb_m.png) no-repeat;}
#e.interview p.a:before{background:url( ../images/interview/thumb_e.png) no-repeat;}
#i.interview p.a:before{background:url( ../images/interview/thumb_i.png) no-repeat;}