/* ==========================================================================
   見出し・マーカーの装飾
   （Members Plus の css/style.css から移植 / 2026-08-15）

   ⚠️ このCSSは **サイト内のべ256箇所** で使われています。
      headline10=93 / headline11=68 / icemix_yellow=35 / icemix_red=29 /
      icemix_blueframe=19 / headline12=5 / headline20=4 / icemix_brown=3
      値を変えると、その全部の見た目が変わります。

   移植時に直した点（見た目は変えていません）:
     1. headline11 のグラデーションを古い -webkit-gradient 記法から標準記法へ
        （元の記法は2011年頃のもので、将来ブラウザから消される可能性がある）
     2. ファイルアイコンの参照先 http://phptool.biz/data/*.gif を廃止
        → **このドメインは失効済みで、既にアイコンが表示されていなかった**
        → 画像ファイルを使わず、CSSの中に図形として埋め込み（外部依存ゼロ）
   ========================================================================== */

/* --- 見出し ------------------------------------------------------------ */

.headline20 {
	font-size: 22px;
	padding: 0.4em 0.5em;
	color: #494949;
	background: #f4f4f4;
	border-left: solid 5px #7db4e6;
	border-bottom: solid 3px #d7d7d7;
}

.headline10 {
	font-size: 22px;
	background-image: none;
	border: none;
	border-left: 7px solid #bc0c0c;
	border-bottom: 1px dotted #444;
	line-height: 32px;
	font-weight: bolder;
	padding-left: 12px;
	margin: 60px 0 10px;
}

.headline11 {
	font-size: 16px;
	background-image: none;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 4px solid #0065bd;
	line-height: 2.5em;
	font-weight: bolder;
	padding-left: 12px;
	margin: 60px 0 10px;
	/* 元: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffffff), color-stop(1,#faf8ee)) */
	background: linear-gradient(to bottom, #ffffff 0%, #faf8ee 100%);
}

h3.headline12,
h4.headline12 {
	font-size: 16px;
	background-image: none;
	border: none;
	border-left: 7px solid #0065bd;
	line-height: 28px;
	font-weight: bolder;
	padding-left: 10px;
	margin: 40px 0 20px;
}

/* --- 文字装飾 ---------------------------------------------------------- */

span.icemix_yellow {
	background-color: #ff9;
}

span.icemix_red {
	color: #a0012a;
}

div.icemix_brown {
	background-color: #eaebd7;
	padding: 10px;
}

div.icemix_blueframe {
	border: 1px solid #00f;
	padding: 10px;
}

/* --- ファイルへのリンク（アイコン付き） -------------------------------- */
/* アイコンはCSSの中に図形として書いてあります。画像ファイルを読みに行かないので、
   配布先のサーバーやドメインの状態に左右されません。

   ⚠️ セレクタに a. / p. を付けて**詳細度を上げてある**。
      元の Members Plus にも同じクラス名（.icemix_xls 等）があり、
      両方を同時に動かしている間は**後に読まれた方が勝つ**。
      Members Plus のCSSは失効ドメイン http://phptool.biz/ を見ているため、
      詳細度を上げておかないとアイコンが表示されない（2026-08-15 実際に起きた）。 */

a.icemix_doc, p.icemix_doc,
a.icemix_xls, p.icemix_xls,
a.icemix_pdf, p.icemix_pdf,
a.icemix_mp3, p.icemix_mp3 {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px 16px;
	position: relative;
	padding: 2px 10px 2px 0;
	text-indent: 22px;
	display: inline-block;
	min-height: 16px;
	line-height: 16px;
}

/* Word（青） */
a.icemix_doc, p.icemix_doc {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 0.5h7L13.5 4.5v11h-11z' fill='%232b5797'/%3E%3Cpath d='M9.5 0.5v4h4z' fill='%231b3c66'/%3E%3Ctext x='8' y='12.5' font-family='Arial,sans-serif' font-size='7' font-weight='bold' fill='%23fff' text-anchor='middle'%3EW%3C/text%3E%3C/svg%3E");
}

/* Excel（緑） */
a.icemix_xls, p.icemix_xls {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 0.5h7L13.5 4.5v11h-11z' fill='%231d6f42'/%3E%3Cpath d='M9.5 0.5v4h4z' fill='%230f4b2c'/%3E%3Ctext x='8' y='12.5' font-family='Arial,sans-serif' font-size='7' font-weight='bold' fill='%23fff' text-anchor='middle'%3EX%3C/text%3E%3C/svg%3E");
}

/* PDF（赤） */
a.icemix_pdf, p.icemix_pdf {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 0.5h7L13.5 4.5v11h-11z' fill='%23c4342b'/%3E%3Cpath d='M9.5 0.5v4h4z' fill='%238c241d'/%3E%3Ctext x='8' y='12.5' font-family='Arial,sans-serif' font-size='6' font-weight='bold' fill='%23fff' text-anchor='middle'%3EP%3C/text%3E%3C/svg%3E");
}

/* 音声（紫） */
a.icemix_mp3, p.icemix_mp3 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 0.5h7L13.5 4.5v11h-11z' fill='%236b4c9a'/%3E%3Cpath d='M9.5 0.5v4h4z' fill='%23472f6b'/%3E%3Cpath d='M6 11.5V7l4-1v4.5' stroke='%23fff' stroke-width='1.1' fill='none'/%3E%3Ccircle cx='5.3' cy='11.5' r='1.2' fill='%23fff'/%3E%3Ccircle cx='9.3' cy='10.5' r='1.2' fill='%23fff'/%3E%3C/svg%3E");
}