@charset 'UTF-8';
.attention,.error{ color:red;}

.bold{ font-weight:bold;}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.clearTop{ margin-top:0!important;}
.clearRight{ margin-right:0!important;}
.clearBottom{ margin-bottom:0!important;}
.clearLeft{	margin-left:0!important;}

img.alignright:after,
img.alignleft:after{
	clear:both;
	float:none
}

.aligncenter,
.alignCenter{ text-align:center;}

.alignright,
.alignRight{ text-align:right}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.small{ font-size:80%;}

/* 画像の透過度を変更して擬似ロールオーバー */
img.highlight:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	filter: alpha(opacity=80);
} 

/* ■■■ここからPC限定■■■ */
@media screen and (min-width: 641px) {
	.spOnly{ display:none!important;}
	.acc{ cursor:pointer;}
	
	img.aligncenter{
		display: block;
		margin:10px auto;
	}

	img.alignright {
		padding: 4px;
		margin: 0 0 40px 15px;
		display: inline;
	}
	
	img.alignleft {
		padding: 4px;
		margin: 0 15px 40px 0;
		display: inline;
	}
	
	img.alignright { float: right;}
	img.alignleft { float: left}

	
	.half{
		width:46%;
		margin:0 2% 0 0;
	}
	
	.third{
		width:30%;
		margin:0 1% 0 0;
	}
	
	.quart{
		width:24%;
		margin:0 1% 0 0;
	}
	
	.half img,
	.third,
	.quart img{ max-width:100%;}
	
	
	.floatLeft{
		float:left;
		margin: 0 15px 15px 0;
		display: inline;
	}
		
	.floatRight{
		float:right;
		padding: 4px;
		margin: 0 0 15px 15px;
	}
}

@media screen and (max-width: 640px){
	.pcOnly{ display:none!important}
	.hideBr{ display:none!important}

	.moreBtn a{ width: 200px;}
}