@charset "UTF-8";

.oneday, .event{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: center;
}
.oneday .bold{
	display: inline-block;
	padding: 1px 0 2px;
}
.oneday-line {
	width: 100%;
	background: url(../img/line_bg.jpg);
	text-align: right;
}
.oneday-blue {
	display: inline-block;
	background: #C1EDF2;
	padding: 0.1rem 25px 0.1rem;
}
.event{padding-top: 1px;}
.event > div{padding-bottom: 31px;}

/* ■■■■■■■■■ SP用 ■■■■■■■■■ */
@media screen and (max-width: 767px) {
	.oneday{
		padding-left: 0.3rem;
		padding-right: 0.3rem;
		justify-content: space-between;
	}
	.oneday > div{padding-bottom: 1rem;}
	.empty-box::after{
		content: '';
		display: block;
		width: 50%;
	}
	.oneday-blue{
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		font-size: 90%;
		text-align: center;
	}
	.event{padding-top: 1rem;}
}

/* ■■■■■■■■■ TB用 ■■■■■■■■■ */
@media screen and (min-width: 768px) and (max-width: 959px) {
	.oneday, .event{
		justify-content: space-between;
		font-size: 90%;
	}
	.oneday > div:nth-child(-n+5){
		width: calc(20% - 10px);
	}
	.oneday img, .event img{width: 100%;}
	.event{padding-top: 1rem;}
	.event > div{
		width: calc(33.33333% - 10px);
	}
}

/* ■■■■■■■■■ PC/TB用 ■■■■■■■■■ */
@media screen and (min-width: 768px) {
}

/* ■■■■■■■■■ PC用 ■■■■■■■■■ */
@media screen and (min-width: 960px) {
}
/* タブレット以上は5等分にする */
@media screen and (min-width: 768px) {
	.oneday > div {
	  width: calc(20% - 10px);
	}
  
	/* スペーサーは枠だけ占有して見えなくする */
	.oneday > .spacer {
	  visibility: hidden;   /* 中身を非表示 */
	  height: 0;            /* 高さを潰す（必要なら残してもOK） */
	  padding: 0 !important;
	  margin: 0 !important;
	  border: 0 !important;
	}
  }