/* Slider */
.slick-loading .slick-list
{
    background: #fff url("/mmeg_po/javax.faces.resource/slick/ajax-loader.gif.xhtml") center center no-repeat;
}

.slick-wrap {
	position: relative;
}
.slick-wrap img {

}

/* --------------------------------
	customize
-------------------------------- */
/* dot */
.slick-dots {
	bottom: auto;
}
.slick-dots li button::before {
    font-size: 10px;
}

/* prev,nextボタン */
.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev,
.slick-next {
    width: 26px; /* 画像幅 */
    height: 42px /* 画像高さ */
}
.slick-prev img,
.slick-next img {
    width: 100%;
    height: 100%;
    opacity: .50;
}
/* .slick-prev img:hover, */
/* .slick-next img:hover { */
button.slick-prev:hover ~ div.slick-prev img,
button.slick-next:hover ~ div.slick-next img {
    opacity: 1;
}
.slick-prev:before,
.slick-next:before {
    content: "";
}
button.slick-prev,
button.slick-next {
    z-index: 2;
}
.slick-prev{left: 15px; /* 任意の値 */}
.slick-next{right: 15px; /* 任意の値 */}
.slick-arrow{z-index: 10;/* 値は適当に */}

/* --------------------------------
	レコメンド
-------------------------------- */
.recommend .slick-prev:before,
.recommend .slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.recommend .slick_container {
    margin:0 auto; /* 任意の値 */
    position:relative;
}
.recommend .slick_container_wrap {
    padding-left: 40px;
    padding-right: 40px;
}
.recommend .slick_container .slick_item {
    width 33
}
.recommend .slick-prev,
.recommend .slick-next {
    width: 26px; /* 画像幅 */
    height: 42px /* 画像高さ */
}
.recommend .slick-prev img,
.recommend .slick-next img {
    width: 100%;
    height: 100%;
    opacity: .50;
}
.recommend .slick-prev img:hover,
.recommend .slick-next img:hover {
    opacity: 1;
}
.recommend .slick-prev:before,
.recommend .slick-next:before {
    content: "";
}
.recommend button.slick-prev,
.recommend button.slick-next {
    z-index: 2;
}
.recommend .slick-prev{left: -40px; /* 任意の値 */}
.recommend .slick-next{right: -40px; /* 任意の値 */}
.recommend .slick-arrow{z-index: 10;/* 値は適当に */}

.recommend .reco_title {
	border-left: 2px solid #c00000;
	text-align: left;
	font-size: 14px;
	padding-left: 5px;
	margin-bottom: 5px;
}
.recommend .slick_container .reco_image {
    width: 40%;
}
.recommend .slick_container .reco_image img {
	width: 100px;
	height: 75px;
}
.recommend .slick_container .reco_description {
    width: 60%;
    font-size: 12px;
    word-wrap: break-word;
}
.recommend .slick_container .border_r {
    border-right: 1px solid;
}