body{
	font-size:12px;
	background: #fff;
	color: #3c3c3c;
	line-height: 1.6;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family:"游明朝体", "Yu Mincho","ヒラギノ明朝 ProN 3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
}
h1,h2,h3,h4,h5,p,a,li,span,button,input{
	font-family:"游明朝体", "Yu Mincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
}


.clearfix:after{
	content:" ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 1;
	overflow: hidden;
}
.cl:after{
	content:" ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 1;
	overflow: hidden;
}

/*** --------------------------------
		　　　　max-width: 777px
-------------------------------- ***/
@media (max-width: 777px) {
	
	/*** --------------------------------
		　　　　ヘッダー部分
	-------------------------------- ***/
	.onlysp{
		display: block !important;		
	}
	.onlypc{
		display: none !important;
	}
	

}
/*** --------------------------------
		　　　　max-width: 777px以上
-------------------------------- ***/
@media only screen and (min-device-width: 640px) and (max-device-width: 1280px){
	
}
@media (min-width: 778px) {
	.clearText {
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
	}
	.onlysp{
		display: none !important;		
	}
	.onlypc{
		display: block !important;
	}
	a:hover{
		opacity: 0.8 !important;
	}
	
	/*** --------------------------------
		　　　　骨組み
	-------------------------------- ***/
	

}