/*--------------------------------------------------------------
#category-top-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#category-top-area {
		background: url("img/top_ground.jpg") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	#category-top-area p {
		text-align: center;
	}
	
}

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


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

/*--------------------------------------------------------------
#event-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#event-area {
		margin: 0 20px;
		padding: 0;
	}
	
	#event-area p {
		margin: 0 0 30px 0;
		padding: 10px 0;
		text-align: center;
		border-radius: 20px;
	}
	
	#event-area p img {
		width: 50px;
	}
	
	.gl_pink {
		background-color: #ED7A97;
	}
	
	.gl_blue {
		background-color: #3A94C7;
	}
	
	#event-area ul {
		margin: 0 0 60px 0;
		padding: 0;
	}
	
	#event-area ul li {
		margin: 0 0 20px 0;
		padding: 0;
		width: 100%;
		border-radius: 30px;
		box-sizing: border-box;
		position: relative;
	}
	
	.photo {
		
	}

	
	#event-area ul.first li:nth-child(1) {
		padding: 30px 20px;
		background: url("img/item_sakura.png") no-repeat;
		-webkit-background-size: 30% auto;
		background-size: 30% auto;
		background-position: top 25px right 25px;
	}
	
	#event-area ul.first li:nth-child(2) {
		padding: 30px 20px;
	}
	
	#event-area ul.first li:nth-child(5) {
		padding: 30px 20px;
		background: url("img/item_bus.png") no-repeat;
		-webkit-background-size: 25% auto;
		background-size: 25% auto;
		background-position: top 25px right 25px;
	}
	
	#event-area ul.first li:nth-child(6) {
		padding: 30px 20px;
		background: url("img/item_flower.png") no-repeat;
		-webkit-background-size: 20% auto;
		background-size: 20% auto;
		background-position: top 25px right 25px;
	}
	
	#event-area ul.first li:nth-child(7) {
		padding: 30px 20px;
		background: url("img/item_nushitori.png") no-repeat;
		-webkit-background-size: 30% auto;
		background-size: 30% auto;
		background-position: top 25px right 25px;
	}
	
	#event-area ul.first li:nth-child(8) {
		padding: 30px 20px;
		background: url("img/item_hata.png") no-repeat;
		-webkit-background-size: 20% auto;
		background-size: 20% auto;
		background-position: top 25px right 25px;
	}
	
	
	#event-area ul.late li:nth-child(2) {
		padding: 30px 20px;
		background: url("img/item_kuri.png") no-repeat;
		-webkit-background-size: 15% auto;
		background-size: 15% auto;
		background-position: top 25px right 25px;
	}
	
	#event-area ul.late li:nth-child(3) {
		padding: 30px 20px;
		background: url("img/item_momiji.png") no-repeat;
		-webkit-background-size: 20% auto;
		background-size: 20% auto;
		background-position: top 25px right 25px;
	}
	
	#event-area ul.late li:nth-child(4) {
		padding: 30px 20px;
		background: url("img/item_tree.png") no-repeat;
		-webkit-background-size: 18% auto;
		background-size: 18% auto;
		background-position: top 25px right 25px;
	}
	
	#event-area ul.late li:nth-child(5) {
		padding: 30px 20px;
		background: url("img/item_yukidaruma.png") no-repeat;
		-webkit-background-size: 20% auto;
		background-size: 20% auto;
		background-position: top 25px right 25px;
	}
	
	#event-area ul.late li:nth-child(8) {
		padding: 30px 20px;
		background: url("img/item_oni.png") no-repeat;
		-webkit-background-size: 20% auto;
		background-size: 20% auto;
		background-position: top 25px right 25px;
	}
	
	#event-area ul.late li:nth-child(9) {
		padding: 30px 20px;
		background: url("img/item_sakura.png") no-repeat;
		-webkit-background-size: 30% auto;
		background-size: 30% auto;
		background-position: top 25px right 25px;
	}
	
	
	#event-area  ul.first li.bl_white,
	#event-area  ul.late li.bl_white {
		background-color: #FFF;
	}
	
	#event-area dl {
		margin: 0;
		padding: 0;
	}
	
	#event-area dt {
		margin: 0 0 40px 0;
		padding: 0;
		width: 18vw;
	}
	
	#event-area dd {
		margin: 0 0 20px 0;
		padding: 0 0 0 25px;
		font-size: 16px;
		font-weight: 600;
	}
	
	#event-area ul.first dd {
		background: url("img/list_hoshi_pink.png") no-repeat;
		-webkit-background-size: 18px auto;
		background-size: 18px auto;
		background-position: top 2px left;
	}
	
	#event-area ul.late dd {
		background: url("img/list_hoshi_blue.png") no-repeat;
		-webkit-background-size: 18px auto;
		background-size: 18px auto;
		background-position: top 2px left;
	}
	
	#event-area dd span {
		margin: 0;
		padding: 0;
		font-size: 14px;
		font-weight: 500;
		display: block;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#event-area {
		margin: 0 5%;
		padding: 0;
	}
	
	#event-area p {
		margin: 0 0 50px 0;
		padding: 10px 0;
		text-align: center;
		border-radius: 20px;
	}
	
	#event-area p img {
		width: 75px;
	}
	
	.gl_pink {
		background-color: #ED7A97;
	}
	
	.gl_blue {
		background-color: #3A94C7;
	}
	
	#event-area ul {
		margin: 0 0 60px 0;
		padding: 0;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	
	#event-area ul li {
		margin: 1.6%;
		padding: 0;
		width: 30%;
		border-radius: 30px;
		box-sizing: border-box;
		position: relative;
	}
	
	.photo {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}

	
	#event-area ul.first li:nth-child(1) {
		padding: 30px 20px;
		background: url("img/item_sakura.png") no-repeat;
		-webkit-background-size: 40% auto;
		background-size: 40% auto;
		background-position: bottom 25px right 25px;
	}
	
	#event-area ul.first li:nth-child(2) {
		padding: 30px 20px;
	}
	
	#event-area ul.first li:nth-child(5) {
		padding: 30px 20px;
		background: url("img/item_bus.png") no-repeat;
		-webkit-background-size: 30% auto;
		background-size: 30% auto;
		background-position: bottom 25px right 25px;
	}
	
	#event-area ul.first li:nth-child(6) {
		padding: 30px 20px 80px 20px;
		background: url("img/item_flower.png") no-repeat;
		-webkit-background-size: 20% auto;
		background-size: 20% auto;
		background-position: bottom 25px right 25px;
	}
	
	#event-area ul.first li:nth-child(7) {
		padding: 30px 20px;
		background: url("img/item_nushitori.png") no-repeat;
		-webkit-background-size: 35% auto;
		background-size: 35% auto;
		background-position: bottom 25px right 25px;
	}
	
	#event-area ul.first li:nth-child(8) {
		padding: 30px 20px 80px 20px;
		background: url("img/item_hata.png") no-repeat;
		-webkit-background-size: 30% auto;
		background-size: 30% auto;
		background-position: bottom 25px right 25px;
	}
	
	
	#event-area ul.late li:nth-child(2) {
		padding: 30px 20px 7vw 20px;
		background: url("img/item_kuri.png") no-repeat;
		-webkit-background-size: 5vw auto;
		background-size: 5vw auto;
		background-position: bottom 25px right 25px;
	}
	
	#event-area ul.late li:nth-child(3) {
		padding: 30px 20px;
		background: url("img/item_momiji.png") no-repeat;
		-webkit-background-size: 8vw auto;
		background-size: 8vw auto;
		background-position: bottom 25px right 25px;
	}
	
	#event-area ul.late li:nth-child(4) {
		padding: 30px 20px 7vw 20px;
		background: url("img/item_tree.png") no-repeat;
		-webkit-background-size: 5vw auto;
		background-size: 5vw auto;
		background-position: bottom 25px right 25px;
	}
	
	#event-area ul.late li:nth-child(5) {
		padding: 30px 20px;
		background: url("img/item_yukidaruma.png") no-repeat;
		-webkit-background-size: 7vw auto;
		background-size: 7vw auto;
		background-position: bottom 25px right 25px;
	}
	
	#event-area ul.late li:nth-child(8) {
		padding: 30px 20px 7vw 20px;
		background: url("img/item_oni.png") no-repeat;
		-webkit-background-size: 5vw auto;
		background-size: 5vw auto;
		background-position: bottom 25px right 25px;
	}
	
	#event-area ul.late li:nth-child(9) {
		padding: 30px 20px;
		background: url("img/item_sakura.png") no-repeat;
		-webkit-background-size: 40% auto;
		background-size: 40% auto;
		background-position: bottom 25px right 25px;
	}
	
	
	#event-area  ul.first li.bl_white,
	#event-area  ul.late li.bl_white {
		background-color: #FFF;
	}
	
	#event-area dl {
		margin: 0;
		padding: 0;
	}
	
	#event-area dt {
		margin: 0 0 40px 0;
		padding: 0;
		width: 8vw;
	}
	
	#event-area dd {
		margin: 0 0 20px 0;
		padding: 0 0 0 25px;
		font-size: 1.5vw;
		font-weight: 600;
	}
	
	#event-area ul.first dd {
		background: url("img/list_hoshi_pink.png") no-repeat;
		-webkit-background-size: 18px auto;
		background-size: 18px auto;
		background-position: top 2px left;
	}
	
	#event-area ul.late dd {
		background: url("img/list_hoshi_blue.png") no-repeat;
		-webkit-background-size: 18px auto;
		background-size: 18px auto;
		background-position: top 2px left;
	}
	
	#event-area dd span {
		margin: 0;
		padding: 0;
		font-size: 14px;
		font-weight: 500;
		display: block;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#event-area {
		margin: 0 8%;
		padding: 0;
	}
	
}