@charset "utf-8";



/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

.lnkbox {
	margin-bottom:50px;
}

.lnkbox li {
	float: left;
	width: 32%;
	margin:0px 5px 5px 0px;
	border: 1px solid #ccc;
}

.lnkbox li a {
	display:  block;
	text-decoration: none;
	color: #000;	/*文字色*/
	padding: 10px;
}

.lnkbox li a:hover {
	background: #E3D2B9;	/*背景色*/
}


.ftbox {
	margin:20px auto;
}

.ftbn1 {
	float:left;
	width:32%;
	height: auto;
	margin:10px 20px 10px 0px;
}

.ftbn1 img {
	margin-bottom:10px;
}

.ftbn1 p {
	font-size:11px;
	height: 1.5em;
	margin:0px
}

.ftbn2 {
	float:left;
	width:25%;
	height: auto;
	margin:10px 20px 10px 0px;
	text-align:center;
}

.ftbn2 img {
	margin-bottom:10px;
}


/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){




/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

.lnkbox li {
	float: none;
	width: 100%;
	margin:0px 5px 5px 0px;
	border: 1px solid #ccc;
}


.ftbn1 {
	float:none;
	width:100%;
}

.ftbn2 {
	float:none;
	width:100%;
}

.ftbn1 img {
	width:100%;
}

.ftbn2 img {
	width:100%;
}


}