@charset "UTF-8";

/* =======================================

	通常レイアウト

======================================= */
/* タイトル PCとSPまとめて設定（各ページでWidthの設定が必要） */
.mainImageArea h2, .spmainImageArea h2 {
	width: 144px;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.8));
}

/* PCタイトル位置調整 */
.mainImageArea h2 {
	margin-top: 100px;
}

/* =======================================

タブレットレイアウト　748〜980pxまでの大きさ

======================================= */
@media screen and (max-width: 980px) {

	/* タイトル */
	.mainImageArea h2 {}
}

/* =======================================

スマートフォンレイアウト　767pxまでの大きさ
ランドスケープ表示

======================================= */

@media screen and (max-width: 767px) {

	/* PCメインイメージ不要設定 */
	.mainImageArea {
		background: none;
	}

	/* SP不要要素 */
	.mainImageArea h2, .caption {
		display: none;
	}

	/* SPタイトル */
	.spmainImageArea h2 {
		padding-top: 80px;
	}
}