@charset "utf-8";
/*-------------------------------------------------------------------
    * site name : チャンスイット
    * description : 当選者の声
    * import : present/voice.jsp
    * last update : 2021/08/04 m-ido
-------------------------------------------------------------------*/

.voice {
    margin: 20px 0 0;
    padding: 30px 0 60px;
    text-align: center;
    font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: url("../../../img/10/present/monthly/bg_prize.gif") repeat;
}
.voice h3 {
    width: 760px;
    padding: 5px 10px;
    margin: 30px auto 20px;
    box-sizing: border-box;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
}
.voice h3.pointcp {
  border-left: 8px solid #FE3E3F;
}
.voice h3.everydaycp {
  border-left: 8px solid #5A9FDF;
}
.voice ul {
    width: 760px;
    margin: 0 auto;
    overflow: hidden;
}
.voice ul li {
    width: 370px;
    float: left;
    padding: 20px 20px 10px;
    box-sizing: border-box;
    margin: 0 20px 20px 0;
    font-size: 14px;
    text-align: left;
    background: #fff;
}
.voice ul li:nth-child(2n) {
    margin-right: 0;
}
.voice li div > img {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 10px;
}
.voice li div,
.voice li > p {
    margin-bottom: 10px;
}
.voice li .item {
    font-size: 16px;
    font-weight: bold;
}
.voice li div div {
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.5;
}
.voice .comment {
    background: #E8F7FF;
    padding: 15px 20px;
    border-radius: 10px;
    line-height: 1.6;
}
.voice li span {
    font-weight: bold;
}
.footer{
    padding: 20px 0;
    color: #fff;
    background: #474747;
    text-align:center;
    line-height: 1.4;
    font-size: 11px;
}