@charset "utf-8";

.bdayimg {
	position: fixed;
	top: 100px;
	left: 20px;
	right: 0px;
	bottom: 0px;
	height: 198px;
	z-index: 890;
	max-width: 100vw;/* 画像が大きい場合は、適宜調整 */
	width: 300px;
	overflow: hidden;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	margin: auto;
}

.eventimg {
	position: fixed;
	top: 20px;
	left: 20px;
	right: 0px;
	bottom: 0px;
	height: 307px;
	z-index: 90;
	max-width: 100vw;/* 画像が大きい場合は、適宜調整 */
	width: 300px;
	overflow: hidden;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	margin: auto;
}

.topicsimg {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 20px;
	bottom: 100px;
	margin: auto;
	height: 219px;
	z-index: 100;
	max-width: 100vw;/* 画像が大きい場合は、適宜調整 */
	width: 300px;
	overflow: hidden;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}

.popupimg {
	position: fixed;
	top: 0;
	left: 0px;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 395px;
	z-index: 90;
	max-width: 100vw;/* 画像が大きい場合は、適宜調整 */
	width: 300px;
	overflow: auto;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}

.closedimg {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	height: 422px;
	z-index: 100;
	max-width: 100vw;/* 画像が大きい場合は、適宜調整 */
	width: 300px;
	overflow: hidden;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}