@charset "utf-8";
#event{
	.wrap{
		.contents{
			.contents_inner{
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				a{
					.event_box{
						border-top: #B9B9B9 solid 1px;
						border-left: #B9B9B9 solid 1px;
						padding: 20px;
						display: grid;
						grid-template-columns: 155px 1fr;
						grid-gap: 40px;
						align-items: center;
						background-color: #fff;
						position: relative;
						.detail{
							display: grid;
							grid-gap: 1.2em;
							
							dt{
								font-size: 2.2rem;
								font-weight: 500;
								margin-top: 1em;
							}
							.text{
								line-height: 1.6;
							}
							.date{
								font-size: 1.4rem;
								position: absolute;
								top:1em;
								right: 1em;
								letter-spacing: 0.1em;
								background-color: #444;
								color: #fff;
								padding: 0.3em 0.7em 0.5em;
							}
						}
						&::after{
							content: "";
							background-image: url(../img/common/arrow_01.svg);
							position: absolute;
							right:0.5em;
							bottom:0.5em;
							width: 20px;
							height: 20px;
						}
					}
					&:nth-child(2n){
						.event_box{
							border-right: #B9B9B9 solid 1px;
						}						
					}
					&:nth-last-child(-n+2){
						.event_box{
							border-bottom: #B9B9B9 solid 1px;
						}
					}
					&:nth-child(2),&:nth-child(3),&:nth-child(6),&:nth-child(7),&:nth-child(10){
						.event_box{
							background-color: #F2F2F2;
						}
					}
				}								
			}
		}
	}
	&.single {
		.wrap {
			padding-top: 90px;
			.contents {
				.eventwrap {
					/* .catlist{
						background-color: #027A36;
						padding: 0.5em 1em 0.6em;
						color: #fff;
						display: inline-block;
						font-size: 1.3rem;
						margin-bottom: 1.5em;
						.cats{
							a{
								color: #fff!important;
							}                          
						}
					}*/
					.title_box{
						display: grid;
						grid-template-columns: 1fr auto;
						position: relative;
						border-bottom: solid 4px #027A36;
						margin-bottom: 50px;
						align-items: center;
						justify-content: space-between;
						h2{
							font-size: 2.4rem;
							padding-bottom: 0.5em;
							border-bottom: none;
							line-height: 1.4;
							&::after{
									border-bottom: none;
							}
							margin-bottom: 0;
						}
						.date{
							background-color: #027A36;
							color: #fff;
						}                                                                                                  							&::after{
							content: "";
							position: absolute;
							width: 80%;
							border-bottom: solid 4px #E5E5E5;
							bottom: -4px;
							right: 0px;
						}
						.date{
							text-align: right;
							font-size: 1.8rem;
							padding: 0.4em 1em 0.6em;
							display: grid;
                            justify-self: center;
							letter-spacing: 0.1em;
						}
					}
					.contbox{
						p{
							font-size: 1.8rem;
							line-height: 2;
							margin-bottom: 50px;
						}
					}
				}
			}
		}
	}
}


@media (hover:hover) {


}

@media screen and (max-width:1200px) {

}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:768px) {

}