@charset "UTF-8";
/* CSS Document */
body {
  background-image: url("../image/bg/news_bg.png"); /*固定する背景画像*/
  text-align: center;
  background-attachment: fixed; /*背景画像を固定したままにするかしないか*/
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover; /*背景画像のサイズを指定*/
}
.main {
	padding: 80px 0;
}
.section-news__list h2:after {
  border-top: 1px solid #FFF;
  content: "";
  width: 5.5em;
}
.section-news__list h2:after {
  margin-bottom: 100em;
}
@media(max-width:960px){
	body {
  background-image: url("../image/bg/news_bg.png"); /*固定する背景画像*/
}
}
@media(max-width:400px) {
	body {
  background-image: url("../image/bg/news-mobile_bg.png"); /*固定する背景画像*/
}
.section-news__list h2:after {
  border-top: 1px solid #FFF;
  content: "";
  width: 5.5em;
}
.section-news__list h2:after {
  margin-bottom: 100em;
}
}
@media(min-width: 1000px) {
  .section-top {
    padding-top: 80px;
    margin-bottom: 80px;
  }
  .section-top__main-image {
    margin-bottom: 80px;
  }
}
.section-news__list{
  background-color: rgba(46, 46, 46, 0.4);
  color: rgba(255, 255, 255);
  width: 45%;
  margin: 120px auto;
  padding: 5px 10px 10px ;
 animation-name: fade;
  animation-delay: 1.3s;
  animation-duration: 2.0s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
}
@keyframes fade {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.section-news__list-border{
	margin: 0.5em auto;
 padding: 0.5em;
 width: 100%;
 border: 1px solid #fff; /* 枠線 */
}
.section-news__list ol li  {
	list-style-type: none;
	 padding:20px 0 20px;
  display:flex;
	flex-flow: row wrap;
	align-items: center;
} 
.section-news__list {
display: block;
}
.section-news__list ol li time {
  font-size: 1.4rem;
	padding:10px 15px 5px;
	margin:0;
}
.section-news_item{
	 display: flex;
	 align-items: center;
	margin-bottom:30px;
}
.section-news ol li p{
padding:10px 5px ;
	text-align:left;
}
.click-button{
padding-left:15%;
text-align:right;
color:#FFF;
margin:5px;
cursor:pointer;
	text-decoration: none;
	z-index: 9998;
}
.click-button:hover {
  transform: translate3d(0, 5px, 0);
  color: #fff;;
  box-shadow: none;
  
}
#click-page
{
	 background-color: rgba(46, 46, 46, 0.5);

}
.news-box{
  background-color: #000;
  width: 50%;
  margin: 35px auto 50px;
  padding: 5px 10px ;
	text-align: left;
}
.news-border{
	margin: 0.5em auto;
 width: 100%;
	height: 95%;
 border: 1px solid #fff; /* 枠線 */
	padding:20px;
}
.news-border ol li{
	list-style-type: none;
}
.click-button{
padding-left:40%;
}
.button{
	display: flex;
}
.prev-button{
	 background-color: #000;
  width: 10%;
  height: 5vh;
	 border: 1px solid #fff;
	padding:6px;
	    margin: 0 0% 0 27%;
}
.prev-button a{
	text-decoration: none;
	font-family: "Adobe Caslon Pro";
	color:#FFF;
	font-size:1.8rem;
}
.prev-button:hover {
  transform: translate3d(0, 5px, 0);
  color: #fff;;
  box-shadow: none;
  
}
.next-button{
	 background-color: #000;
  width: 10%;
  height: 5vh;
	 border: 1px solid #fff;
	padding:6px;
	margin: 0 10% 0 26%;
}
.next-button a{
	text-decoration: none;
	font-family: "Adobe Caslon Pro";
	color:#FFF;
	font-size:1.8rem;
}
.next-button:hover {
  transform: translate3d(0, 5px, 0);
  color: #fff;;
  box-shadow: none;
}
.close-page{
	margin-top:130px;
	text-align: right;
	margin-right:28%; 
	display:block;
}
.close-page:hover p {
  transform: translate3d(0, 5px, 0);
  color: #fff;;
  box-shadow: none;
  
}

@media(max-width:400px) {
.section-news__list{
  width: 65%;
  margin: 100px auto;
  padding: 1px 7px ;
}
.section-news__list-border{
	margin: 0.5em auto;
 padding: 0.5em;
 width: 100%;
}
.section-news__list ol li  {
	 padding:10px 0 10px;
}
.section-news__list ol li time {
  font-size: 1.2rem;
	padding:10px 30px 0 5px;
	margin:0;
}
.news-item{
padding:10px 0 0px 5px ;
	text-align:left;
	font-size:1.4rem;
}
.modal-content02{
	text-align: center;
color:#FFF;
margin:5px;
cursor:pointer;
	text-decoration: none;
	padding-top:5px;
	z-index: 9998;
}
	.news-box{
   width: 70%;
  margin: 10px auto;
  padding: 5px 10px 5px ;
}
	.news-border{
		margin: 0.5em auto;
 padding: 0.5em;
		height:94%;
 border: 1px solid #fff; /* 枠線 */
}
	.news-border time{
	font-size:1.4rem;
}

	.news-border h2{
	font-size:1.4rem;
}
	.news-border p{
	font-size:1.4rem;
}

.prev-button{
	  width: 13%;
    height: 5vh;
    padding: 3px;
    margin: 0 0% 0 19%;
}
.prev-button a{
	font-size:1.5rem;
}
.next-button{
    background-color: #000;
    width: 13%;
    height: 5vh;
    padding: 3px;
    margin: 0 9% 0 37%;
}
.next-button a{
	font-size:1.5rem;
}
.close-page{
	margin-top:120px;
	text-align: right;
	margin-right:17%; 
}

	}