/* start media query  ----------------------------------------------------------------------------------*/

/* iphone in portrait (320px) & landscape (480px)-----*/

@media (max-width: 767px) {

	/* Calendar */
	.calendar {
		width: 280px;  
		height: 280px;
		}
	
	ol .days {
		width: 280px; 
	}
	
	.calendar ol li {
		width: 40px; 
		height: 40px; 
		line-height: 40px;
	}
	.calendarwidth {
		width: 280px; 
	}

	.clearfix { clear: both; }

	#stamp {
		position: absolute;
		width: 288px;
		height: 353px;
	}
	
	.calendar-ct {
    	height: 300px;
	}
}

/* screen 768px ----*/
	
@media (min-width: 768px) {
	
	/* Calendar */
	.calendar {  
		width: 330px; 
		height: 330px;
		}

	.calendar ol li {
		width: 47px; 
		height: 47px; 
		line-height: 47px;	
	}

	.calendarwidth {
		width: 330px; 
	}

	#stamp {
		position: absolute;
		left: 357px;
		width: 337px;
		height: 393px;
	}
	.calendar-ct {
    	height: 330px;
	}
}

/* screen 1024px ----*/

@media (min-width: 1024px) { 
  
	/* Calendar */
	.calendar {  
		width: 290px; 
		height: 290px;
		}

	.calendar ol li {
		width: 41px; 
		height: 41px; 
		line-height: 41px;	
	}
	.calendarwidth {
		width: 290px; 
	}

	#stamp {
		position: absolute;
		left: 626px;
		width: 293px;
		height: 355px;

	}
	.calendar-ct {
    	height: 300px;
	}
}

/* screen  1280px ----*/

@media (min-width: 1280px) { 
	
	/* Calendar */
	.calendar  {  
		width: 345px; 
		height: 370px;
	}

	.calendarwidth {
		width: 345px; 
	}

	.calendar ol li {
		width: 49px; 
		height: 49px; 
		line-height: 49px;	
	}
	
	#stamp {
		position: absolute;
		left: 726px;
		width: 350px;
		height: 420px; 
	}
	.calendar-ct {
    	height: 364px;
	}
}

/* end media query  ---------------------------------------------------------------------------------- !important */