@charset "utf-8";

/*====================================================================================================

ご利用者の一日

====================================================================================================*/

.schedule-list li{
	list-style: none;
	font-weight: 500;
}

.schedule-list{
	margin-bottom: 30px;
}

.schedule-list > li{
	display: flex;
	align-items: flex-start;
}

.schedule-list > li > .time{
	position:relative;
	line-height: 1.2;
	
}

.schedule-list > li > .time{
	width: 10%;
	min-width: 120px;
}

.schedule-list > li > ul{
	position:relative;
}

.schedule-list > li > ul{
	padding-left: 1em;
}
.schedule-list > li:not(:last-child){
	padding-bottom: 20px;
}

.schedule-list > li:not(:nth-child(1)) > ul:before{
	position:absolute;
	content: "";
	display: block;
	width: 2px;
	height: calc(100% + 30px);
	left: -14px;
	top:-36px;
	background-color: var(--color-gray);
	z-index:1;
}

.schedule-list > li > .time:after{
	position:absolute;
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background-color: var(--color-orange);
	border-radius: 100%;
	z-index:2;
	top: 2px;
	right: 0;
}
@media print, screen and (min-width:801px) {
	.intro > .col2_gr{
	grid-column-gap: 30px;
}
}
@media print, screen and (max-width:800px) {
		.intro > .col2_gr{
	grid-row-gap: 50px;
}
	
			.intro .col2_gr.schedule-photo{
	grid-template-columns: repeat(2,1fr);
}
}
/*------------------*/

.year-event{
	list-style: none;
}

.year-event{
	margin-bottom:80px;
}

.year-event li{
	display: flex;
	align-items: center;
}

.year-event li{
	border-top:1px solid var(--color-gray);
	
}
.year-event li:last-child{
	border-bottom:1px solid var(--color-gray);
}

.year-event li p:nth-child(1){
  /*background-color: #fff;
  background-image: radial-gradient( var(--color-gray02) 30%, rgba(255, 255, 255, 0) 30%);
  background-size: 10px 10px;*/
  background-color: var(--color-green04);
  text-align: center;
  font-weight: 500;
}

.year-event li p:nth-child(1){
	width: 160px;
	padding: 10px 0;
} 

.year-event li p:nth-child(2){
font-weight: 500;
}

.year-event li p:nth-child(2){
	padding-left: 2em;
	padding-top: 10px 0;
	padding-bottom: 10px 0;
}



@media print, screen and (min-width:1001px) {
.year-event li.w100{
	grid-column-start: 1;
	grid-column-end: 3;
}
}
@media print, screen and (max-width:1000px) {
	.year-event{
		grid-template-columns: repeat(1,1fr);
	}
	
}

/*------------------*/
.event-photo{
	margin-bottom: 80px;
}

.event-photo{
	list-style: none;
	text-align: center;
	font-weight: 500;
}

.event-photo li{
	background-color: #fff;
    background-image: radial-gradient(var(--color-gray02) 30%, rgba(255, 255, 255, 0) 30%);
    background-size: 10px 10px;
	border-bottom: 4px solid var(--color-yellow);
}

.event-photo.col3_gr{
grid-column-gap: 40px;
grid-row-gap: 60px;
}

.event-photo.col3_gr p{
	padding: 15px;
}

@media print, screen and (min-width:1001px) {

}
@media print, screen and (max-width:1000px) {

}
/*------------------*/
#meal > p{
	margin-bottom: 30px;
}

.meal-list{
	margin-bottom: 80px;
}

.meal-list{
	list-style: none;
	text-align: center;
	font-weight: 500;
}

.meal-list li{
	background-color: #fff;
    background-image: radial-gradient(var(--color-gray02) 30%, rgba(255, 255, 255, 0) 30%);
    background-size: 10px 10px;
	border-bottom: 4px solid var(--color-green03);
}

.meal-list.col2_gr{
grid-column-gap: 40px;
grid-row-gap: 60px;
}

.meal-list.col2_gr p{
	padding: 15px;
}