@charset "UTF-8";
/* CSS Document */

#event01 .inner650 {
  background-color: #FFF;
  padding: 30px 0 0 0;
}


#event02 .inner650 {
	background-color: #FFFCDB;
	padding: 50px 90px;
}

.season-box {
	position: relative;
	border: 4px dashed;
	border-radius: 30px;
	padding: 20px;
	margin: 100px 0;
}

.season-box.txt-Apr:before {
	content: "";
	position: absolute;
	background: url("../images/icon04.svg") no-repeat;
	width: 159px;
	height: 150px;
	background-size: contain;
	top: -69px;
	right: -30px;
}

.season-box.txt-May:before {
	content: "";
	position: absolute;
	background: url("../images/icon05.svg") no-repeat;
	width: 138px;
	height: 150px;
	background-size: contain;
	left: -40px;
	bottom: 60px;
}

.season-box.txt-Jun:before {
	content: "";
	position: absolute;
	background: url("../images/icon06.svg") no-repeat;
	width: 141px;
	height: 150px;
	background-size: contain;
	right: -40px;
	bottom: 30px;
}

.season-box.txt-Jul:before {
	content: "";
	position: absolute;
	background: url("../images/icon07.svg") no-repeat;
	width: 116px;
	height: 150px;
	background-size: contain;
	top: 10px;
  	left: 20px;
}

.season-box.txt-Aug:before {
	content: "";
	position: absolute;
	background: url("../images/icon08.svg") no-repeat;
	width: 168px;
	height: 101px;
	background-size: contain;
	top: 35px;
  	right: 150px;
	z-index: 1;
}

.season-box.txt-Sep:before {
	content: "";
	position: absolute;
	background: url("../images/icon09.svg") no-repeat;
	width: 129px;
	height: 150px;
	background-size: contain;
	top: -20px;
  	left: -35px;
}

.season-box.txt-Oct:before {
	content: "";
	position: absolute;
	background: url("../images/icon10.svg") no-repeat;
	width: 153px;
	height: 150px;
	background-size: contain;
	bottom: -40px;
  	right: -40px;
}

.season-box.txt-Nov:before {
	content: "";
	position: absolute;
	background: url("../images/icon11.svg") no-repeat;
	width: 137px;
	height: 150px;
	background-size: contain;
	bottom: -20px;
  	left: -30px;
}

.season-box.txt-Dec:before {
	content: "";
	position: absolute;
	background: url("../images/icon12.svg") no-repeat;
	width: 138px;
	height: 150px;
	background-size: contain;
	top: -35px;
  	right: -40px;
}

.season-box.txt-Jan:before {
	content: "";
	position: absolute;
	background: url("../images/icon01.svg") no-repeat;
	width: 169px;
	height: 150px;
	background-size: contain;
	top: -60px;
  	left: -50px;
}

.season-box.txt-Feb:before {
	content: "";
	position: absolute;
	background: url("../images/icon02.svg") no-repeat;
	width: 155px;
	height: 150px;
	background-size: contain;
	top: -40px;
  	right: -30px;
}

.season-box.txt-Mar:before {
	content: "";
	position: absolute;
	background: url("../images/icon03.svg") no-repeat;
	width: 165px;
	height: 150px;
	background-size: contain;
	top: 70px;
  	left: -40px;
}

