#featured {
	width:690px;
	padding-right:0px;
	position:relative;
	height:400px;
	overflow:hidden;
	background:#22AC38;
}
#featured ul.ui-tabs-nav {
	position:absolute;
	top:-1px;
	left:520px;
	list-style:none;
	padding:0;
	margin:0;
	width:160px;
	height:490px;
	overflow:auto;
	overflow-x:hidden;
	z-index: 100;
	background-color: #22AC38;
}
#featured ul.ui-tabs-nav li {
	padding:1px 0;
	padding-left:1px;
	font-size:12px;
	color:#666;
	overflow:hidden
}
#featured ul.ui-tabs-nav li img {
	float:left;
	margin:2px 5px;
	background:#fff;
	padding:2px;
}
#featured ul.ui-tabs-nav li span {
	font-size:11px;
	line-height:15px;
	display:block;
	overflow:hidden
}
#featured li.ui-tabs-nav-item a {
	display:block;
	height:auto;
	text-decoration:none;
	color:#333;
	outline:none;
	;
	background:#fff;
}
#featured li.ui-tabs-nav-item a:hover {
	background:#f2f2f2;
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active {
	background:url('../templates/images/selected-item.png') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a {
	overflow:hidden;
	background:#ccc;
}
#featured .ui-tabs-panel {
	width:650px;
	position:relative;
}
#featured .ui-tabs-panel .info {
	position:absolute;
	bottom:1px;
	left:0;
	height:73px;
	background-color: rgba(0,0,0,0.4);
	width: 651px;
}
#featured .ui-tabs-panel .info a.hideshow {
	position:absolute;
	font-size:11px;
	color:#f0f0f0;
	right:10px;
	top:-20px;
	line-height:20px;
	margin:0;
	outline:none;
	background:#333;
}
#featured .info h2 {
	font-size:1.2em;
	color:#fff;
	padding-top:5px;
	padding-left:10px;
	margin:0;
	font-weight:normal;
	overflow:hidden;
}
#featured .info p {
	margin:0 5px;
	padding-left:10px;
	font-size:11px;
	line-height:15px;
	color:#fff;
}
#featured .info a {
	text-decoration:none;
	color:#fff;
}
#featured .info a:hover {
	text-decoration:underline;
}
#featured .ui-tabs-hide {
	display:none;
}
.ui-tabs-nav-item img {
	width:144px
}
.ui-tabs-panel img {
	width:100%
}


/*スマホ表示制御*/
 @media screen and (min-width: 0px) and (max-width: 767px) {
#featured {
	width:320px;
	padding-right:0px;
	position:relative;
	height:198px;
	overflow:hidden;
	background:#fff;
}
#featured ul.ui-tabs-nav {
	position:absolute;
	top:-1px;
	left:243px;
	list-style:none;
	padding:0;
	margin:0;
	width:95px;
	height:216px;
	overflow:auto;
	overflow-x:hidden;
	z-index: 100;
}
#featured ul.ui-tabs-nav li {
	padding:1px 0;
	
	font-size:12px;
	color:#666;
	overflow:hidden
}
#featured ul.ui-tabs-nav li img {
	float:left;
	margin:2px 5px;
	background:#fff;
	padding:2px;
}
#featured ul.ui-tabs-nav li span {
	font-size:11px;
	line-height:15px;
	display:block;
	overflow:hidden
}
#featured li.ui-tabs-nav-item a {
	display:block;
	height:auto;
	text-decoration:none;
	color:#333;
	outline:none;
	background:#fff;
}
#featured li.ui-tabs-nav-item a:hover {
	background:#f2f2f2;
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active {
	background:#ccc;
	background:url('../templates/images/selected-item2.png') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a {
	overflow:hidden;
	background:#ccc;
}
#featured .ui-tabs-panel {
	width:320px;
	background:#999;
	position:relative;
}
#featured .ui-tabs-panel .info {
	position:absolute;
	bottom:0;
	left:0;
	height:75px;
	width: 323px;
	background-color: rgba(0,0,0,0.4);
}
#featured .ui-tabs-panel .info a.hideshow {
	position:absolute;
	font-size:11px;
	color:#f0f0f0;
	right:10px;
	top:-20px;
	line-height:20px;
	margin:0;
	outline:none;
	background:#333;
}
#featured .info h2 {
	font-size:1.2em;
	color:#fff;
	margin:0;
	font-weight:normal;
	overflow:hidden;
}
#featured .info p {
	margin: 0 -5px;
	font-size: 11px;
	line-height: 15px;
	color: #f0f0f0;
	width: 235px;
	letter-spacing:1px;
}
#featured .info a {
	text-decoration:none;
	color:#fff;
}
#featured .info a:hover {
	text-decoration:underline;
}
#featured .ui-tabs-hide {
	display:none;
}
.ui-tabs-nav-item img {
	width:65px
}
.ui-tabs-panel img {
	width:100%
}
}
/*タブレット用表示制御*/
 @media screen and (min-width: 768px) and (max-width: 1024px) {
#featured {
	width:440px;
	padding-right:25px;
	position:relative;
	height:312px;
	overflow:hidden;
}
#featured ul.ui-tabs-nav {
	position:absolute;
	top:-2px;
	left:343px;
	list-style:none;
	padding:3px 0 0 0;
	margin:0;
	width:156px;
	height:416px;
	overflow:auto;
	overflow-x:hidden;
	z-index: 100;
}
#featured ul.ui-tabs-nav li {
	padding:1px 0;
	/*padding-left:13px;*/
	font-size:12px;
	color:#666;
	overflow:hidden
}
#featured ul.ui-tabs-nav li img {
	float:left;
	margin:2px 5px;
	background:#fff;
	padding:2px;
}
#featured ul.ui-tabs-nav li span {
	font-size:11px;
	line-height:15px;
	display:block;
	overflow:hidden
}
#featured li.ui-tabs-nav-item a {
	display:block;
	height:auto;
	text-decoration:none;
	color:#333;
	outline:none;
	background:#fff;
}
#featured li.ui-tabs-nav-item a:hover {
	background:#f2f2f2;
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active {
	background:url('../templates/images/selected-item1.png') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a {
	overflow:hidden;
}
#featured .ui-tabs-panel {
	width:560px;
	background:#999;
	position:relative;
}
#featured .ui-tabs-panel .info {
	position:absolute;
	bottom:-1px;
	left:-1px;
	height:72px;
	width: 468px;
	background-color: rgba(0,0,0,0.4);
}
#featured .ui-tabs-panel .info a.hideshow {
	position:absolute;
	font-size:11px;
	color:#f0f0f0;
	right:10px;
	top:-20px;
	line-height:20px;
	margin:0;
	outline:none;
	background:#333;
}
#featured .info h2 {
	font-size:1.2em;
	color:#fff;
	padding:5px;
	margin:0;
	font-weight:normal;
	overflow:hidden;
}
#featured .info p {
	margin:0 5px;
	font-size:11px;
	line-height:15px;
	color:#f0f0f0;
	width:310px
}
#featured .info a {
	text-decoration:none;
	color:#fff;
}
#featured .info a:hover {
	text-decoration:underline;
}
#featured .ui-tabs-hide {
	display:none;
}
.ui-tabs-nav-item img {
	width:114px
}
.ui-tabs-panel img {
	width:90%
}
}