@media screen and (min-width: 420px) {

/* 420px以上のディバイスで適用される見出し
----------------------------------------------- */

.entry-content h2 {
    background: -moz-linear-gradient(
	left,
	rgba(255,255,255,0) 0%,
	rgba(0,0,0,0.25)), #fff;
    background: -webkit-gradient(
	linear, left top, right top,
	from(rgba(255,255,255,0)),
	to(rgba(0,0,0,0.25))), #fff;
	border-left:8px solid #023c6b;
	padding:.4em .9em;
margin-left: -20px;
margin-right: -20px;
}

.entry-content h3 {
    background: -moz-linear-gradient(
	left,
	rgba(255,255,255,0) 0%,
	rgba(0,0,0,0.25)), #fff;
    background: -webkit-gradient(
	linear, left top, right top,
	from(rgba(255,255,255,0)),
	to(rgba(0,0,0,0.25))), #fff;
	border-left:6px solid #023c6b;
	padding:.3em .8em;
margin-left: -20px;
margin-right: -20px;
}

.entry-content h4 {
    background: -moz-linear-gradient(
	left,
	rgba(255,255,255,0) 0%,
	rgba(0,0,0,0.25)), #fff;
    background: -webkit-gradient(
	linear, left top, right top,
	from(rgba(255,255,255,0)),
	to(rgba(0,0,0,0.25))), #fff;
	border-left:4px solid #023c6b;
	padding:.2em .7em;
margin-left: -20px;
margin-right: -20px;
}

.entry-content h5 {
    background: -moz-linear-gradient(
	left,
	rgba(255,255,255,0) 0%,
	rgba(0,0,0,0.25)), #fff;
    background: -webkit-gradient(
	linear, left top, right top,
	from(rgba(255,255,255,0)),
	to(rgba(0,0,0,0.25))), #fff;
	border-left:3px solid #023c6b;
	padding:.1em .6em;
margin-left: -20px;
margin-right: -20px;
}

.entry-content h6 {
    background: -moz-linear-gradient(
	left,
	rgba(255,255,255,0) 0%,
	rgba(0,0,0,0.25)), #fff;
    background: -webkit-gradient(
	linear, left top, right top,
	from(rgba(255,255,255,0)),
	to(rgba(0,0,0,0.25))), #fff;
	border-left:2px solid #023c6b;
	padding:.1em .5em;
margin-left: -20px;
margin-right: -20px;
}

}