@charset "utf-8";
/*----------------------------------- 
     #投稿ページに反映
-----------------------------------*/

#article h2{
	color: #263F8C;
	font-weight:bold;
	margin:40px 0px 10px 0px;
	border-top: 2px solid #263F8C;
	padding: 0px 0px 0px 10px;
	background-color: #e1eafb;
}
#article h3{
	color: #263F8C;
	font-weight:bold;
	margin:40px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	border-bottom: 2px solid #263F8C;
}
pre {
  background-color: #f9f9f9; /* 背景色を明るいグレーに */
  border: 1px solid #ccc;    /* 薄い枠線 */
  padding: 1em;              /* 内側の余白 */
  margin: 1.5em 0;           /* 上下の余白 */
  font-family: Consolas, Monaco, 'Courier New', monospace; /* 等幅フォント */
  font-size: 0.95em;
  line-height: 1.6;
  white-space: pre-wrap;     /* 長い行を折り返す */
  word-break: break-word;    /* 単語での改行も許可 */
  border-radius: 4px;        /* 角丸 */
  overflow-x: auto;          /* 横スクロール対応（スマホ対策） */
}
#article strong{
	font-weight: bold;
	
}
#article table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  background-color: #fff;
  border: 1px solid #ddd;
}

#article table thead {
  background-color: #f5f5f5;
}

#article table th, #article table td {
  border: 1px solid #ddd;
  padding: 12px 16px;
  text-align: left;
  vertical-align: middle;
}

#article table th {
  font-weight: bold;
  color: #333;
  background-color: #f0f0f0;
}

#article table tbody tr:nth-child(odd) {
  background-color: #fafafa;
}

#article table tbody tr:hover {
  background-color: #f1f7ff;
}

@media screen and (max-width: 600px) {
#article table,#article  thead,#article  tbody,#article  th,#article  td,#article  tr {
    display: block;
    width: 100%;
  }

#article   thead {
    display: none;
  }

#article   tr {
    margin-bottom: 1em;
    border-bottom: 2px solid #ddd;
  }

#article   td {
    position: relative;
    padding-left: 50%;
    text-align: left;
  }

#article   td::before {
    content: attr(data-label);
    position: absolute;
    top: 12px;
    left: 16px;
    width: 45%;
    font-weight: bold;
    white-space: nowrap;
    color: #555;
  }
}