﻿
/* ////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////*/
@media screen and (max-width: 479px) {


/*-----------
一覧
-----------*/

	
/*nav*/
	nav#content-menu{
		text-align: center;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
		margin-bottom: 30px;
	}
	
	nav#content-menu ul li.maenu-active a{
		float: left;
		width: 47.5%;
		height: 53px;
		border: 1px solid #666;
		background: #fff;
		color:#666;
	}
	nav#content-menu ul li a{
		background: #0094c3;
		line-height: 55px;
		color:#fff;
		float: left;
		width: 48%;
		height: 55px;
		margin-left: 3px;
		margin-bottom: 5px;
		border-radius: 10px;
	}
	
	nav#content-menu ul li a:hover{
		background: #0094c3;
		color:#fff;
	}
	
li.current-cat{
	color: #666;
}
li.current-cat a{
	color: #666!important;
	background: #fff!important;
	border: 1px solid #666;
}
	
	
	div.qa-cnt{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	
	div.qa-cnt h3{
		background: url("../images/qa/q.png") no-repeat left center;
		background-size: contain;
		height: 28px;
		line-height: 28px;
		padding-left: 35px;
		margin-bottom: 15px;
		font-size: 150%;
		color:37477d;
	}

	div.qa-cnt-inner{
		border: 1px solid #666;
		border-radius: 10px;
		padding: 20px;
		margin-top: 40px;
	}
	
	div.qa-cnt-inner h4{
		width: 22px;
	}
	div.qa-cnt-inner p{
		width: 100%;
		margin-left: 0px;
	}



	

}







/*////////////////////////////////////////
 タブレット向けのスタイル：481px ～ 768px 
////////////////////////////////////////*/
@media only screen and (min-width: 481px) {
	
	

/*-----------
一覧
-----------*/

	
/*nav*/
	nav#content-menu{
		text-align: center;
		height: 55px;
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	nav#content-menu ul li.maenu-active a{
		border: 1px solid #666;
		background: #fff;
		color:#666;
	}
	nav#content-menu ul li a{
		background: #0094c3;
		color:#fff;
		float: left;
		height: 55px;
		line-height: 55px;
		width: 250px;
		margin-left: 5px;
		margin-right: 5px;
		border-radius: 10px;
	}
	
	nav#content-menu ul li a:hover{
		background: #0094c3;
		color:#fff;
	}
	
li.current-cat{
	color: #666;
}
li.current-cat a{
	color: #666!important;
	background: #fff!important;
	border: 1px solid #666;
}
	
	
	div.qa-cnt{
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	
	div.qa-cnt h3{
		background: url("../images/qa/q.png") no-repeat left center;
		background-size: contain;
		height: 28px;
		line-height: 28px;
		padding-left: 35px;
		margin-bottom: 15px;
		font-size: 150%;
		color:37477d;
	}

	div.qa-cnt-inner{
		border: 1px solid #666;
		border-radius: 10px;
		padding: 20px;
	}
	
	div.qa-cnt-inner h4{
		float: left;
		width: 22px;
	}
	div.qa-cnt-inner p{
		float: left;
		width: 858px;
		margin-left: 20px;
	}
	


}






/*////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////*/
@media only screen and (min-width: 769px) {



}



/*////////////////////////////////////////
印刷用css
////////////////////////////////////////*/
@media print{
	
	


	
}




