﻿/*
 スマホレコメンド関連 css
 20140709 maked
 */

.smp_flexible_recom_more_btn{
	background: -moz-linear-gradient(center top , #efefef, #9a9a9a) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: 2px solid #cdcdcd;
	border-radius: 10px;
	color: #333;
	height: 30px;
	width: 100%;
}


.itemRecommend ul {
	padding: 0 3% 1.2rem 3%;
	border-bottom: 1px dashed #b0b0b0;
	text-align: center;
}
.itemRecommend ul li {
	width: 32%;
	padding: 0 1.5%;
	display: inline-block;
	opacity:1;
	visibility:show;
	margin-bottom:1.4%;
	overflow:hidden;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}
.itemRecommend ul li img {
	width: 100%;
	border-radius: 4px;
	border: solid 1px #e7dddd;
}
.itemRecommend ol {
	margin-top: -13px;
	background: #ffffff;
}


.itemRecommendHide {
	visibility:hidden !important;
	width: 30px !important;
	height: 0 !important;
	padding: 0 1.5% !important;
	margin: 0 !important;
}
.itemRecommendTgl {
	margin-top: -14px;
}


.itemRecommendMore {
	text-align:center;
	font-size: 14px !important;
	margin:0;
	padding: 0;
	background: #ffffff;
}
.itemRecommendMore span {
	display:block;
	width:90%;
	margin:0 auto;
	padding:8px 0;
	border:1px solid #cccccc;
	border-radius: 3px;
	background:#ffffff;
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%);
	color:#2184e0;
	cursor:pointer;
}

.itemRecommend ul {
	border-bottom:none;
}

.itemRecommend ul:nth-of-type(even),
.itemRecommend h1:nth-of-type(even) {
  background: #ffffff;
}

.itemRecommend section {
	border-bottom: 1px dashed #b0b0b0;
	margin-bottom: 0px;
	padding-bottom:10px;
}
.itemRecommend section:last-child {
	border-bottom:none;
}

.itemRecommend section,
.itemRecommend h1 {
	background:#ffffff;
}
.itemRecommend section:nth-of-type(even),
.itemRecommend h1:nth-of-type(even) {
	background: #f9f9f9;
}