@charset "utf-8";



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

お知らせ

---------------------------------------------- */ 
#contents { padding: 4em 0;}

/* ページタイトル */
.newsTitle {
  width: 100%;
  max-width: 980px;
  margin: 0 auto 3em;
  padding: .5em 0;
  font-size: 21px;
  font-size: 2.1rem;
  text-align: center;
  color: #1e4c91;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2d2d2+0,f0f0f0+15,ffffff+30,e6e6e6+50,ffffff+70,f0f0f0+85,d2d2d2+100 */
  background: #d2d2d2; /* Old browsers */
  background: -moz-linear-gradient(left, #d2d2d2 0%, #f0f0f0 15%, #ffffff 30%, #e6e6e6 50%, #ffffff 70%, #f0f0f0 85%, #d2d2d2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #d2d2d2 0%,#f0f0f0 15%,#ffffff 30%,#e6e6e6 50%,#ffffff 70%,#f0f0f0 85%,#d2d2d2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #d2d2d2 0%,#f0f0f0 15%,#ffffff 30%,#e6e6e6 50%,#ffffff 70%,#f0f0f0 85%,#d2d2d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#d2d2d2',GradientType=1 ); /* IE6-9 */
}

/* --------------------------------------------
一覧
---------------------------------------------- */ 
.newsList {
  width: 90%;
  max-width: 790px;
  margin: 0 auto;
}

.newsList li {
  width: 100%;
  border-bottom: 1px solid #c8c8c8;
}

.newsList li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1em;
}

.newsList li span {
  display: inline-block;
  width: 100px;
  margin-right: 1em;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  background: #ccd6e6;
}
@media screen and (max-width:768px){
.newsList li span {
  display: block;
  width: 100%;
  margin: 0 0 1em;
}
}





/* --------------------------------------------
詳細
---------------------------------------------- */ 
.newsDetail {
  width: 90%;
  max-width: 660px;
  margin: 0 auto 5em;
}

/* 詳細　タイトル */
.newsDetail__head {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 4em;
}

.newsDetail__head span {
  display: block;
  width: 90%;
  max-width: 100px;
  margin: 0 auto 2em;
  font-size: 12px;
  font-size: 1.2rem;
  background: #ccd6e6;
}

/* 詳細　写真・テキスト */
.newsDetail__photo {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 434px;
  margin-bottom: 2.5em;
}

.newsDetail__photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.newsDetail__box > p {
  margin-bottom: 2em;
  font-size: 14px;
  font-size: 1.4rem;
  text-indent: 1em;
}

.newsDetail__pdf {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 2em 0;
  text-align: center;
  background: #d8e6ee;
}

.newsDetail__pdf > p {
  margin-bottom: 1em;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
}

.newsDetail__pdf > a {
  display: inline-block;
  margin: 0 2%;
  font-size: 14px; font-size: 1.4rem;
  font-weight: bold;
  text-decoration: underline;
  color: #d44a33;
}

.newsDetail__pdf > a::before {
  display: inline-block;
  content: "";
  width: 21px;
  height: 24px;
  margin-right: .5em;
  vertical-align: middle;
  background: url(../img/pdfIcon.png) top center no-repeat;
  background-size: contain;
}
@media screen and (max-width:768px){
.newsDetail__photo {
  height: 300px;
}
}
@media screen and (max-width:450px){
/* 詳細　タイトル */
.newsDetail__head {
  font-size: 16px; font-size: 1.6rem;
  margin-bottom: 2em;
}

/* 詳細　写真・テキスト */
.newsDetail__photo {
  height: 200px;
  margin-bottom: 1em;
}
}

/* 一覧に戻るボタン */
.newsDetail__box__backListBtn  a { 
	display: block; 
	width: 80%; max-width: 12em;
	margin: auto; 
  border: 1px solid #DFDFDF;
	color: #0067a0; 
	text-align: center; line-height: 3em;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.20); 
	background-color: #DFDFDF;
}
.newsDetail__box__backListBtn  a[href]:hover{	
	background-color: #FFE13D; 
}







/* --------------------------------------------
ページ送り
---------------------------------------------- */ 
.pagerWrap { 
	padding: 2em 0; 
	text-align: center;
}
.pagerWrap a { 
	display: inline-block; 
	vertical-align: middle; 
	margin: 0 0.1em; 
	width: 2em; height: 2em; 
  border: 1px solid #DFDFDF;
	color: #0067a0; 
}
.pagerWrap a[href] { 
	box-shadow: 0px 2px 0px rgba(0,0,0,0.20); 
	background-color: #DFDFDF;
}
.pagerWrap a[href]:hover{	
	background-color: #FFE13D; 
}

.pagerWrap a.prev { 
	background: url(../img/event/prev.png) no-repeat center #DFDFDF;
}
.pagerWrap a.next { 
	background: url(../img/event/next.png) no-repeat center #DFDFDF; 
}

.pagerWrap a.list { 
	width: 10em; 
	color: #0067a0;
	background-color: #ffd800; 
}

@media screen and (max-width:559px) {
.pagerWrap a { font-size: 12px; font-size: 1.2rem;}
}


/*.articleBox {
	max-width: 750px;
	padding: 2em 3% 4em;
	margin-bottom: 4em!important;
	background: #F4F4EB;
	border-radius: 0.8em;
}

.articleBox__data {
	padding-bottom: 1em;
	font-size: 18px; font-size: 1.8rem; letter-spacing: 0.08em;
	color: #1FAD7A;
	text-align: center;
	font-family: 'Montserrat Alternates', sans-serif;
}

.articleBox__title {
	position: relative;
	padding: 0.5em 1em;
	font-size: 20px; font-size: 2rem;
	font-weight: 400;
	text-align: center;
	color: #1FAD7A;
	background: #fff;
}
.articleBox__title::before ,
.articleBox__title::after {
	display: block;
	content: "";
	width: 1.2em; height: 1.2em;
	position: absolute;
	border: 3px solid #5EC49F;
}
.articleBox__title::before {
	top: -0.3em; left: 0.3em;
	border-width: 3px 0px 0 3px;
}
.articleBox__title::after {
	bottom: -0.3em; right: 0.3em;
	border-width: 0px 3px 3px 0;
}

.articleBox__photo {
	width: 90%; max-width: 315px;
	margin: 3em auto 0;
}
.articleBox__photo img {
	width: 100%;
}

.articleBox__text_box {
	padding: 3em 5% 0;
}



.page_wrap {
	display: none;
}

*/