@charset "utf-8";

section .contents {
	text-align: left; 
}

section .contents h3 {
	display: block; 
	text-align: left; 
	letter-spacing: 2px;
	font-weight: bold;
	margin: 0 0 1em 0;
	font-size: 20px;
}

.archiveArticle {
	margin: 0 0 3em 0;
}

section .contents dl {
	justify-content: space-between;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch; 

  border-bottom: 1px dotted #ccc;
  padding: 5px 0; 
  margin: 0 0 5px 0;
  font-family: "Noto Sans Japanese" !important; 
  line-height: 1.6em; 
}

section .contents dl.bl-hover {
  border-bottom: 1px solid #ccc;
}



.flagWrapper .date {
	
}

.flagWrapper .date p {
	justify-content: fex-start;
	display: flex;
	flex-wrap: wrap;
	align-items: center; 
}

.flagWrapper .date .flag {
	display: inline-block; 
	font-size: 12px; 
	line-height: 1.8; 
	padding: 0 5px; 
	margin: 0 0.5em 0 0;
	color: #fff; 
	background: #ccc; 
	font-weight: bold; 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}

.flagWrapper .date .flag.closed {
  background: #666; 
}

.flagWrapper .date .flag.open {
  background: #10B5D3; 
}

.flagWrapper .date .flag.soon {
  background: #E46178; 
}

section .contents .archiveLink {
	text-align: right; 
	margin: 0 0 3em;
}

section .contents .archiveLink a:before {
	content: "\f187"; 
	font-family: fontAwesome;
	display: inline-block; 
	margin-right: 0.5em;
}


/* ニュース記事 */

.titleArea {
	display: block; 
	margin: 0 0 3em;
}

.titleArea h2 {
	line-height: 1; 
	justify-content: flax-start;
	display: flex;
	flex-wrap: wrap;
	align-items: center; 
}

.titleArea h2 p {
	border-bottom: 1px solid #666;
	padding-bottom: 1em; 
}

.leadText {
	display: block; 
	margin: 0 0 3em;
}

.leadText p {
	display: block; 
	margin: 0 0 2em;
}

.leadText p a {
	display: inline-block; 
}

a.externalLink {
	color: #00f; 
}

a.externalLink:after {
	content: "\f08e"; 
	font-family: fontAwesome;
	display: inline-block; 
	margin: 0 0 0 0.5em;
}

.newsArticle section .contents dl {
	justify-content: flex-start;
}

.newsArticle section .contents dl dt {
	width: 10em; 
}

.newsArticle section .contents dl dd {
   width: calc(100% - 10em); 
}

/* サポート関連ファイル */

.supportLink {
	display: block; 
	margin: 3em 0;
	text-align: right; 
}



/* ダウンロード */
.fileDownloadWrapper {
	display: block; 
}

.fileDownloadWrapper h3 {
	font-size: 16px !important; 
	font-weight: 900; 
	color: #666; 
}

.fileDownloadWrapper .fileDownload a {
	display: block; 
	padding: 1em; 
	text-align: center; 
	background: #21719e; 
	color: #fff; 
	box-shadow: 0 0 3px rgba(0,0,0,0.4);
	border-radius: 3px;
}

/* ページャ */
.pager {
	margin: 3em 0;
	justify-content: space-between;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch; 
}

.pager .prevLink,
.pager .backToTheIndex,
.pager .nextLink {
	width: calc((100% - 20px) / 3); 
}

.pager .prevLink { text-align: left;  }
.pager .backToTheIndex { text-align: center;  }
.pager .nextLink { text-align: right;  }

.pager a {
	display: inline-block; 
}

.pager .prevLink a:before,
.pager .backToTheIndex a:before,
.pager .nextLink a:after {
	content: "○"; 
	display: inline-block; 
	font-family: fontAwesome;
} 

.pager .prevLink a:before {
	content: "\f100"; 
	margin-right: 0.5em;
}

.pager .backToTheIndex a:before {
	content: "\f0ca"; 
	margin-right: 0.5em;
}

.pager .nextLink a:after  {
	content: "\f101"; 
	margin-left: 0.5em;
}

/* ==================================================
= Media Queries
================================================== */

/* 480px未満 */
@media only screen and (max-width: 479px) {


}

/* 480px以上 */
/* スマホ */
@media only screen and (min-width: 480px) {


}

/* 568px以上 */
/* タブレット */
@media only screen and (min-width: 568px) {


}

/* 667px以上 */
/* タブレット */
@media only screen and (min-width: 667px) {


}

/* 768px以上 */
/* タブレット */
@media only screen and (min-width: 768px) {


}

/* 1024px以上 */
/* PC */
@media only screen and (min-width: 1024px) {



}