
.heading{
	color: black;
	font-size: 5rem;
	font-weight: bold;
	margin-top: 0;
}


.date{
	background-color: rgb(240, 240, 240);
	height: 15rem;
	width: 48rem;
	margin: 0 auto;
	text-align: center;
	align-items: center;
    justify-content: center;
	font-size: 3rem;
}

.date-back{
	background-color: rgb(192, 192, 192);
	height: 17rem;
	width: 50rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
    justify-content: center;
}

.date-head{
	margin: 0 auto;
}

.date-body{
	font-weight: bold;
}

.notice-board{
	background-color: rgb(240, 240, 240);
	height: 21rem;
	width: 48rem;
	margin: 0 auto;
	text-align: center;
	align-items: center;
    justify-content: center;
	font-size: 2.5rem;
}

.notice-board-back{
	background-color: rgb(192, 192, 192);
	height: 23rem;
	width: 50rem;
	margin: 0 auto;
	margin-top: 2.4rem;
	display: flex;
	align-items: center;
    justify-content: center;
}

.notice-head{
	margin: 0 auto;
}

.notice-body{
	color: #111111;
	text-align: left;
	margin: 0.5rem 3rem;
	font-weight: normal;
/*	text-decoration: underline;
	text-decoration-color: #999999;*/
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	line-clamp: 1;

	max-height: calc(1.4em * 1);
}
.notice-body:hover{
		text-decoration: underline;
		text-decoration-color: #999999;
}

.notice-right::after{
	content: "＞";
}

.notice-link{
	color: #111111;
	text-align: center;
	margin: 0.5rem 3rem;
	font-weight: normal;
/*	text-decoration: underline;
	text-decoration-color: #999999;*/
}
.notice-link::after{
	content: "＞";
}
.notice-link:hover{
	text-decoration: underline;
	text-decoration-color: #999999;
}

.imagesCarousel{
    position: relative;
    overflow: hidden;
    width: 50rem;
    margin: auto;
	margin-top: 3rem;
}

.carousel_images {
    display: flex;
    transition: transform 0.5s ease;
}

.carousel_image {
	width: 50rem;
}

.carousel_prev, .carousel_next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.5);
    border: none;
    color: white;
    cursor: pointer;
    padding: 10px;
    font-size: 18px;
}

.carousel_prev {
    left: 0px;
}

.carousel_next {
    right: 0px;
}

.carousel_pause {
    background-color: rgba(0,0,0,0.5);
    border: none;
    color: white;
    cursor: pointer;
    padding: 10px;
    font-size: 18px;
	width: 5rem;
	height: 5rem;

	bottom: 0%;
}

.link-board{
	background-color: rgb(240, 240, 240);
	height: 4rem;
	width: 48rem;
	margin: 0 auto;
	text-align: center;
	align-items: center;
    justify-content: center;
	font-size: 2.5rem;
}

.link-board-back{
	background-color: rgb(192, 192, 192);
	height: 6rem;
	width: 50rem;
	margin: 0 auto;
	margin-top: 1rem;
	display: flex;
	align-items: center;
    justify-content: center;
}

.bunner-link{
	color: #111111;
	text-align: center;
	margin: auto auto;
	font-weight: normal;
	text-decoration: underline;
	text-decoration-color: #999999;
}
.bunner-link::after{
	content: "＞";
}

.bunner-link-comingsoon{
	color: #505050;
	text-align: center;
	margin: auto auto;
	font-weight: normal;
	text-decoration-color: #999999;
}

.dual-link-board{
	text-align: center;
	margin: 0 auto;
	display: flex;
	width: 50rem;
	align-items: center;
	justify-content: center;
}

.link-board-harf{
	background-color: rgb(240, 240, 240);
	height: 4rem;
	width: 22rem;
	margin: 0 auto;
	text-align: center;
	align-items: center;
    justify-content: center;
	font-size: 2.5rem;
}

.link-board-harf-back{
	background-color: rgb(192, 192, 192);
	height: 6rem;
	width: 24rem;
	margin: 0 auto;
	margin-top: 1rem;
	display: flex;
	align-items: center;
    justify-content: left;
	text-align: left;
}

.link-board-harf-back-left{
	margin-right: 1.2rem;
}

.link-board-harf-back-right{
	margin-left: 1.2rem;
}

.poster-image{
    margin: auto;
	margin-top: 1rem;
	width:50rem;
}