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

（PC）オオタカと猛禽類

====================================================== */
header {
		background: url("/birds/northernGoshawks/img/mainImage.jpg") no-repeat top center / cover;
}
/*最後からn個はマージンなし（ズームボタンがズレるので個数で調整）*/
.gallery li:nth-last-child(-n+1) {
		margin-bottom: 0;
}
/* ======================================================
（PC）共通
====================================================== */
.stage01 a:hover, .stage02 a:hover, .stage03 a:hover, .stage04 a:hover {
		opacity: 1;
}
.stage01 div, .stage02 div, .stage03 div, .stage04 div {
		position: relative;
}
.stage01, .stage02, .stage03, .stage04 {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
}
.stage02, .stage04 {
		justify-content: space-between;
}
/* ======================================================
（PC）stage01
====================================================== */
/*タテ2つ並び*/
.stage01_01 {
		width: 22%;
		margin-right: 0.1%;
}
/*テキスト*/
.stage01_02 {
		width: 33.8%;
		padding: 0 3.66vw;
		order: 4;
}
/*画像大*/
.stage01_03 {
		width: 44.1%;
}
/*タテ2つ並び　間のマージン*/
.stage01_01 figure {
		margin-bottom: 0.1vw;
}
/* ======================================================
（PC）stage02
====================================================== */
.stage02 div {
		width: 33.3%;
}
/*テキスト*/
.stage02_01 {
		padding: 0 3.66vw;
}
/*画像2番目*/
.stage02_02 {
		margin-right: 0.1%;
}
/* ======================================================
（PC）stage03
====================================================== */
/*画像大*/
.stage03_01 {
		width: 44.1%;
		margin-right: 0.1%;
}
/*タテ2つ並び*/
.stage03_02 {
		width: 22%;
}
/*テキスト*/
.stage03_03 {
		width: 33.8%;
		padding: 0 3.66vw;
}
/*タテ2つ並び　間のマージン*/
.stage03_02 figure {
		margin-bottom: 0.1vw;
}
/* ======================================================
（PC）stage04
====================================================== */
.stage04 div {
		width: 33.28%;
}
/* ======================================================

（tabelt）

====================================================== */
@media screen and (max-width: 1230px) {
		/* -----------------------------------------------------
tablet END
-------------------------------------------------------*/
}
/* ======================================================

（SP）

====================================================== */
@media screen and (max-width: 767px) {
		header {
				background: url("/birds/northernGoshawks/img/mainImageSP.jpg") no-repeat center 20% / cover;
		}
		/*最後からn個はマージンなし（ズームボタンがズレるので個数で調整）*/
		.gallery li:nth-last-child(-n+3) {
				margin-bottom: 0.28vw;
		}
		/*最後からn個はマージンなし（ズームボタンがズレるので個数で調整）*/
		.gallery li:nth-last-child(-n+1) {
				margin-bottom: 0;
		}
		/* ======================================================
（SP）stage01
====================================================== */
		/*ヨコ2つ並び*/
		.stage01_01 {
				width: 100%;
				margin-right: 0px;
				display: flex;
				justify-content: space-between;
		}
		.stage01_01 div {
				width: 49.9%;
		}
		/*テキスト*/
		.stage01_02 {
				width: 100%;
				padding: 6.22vw 0;
				order: 0;
		}
		/*画像大*/
		.stage01_03 {
				width: 100%;
		}
		/*タテ2つ並び　間のマージン*/
		.stage01_01 figure {
				margin-bottom: 0;
		}
		/* ======================================================
（SP）stage02
====================================================== */
		.stage02 div {
				width: 49.9%;
		}
		/*テキスト*/
		.stage02_01 {
				width: 100% !important;
				padding: 0 0 6.22vw;
		}
		/*画像2番目*/
		.stage02_02 {
				margin-right: 0;
		}
		/* ======================================================
（SP）stage03
====================================================== */
		/*画像大*/
		.stage03_01 {
				width: 100%;
				margin-right: 0;
		}
		/*ヨコ2つ並び*/
		.stage03_02 {
				width: 100%;
				display: flex;
				justify-content: space-between;
				margin-top: 1px;
		}
		.stage03_02 div {
				width: 49.9%;
		}
		/*テキスト*/
		.stage03_03 {
				width: 100%;
				padding: 6.22vw 0 0;
		}
		/*タテ2つ並び　間のマージン*/
		.stage03_02 figure {
				margin-bottom: 0;
		}
		/* ======================================================
（SP）stage04
====================================================== */
		.stage04 div:nth-child(1), .stage04 div:nth-child(2) {
				width: 49.9%;
		}
		.stage04 div:nth-child(3) {
				width: 100%;
				margin-top: 1px;
		}
		/* -----------------------------------------------------
SP END
-------------------------------------------------------*/
}