@charset "shift-jis";

/*============================================================
	COMMON
==============================================================*/
.mod-column2 .mod-column2-main {
	float: none;
}
.modproductIntro:before, .modproductIntro:after {
	content: "";
	display: table; }
	.modproductIntro:after {
	clear: both; }
	.modproductIntro p, .modproductIntro ul, .modproductIntro li {
	margin: 0;
	padding: 0; }
.modproductIntro {
	*zoom: 1;
	width: 950px;
	margin: 30px auto 30px;
}
.mod-mainContentContainer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.mod-itemLogo h2 {
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.mod-itemLogo h2 span {
	font-size: 16px;
}
@media (max-width:640px){
	.modproductIntro {
		position: static;
		max-width: 640px;
		min-width: 300px;
		_width: 300px;
		width: auto;
		padding: 0 10px;
		 font-size: .75em;
	}
}
.mod-categoryNav-lineup:before {
	background: url(/share3/images/mod-categoryNav/ico_01.png) no-repeat !important;
}
/*============================================================
	TAB
==============================================================*/
*+html .mod-currentNav-main ul {
	margin-bottom: 0px;
}/*IE7*/
.mod-currentNav-main {padding: 0;}
.mod-currentNav-main ul  li {
	font-size: 16px;
}
.mod-currentNav-main,
.mod-currentNav-main ul,
.mod-currentNav-main.bottom_tab,
.mod-currentNav-main.bottom_tab ul {
	_zoom:1;
}

.mod-currentNav-main.bottom_tab {
	border-bottom: none;
	border-top:1px solid #ccc;
}
.mod-currentNav-main.bottom_tab ul {
	padding-bottom: 50px;
	margin: -1px auto 0px;
}
.mod-currentNav-main.bottom_tab li {
	bottom:1px;
}
*+html .mod-currentNav-main.bottom_tab li {
	border-top: 1px solid #ccc;
}/*IE7*/
.mod-currentNav-main.bottom_tab .ex-currentNav--current {
	border-width:0px 1px 1px 1px;
}
@media (max-width:640px){
	.bottom_tab_Nav {padding-bottom: 5%;}
	.mod-currentNav-main.bottom_tab {
		border-bottom: none;
		border-top:none;
	}
	.mod-currentNav-main.bottom_tab ul {
		padding-bottom: 0px;
		margin: 0px auto -1px;
	}
	.mod-currentNav-main.bottom_tab li {
		bottom:0px;
		border-width:0px 0 0;
	}
	.mod-currentNav-main.bottom_tab .ex-currentNav--current {
		border-width:1px 1px 1px 0px;
	}
}

/*IE6*/
.bottom_tab ul {
	_margin-top: -47px;
}
.bottom_tab ul .ex-currentNav--current {
	_border-bottom: 1px solid #fff;
}


/*============================================================
	LINEUP
==============================================================*/

.wm_01 a h3 {color: #000;}
.wm_02 a h3 {color: #0662af;}
.wm_03 a h3 {color: #e2407d;}
.wm_04 a h3 {color: #70b92c;}
.wm_05 a h3 {color: #7c51a0;}
.wm_06 a h3 {color: #f18c10;}
.wm_07 a h3 {color: #f18c10;}
.wm_01 a:hover h3,
.wm_02 a:hover h3,
.wm_03 a:hover h3,
.wm_04 a:hover h3,
.wm_05 a:hover h3,
.wm_06 a:hover h3,
.wm_07 a:hover h3,
.WM_lineup_list li a:hover .tx p,
a:hover .series_op h4,
a:hover .series_op table tr th,
a:hover .series_op table tr td,
td div a:hover p {
	color: #999;
}
.WM_lineup_list li a,
.WM_lineup_list li a:hover .tx p,
.wm_01 a h3,
.wm_02 a h3,
.wm_03 a h3,
.wm_04 a h3,
.wm_05 a h3,
.wm_06 a h3,
.wm_07 a h3,
li a .mod-button,
td div a p,
td div a .mod-button, {
 	-webkit-transition: color 0.3s ease-in !important;
	-moz-transition: color 0.3s ease-in !important;
	-ms-transition: color 0.3s ease-in !important;
	-o-transition: color 0.3s ease-in !important;
	transition: color 0.3s ease-in !important;
 }
.WM_lineup_list li a:hover img,
.WM_lineup_list_btn li a:hover img,
td a:hover img,
.comp_btn a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
.WM_lineup_list li a img,
.WM_lineup_list_btn li a img,
td a img,
.comp_btn a img  {
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}
.WM_lineup_list a:hover .mod-button,
.WM_lineup_list a:active .mod-button,
.WM_lineup_list_btn a:hover .mod-button,
td a:hover .mod-button {
	color: #999 !important;
	text-decoration: none !important;
}

.modproductIntro ul:first-child {
	margin-top: 30px;
}

.WM_lineup_list {
	background: url(/walkman/lineup/images/border_line_01.jpg) 0 0 repeat-y;
}
.WM_lineup_list li {
	float: left;
	background: url(/walkman/lineup/images/border_line_01.jpg) right 0 repeat-y;
	width: 473px;
	padding: 0 1px;
}
.WM_lineup_list li:first-child {
	background: url(/walkman/lineup/images/border_line_01.jpg) right 0 repeat-y;
}
.WM_lineup_list li {
	float: left;
	position: relative;
}
.WM_h452 {height: 452px !important;}
.WM_h482 {height: 482px !important;}
.WM_h525 {height: 525px !important;}

.WM_lineup_list li h3 {
	font-size: 43px;
	font-weight: bold;
	vertical-align: top;
	margin: 0;
	float: left;
}
.WM_lineup_list li h3 span {
	font-size: 14px;
}
.WM_lineup_list li .sub_item_name {
	display: block;
	font-size: 14px;
	padding-top: 10px;
	margin-top: -25px;
}
.WM_lineup_list li div p {
	float: left;
	color: #000;
	font-size: 18px;
	padding-left: 25px;
	padding-top: 8px;
}

/* color adjust */
.wm_02 .adjust {color: #467dbb;}
.wm_03 .adjust {color: #e2407d;}
.wm_04 .adjust {color: #70b92c;}
.wm_05 .adjust {color: #7c51a0;}
.wm_06 .adjust {color: #f18c10;}
.wm_07 .adjust {color: #f18c10;}

.WM_lineup_list li div p.sub_adjust {
	font-size: 12px;
	padding-top: 0;
}
.WM_lineup_list li div p sup {font-size: 10px;}
.WM_lineup_list li .notebox {
	margin-left: 30px;
}
.WM_lineup_list li .notebox .note {
	font-size: 10px;
	padding-left: 0px;
	padding-top: 0px;
	color: #666;
	text-decoration: none !important;
}
.WM_lineup_list li.wm_07 a {text-decoration: none !important;}
.WM_lineup_list li a:hover .notebox p.note {
	text-decoration: none !important;
	color:#999;
}
.WM_lineup_list li.wm_07 a .notebox {margin-bottom: 20px;}

.WM_lineup_list li .mod-button {
	position: absolute;
	bottom: 0;
	left: 30px;
}

.bottom_list li {float: left;}
.bottom_border {margin: 40px 0; clear:both;}

.WM_lineup_list_btn {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.WM_lineup_list_btn li {
	float: left;
	position: relative;
}
.WM_lineup_list_btn li.WM_lineup_list_btn_r {float: right;}
.WM_lineup_list_btn li .mod-button {
	position: absolute;
	bottom: 30px;
	right: 30px;
}
.WM_lineup_list_btn li .out_item_icon {
	position: absolute;
	bottom: 40px;
	left: 60px;
}

.series_op {
	position: absolute;
	bottom: 10%;
	left: 30px;
}
.series_op h4 {
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 16px;
	font-weight: bold;
}
.series_op .notebox {
	margin-left: 0 !important;
	margin-bottom: 5px;
}
.series_op .notebox p,
.notebox p {
	float: none !important;
}
.series_op h4,
.series_op table tr th,
.series_op table tr td {
	color: #000;
	text-align: left;
}
.series_op table tr th {
	width: 47px;
	font-weight: normal;
}
.series_op table tr td {
	padding-right: 30px;
}
.mb10 {margin-bottom: 10px;}

.pc {display: block !important;}
.sp {display: none !important;}

.comp_btn {margin-top: 40px;}

.other_item_btn {
	text-align: right;
	padding-right: 3px;
	margin-bottom: 30px;
}


/*IE6 fix*/
.tx {_zoom:1;}
.tx .adjust,
.tx .sub_adjust {_float: none;}


.item_thumb {position: relative;}
.icon_hires {top: -15px; left: 25px;}

.detailViewTableHeading tr td div.img_sam {position: relative;}
.detailViewTableHeading .icon_hires {width: 24px!important; left: 10px; top: 10px;}


@media (max-width:640px){
	.WM_lineup_list li.wm_07 a .notebox {margin-bottom: 0px;}
	.other_item_btn {
		max-width: 600px;
	}
	.other_item_btn .mod-button {font-size: 14px;}

	.pc {display: none !important;}
	.sp {display: block !important;}

	.modproductIntro ul:first-child {
		margin-top: 0px;
	}

	.WM_lineup_list img,.WM_lineup_list_btn img {width: 100%;}
	.bottom_list {display: none;}
	.series_op table tr td img {width: auto;}
	.WM_lineup_list {
		background: none !important;
	}
	.WM_lineup_list li .mod-button {
		position: static !important;
		bottom: 0;
		left: 0;
		margin-top: 10%;
		font-size: 14px;
	}

	.WM_lineup_list_btn li .mod-button {font-size: 14px;}
	.WM_h452 {height: auto !important;}
	.WM_h482 {height: auto !important;}
	.WM_h525 {height: auto !important;}
	.WM_lineup_list li {
		float: none !important;
		background: none !important;
		width: 100%;
		padding: 0;
		padding-bottom: 10%;
		margin-bottom: 10%;
		border-bottom: 1px dotted #ccc;
		text-align: center;
	}
	.WM_lineup_list li:first-child {
		background: none !important;
	}

	.WM_lineup_list li .item_name {
		margin-left:0px;
		margin-bottom: 0px;
	}
	.WM_lineup_list li h3 {
		font-size: 43px;
		font-weight: bold;
		vertical-align: top;
		margin: 0;
		float: none;
	}
	.WM_lineup_list li h3 span {
		font-size: 14px;
	}
	.WM_lineup_list li .sub_item_name {
		display: block;
		font-size: 14px;
		padding-top: 10px;
		margin-top: -25px;
	}
	.WM_lineup_list li div p {
		float: none;
		color: #000;
		font-size: 18px;
		padding-left: 0px;
		padding-top: 15px;
	}

	.WM_lineup_list_btn li:first-child {
		margin-bottom: 5%;
	}
	.WM_lineup_list_btn li {
		float: none !important;
		position: relative !important;
	}
	.WM_lineup_list_btn li .mod-button {
		position: absolute;
		bottom: 18%;
		left: 5%;
		width: 20% !important;
	}
	.WM_lineup_list_btn li .out_item_icon {
		position: absolute;
		bottom: 5%;
		left: 5%;
		width: 45px;
		height: 14px;
	}
	.WM_lineup_list li a:hover .note,
	.WM_lineup_list li a:link .note,
	.WM_lineup_list li a:visited .note,
	.WM_lineup_list li a:active .note {
		text-decoration: none !important;
	}
	.WM_lineup_list_btn li a:hover .mod-button {text-decoration: none !important;}
	.WM_lineup_list li .notebox {
		display: table-row-group;
		text-align: left;
	}
	.imgsam {
		display: table-header-group;
		margin-bottom: 2.5%;
	}
	.imgsam img {
		margin-bottom: 2.5%;
	}
	.tx {margin-bottom: 2.5%;}
	.series_op {
		position: static;
		bottom: auto;
		left: auto;
		margin-top: 2.5%;
	}
	.wm_03 .series_op {bottom: 10%;}
	.wm_04 .series_op {bottom: 10%;}
	.wm_07 .series_op {
		bottom: 30%;
		left: 0px;
	}
	.icon_hires {top: 0; left: 10px;}
}

.mod-categoryNav-lineup {padding-bottom: 0;}
.mod-categoryNav-lineup .mod-categoryNav-lineup li {width: 130px !important;}

#include-lineup.zx_series .mod-categoryNav-lineup li.zx_series{border-bottom: 4px solid #000; height: 140px !important;}
#include-lineup.f_series .mod-categoryNav-lineup li.f_series{border-bottom: 4px solid #000; height: 140px !important;}
#include-lineup.s_series .mod-categoryNav-lineup li.s_series{border-bottom: 4px solid #000; height: 140px !important;}
#include-lineup.e_series .mod-categoryNav-lineup li.e_series{border-bottom: 4px solid #000; height: 140px !important;}
#include-lineup.m_series .mod-categoryNav-lineup li.m_series{border-bottom: 4px solid #000; height: 140px !important;}
#include-lineup.wh_series .mod-categoryNav-lineup li.wh_series{border-bottom: 4px solid #000; height: 140px !important;}
#include-lineup.w_series .mod-categoryNav-lineup li.w_series{border-bottom: 4px solid #000; height: 140px !important;}
.mod-categoryNav-lineup li {
	width: 130px !important;
	margin: 0 10px 0 -8px !important;
}

/*IE6*/
.mod-side-item {
	border-top: expression((this.parentNode.firstChild ==this)?'none':'1px solid #ccc');
}
#include-insiteLinks {
	_border-top: #ccc 1px solid;
}



/*----------------------------------------------------------
	viewMode share4-fix
-----------------------------------------------------------*/


.mod-brandTopImage{
	width:950px;
	margin:0 auto 25px auto !important;
}
.mod-brandTopImage h2 {
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.viewModeButton{
	float: right;
}
@media (max-width:640px){
	.mod-brandTopImage {
		width: 100%;
	}
	.viewModeButton a {
		display: block;
	}
	.viewModeButton img{
		float: none;
		width: 100%;
	}
}

@media (max-width:640px){
/*----------------------------------------------------------
	201 > Lineup > mediaQuery(max-width:640px) > common
-----------------------------------------------------------*/
	.viewMode {
		position:static !important;
		margin-bottom: 5%;
		height: auto;
	}

	.viewModeButton {
		float: right;
		width: 100%;
	}
	.btn.image,
	.btn.detail_btn {
		background-size: 100%;
		width: 47%;
		height: auto;
 font-size: 14px;
	}
}



/*----------------------------------------------------------
#series-list
-----------------------------------------------------------*/
ul.note li {
	color: #666666;
	font-size: 0.85em;
}
.series_boxS {
	float:left;
	margin-bottom: 20px;
	margin-right: 16px;
}
.series_boxS2 {
	float:left;
	margin-bottom: 20px;
	margin-right: 0px;
}
#series-list dl.series {
	width: 465px;
	min-height: 340px;
	margin-bottom: 20px;
	float:left; border: solid #ccc;
	border-width: 1px 1px 2px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
}
#series-list .series_boxS dl#series_05,
#series-list .series_boxS2 dl#series_02 {
	float: none;
	margin-bottom: 0px;
	margin-right: 0px;
}
#series-list dl.series dt {
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}
#series-list dl.series dd {
	padding: 15px;
	margin: 0;
	position: relative;
}
#series-list dl.series dd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#series-list dl dd .item_thumb {
	position: relative;
	margin-bottom: 15px;
}

#series-list dl dd .icon_hires {
	position: absolute;
	left: 0;
	top: 16%;
}
#series-list dl dd .icon_hires_wm1 {
	left: 26px;
	top: 17%;
}
#series-list dl dd .icon_hires_zx2 {
	left: 26px;
}
#series-list dl dd .icon_hires_zx1 {
	left: 120px;
}
#series-list a:hover dl,
#series-list a:hover dl img,
#series-list a:hover dl ul,
#series-list dl a:hover,
#series-list dl a:hover img,
#series-list dl a:hover dt,
#series-list dl a:hover ul,
#series-list dl a:hover .more {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	text-decoration: none;
}
#series-list dl dd .more,
#series-list .series_boxS .mod-add_more,
#series-list .series_boxS2 .mod-add_more {
	float: right;
	background: url("/share4/images/mod-button/ico_01.png") no-repeat left;
	padding-left: 15px;
	color: #000;
	line-height:2;
}
#series-list .series_boxS .mod-add_more,
#series-list .series_boxS2 .mod-add_more {
	float: none;
	margin-top: 10px;
}
#series-list dl dd .more a,
#series-list .series_boxS .mod-add_more a,
#series-list .series_boxS2 .mod-add_more a {
	color: #000;
}
#series-list a:hover dl dd .more,
#series-list dl dd .more a:hover,
#series-list .series_boxS .mod-add_more a:hover,
#series-list .series_boxS2 .mod-add_more a:hover {
	text-decoration: underline;
	color: #999;
}
#series-list dl.detail,
#series-list dl.detail dt,
#series-list dl.detail dd {
	float: left;
	background: none!important;
	margin: 0 0 1px;
	padding: 0;
}
#series-list dl dl.detail dt{
	font-style: normal;
	font-weight: bold;
	float: left;
	display: block;
	margin-right: 10px;
	font-size: 13px;
	line-height: 2;

	color: #000;
}
#series-list dl ul {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	position: relative;
}
#series-list dl ul li {
	list-style: none;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
