@charset "utf-8";

/* calendar.css
-------------------------------------- */

.calendar_ttl{
	width: 100%;
	height: 0;
	padding-top: 22.7979%;
	margin: 0 0 80px;
	position: relative;
	background-image: url(../img/calendar/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

.cal_area{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	text-align: center;
}

.cal_area>figure{
	display: block;
	/*min-width: 1920px;*/
	margin: 0;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .cal_area>figure{
	display: block;
	min-width: 1920px;
	margin: 0 -18.75% 0;
	text-align: center;
}
}

.cal_area>figure img{
	width: auto;
}

.cal_area div.st_img{
	width: 100%;
	display: flex;
}

.cal_area div.ta-r{
	justify-content: flex-end;
	margin-left:  18.75%;
}

.cal_area div.ta-r figure{
	width: 100%;
}

.cal_area div.ta-r img{
	min-width: 1560px;
}

.cal_area div.ta-l{
	position: relative;
	height: 0;
}

.cal_area div:nth-of-type(3){
	padding-top: 12.93%;
}
.cal_area div:nth-of-type(7){
	padding-top: 30.43%;
}
.cal_area div:nth-of-type(11){
	padding-top: 32.22%;
}

.cal_area div.ta-l figure{
	width: 100%;

}

.cal_area div.ta-l img{
	width: 1560px;
	margin-left: -960px;
	position: absolute;
	top: 0;
	left: 50%;
}

.cal_area div.wh_img{
	max-width: 1200px;
	margin: auto;
	text-align: center;
}

.cal_area div.wh_img img{
	width: 100%;
	margin: 0 auto;
}

/*@media all and (max-width:1280px){
	.cal_area>figure{
		min-width: 1560px;
	}
}

@media all and (max-width:1024px){
	.cal_area>figure{
		min-width: 1200px;
	}
}*/

@media all and (max-width: 767px){
	.calendar_ttl{
		padding-top: 53.25%;
		background-image: url(../img/calendar/header_bg_sp.jpg);
	}
	.cal_area>figure{
		min-width: 100%;
	}
		.cal_area div.st_img{
		margin: 0!important;
		padding: 0;
		}

	.cal_area div.st_img img{
		min-width: 100%;
	}

	.cal_area div.wh_img img{
		width: 100%;
	}
}