@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) {

	.beaderBoxInner {
		width: 100%;
	}

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

@media screen and (min-width: 900px) {

	.iframe-sp {
		display: none;
	}

	.beaderBoxInner h1 {
		padding-top: 0;
	}
}

.flex-wrapper {
	display: flex !important;
	flex-wrap: nowrap !important;
}

.iframe {
	margin-left: 25px;
}

@media screen and (max-width: 899px) {
	.flex-wrapper {
		display: block !important;
	}

	.beaderBoxInner {
		height: auto;
	}

	.iframe {
		display: none;
	}

	.iframe-sp {
		display: block;
		margin-top: 20px;
		position: relative;
		width: 100%;
		padding-bottom: 56.25%;
		/* 16:9 の比率 */
		height: 0;
		overflow: hidden;
	}

	.iframe-sp video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
		object-fit: cover;
	}
}

.filter {
	filter: drop-shadow(0px 0px #000);
}