@charset "UTF-8";


/* schedule
======================================================= */
#schedule .inner{
	padding:0.8rem;
}

/* callender */



#schedule ul#cal{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width:90%;
	margin:0 auto 3rem;
	padding:0;
}
#schedule ul#cal li{
	display:block;
	width: calc(100% / 7);
	margin:0;
	padding:0;
	line-height:1.2;
}

#schedule ul#cal li:nth-child(1) a{
	border-top-left-radius: 9px;
}
#schedule ul#cal li:nth-last-child(1) a{
	border-top-right-radius: 9px;
}

#schedule ul#cal li a{
	display:block;
	width:100%;
	margin:auto;
	padding:5% 3%;
	box-sizing: border-box;
	color:#444;
	font-weight: bold;
	font-size:1.2rem;
	text-align:center;
	line-height: 3rem;

	border: solid 1px #fff;    	/* 内側の線になる一本線の枠線をひく*/
	outline: solid 2px #eee;    /* 外側の線になる一本線の枠線をひく*/
	outline-offset: 1px;        /* 外側の線と内側の線の空き具合を調整*/	
	border-right: 1px solid #fff;
	border-left: 1px solid #eee;
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.04) inset;
	text-decoration: none;

background: rgb(238,238,238);
background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(250,250,250,1) 50%, rgba(255,255,255,1) 100%);
}

#schedule ul#cal li a:hover{
	background:#eee
}

#schedule .date{
	max-width:30rem;
	color: #fff;
	margin:0 auto 4rem;
	padding:0.8rem 1.2rem;
	font-size: 2.3rem;
	text-align:center;
	line-height: 1.8;
	border-radius:50vmax;
	background:rgba(68, 68, 68, 0.85);
}

/* box */
#schedule .box{
}
#schedule .box p{
	margin:0 0 0px;
}
#schedule .box .img{
}
#schedule .box .cont{
}
#schedule .box .name{
}
#schedule .box .name a{
}
#schedule .box .size{
}
#schedule .box .shortcom{
}
#schedule .box .time{
}
#schedule .box .time span{
}
#schedule .box .soku{
}
#schedule .box .soku img{
}
#schedule .box .soku span{
}

/* スマホサイズ対応 */
@media screen and (max-width: 768px) {
	/* カレンダー部分のスマホ対応 */
	#schedule ul#cal{
		width: 100%;
		margin: 0 auto 2rem;
		flex-wrap: wrap;
	}
	
	#schedule ul#cal li{
		width: calc(100% / 7);
		margin: 0;
		padding: 0;
	}
	
	#schedule ul#cal li a{
		padding: 3% 1%;
		font-size: 0.8rem;
		line-height: 2rem;
	}
	
	/* 日付表示のスマホ対応 */
	#schedule .date{
		max-width: 90%;
		margin: 0 auto 2rem;
		padding: 0.6rem 1rem;
		font-size: 1.5rem;
		line-height: 1.4;
	}
	
	/* 検索フォームのスマホ対応 */
	.search-container{
		margin: 0 0 2rem;
	}
	
	.accordion-toggle{
		width: 100%;
		padding: 1rem;
		font-size: 1rem;
		background: #ee72ba;
		color: white;
		border: none;
		border-radius: 8px;
		cursor: pointer;
	}
	
	.search-form-content{
		display: none;
		margin-top: 1rem;
		padding: 1rem;
		background: #f9f9f9;
		border-radius: 8px;
	}
	
	.search-form-content.active{
		display: block;
	}
	
	.search-section{
		margin-bottom: 1.5rem;
	}
	
	.search-section h3{
		font-size: 1.1rem;
		margin-bottom: 0.8rem;
		color: #ee72ba;
	}
	
	.btn-check{
		display: none;
	}
	
	.btn-label{
		display: inline-block;
		margin: 0.2rem 0.3rem 0.2rem 0;
		padding: 0.4rem 0.8rem;
		background: white;
		border: 2px solid #ddd;
		border-radius: 20px;
		font-size: 0.8rem;
		cursor: pointer;
		transition: all 0.3s;
	}
	
	.btn-check:checked + .btn-label{
		background: #ee72ba;
		color: white;
		border-color: #ee72ba;
	}
	
	.search-btn, .reset-btn{
		padding: 0.8rem 1.5rem;
		margin: 0 0.5rem;
		border: none;
		border-radius: 8px;
		font-size: 1rem;
		cursor: pointer;
	}
	
	.search-btn{
		background: #ee72ba;
		color: white;
	}
	
	.reset-btn{
		background: #ccc;
		color: #333;
	}
	
}