@charset "utf-8";
/* CSS Document */

.b_wrapper {
	 background: url("/event/cow/file/img/mainimage.jpg") top center;
}

@media screen and (max-width:768px) {
	.b_wrapper {
		background: url("/event/cow/file/img/mainimage_sp.jpg") top center;
	}
}

.schedule {	
	margin: 3rem 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 3rem;
	
	li {
		margin: 0;
		width: 100%;
		height: -moz-fit-content;
		height: fit-content;
		padding: 1.875rem;
		border-radius: .625rem;
		box-shadow: 0 2px 10px 5px rgba(0,0,0,.2);
		background: #fff url("/event/cow/file/img/background.png");

		&.end {
			background: #dedede;
			a {
				img {
					filter: grayscale(100%);
				}
				
				&:hover {
				img {
					filter: grayscale(0%);
				}
				}
			}
		}
	}
}

@media screen and (max-width:768px) {
	.schedule {	
		margin: 1rem 0;
		display:  block;
		grid-template-columns: 0;
		gap: 0;
		
		li {
			margin-bottom: 1rem;
		}
	}
}

.index {
	margin: 3rem 0 4rem;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
/*    padding: 1.875rem 2rem 3.125rem;*/
    padding: 1.875rem 1.875rem 2rem;
    border-radius: .625rem;
	background-color: #fff;
		background: #fff url("/event/cow/file/img/background.png");
/*    background-color: rgba(255,255,255,.8);*/
    box-shadow: 0 2px 10px 5px rgba(0,0,0,.2);
/*    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;*/
	
	font-size: 1.5rem;
	font-weight: bold;
	color: #000;
	
	h2 {
		margin-bottom: 1rem;
		font-size: 3rem;
		font-weight: 900;
		color: #000;
		
		span {
/*			font-weight: normal;*/
			font-size: 2rem;
		}
	}
	
	p {
		margin: 0;
		line-height: 1.7;
		
		&:not(:last-child) {
			margin-bottom: 2rem;
		}
	}
}


@media screen and (max-width:768px) {
	.index {
		margin: 1rem 0;
		p {
			line-height: 1.5;	
		}
	}
}

/*
.index li {
	margin: 0 1rem;
	color: #fff;
}

.index a {
	margin-top: 1rem;
	display: block;
    color: #003264;*/
/*    font-weight: 900;
    font-size: 1.125rem;*/
/*    line-height: 1.5;
    background-color: #fff;
    text-align: center;
    padding: .3125rem 1.125rem;
    border-radius: .3125rem;
	
	&:hover {
		background-color: #00B9EF;
		color: #fff;
	}
}*/