@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(../img05/main.png);
}
.caption {
	width: 193px;
	margin-left: auto;
	margin-top:69px;
}
.leftImage, .rightImage {
	width: 300px;
}

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

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

======================================= */
@media screen and (max-width: 980px) {
.leftImage, .rightImage {
	width: 64.38%;
	margin:0px;
	float:none;
}
}

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

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

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

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