@charset "UTF-8";

@import "/assets/css/common_cms.css";
@import "./higashi_kyushu-expwy.css";


/*----------------------------------

 スライドショー

 ----------------------------------*/
#slideshow{
	display:block;
	overflow:hidden;
}

#slideshow > ul{
	display:block;
	overflow:hidden;
	width:min(100%,1000px);
	margin:0 auto;
	position:relative;
}

#slideshow ul > li{
	display:block;
	overflow:hidden;
	line-height:100%;
	opacity: 0; /* 最初は消しておく */
	animation: fade 15s infinite;
}

#slideshow ul > li > img{
	width:min(100%,1000px);
	height:auto;
	object-fit: cover;
}

#slideshow ul > li:nth-child(n + 2) {
	position:absolute;
	top:0;
	left:0;
}
#slideshow ul > li:nth-child(1) {
	animation-delay: 0s;
}
#slideshow ul > li:nth-child(2) {
	animation-delay: 5s;
}
#slideshow ul > li:nth-child(3) {
	animation-delay: 10s;
}

/* フェードイン・アウトの動き */
@keyframes fade {
	0%   { opacity: 0; }
	10%  { opacity: 1; }
	33%  { opacity: 1; }
	43%  { opacity: 0; }
	100% { opacity: 0; }
}



/*----------------------------------

 お知らせ一覧

 ----------------------------------*/
div[id^="section_"]{
	display:block;
	overflow:hidden;
	margin:var(--mgn-l) 0;
}


div[id^="section_"] ul > li .date{
	display:inline-block;
	width:9em;
	white-space:nowrap;
}

div[id^="section_"] ul > li .date + p {
	display:inline-block;
	width:calc(100% - 9.5em);
	margin:0 0;
	padding-left:1em;
	vertical-align:top;
}

div[id^="section_"] ul p a{
	text-decoration:underline;
}
div[id^="section_"] ul p a:hover{
	color:var(--colA1);
}


/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	div[id^="section_"] ul > li .date{
		display:block;
		width:100%;
	}

	div[id^="section_"] ul > li .date + p {
		display:block;
		width:100%;
		padding-left:0;
	}

}


#section_03 p {
	margin:1em 0;
}


#section_03 img{
	width: min(100%,900px);
	height:auto;
}