#series-list dl .spec li {
	width: 4.5em;
	padding: 2px;
	font-size: 10px;
	font-weight: bold;
	background: #000;
	color: #FFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 3px;
	text-align: center;
}
#series-list dl .spec li span {
	font-size: 13px;
}
#series-list dl .color li {
	font-size: 14px;
}
#series-list dl .color .gray{color:#c5c5c7;}
#series-list dl .color .pink{color:#e5007f;}
#series-list dl .color .black{color:#000;}
#series-list dl .color .blue{color:#009db6;}
#series-list dl .color .white{color:#999;}
#series-list dl .color .purple{color:#b84c97;}
#series-list dl .color .pink02{color:#ea528f;}
#series-list dl .color .pink03{color:#ff4a8e;}
#series-list dl .color .momo{color:#ec6d82;}
#series-list dl .color .green{color:#c4d701;}
#series-list dl .color .red{color:#d0121c;}
#series-list dl .color .yellow{color:#fce100;}
#series-list dl .color .gold{color:#efd200;}
#series-list dl .color .silver{color:#b5b6b6;}
#series-list dl .color .blown{color:#a4721f;}
#series-list dl .color .green_yellow{color:#e9f155;}

#series-list dl#series_01 dt {background: #b68b09;}
#series-list dl#series_02 dt {background: #000;}
#series-list dl#series_03 dt {background: #00a1e4;}
#series-list dl#series_04 dt {background: #7c51a1;}
#series-list dl#series_05 dt {background: #ef4c89;}
#series-list dl#series_06 dt {background: #71bf44; line-height: 3em;}
#series-list dl#series_07 dt {background: #f6861f;}
#series-list dl#series_08 dt {background: #f6861f;}
#series-list dl#series_09 dt {background: #70ba2f;}

