/**
 * @Author: Your name
 * @Date:   2023-03-06 11:42:22
 * @Last Modified by:   Your name
 * @Last Modified time: 2023-03-07 19:44:37
 */
@charset "utf-8";
/* CSS Document */

main {
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px;
  margin:0 0px;
-webkit-justify-content: center; /* Safari */
  justify-content:         center;
/*	background-color: #fff;*/
}
main div.action {
	width: 25%; /*calc(100% -10px)*/
	margin-top: 0px;
	margin-bottom:20px;
	margin-right:0px;
	margin-left:0px;
	background-color: #fff;
}
.cover {
    display: inline-block;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px;
    width: calc(100% - 10%);
    height: 200px;
    border: 1px solid #ccc;
    background-size: cover;
}
		
.action_wrp {margin-left:20px ;} 
.action p {
	margin:0px;
/*	text-align:center; */
	text-indent: 0;
	width: calc(100% - 10%);
	}
	.news_date {
		font-size:small;
		text-align:left;
		}
	.news_title {
	color:#e73861;
	font-weight: bold;
	text-align:left;
		}
.content_head_reaction {color:white;padding-top:100px;padding-bottom:40px;text-align:center;font-size:5vw;}
a:visited {
		color: #000000;
	text-decoration: none;
}
main a:link{
	color: #000000;
	text-decoration: none;
}
main a:hover{
	color: #000000;
	text-decoration: underline;
}
  .action_wrp {
	width:92%;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 5%;

}

@media (max-width: 728px) {
  header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  main {  margin:0;}
  main div.action {
    /* width: 50%; */
    width: 100%;
    margin: 10px 0;
  }

	.action_wrp {
	width:94.5%;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5%;

}
.action p {
	margin:0px;
	text-align:center;
	padding:0;
	text-indent: -0.5em;
}
.content_head_reaction {color:white;padding-top:100px;padding-bottom:40px;text-align:center;font-size:6vw;}
}

/* ----------------------------------------------------
    pager
---------------------------------------------------- */
.pager_wrp {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.pager {
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: flexbox;
  display: flex;
  -webkit-justify-content: center; /*  -webkit-justify-content: flex-start;*/
  -ms-flex-pack: center; /*  -ms-flex-pack: flex-start;*/
  justify-content: center; /*  justify-content: flex-start;*/
  margin: 70px 0 50px 0;
  font-size: 9px;
  font-size: 0.9rem;
  line-height: 1.77778;
}
.pager a:link {
	color: #000000;
}
.pager a:hover {
  border-bottom: 1px solid #e4e4e4 !important;
}
.pager .link_before, .pager .link_next {
	padding: 4px 12px 2px 12px;
	display: block;
	border: 1px solid #e4e4e4;
	text-decoration: none;
}
.pager .link_before:hover, .pager .link_next:hover {
	background: #ededed;
	text-decoration: underline;
}
.pager .link_before {
  margin: 0 5px 0 0;
}
.pager .link_next {
	margin: 0 0 0 5px;
	text-decoration: none;
}
.pager .link_page {
	padding: 4px 12px 2px 12px;
	margin: 0;
	border: 1px solid #e4e4e4;
	text-decoration: none;
}
.pager .link_page:hover {
  background: #ededed;
}
.pager .current_page {
  padding: 5px 12px 1px 12px;
  background: #ededed;
}

/* IE */
@media all and (-ms-high-contrast: none) {
  .pager .link_before, .pager .link_next {
    padding: 6px 12px 0 12px;
  }
  .pager .link_page {
    padding: 6px 12px 0 12px;
  }
  .pager .current_page {
    padding: 7px 12px 0 12px;
  }
}
@media screen and (max-width: 736px) {
  .pager {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.45455;
  }
  .pager .link_before, .pager .link_next, .pager .link_page, .pager .current_page {
    margin-bottom: 10px;
  }
}