@charset "UTF-8";
/*--------------------------------------------------------------
#category_title
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#category_title {
		background: url("image/title_ground.jpg") center no-repeat;
		background-size: cover;
	}

}

/* Small than tablet */
@media (min-width: 768px) {
	

	
}


/* Larger than tablet */
@media (min-width: 992px) {

	#category_title {
		background: url("image/title_ground.jpg") center no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}

}


/*--------------------------------------------------------------
#day_area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#day_area {
		margin: 0 0 50px 0;
		padding: 30px 0;
		background: url("../../../image/ground_3.png") top center no-repeat;
		-webkit-background-size: 110% auto;
		background-size: 110% auto;
		position: relative;
	}
	
	.innner-area {
		margin: 0 15px;
		padding: 20px 20px 30px 10px;
		background: #FFF;
		border-radius: 20px;
		width: auto;
		box-sizing: border-box;
		overflow: hidden;
	}
	
	.box {
		margin: 0;
		padding: 10px 0;
		position: relative;
		background: url("../../../image/dot.jpg") repeat-y;
		-webkit-background-size: 5px auto;
		background-size: 5px auto;
		background-position: top 0 left 90px;
	}
	
	.innner-area dl {
		margin: 0;
		padding: 25px 0 25px 0;
	}
	
	.innner-area dt {
		margin: 0;
		padding: 0;
		float: left;
		width: 70px;
		text-align: center;
	}
	
	.innner-area dt img {
		width: 60px;
	}
	
	.innner-area dt span {
		margin: 0;
		padding: 0 5px;
		background: #5FB3C7;
		color: #FFF;
		font-weight: 500;
		font-size: 14px;
	}
	
	.innner-area dd {
		margin: 0 0 10px 110px;
		padding: 0;
		font-size: 14px;
	}
	
	.innner-area dd.title {
		margin: 0 0 10px 110px;
		padding: 0;
		font-size: 18px;
		font-weight: 500;
	}
	
	.innner-area dd.title br {
		display: inherit;
	}
	
	.innner-area dd span {
		margin: 0;
		padding: 5px 5px;
		font-size: 13px;
		font-weight: 500;
		background: #ECF7FC;
		text-align: center;
		border-radius: 10px;
	}
	
	.innner-area p {
		margin: 0 auto;
		padding: 0;
		position: static;
		width: 80%;
	}
	
	.spacer {
		display: none;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	.innner-area {
		margin: 0 10%;
		padding: 45px 10% 50px 10%;
		background: #FFF;
		border-radius: 20px;
		width: auto;
		box-sizing: border-box;
		overflow: hidden;
	}
	
	.innner-area dd.title br {
		display: none;
	}
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.innner-area {
		margin: 0 auto;
		padding: 45px 50px 50px 50px;
		background: #FFF;
		border-radius: 20px;
		width: 900px;
		box-sizing: border-box;
		overflow: hidden;
	}
	
	.box {
		margin: 0;
		padding: 10px 0;
		position: relative;
		background: url("../../../image/dot.jpg") repeat-y;
		-webkit-background-size: 5px auto;
		background-size: 5px auto;
		background-position: top 0 left 100px;
	}
	
	.innner-area dl {
		margin: 0;
		padding: 25px 385px 25px 0;
	}
	
	.innner-area dt {
		margin: 0;
		padding: 0;
		float: left;
		width: 80px;
		text-align: center;
	}
	
	.innner-area dt img {
		width: 60px;
	}
	
	.innner-area dt span {
		margin: 0;
		padding: 0 10px;
		background: #5FB3C7;
		color: #FFF;
		font-weight: 500;
		font-size: 15px;
	}
	
	.innner-area dd {
		margin: 0 0 10px 120px;
		padding: 0;
		font-size: 14px;
	}
	
	.innner-area dd.title {
		margin: 0 0 10px 120px;
		padding: 0;
		font-size: 20px;
		font-weight: 500;
	}
	
	.innner-area dd span {
		margin: 0;
		padding: 5px 15px;
		font-size: 15px;
		font-weight: 500;
		background: #ECF7FC;
		text-align: center;
		border-radius: 10px;
	}
	
	.innner-area p {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		right: 0;
		width: 350px;
	}
	
	.spacer {
		display: inherit;
		margin: 100px;
	}
	
}