/* **********************************************
 * NEW & 更新マーク
 * notification_forms 専用
 ********************************************** */

.contentM {
	font-size:1.8rem;
}

.my-section h2 {
	border-left: solid 0.25em;
	padding-left: 0.5em;
	margin-bottom: 0px;
	font-size: 1.4em !important;
	text-align: left;
	color: #000;
}
.my-section h2 + .contentM { margin-top:0px; }
.my-section .contentM .my-last-update {
	color: #666;
}
.my-section .contentM h3 {
	color: #3e4d5c;
}

.contentM > ul.dotList { margin-bottom:2em; }
.contentM .my-goto-index { margin-bottom:2em; }
.contentM .my-goto-index a {
	display: block;
	padding: 1em 1em;
	border: solid 1px;
	width: 6em;
	text-align: center;
	float: right;
	font-size: 0.8em;
	color: #52667a;
}
span.my-file-size { font-size:95%; }
.my-deadline, .my-section .my-deadline { color:#F00; }
.my-deadline-vague, .my-section .my-deadline-vague { color:inherit; }
.my-section .my-deadline.closed { color:#ccc; text-decoration:line-through; }
.my-notion { color:#900; }
.my-section .my-deadline .my-notion { font-size:0.9em; }
.my-mark-update {
	color: #bc006e;
	font-size: 0.8em;
	padding-left: 0.5em;
  font-weight: normal;
}

/* ================================================= *
 * NEW & 更新マーク
 * ================================================= */

#main a.latest .my-title:before,
#main section.my-section.latest h2.my-title:before,
#main section.my-section .my-section-2nd.latest h3.my-title:before,
#main a.updated .my-title:before,
#main section.my-section.updated h2.my-title:before,
#main section.my-section .my-section-2nd.updated h3.my-title:before {
    margin-right: 0.5em;
    padding: 0 0.5em;
    border-radius: 0.4em;
    font-size: 0.75em;
    font-weight: normal;
}

.columnAS a.latest p:before,.columnAS a.updated p:before {
  margin-left: 0.5em;
  padding: 0 0.5em;
  border:solid 1px #ccc;
  border-radius: 0.4em;
  font-size: smaller;
  font-weight: normal;
}

#main a.latest .my-title:before,
#main .my-section.latest h2.my-title:before,
#main .my-section .my-section-2nd.latest h3.my-title:before,
.columnAS a.latest p:before {
    content: "NEW";
    color: #fff;
    background-color: #0085e3;
}
#main a.updated .my-title:before,
#main .my-section.updated  h2.my-title:before,
#main .my-section .my-section-2nd.updated h3.my-title:before,
.columnAS a.updated p:before {
    content: "更新";
    color: #fff;
    background-color: #006ebc;
}

hr.my-separator {
	display:block;
	margin-top:5em;
	margin-bottom:5em;
	border-bottom:dotted 1px #999;
}


/* ================================================= *
 * 終了スタイル
 * ================================================= */

/* closed style */
a.closed,
ul.linkList.closed a,
section.my-section.closed ul.pdfList a { color:#8599ad !important; }
#my-closed-section-area section.my-section ul.pdfList a { color:#8599ad !important; }
ul.linkList.closed a span.my-deadline,
a.closed span.my-deadline { color:#998888; }


section.my-section.closed h2,
#my-closed-section-area section.my-section h2 {
	color:#999;
	border-color:#999;
}

section.my-section.closed .contentM h3,
#my-closed-section-area section.my-section .contentM h3 {
	color:#bbb;
}

section.my-section.closed .my-deadline,
#my-closed-section-area section.my-section .my-deadline { color:#cc9999; }
section.my-section.closed .typeNotion,
#my-closed-section-area section.my-section .typeNotion,
section.my-section.closed .my-notion,
#my-closed-section-area section.my-section .my-notion { color:#996666; } 

ul.linkList.closed a:after,
section.my-section.closed ul.pdfList a:after,
#my-closed-section-area section.my-section ul.pdfList a:after {
	content:"（終了）";
	color:#998888;
}
section.my-section.closed h2.my-title:before,
#my-closed-section-area section.my-section h2.my-title:before {
	content:"終了: ";
	color:#cc9999;
}

/* ================================================= *
 * メディアクエリ
 * ================================================= */

@media print, screen and (min-width: 1280px){

.columnAS a.latest p:after,
.columnAS a.updated p:after {
	font-size:small;
}

}