@charset "UTF-8";

#contentsArea article .line ul.linkList01 li.alignR {
	text-align: right;
}

#contentsArea article div.pluginLinkBlock03 .clearfix ul {
	margin: 0 10px;
}

.marginTop15 {
	margin-top: 15px !important;
}

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

#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 */

/* h2 */
#contentsArea.column article h2,
#contentsArea.column article h2.link,
#contentsArea.column article .size1of2 h2,
#contentsArea.column article .size1of3 h2 {
	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 {
	padding-bottom: 0px;
}

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

#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 .size1of3 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;
}

#contentsArea article .line ul.linkList01 li.alignR {
	text-align: left;
}

/*PC icon*/
#contentsArea article .line ul.linkList01 li.toPC a {
	background: url(/common/unchangeable/img/icon_pc.png) no-repeat 0 0;
	padding-left: 18px; 
}

#contentsArea article h3.toPC a span {
	background: url(/common/unchangeable/img/icon_pc.png) no-repeat 0.3em 0.2em;
	padding-left: 21px;
}
}