/* **********************************************
 * 【共通】ページINDEX 及び カスタムセクション （NEW & 更新マーク付）
 ********************************************** */

.contentM {
	font-size:1.8rem;
}

/* my section */
.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#my-section-index h2.my-title {
    color: #006ebc;
    margin-top: 2em;
    margin-bottom: 1em;
    border-bottom-color: #006ebc;
    font-size: medium !important;
    font-weight: bold;
}

.my-section h2 + .contentM { margin-top:0px; }
.my-section .contentM .my-last-update {
  color: #666;
}

.my-section .contentM h3 {
  color: #3e4d5c;
}
.my-section .contentM h3.my-title,
.my-section .contentM .my-section-2nd h3.my-title {
  margin-top: 2em;
  padding: 0.25em 0.5em;
  background-color: #f0f0f0;
}

.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: #663399;
	font-size: 1.1rem;
	padding-left: 0.5em;
  font-weight: normal;
}
.my-title .my-mark-update { font-size:1.1rem }

/* PAGE INDEX Column */
.my-page-index.b2ColumnBox .bColumnA { margin-bottom:1em; }
.my-page-index.b2ColumnBox ul.indexUL li { margin-top:0.5em; margin-bottom:1em; line-height: 1.5; font-weight: bold; }
.my-page-index.b2ColumnBox ul.indexUL li small { font-weight:normal;}
.my-page-index.b2ColumnBox ul.indexUL li ul { margin-left:1.5em; }

/* ================================================= *
 * 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:after,.columnAS a.updated p:after {
  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:after {
    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:after {
    content: "更新";
    color: #fff;
    background-color: #006ebc;
}

hr.my-separator {
	display:block;
	margin-top:5em;
	margin-bottom:5em;
	border-bottom:dotted 1px #999;
}

/* ================================================= *
 * 準備中スタイル
 * ================================================= */

/* preparing style */
a.preparing,
ul.linkList.preparing a,
.my-section.preparing ul.pdfList a,
.my-section-2nd.preparing ul.pdfList a{ color:#8599ad !important; }
ul.linkList.preparing a span.my-deadline,
a.preparing span.my-deadline { color:#889988; }

section.my-section.preparing h2 {
	color:#999;
	border-color:#999;
}

section.my-section.preparing .contentM h3,
section.my-section .my-section-2nd.preparing ul.pdfList a{
	color:#bbb;
}

.my-section.preparing .my-deadline,
.my-section-2nd.preparing .my-deadline { color:#99cc99; }
.my-section.preparing .typeNotion,
.my-section-2nd.preparing .typeNotion,
.my-section.preparing .my-notion,
.my-section-2nd.preparing .my-notion { color:#669966; } 

ul.linkList.preparing a:after,
.my-section.preparing ul.pdfList a:after,
.my-section-2nd.preparing ul.pdfList a:after {
	content:"（準備中）";
	color:#669966;
}
.my-section.preparing .my-title,
.my-section-2nd.preparing .my-title { color:#999; }
.my-section.preparing .my-title:before,
.my-section-2nd.preparing .my-title:before {
	content:"準備中: ";
	color:#99cc99;
}

/* ================================================= *
 * 終了スタイル
 * ================================================= */

/* 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;
}
  /* INDEX Column */
  .my-page-index.b2ColumnBox .bColumnA { margin-bottom:0; }
  
}