@charset "utf-8";
/* CSS Document */

body {
  margin: 0;
  padding: 0;
  position: relative;
-webkit-text-size-adjust: 100%; 
}

a {
  text-decoration: none;
  color: #000000;
}

a:active {
  color: #000000;
}

a:focus {
  outline: none;
}


		.cp{
			margin-top: 100px;
			font-size: 10px;
			color: #A2A2A2;
}

/* ------------------ footer     */

		#footer{
			background-color:#F9F0F1;
			padding:55px 0 15px 0;
			height: 800px;
			text-align: center;
		}

		#footer .f_info {
			margin-top: 40px;
		}
		
		#footer .f_info .f_info_text a{
			margin: 0 15px;
			color: #333;
			font-size: 0.7em;
		}

		#footer .f_info .f_info_text a b{
			  text-decoration: underline;
		}
		
		.f_banner_area{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			width: 70%;
			margin: 0 auto 25px;
		}

		#footer hr{
			width: 1300px;
			margin: 0 auto 25px;
			opacity: 0.5;
		}

.f_banner_area .f_banner{
	width: 30%;
	padding: 10px;
}

.f_banner_area .f_banner span{
	padding: 10px;
	font-size: 12px;
	letter-spacing: 2px;
}

.f_banner_area .f_banner img{
	width: 100%;
}

.f_banner_title{
	width: 70%;
	margin: 0 auto;
	text-align: left;
	font-weight:bold;
	font-size: 12px;
	padding: 10px;
}

/* ブランドエリア */

		.f_bland_area{
			display: flex;
			justify-content: center;
			margin: 0 auto;
			flex-wrap: wrap;
			width: 1400px;
		}
		
		.f_bland{
		font-size: 12px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		padding: 10px;
		margin: 0px 5px 10px;
		background-color:#fff;
		width: 80px;
		height: 40px;
  		display: flex;
  		justify-content: center;
  		align-items: center;
		/*border:#FBD9D9 1px solid;*/
		}

		.f_bland:hover{
		opacity: 0.5;
		}

/* --------------------------
フッタースマホ
---------------------------- */

@media screen and (max-width: 640px) {
	/* 480px以下に適用されるCSS（スマホ用） */
#footer {
  padding: 25px 0 15px 0;
  height: 800px;
}
	
#footer .f_info .f_info_text a {
	padding: 20px;
}
	
	.f_banner_area .f_banner span{
		display: none;
	}

		.f_banner_area{
			width: 100%;
			justify-content: center;
			margin: 0 auto 0px;
		}
	.f_banner_area .f_banner{
	width: 80%;
}

	.f_bland_area{
		display: none;
	}
	
	#footer .f_info .f_info_text a b{
		display: none;
	}
	
		#footer hr{
			width: 300px;
		}
	
	#footer .f_info {
		margin-top: 0px;
		padding: 30px;
	}
	
	.cp {
  		margin-top: 20px;
	}
}


/* --------------------------
スマホ　END
---------------------------- */