@charset "shift_jis";
/**カルーセル**/
@media screen and (min-width: 768px) {

.cms_layout2 {
	min-width:960px;
	padding: 0 0 30px 0;/**個別指定の為、後程検討**/
}
.cms_layout2 .cms_databox ul li .cms_ico_rank {
	background: url(../common/images/ico_ranking_bg.png);
	background-size: 100% 100%;
	width: 23px;
	height: 23px;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 28px;
	text-align: center;
}
.cms_layout2 .cms_databox ul li {
}
.cms_layout2 .cms_databox ul li dl {
	margin-top: 3px;
}
.cms_layout2 .cms_databox ul li dl dt {
	width: 184px;
	height: 184px;
	overflow:hidden;
}
.cms_layout2 .cms_databox ul li dl dt img {
	width: 184px;
	height: 184px;
}
.cms_layout2 .cms_databox ul li dl dd {
	width: 184px;
}
.cms_layout2 .cms_databox ul li dl dd .cms_data_title {
	padding-top: 13px;
	font-size: 12px;
}
.cms_layout2 .cms_databox ul li dl dd .cms_data_price {
	font-size: 12px;
}
.cms_layout2 .cms_databox ul li dl dd .cms_data_rate {
	font-size: 16px;
	color: #86be24;
}
.cms_layout2 .moreLink {
	padding: 10px 0;
	text-align: center;
}
.cms_layout2 .moreLink a {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	color: #fff;
	padding: 15px 30px;
	background: #333;
	text-decoration: none;
}
.cms_layout2 .moreLink a:hover {
	opacity: 0.7;
}

.cms_layout2 .slick-slider {
	margin-bottom:15px;
}



/*左右の矢印の位置を変える*/
.slick-next {
    z-index: 99;
	background:url(../common/images/arrow_next.gif);
	background-size:37px 73px;
	opacity: 0.5;
	width:37px;
	height:73px;
	top:43%;
	right:-13px;
}
.slick-prev {
    z-index: 100;
	background:url(../common/images/arrow_preview.gif);
	background-size:37px 73px;
	opacity: 0.5;
	width:37px;
	height:73px;
	top:43%;
	left:-23px;
}
.multiple-item {
}
.slick-disabled {
	background:url(../common/images/arrow_preview.gif);
	background-size:37px 73px;
}
.slick-list+.slick-disabled {
	background:url(../common/images/arrow_next.gif);
	background-size:37px 73px;
}
}
@media screen and (max-width: 767px) {

.cms_layout2 {
	width:100%;
	padding: 0 0 0 0;/**個別指定の為、後程検討**/
}
.cms_layout2 .cms_databox {
	background-color: #FFFFFF;
	padding:0 0 4% 0;
	margin: 0 0 0 0;
}
.cms_layout2 .cms_databox .cms_databox_title{
	font-size:14px;
}
.cms_layout2 .cms_databox ul li .cms_ico_rank {
	background: url(../common/images/ico_ranking_bg.png);
	background-size: 100% 100%;
	width: 23px;
	height: 23px;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 28px;
	text-align: center;
	margin-left:6%;
}
.cms_layout2 .cms_databox ul li {
}
.cms_layout2 .cms_databox ul li dl {
	margin: 3px 6% 0 6%;
	width: 88%;
}
.cms_layout2 .cms_databox ul li dl dt {
}
.cms_layout2 .cms_databox ul li dl dt img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.cms_layout2 .cms_databox ul li dl dd {
	font-size: 10px;
}
.cms_layout2 .cms_databox ul li dl dd .cms_data_title {
	padding-top: 13px;
}
.cms_layout2 .cms_databox ul li dl dd .cms_data_price {
}
.cms_layout2 .cms_databox ul li dl dd .cms_data_rate {
	font-size: 16px;
	color: #86be24;
}
.cms_layout2 .ranking_all_btn {
	padding: 0 0 6% 0;
}
.cms_layout2 .moreLink {
	padding: 10px 0 30px;
}
.cms_layout2 .moreLink a {
	font-size: 14px;
	font-weight: normal;
}
.cms_layout2 .moreLink a:hover {
	opacity: 1;
}

.cms_layout2 .slick-slider {
	margin-bottom:4%;
}




/*左右の矢印の位置を変える*/
.slick-list {
	margin:0 3% 0 3%;
}
.slick-next {
    z-index: 99;
	background:url(../common/images/arrow_next_on.gif);
	background-size:37px 73px;
	opacity: 0.5;
	width:37px;
	height:73px;
	top:50%;
	right:0;
}
.slick-prev {
    z-index: 100;
	background:url(../common/images/arrow_preview_on.gif);
	background-size:37px 73px;
	opacity: 0.5;
	width:37px;
	height:73px;
	top:50%;
	left:0;
}
.multiple-item {
	padding:4% 0 0 0;
}
.slick-disabled {
	background:url(../common/images/arrow_preview.gif);
	background-size:37px 73px;
}
.slick-list+.slick-disabled {
	background:url(../common/images/arrow_next.gif);
	background-size:37px 73px;
}

.cms_layout2 .moreLink {
	padding: 10px 0 30px;
	text-align: center;
}
.cms_layout2 .moreLink a {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3;
	color: #fff;
	padding: 15px 30px;
	background: #333;
	text-decoration: none;
}
.cms_layout2 .moreLink a:hover {
		opacity: 1;
}
}