@charset "shift-jis";
/*=========================================================

	Site Name   SONY active-speaker
	File Name   /share/css/lineup/common.css

	Create Date 2013/11/28
==========================================================*/

/*=========================================================
  01 > Lineup > Common
  02 > Lineup > module
  03 > Lineup > module list
  201 > Lineup > mediaQuery(max-width:640px) > common
  202 > Lineup > mediaQuery(max-width:640px) > module
  203 > Lineup > mediaQuery(max-width:640px) > module list
==========================================================*/

/*----------------------------------------------------------
	01 > LineupCommon
-----------------------------------------------------------*/
#detailView {
  display: none;
  margin-bottom: 40px;
}

ul.note {
	margin: 0;
	padding: 0;
}
ul.note li {
	margin: 0;
	color: #666;
	margin-left: 1.5em;
	text-indent: -1.5em;
	list-style: none;
}
.aslist {
	margin-bottom: 30px !important;
	padding-bottom: 30px !important;
	background: url('/active-speaker/lineup/images/as/single_list_bg.gif') center bottom no-repeat;
}

.viewMode {
	position: absolute;
	top: 0;
	right: 0;
}

.other_item_btn {
	text-align: right;
}
.right_mod_button {
  margin-right: 4px;
}

.btn.image,
.btn.detail_btn {
	float: left;
	width: 112px;
	height: 34px;
}

.btn.image {
	background: url('/active-speaker/lineup/images/img_view_bg.jpg') 0 0 no-repeat;
	margin-right: 20px;
	zoom:1;
}

.btn.image a img {
  visibility: hidden;
}

.btn.detail_btn {
  background: url('/active-speaker/lineup/images/list_view_bg.jpg') 0 0 no-repeat;
  zoom:1;
}

.mb40 {
  margin-bottom: 40px;
}

/*----------------------------------------------------------
	02 > Lineup > module
-----------------------------------------------------------*/
.mod-categoryHeader-content h1 a,
.mod-categoryHeader .mod-categoryHeader-content a,
.mod-itemLogo  h2,
.mod-productLinks-logo h2 a {
	font-size: 20px;
	font-weight:bold;
	color:#000;
}
.mod-itemLogo {
	margin: 30px 0;
	position: relative;
}
.mod-heading.line_dot.as {
  margin-top: 0 !important;
}


/*----------------------------------------------------------
	03 > Lineup > module list
-----------------------------------------------------------*/

.item_list,
.item_list_wall {
	margin: 0 0 20px 0;
	padding: 0;
}
.item_list li.item_01,
.item_list li.item_02,
.item_list li.item_04 {width: 316px;!important;}
.item_list_wall li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.item_list_wall li .img_sam {
	float: left;
	margin-left: 22px;
}
.item_list_wall li .item_name {
	float: left;
	margin-left: 60px;
}
.item_list_wall li .item_name h3 {margin-bottom:0;}
.item_list_wall li .item_name .detail {margin: 10px 0 15px;}

.item_list_wall li a:hover h3,
.item_list_wall li a:hover  p {text-decoration: underline;}

.item_list li .img_sam {
	position: relative;
}
.item_list li .img_sam .drop_item {
	position: absolute;
	width: 56px;
	height: 16px;
	top: 0;
	left: 50%;
	margin-left: -28px;
}
.item_list li .mod-heading {
	padding: 0 2px;
	margin:40px 4px 30px;
}
.tag_list2 {
	margin: 0;
	padding: 0;
	margin-bottom: 19px;
}
.tag_list2 li {
	margin: 0 1px 0 0 !important;
	padding: 0 !important;
	line-height: 0;
	float: left;
}
.fst_list,
.second_list {
  margin-bottom: 40px;
}
.second_list li .item_name {
	min-height: 100px;
	_height: 100px;
}
.second_list02 li .item_name {
	min-height: 115px;
	_height: 115px;
}
.second_list li .img_sam {
	height: 240px;
	margin-bottom: 20px;
}

.op_none li .img_sam {
	height: 160px;
	margin-bottom: 20px;
}
.hi-res_lineup {margin-bottom: 60px;}
.item_ph {
	float: left;
	padding-top: 15px;
}
.column02,
.column03 {
	width: 475px;
	padding-top: 15px;
	float: right;
	margin: 0!important;
}
.column02 li,
.column03 li {
	width: 100%;
	display: block;
	letter-spacing: normal;
	margin-bottom: 10px;
	vertical-align: top;
}
.column02 li a {
	height: 170px;
	display: block;
	overflow: hidden;
position: relative;
}
.hi-res_lineup:after,
.column02 li:after,
.column03 li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column02 li .img_sam,
.column03 li .img_sam {
	width: 210px;
	position: relative;
	padding-left: 70px;
	margin: 0;
}
.img_sam02 {
	width: 200px!important;
	position: relative;
	padding-left: 45px!important;
	margin: 0;
}
.column02 li .img_sam .icon_hires,
.column03 li .img_sam .icon_hires {
	position: absolute;
	top: 0;
	left: 70px;
}

