@charset "UTF-8";
/* =======================================

	通常レイアウト

======================================= */
header {
	background-color: rgba(0,0,0,0.7);
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
}
/* 写真キャプション（各ページでWidthの設定が必要） */
/* メインイメージ設定（PC/tablet/SPまとめて設定） */
.mainImageArea, .spmainImageArea {
	background-image: url(../img01/main.png);
}
.caption {
	width: 230px;
	margin-left: auto;
	margin-top: 85px;
}
.leftImage {
	width:241px;
}
/* =======================================

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

======================================= */
@media screen and (max-width: 980px) {
.leftImage {
	width:41.6%;
}
}

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

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

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

@media screen and (max-width: 767px) {
.leftImage {
	width:64%;
}

}