@charset "UTF-8";
/*	##################################
	報道発表資料の公開ページを、共通ヘッダーの「背景色変更＞黒」に合わせる上書きCSS。

	なぜ必要か:
	- press_release.css は白カード（.box）・黒文字の見出し・青リンクを固定で指定している。
	  一方 black.css / sub-black.css は色を p / a / table td 等の側で指定するため、
	  セレクタが競合せず両方が効いてしまう。結果、白地のカードに白文字（本文の p・
	  連絡先の td）、黒地に黒文字（検索フォームの th・見出し）が出て読めなくなる。
	- そこで黒背景を選んだときだけこのCSSを当て、カードと文字色を反転させる。

	読み込み方・書き方:
	- visitors/pc/sites/press_release/show.html.slim から
	  media="not all" data-theme="black" で読み込み、styleswitcher.js が背景色ボタンに
	  応じて media を切り替える（pc/sites/takeshima の style-black.css と同じ仕組み）。
	- スマートフォン用テンプレート（visitors/sp）には背景色変更の導線が無いためPCのみ。
	- セレクタは press_release.css と**同じ詳細度**で書き、あとから読み込むことで上書きする。
	  詳細度が上のルール（.thcolor th 等）は press_release.css 側の指定が残るため、
	  そのままで配色が成り立つものは再指定しない。
	################################## */
.sub > main h1.press-release-title {
  background: linear-gradient(to right, #ffffff, #cccccc 35%, rgba(255, 255, 255, 0) 85%) left bottom/100% 3px no-repeat;
  color: #ffffff;
}
.sub > main h1.press-release-title .title-sub {
  color: #cccccc;
}

.sub > main .press-release-article .box {
  background: #000000;
  color: #ffffff;
}
.sub > main .press-release-article table th,
.sub > main .press-release-article table th p {
  color: #ffffff;
}
.sub > main .press-release-article table.is-bordered th,
.sub > main .press-release-article table.is-bordered td {
  border-color: #cccccc;
}
.sub > main .press-release-article table.article-contact-table th {
  color: #cccccc;
}
.sub > main .press-release-article hr {
  background: #cccccc;
}
.sub > main .press-release-article .title {
  color: #ffffff;
}
.sub > main .press-release-article a,
.sub > main .press-release-article a:link,
.sub > main .press-release-article a:visited {
  color: #ffffff;
}
.sub > main .press-release-article a:hover {
  color: #cccccc;
}
.sub > main .press-release-article .back_button, .sub > main .press-release-article .back_button:link, .sub > main .press-release-article .back_button:visited {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.sub > main .press-release-article .back_button:hover {
  background: #ffffff;
  color: #000000;
}
.sub > main .press-release-article .article-pager-status {
  color: #cccccc;
}
.sub > main .press-release-article .article-pager-links a,
.sub > main .press-release-article .article-pager-links a:link,
.sub > main .press-release-article .article-pager-links a:visited,
.sub > main .press-release-article .article-pager-links span {
  background: transparent;
  border-color: #cccccc;
  color: #ffffff;
}
.sub > main .press-release-article .article-pager-links a:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
.sub > main .press-release-article .article-pager-links [aria-current=page] {
  background: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
.sub > main .press-release-article .article-pager-links .article-pager-gap {
  color: #cccccc;
}
.sub > main .press-release-article .fa-chevron-left {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23ffffff"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>');
}
.sub > main .press-release-article .back_button:hover .fa-chevron-left {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23000000"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>');
}
.sub > main .press-release-article .fa-paperclip {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23ffffff"><path d="M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z"/></svg>');
}
.sub > main .press-release-article .fa-file-pdf {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23ffffff"><path d="M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 128-208 0c-35.3 0-64 28.7-64 64l0 160-48 0c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z"/></svg>');
}
.sub > main .press-release-article .fa-file-image {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="%23ffffff"><g transform="translate(0,448) scale(1,-1)"><path d="M384 326.059v-6.05859h-128v128h6.05859c6.62305 0 12.626 -2.68457 16.9707 -7.0293l97.9404 -97.9404c4.34473 -4.34473 7.03027 -10.3477 7.03027 -16.9717zM248 288h136v-328c0 -13.2549 -10.7451 -24 -24 -24h-336c-13.2549 0 -24 10.7451 -24 24v464c0 13.2549 10.7451 24 24 24h200v-136c0 -13.2002 10.7998 -24 24 -24zM112.545 272c-26.5088 0 -48 -21.4902 -48 -48s21.4902 -48 48 -48s48 21.4902 48 48s-21.4902 48 -48 48zM320.545 32v112l-39.5137 39.5146c-4.6875 4.68652 -12.2852 4.68652 -16.9717 0l-103.515 -103.515l-39.5146 39.5146c-4.68652 4.68652 -11.7988 5.1709 -16.4854 0.485352l-39.5146 -39.5146l-0.485352 -48.4854h256z"/></g></svg>');
}

/*	##################################
	狭幅（スマートフォン幅）向けの調整。
	背景色変更はPCテンプレートだけの機能だが、PCページを狭い画面で見たときにも
	press_release.css のメディアクエリが効くため、そこで足す配色も反転させる。
	################################## */
@media screen and (max-width: 750px) {
  .sub > main .press-release-article table.article-list-table td:nth-child(1),
  .sub > main .press-release-article table.article-list-table td:nth-child(2) {
    color: #cccccc;
  }
}