@charset "UTF-8";


@media only screen and (min-width: 600px) { /* device-width: 600px */

#contentsArea.column article .size2of3 .size1of2 {
	width: 48.5%;
}

#contentsArea article .line ul.linkList01.col_04 li {
	display: inline-block;
	width: 24.7%;
}

#contentsArea article .line ul.linkList01.col_03 li {
	display: inline-block;
	width: 33%;
}

#contentsArea article .line ul.linkList01.col_02 li {
	display: inline-block;
	width: 49.6%;
}

}


@media only screen and (max-width: 599px) { /* device-width: 320px ～ 599px  for Smartphone */

#contentsArea.column article .line .size2of3 {
    width: 100%;
}

/* h2 */
#contentsArea.column article h2,
#contentsArea.column article h2.link,
#contentsArea.column article .size1of2 h2,
#contentsArea.column article .size1of3 h2,
#contentsArea.column article .size2of3 h2.link {
	background: none;
	width: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border: solid 1px #aaa;
	
/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFQUVBRUEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRUZFRkUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NTYpIiAvPgo8L3N2Zz4=);

	background-color: #dedede;
	background-image: -webkit-linear-gradient(bottom, #fff, #fdfdfd 20%, #fafafa 21%, #eaeaea 96%, #fff);
	background-image: -moz-linear-gradient(bottom, #fff, #fdfdfd 20%, #fafafa 21%, #eaeaea 96%, #fff);
	background-image: -o-linear-gradient(bottom, #fff, #fdfdfd 20%, #fafafa 21%, #eaeaea 96%, #fff);
	background-image: linear-gradient(to top, #fff, #fdfdfd 20%, #fafafa 21%, #eaeaea 96%, #fff);

	padding-bottom: 8px;
}

#contentsArea.column article h2 span,
#contentsArea.column article .size1of2 h2 span,
#contentsArea.column article .size1of3 h2 span {
	background: none;
	padding-bottom: 0;
	padding-right: 4px;
}

#contentsArea.column article h2.link,
#contentsArea.column article .size1of2 h2.link,
#contentsArea.column article .size1of3 h2.link,
#contentsArea.column article .size2of3 h2.link {
	padding-bottom: 0px;
}

#contentsArea.column article h2.link a,
#contentsArea.column article .size1of3 h2.link a,
#contentsArea.column article .size2of3 h2.link a {
	padding-bottom: 8px;
}

#contentsArea.column article .size2of3 h2.link a {
	background: none;
	width: auto;
}
#contentsArea.column article .size2of3 h2.link a:hover {
	background: #fff;
	/* -webkit-tap-highlight-color */
	-webkit-tap-highlight-color:transparent;
}

#contentsArea.column article .size2of3 h2.link a span,
#contentsArea.column article .size2of3 h2.link a:hover span {
    width: auto;
    background: url('/component/c_common/img/bg_h2_link_rwd.gif') no-repeat scroll 0.5em 1.1em;
}

#contentsArea.column article .size1of2 h2.link a:hover,
#contentsArea.column article .size1of2 h2.link a.hover,
#contentsArea.column article .size1of3 h2.link a:hover,
#contentsArea.column article .size2of3 h2.link a.hover {
	background: none;
	width: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#contentsArea.column article .size1of2 h2.link a,
#contentsArea.column article .size1of2 h2.link a:hover,
#contentsArea.column article .size1of2 h2.link a.hover {
	padding-bottom: 8px;
}


#contentsArea.column article div.pluginLinkBlock02 .clearfix p.textBox {
	width: auto;
}

#contentsArea.column article div.pluginLinkBlock03 p code {
	word-break: break-all;
}

}