#series-list dl#series_01,
#series-list dl#series_06,
#series-list dl#series_07,
#series-list dl#series_08,
#series-list .series_boxS2 dl#series_03 {margin-right: 16px;}

#series-list dl#series_03,
#series-list dl#series_05 {
	margin-bottom: 0;
}
#series-list dl#series_02 {
	height: 500px;
}
#series-list dl#series_05 {
	height: 500px;
}
#series-list dl#series_09 {
	height: 543px;
	margin-bottom: 0;
}

#series-list dl#series_08 .more {
	margin-top: 25px;
}

#series-list dl#series_08 .spec01 dt {
	float: none;
}
#series-list dl#series_08 .spec02 dt {
	float: none;
	text-align:left;
}


@media (max-width:640px){
	#series-list dl.series {
		width: 99%;
		min-height: 0;
		margin: 0 auto 20px;
		float:left; border: solid #ccc;
		border-width: 1px 1px 2px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		overflow: hidden;
	}
	#series-list dl.series dd .item_thumb img {
		width: 100%;
	}
	#series-list dl.series dd .item_thumb .icon_hires img {
		width: 90%!important;
	}

	#series-list dl#series_01,
	#series-list dl#series_03,
	#series-list dl#series_05,
	#series-list dl#series_07,
	#series-list .series_boxS2 dl#series_05 {margin-right: 0;}
	#series-list dl#series_06 dt {line-height: 1.4;}

#series-list dl dd .icon_hires_wm1 {
	width: 35px!important;
	top: 15%;
	left: 4%;
}
#series-list dl dd .icon_hires_zx2 {
	width: 35px!important;
	top: 15%;
	left: 4%;
}
#series-list dl dd .icon_hires_zx1 {
	width: 35px!important;
	top: 15%;
	left: 26%;
}
#series-list dl#series_08 .spec01 dt {
	float: left;
}
#series-list dl#series_08 .spec02 dt {
	float: left;
	text-align:left;
}
#series-list dl#series_02,
#series-list dl#series_05,
#series-list dl#series_09 {
	height: auto;
}
#series-list dl#series_08 .more {
	margin-top: 0;
}
}