@charset "shift_jis";

img {
 height: auto;
 width
 /***/
 : auto;
}

body {
 font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
 margin: 0;
 padding: 0;
}

ul,
li,
p {
 padding: 0;
 margin: 0;
 list-style: none;
}

a {
 color: #333;
 text-decoration: none;
}

/* ----------------------------------------
 voice
---------------------------------------- */
.voice_iframe {
 overflow: hidden;
 height: 255px;
 width: 2080px;
}

.voice_iframe li {}

.voice_img {
 overflow: hidden;
 width: 230px;
 height: 150px;
 position: relative;
 border-radius: 5px;
 background: #fff;

}

.voice_img img {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 100%;
 height: auto;

}

.voice_iframe li:hover .voice_img img {
 opacity: 0.6;
 transition-duration: 0.3s;
}


.voice_name {
 font-weight: bold;
 font-size: 15px;
 margin: 10px auto;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
}

.voice_txt {
 font-size: 12px;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 line-height: 18px;
 height: 54px;
}





/* ----------------------------------------
 slick-slide
---------------------------------------- */
.slick-slide {
 margin: auto 20px auto;
}



.slick-list {}

.slick-initialized .slick-slide {
 width: 228px !important;
 margin: auto 18px;

}

.slick-slide a {
 display: block;
 outline: none;
}

.slick-dots {
 display: none !important;

}

/* ----------------------------------------
 s_info
---------------------------------------- */

.s_info_iframe {}



.s_info_iframe li {
 margin-bottom: 10px;
 overflow: hidden;
}

.s_info_iframe li a {
 display: block;
}

.s_info_thum {
 float: left;
 width: 60px;
 display: block;
 overflow: hidden;
 width: 60px;
 height: 50px;
 position: relative;
}

.s_info_thum img {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: auto;
 height: 100%;
}

.s_info_iframe div {
 float: right;
 margin: 0;
 padding: 0;
 width: 88px;
 font-weight: bold;
 font-size: 12px;
 line-height: 17px;
 overflow: hidden;
 text-decoration: underline;
}

.s_info_txt {
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
}

.s_info_date {
 font-weight: bold;
 display: block;
}