.column02 li .item_name,
.column03 li .item_name,
.column02 li .item_button,
.column03 li .item_button {
	width: 190px;
	float: right;
	margin-left: 0;
	min-height: 0;
}
.column02 .op_false,
.column03 .op_false {
	width: 200px;
	text-align: center;
}
.column02 .op_false .pc {
	vertical-align: middle;
	padding: 0 7px;
	display: inline-block!important;
	*display: inline!important;
	zoom: 1;
}
.column03 .op_false .pc {
	vertical-align: middle;
	padding: 0;
	display: inline-block!important;
	*display: inline!important;
	zoom: 1;
}
.column02 li .img_sam {
	display: table!important;
	height:170px;
	vertical-align: middle;
}
.column03 li .img_sam {
	display: block!important;
	height:170px;
	vertical-align: middle;
}
.column03 li .img_sam03 {
	display: table!important;
	height:240px;
}
.column02 li .img_sam .pc,
.column03 li .img_sam .pc {
	display: table-cell!important;
	vertical-align: middle;
}
.column02 li .img_sam .pc img,
.column03 li .img_sam .pc img {
	vertical-align: middle;
}
.column02 li .img_sam .icon_hires {
	position: absolute;
	top: 20px;
}
.column02 li .img_vari {
	position:absolute;
	height: auto;
	bottom: 10px;
	left: 15px;
}
.column03 li a {
	height: 200px;
	display: block;
	overflow: hidden;
	position: relative;
	padding-bottom: 10px;
}
.column03 li .img_vari {
	height: auto!important;
	position:absolute;
	height: auto;
	bottom: 0;
	left: 0;
}
.column03 li .img_vari .pc {
	display: block!important;
	vertical-align: top;
}
.mod-seriesList02 {
	margin-bottom: 20px!important;
}
.column03 li .item_name h3 {
	word-wrap: break-word;
}
.column03 li .item_name h3.size24 {
	font-size: 23px;
}
.column03 li .item_name h3.size25 {
	font-size: 25px;
}
.detailViewTableHeading .img_sam .mod-button {
    padding: 0.2em 10px 0.2em 15px !important;
}

.mod-brandTopImage .mod-brandTopImage-main {
	width: 950px;
	float: none;
	margin: 0;
}
.mod-brandTopImage .main-highpower {
	width: 733px;
	float: left;
	margin: 0;
}
.mod-brandTopImage .mod-brandTopImage-extra {
	width: 295px;
	float: left;
}
.mod-brandTopImage .sub-highpower {
	width: 217px;
	float: left;
}
.mod-brandTopImage .mod-brandTopImage-main img,
.mod-brandTopImage .mod-brandTopImage-extra img {
	width: 100%;
}
.mod-brandTopImage .main-highreso {
	width: 655px;
	float: left;
	margin: 0;
}
.mod-brandTopImage .sub-highreso {
	width: 295px;
	float: left;
}
@media (max-width:640px){
/*----------------------------------------------------------
	201 > Lineup > mediaQuery(max-width:640px) > common
-----------------------------------------------------------*/
	.aslist {
		margin-bottom: 15px !important;
		padding-bottom: 15px !important;
		background:none;
		border-bottom: 1px dotted #ccc;
	}

	.viewMode {
		position:static !important;
		margin-bottom: 5%;
		height: auto;
	}

	.viewModeButton {
		float: right;
		width: 60%;
	}

	.mv_txt {
		color: #fff;
		width: 95%;
		background: #aaa;
		padding: 2.5%;
		margin: 0;
	}
.item_list li.item_01,
.item_list li.item_02,
.item_list li.item_04 {width: auto!important;}
	.btn.image {
		background: url('/active-speaker/lineup/images/img_view_bg_sp.jpg') 0 0 no-repeat;
		margin-right: 0;
		background-size: contain;
		-moz-background-size:contain;
		-webkit-background-size:contain;
		-o-background-size:contain;
		-ms-background-size:contain;
		float: left;
	}

	.btn.detail_btn {
		background: url('/active-speaker/lineup/images/list_view_bg_sp.jpg') 0 0 no-repeat;
		background-size: contain;
		-moz-background-size:contain;
		-webkit-background-size:contain;
		-o-background-size:contain;
		-ms-background-size:contain;
		float: right;
	}

	.btn.image,
	.btn.detail_btn {
		background-size: 100%;
		width: 47%;
		height: auto;
	}

	.btn.image a,
	.btn.detail_btn a {
		display: block;
		height: 100%;
	}

	.btn.image a img,
	.btn.detail_btn a img {width: 100% !important;}
.fst_list {margin-bottom: 0px;}

/*----------------------------------------------------------
	202 > Lineup > mediaQuery(max-width:640px) > module
-----------------------------------------------------------*/
	.mod-brandTopImage .mod-heading {margin-top: 30px !important;}
	.mod-brandTopImage .mod-itemLogo a img {width: 50%;}
	.mod-itemLogo {margin: 15px 0;}
	.mod-heading.as {margin-top: 15px !important}
	.mod-button {font-size: 14px !important;}


/*----------------------------------------------------------
	203 > Lineup > mediaQuery(max-width:640px) > module list
-----------------------------------------------------------*/
	.tag_list2 {
		margin-bottom: 19px;
	}
	.tag_list2 li {
		margin: 0 1px 5px 0 !important;
		padding: 0 !important;
		line-height: 0;
		float: left;
		width: 49%;
	}

	.tag_slist li {
	  float: none;
	 }

	.item_list_wall {
	  margin-bottom: 15px 0;
	 }

	.item_list_wall li .img_sam {width: 50%; margin-left: 0%;}
	.item_list_wall li .img_sam img {width: 90%;}
	.item_list_wall li .item_name {width: 50%; margin-left: 0%;}
	.item_list_wall li .item_name h3 {font-size: 140%;}
	.item_list_wall li .item_name h3 span {font-size: 80%;}
	.item_list_wall li .item_name .detail {margin: 7px 0;}
	.Color_variation {margin-top: 10px;}
	.ss_drop_sam_mt {padding-top: 26px;}
	.ss_op_false {top: 0;}
}
/*----------------------------------------------------------
	viewMode share4-fix
-----------------------------------------------------------*/
.viewMode {
position: inherit;
top: 0;
right: 0;
border-bottom: 1px solid #ccc;
}