.txt-Apr { color: #E85298; border-color: #E85298; }
.txt-May { color: #2AA738; border-color: #2AA738; }
.txt-Jun { color: #906CAD; border-color: #906CAD; }
.txt-Jul { color: #38A1DB; border-color: #38A1DB; }
.txt-Aug { color: #F08300; border-color: #F08300; }
.txt-Sep { color: #906CAD; border-color: #906CAD; }
.txt-Oct { color: #ED6C00; border-color: #ED6C00; }
.txt-Nov { color: #BD771A; border-color: #BD771A; }
.txt-Dec { color: #E60012; border-color: #E60012; }
.txt-Jan { color: #EA5532; border-color: #EA5532; }
.txt-Feb { color: #AA7322; border-color: #AA7322; }
.txt-Mar { color: #6FBA2C; border-color: #6FBA2C; }


.season-box h4 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	padding: 20px;
	background-color: #FFFCDB;
	top: -45px;
	font-weight: 600;
	font-size: 37px;
}

.season-box p {
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	margin-top: 20px;
}


.season-box.txt-Aug {
	height: 175px;
}




#event03 .inner650 {
	background-color: #F19EC2;
	padding: 50px 90px;
}

#event04 .inner650 {
	background-color: #00B097;
	padding: 50px 90px;
}

#event03 .season-box , #event04 .season-box {
	border-color: #FFF;
	color: #FFF;
}

#event03 .season-box {
	margin: 30px 0;
}

#event04 {
}

#event04:after {
  
}

#event04 .season-box {
	margin: 45px 0;
}

#event04 h4 {
	color: #FFF;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	padding: 20px;
	background-color: #00B097;
	top: -45px;
	font-weight: 600;
	font-size: 32px;
}



#event05 .inner650 {
	background-color: #06B4EA;
	padding: 50px 90px;
}

#event05 .season-box {
	border-color: #FFF;
	color: #FFF;
	margin: 30px 0;
}











@media (max-width: 768px) {
	
	
	#event01 .inner650 {
		padding-top: 0 !important;
	}
	
	#event02 .inner650 {
		padding: 50px 5% 50px !important;
	}
	
	.season-box {
		margin: 70px 0;
	}
	
	.season-box.txt-Apr::before {
		width: 123px;
		height: 116px;
		top: -52px;
  		right: -20px;
	}
	.season-box.txt-May::before {
		width: 142px;
		height: 156px;
		left: -29px;
    	bottom: 60px;
	}
	.season-box.txt-Jun::before {
		width: 126px;
		height: 136px;
		right: 0;
		bottom: 0;
	}
	.season-box.txt-Jul::before {
		width: 94px;
		height: 122px;
		left: 10px;
	}
	.season-box.txt-Aug::before {
		width: 160px;
		height: 92px;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%)
	}
	.season-box.txt-Sep::before {
		width: 113px;
		height: 132px;
		left: 10px;
	}
	.season-box.txt-Oct::before {
		width: 120px;
		height: 117px;
		right: -25px;
	}
	.season-box.txt-Nov::before {
		width: 125px;
		height: 137px;
		bottom: 0;
    	left: -20px;
	}
	.season-box.txt-Dec::before {
		width: 132px;
		height: 144px;
		right: -25px;
	}
	.season-box.txt-Jan::before {
		width: 124px;
		height: 109px;
		top: 5px;
  		left: 0px;
	}
	.season-box.txt-Feb::before {
		width: 109px;
		height: 105px;
		top: -25px;
  		right: -15px;
	}
	.season-box.txt-Mar::before {
		width: 126px;
		height: 114px;
		left: -20px;
	}
	
	
	.season-box:last-child {
		margin-bottom: 0;
	}
	
	
	
	#event03 .inner650 {
		padding: 50px 5% 50px !important;
	}
	
	#event03 .season-box {
		margin: 40px 0 0;
	}
	
	#event04 .inner650 {
		padding: 50px 5% 50px !important;
	}
	
	#event04 .season-box {
		margin: 40px 0 0;
	}
	
	#event05 .inner650 {
		padding: 50px 5% 50px !important;
	}
	
}






@media (max-width: 480px) {
	
	/* ---------------------------------
		mainContents(max-width: 480px)
	----------------------------------*/
	
	
	#event01 .inner650 {
		padding-top: 0 !important;
	}
	
	#event02 .inner650 {
		padding: 40px 5% 40px !important;
	}
	
	.season-box {
		margin: 50px 0;
	}
	
	.season-box h4 {
		font-size: 200%;
		padding: 20px 15px;
	}
	
	.season-box p {
		font-size: 180%;
	}
	
	.season-box.txt-Apr::before {
		width: 100px;
		height: 94px;
		top: -39px;
		right: 0;
	}
	.season-box.txt-May::before {
		width: 115px;
		height: 126px;
		left: -22px;
	}
	.season-box.txt-Jun::before {
		width: 98px;
		height: 105px;
		right: -20px;
	}
	.season-box.txt-Jul::before {
		width: 77px;
		height: 100px;
		top: 35px;
	}
	.season-box.txt-Aug {
		height: 120px;
	}
	.season-box.txt-Aug::before {
		width: 108px;
		height: 65px;
	}
	.season-box.txt-Sep::before {
		width: 102px;
		height: 120px;
		left: -20px;
	}
	.season-box.txt-Oct::before {
		width: 100px;
		height: 98px;
		bottom: -20px;
	}
	
	.season-box.txt-Nov::before {
		width: 98px;
		height: 107px;
		bottom: 0;
		left: -20px;
		
	}
	.season-box.txt-Dec::before {
		width: 104px;
		height: 114px;
		top: -50px;
		right: -15px;
	}
	.season-box.txt-Jan::before {
		width: 84px;
		height: 74px;
		top: 20px;
  		left: -20px;
	}
	.season-box.txt-Feb::before {
		width: 100px;
		height: 96px;
		top: -25px;
  		right: -15px;
	}
	.season-box.txt-Mar::before {
		width: 106px;
		height: 96px;
		top: 93px;
	}
	
	.season-box:last-child {
		margin-bottom: 0;
	}
	
	
	
	#event03 .inner650 {
		padding: 40px 5% 40px !important;
	}
	
	#event03 .season-box {
		margin: 30px 0 0;
	}
	
	#event04 .inner650 {
		padding: 40px 5% 40px !important;
	}
	
	#event04 .season-box {
		margin: 30px 0 50px;
	}
	
	#event04 .season-box:last-child {
		margin-bottom: 0;
	}
	
	#event05 .inner650 {
		padding: 40px 5% 40px !important;
	}
	
}