@charset "UTF-8";

/****************************************
ヘッダエリア
****************************************/

#headerBox figure {
	width:100%;
	margin:20px 0 20px 0;
	padding:0 0 0 0;
}
#headerBox figure img {
	max-width: 100%;
	height: auto;
}

@media screen and (min-width: 600px) and (max-width: 899px) {
	#headerBox {
		width:100%;
		height: auto;
		padding: 0 0 0 0;
		/*カテゴリ名を上下中央配置*/
		display: table;
	}
	#headerBox figure {
		display:none;
	}
}
@media screen and (min-width: 900px) {
	#headerBox {
		width:auto;
		max-width: 1200px;
		height: auto;
		/*margin:-10px 0 20px 0;*/ /* パンくずを非表示にする場合 */
		margin: 0 auto 40px auto; /* パンくずを表示にする場合 */
		padding: 0;
	}
	#headerBox figure {
		display:none;
	}
}

@media screen and (min-width: 900px) {
	#headerBox {
	}
	.beaderBoxInner {
	  width: 100%;
	}
	#headerBox { background:  url(/assets/img/category/fonte/fonte_category_pc.jpg) no-repeat center center; }

	#headerBox {
	  height: 300px;
	  background-size: cover;
	  display: flex;
	  align-items: center;
	  flex-wrap: wrap;
	  align-content: center;
	}
}