.viewModeButton{
	width:950px;
	margin:0 auto;
}

.btn.image,
.btn.detail_btn{
	background:none;	
	margin:0 -1px -1px 0;
	text-align:center;
	font-size:16px;
	padding-bottom:10px;
}

.btn.on{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #fff;
}

.viewModeButton .btn.on a{
background: url(/share3/images/mod-currentNav/ico_02.png) no-repeat 18px 50%;
}

.viewModeButton a {
color: #1a1a1a;
text-decoration: none;
display: block;
padding: .8em 20px .6em 28px;
background: url(/share3/images/mod-currentNav/ico_01.png) no-repeat 18px 50%;
}
.viewModeButton a:hover{
	color:#999;
}
.mod-brandTopImage{
	width:950px;
	margin:0 auto 10px auto !important;
}
@media (max-width:640px){
	.viewModeButton{
		width:100%;
	}
	.mod-brandTopImage .mod-brandTopImage-main {
		width: 100%;
		float: left;
		margin: 0 0 10px 0;
	}
	.mod-brandTopImage .mod-brandTopImage-extra {
		width: 100%;
		float: left;
	}
	.mod-brandTopImage{
		width:auto;
	}
	.sp_mv_link {
		border: 1px solid #ccc;
		padding: 2.5%;
		margin-top: 2.5%;
	}
	.hi-res_lineup {margin-bottom: 40px;}
	.item_ph {
		width: 100%;
		float: none;
		padding-top: 15px;
	}
	.item_ph img {width: 100%;}
	.column02 {
		padding-top: 15px;
		width: 100%;
		float: none;
		margin-bottom: 0;
	}
	.column02 li {
		float: none;
		margin-bottom: 20px;
		width: 100%;
		text-align: center;
		border-bottom: 1px dotted #CCCCCC;
		padding-bottom: 20px;
	}
	.column02 li.item_06 {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.column02 li .img_sam {
		float: none;
		width: auto!important;
		border: none !important;
		max-width: 70% !important;
		margin: 0 auto 5% auto!important;
		height: auto !important;
		padding: 0;
	}
	.column02 li .img_sam .icon_hires {
		width: 34px;
		height: 32px;
		left: -34px;
		top: 0;
	}
	.column02 li .img_sam .icon_hires img {
		width: 100%!important;
	}
	.column02 li .item_name {
		width: 100%;
		float: none;
		margin-bottom: 5% !important;
		min-height: 100% !important;
	}
	.column02 li .item_button {
		width: auto!important;
		float:none;
	}
	.column02 li .item_name h3 {
		font-size: 26px;
		font-weight: bold;
		margin: 0;
	}
	.column02 li .item_name p {
	font-size: 11px;
		margin: 0!important;
	}
	.column02 .op_false {
		width: 100%;
		text-align: center;
		display: table;
		margin: 5% auto 0;
	}
	.column02 .op_false .pc {
		display: none!important;
	}
	.column02 .op_false .sp {
		vertical-align: middle;
		padding: 0 7px;
		display: table-cell!important;
	}
	.column02 .op_false .sp img {
		max-width: 194px!important;
	}
	.column02 li a {
		height: auto;
	}
	.column02 li .item_name, .column02 li .item_button {
	clear: both;
	min-height: 0!important;
	}
	.column02 li .img_vari {
		position:relative;
	}
	.column02 li .img_sam .pc {
	display:none!important;
	
	}
	.column03 .op_false .sp {
		vertical-align: middle;
		padding: 0 7px;
		display: block!important;
	}
	.column03 li .item_name h3.size24,
	.column03 li .item_name h3.size25 {
		font-size: 26px;
	}
.img_sam02 {
	width: auto!important;
	padding:0!important;
}
.column03 li .img_sam03 {
	display: block!important;
}
.second_list li .img_sam {
	padding-top: 20px;
}
}