@charset "Shift_JIS";
/**
 * headphone.css
 * SONY Headphone < https://www.sony.jp/headphone/ >
 */


/*--------------------------------------------------------------------------------
	anchor
--------------------------------------------------------------------------------*/
.select-by-use a,
.select-by-use a:visited,
.select-by-use a:link,
.select-by-style a,
.select-by-style a:link,
.select-by-style a:visited,
.select-by-others a,
.select-by-others a:link,
.select-by-others a:visited,
.shortcut a,
.shortcut a:link,
.shortcut a:visited,
.lineup a,
.lineup a:link,
.lineup a:visited {
	color: #000;
	text-decoration: none;
}

/* hover/active
--------------------------------------------------------------------------------*/
.select-by-use a:hover h5,
.select-by-use a:active h5 {
	text-decoration: underline;
}

.select-by-use .outdoors a:hover h4,
.select-by-use .outdoors a:active h4 {
	text-decoration: underline;
}

.select-by-use .outdoors a:hover span,
.select-by-use .outdoors a:active span {
	text-decoration: underline;
}

.select-by-use .outdoors a:hover p,
.select-by-use .outdoors a:active p {
	text-decoration: underline;
}

.select-by-use .indoors a:hover h4,
.select-by-use .indoors a:active h4 {
	text-decoration: underline;
}

.select-by-use .indoors a:hover span,
.select-by-use .indoors a:active span {
	text-decoration: underline;
}

.select-by-use .indoors a:hover p,
.select-by-use .indoors a:active p {
	text-decoration: underline;
}

.select-by-style a:hover h4,
.select-by-style a:active h4 {
	text-decoration: underline;
}

.select-by-style a:hover p,
.select-by-style a:active p {
	text-decoration: underline;
}


.select-by-others a:hover,
.select-by-others a:active,
.shortcut a:hover,
.shortcut a:active,
.lineup a:hover,
.lineup a:active {
	color: #000;
	text-decoration: underline;
}

.shortcut .sub a:hover,
.shortcut.sub a:active {
	color: #000;
	text-decoration: underline;
}


/*--------------------------------------------------------------------------------
	heading
--------------------------------------------------------------------------------*/
.mod-heading {
	margin-bottom: 20px;
}

.first {
	margin: 0px 0 20px 0 !important;
}

.heading {
	margin-bottom: 20px;
	line-height: 0.0;
}

.select-by-others .heading {
	margin-bottom: 10px;
}

.heading h3 {
	display: none;
}

@media (max-width:640px) {
	.mod-heading {
		font-size: 95%;
	}
	
	.heading {
		margin: 0;
		padding: 9px 0 0 10px;
		height: 31px;
		line-height: 1.4;
		color: #fff;
	}
	
	.heading h3 {
		display: inline;
		padding-left: 17px;
		background: url("../images/icon_heading.gif") no-repeat 0 5px;
	}
	
	.heading img {
		display: none;
	}
}


/*--------------------------------------------------------------------------------
	classes
--------------------------------------------------------------------------------*/
span.break {
	display: block;
}

em.s-break {
	display: inline;
	font-style: normal;
}

.clearfix {
	*zoom: 1;
}

.clearfix:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}

sup {
	top: -0.3em;
	font-size: 100%;
}

@media (max-width:640px) {
	span.break {
		display: run-in;
	}
	
	em.s-break {
		display: block;
		font-style: normal;
	}
}


@media (max-width:320px) {
	em.s-break {
		font-style: normal;
		display: block;
	}
}