@charset "UTF-8";

/* ログイン画面 */
.login {
    position: relative;
    margin: 30px auto;
    padding: 20px;
    max-width: 700px;
    background: white;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.login:before {
  content: '';
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  z-index: -1;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

.login h1 {
    margin: -20px -20px 21px;
    padding: 12px 8px 7px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #555;
    text-align: center;
    text-shadow: 0 1px white;
    background: #f3f3f3;
    border-bottom: 1px solid #cfcfcf;
    border-radius: 3px 3px 0 0;
    background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
    background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
    background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
    background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
    -webkit-box-shadow: 0 1px whitesmoke;
    box-shadow: 0 1px whitesmoke;
}

.login p:first-child {
  margin-top: 0;
}

.login p.remember_me {
  line-height: 31px;
}

.login p.remember_me label,
.login p.remember_me span {
  font-size: 1.2rem;
  color: #777;
  cursor: pointer;
}

.login p.remember_me span i {
    font-size: 1.4rem;
    margin-right:0.3em;
    color: #FC8731;
}


.login p.remember_me input {
  position: relative;
  bottom: 1px;
  margin-right: 4px;
  vertical-align: middle;
}

.login p.submit {
  text-align: right;
}

:-moz-placeholder {
  color: #c9c9c9 !important;
  font-size: 1.3rem;
}

::-webkit-input-placeholder {
  color: #ccc;
  font-size: 1.3rem;
}

.login input[type="text"], .login input[type="password"] {
	padding: 0 10px;
	width: 100%;
	max-width: 300px;
	height: 34px;
	color: #404040;
	background: white;
	border: 1px solid;
	border-color: #c4c4c4 #d1d1d1 #d4d4d4;
	border-radius: 2px;
	outline: 5px solid #eff4f7;
	-moz-outline-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
	margin: 5px auto;
	box-sizing: border-box;
}

.login input[type="text"]:focus, .login input[type="password"]:focus {
  border-color: #7dc9e2;
  outline-color: #dceefc;
  outline-offset: 0;
}

.exp {
	font-size: 1.3rem;
	color: #CE006C;
	font-weight: bold;
}

table.table00,
table.table01,
table.table01a,
table.table01g,
table.table02 {
  border-collapse: collapse;
	border: 2px solid #B2D9F2;
}
/*テーブルを親要素の幅いっぱいに伸ばす*/
table.table01,
table.table01a,
table.table02 {
	width: 100%;
}
table.table01g,
table.table00 {
	margin: 0 auto;
}
/* table01, table01a */
table.table00 th,
table.table01 th,
table.table01a th,
table.table01g th,
table.table01 td,
table.table01a td,
table.table01g td {
	padding: 0.5em;
	border-top: 2px solid #B2D9F2;
  border-bottom: 2px solid #B2D9F2;
}
table.table00 td,
table.table01 td,
table.table01a td,
table.table01g td,
table.table01g th {
	border-left: 2px solid #B2D9F2;
}
table.table00 th,
table.table01 th,
table.table01a th,
table.table01g th {
	background: #7CBDE8;
}
table.table00 th,
table.table01 th {
	vertical-align: middle;
	min-width:100px;
	text-align: left;
  font-weight: 500;
}
table.table01g th {
	vertical-align: middle;
	text-align: center;
}
table.table01g td {
	vertical-align: middle;
	text-align: left;
}
table.table01a th {
	min-width:150px;
	padding: 0.7em 3em 0.7em 1em;
	position: relative;
	background-clip: padding-box; /* FireFoxでposition:relativeを指定したthやtdのボーダーが消えるのを防ぐ */	
	text-align: left;
	vertical-align: top;
}
/* table02 */
table.table02 th,
table.table02 td {
	padding: 0.8em 0.4em;
	border: 1px solid #B2D9F2;
}
table.table02 th {
	text-align: center;
	background: #7CBDE8;
	white-space: nowrap;
}

table.tbl7,
table.tbl7a {
	border-spacing:4px;
	background-color:#ffffff;
	empty-cells:show;
	width: 100%;
}

table.tbl7 a {
	text-decoration: none;
}


.tbl7 th,
.tbl7a th {
	white-space: nowrap;
}

.tbl7 th {
	border-right:1px solid #509F00;
	border-bottom:1px solid #509F00;
	color:#FFFFFF;
	background:#60BF00;
	padding:0.2em;
	text-align:center;
}

.tbl7a th {
	border-left:5px solid #E9CEDF;
	background:#F3E6EF;
	padding:0.3em 0.2em 0.2em 0.5em;
	text-align:left;
}

.tbl7 td {
	padding:0.2em;
}

.tbl7a td {
	padding:0.3em 0;
}

th.tbl7_td_t1,
td.tbl7_td_t1 {
	text-align:center;
	width: 20%;
	white-space: nowrap;
}

td.tbl7_td_t2 {
	border-bottom:1px dotted #B8C3CC;
}
td.tbl7_td_t3 {
	border-bottom:1px solid #B8C3CC;
	margin-bottom: 1em;
}

/* 修正箇所のセルを黄色に */
.bg_yelw01 { 
	background: #FF9;
}
.bg_gray01 { 
	background: rgb(218, 218, 218);
}
.nowrap {
	white-space: nowrap;
}

/* 日本語入力機能(IME)を制御 */
.ime_active { ime-mode: active; }    /* ONにする */
.ime_disabled { ime-mode: disabled; } /* 無効にする */

/* 必須マーク */
.form_waku03,
.form_waku03_gray {
	font-size: 1.4rem;
	padding: 0.1em 0.4em;
	margin-left:0.2em;
	color: #FFF;
	/* 角丸の指定 */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
table.table01 th .form_waku03,
table.table01 th .form_waku03_gray,
table.table01a th .form_waku03,
table.table01a th .form_waku03_gray {
	float: right;
}
.form_waku03 {
	background: #ff6633;
}
.form_waku03_gray {
	background: #828282;
}

.form_waku03_e {
  font-size: 1.6rem;
  padding: 0.3em 0.4em 0em;
  line-height: 1em;
}

/* エラーメッセージ */
.form_waku04 {
  background: #F00;
  font-weight:bold;
  padding: 0 0.3em;
  color: #FFF;
}

/* ---------------------------------------
 *ここから入力欄のスタイル指定
--------------------------------------- */

/* デフォルトのスタイルを無効にする */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
input[type="button"],
select,
textarea,
button {
  -moz-default-appearance: none;
  -webkit-default-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: none;
}

button, input, select, textarea {
	font-family : inherit;
	font-size : 100%;
}

input[type="submit"],
input[type="button"],
button {
	font-size: 1.6rem;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  background: #e9f5fb;
	border: 1px solid #7CBDE8;
	padding: 0.3em 0.5em;
	margin: 0.2em 0;
	transition: 0.8s;
	border-radius: 3px;
}
textarea {
	display: inline-block;
  width: 100%;
}
/*入力欄にフォーカスしたら変化*/
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
	background: #fcfce2;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

input[type="text"]:disabled {
	cursor: default;
	border: 1px solid #CCC;
	background: #e8e8e8;
}

input[type="text"].back_gray,
input[type="text"]:focus.back_gray {
	cursor: default;
	border: 1px solid #CCC;
	background: #FFF;
	transition: 0s;
	box-shadow: none;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}
.fa-position-left {
  position: absolute;
  top: calc(50% - .5em);
  left: 1rem;
}

/* セレクトボックス */
select {
	padding: 3px 20px 4px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #7CBDE8;
	border-radius: 3px;
	background: #e9f5fb url(../images/icon_arrow.png) right 50% no-repeat;
	background-size: 20px, 100%;
	margin: 0.2em 0;
	max-width: 100% !important;
}
select:focus {
  background: #fcfce2 url(../images/icon_arrow.png) right 50% no-repeat;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
option {
	max-width:8em;
	white-space:normal;
}

/* ラジオボタン */
.radiobox01 input[type="radio"] {
	display: none;
}
.radiobox01 label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 15px;
	padding: 3px 15px;
	line-height: 1.5em;
}
.radiobox01 label:before {
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border: 2px solid #6b6b6b;
	border-radius: 50%;
}
.radiobox01 input[type="radio"]:disabled + label {
	cursor: default;
}
.radiobox01 input[type="radio"]:disabled + label:before {
  border: 2px solid #CCC;
	cursor: default;
}
.radiobox01 input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -6px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	border-radius: 50%;
	background: #167bc1;
}

/* チェックボックス */
.checkbox01 input[type="checkbox"] {
	display:none;
	cursor: pointer;
} /* to hide the checkbox itself */
.checkbox01 input[type="checkbox"] + label:before {
  font-family: FontAwesome;
  /*display: inline-block;*/
	font-size: 2.4rem;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.checkbox01 input[type="checkbox"] + label:before {
	content: "\f096";
	letter-spacing: 5px;
	color: #7CBDE8;
}
.checkbox01 input[type="checkbox"]:checked + label:before {
	content: "\f046";
	color: #FF288C;
}
.checkbox01 input[type="checkbox"]:disabled + label {
	cursor: default;
}
.checkbox01 input[type="checkbox"]:disabled + label:before {
	color: #CCC;
	cursor: default;
}
.checkbox01 label:hover {
   cursor: pointer;
}

.checkbox_view input[type="checkbox"] + label:after {
  content: "しない";
}
.checkbox_view input[type="checkbox"]:checked + label:after {
  content: "する";
}

.checkbox_appro input[type="checkbox"] + label:after {
  content: "不可";
}
.checkbox_appro input[type="checkbox"]:checked + label:after {
  content: "可";
}

.checkbox_requi input[type="checkbox"] + label:after {
  content: "非必須";
}
.checkbox_requi input[type="checkbox"]:checked + label:after {
  content: "必須";
}

/* 画像アップボタン */
.form__file input[type="file"] {
   display: none;
}
.form__file label {
	background: #CCC;
	padding: 10px 15px;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.form__file label:hover {
   background: #DCDCDC;
}
/*.form__file label::after {
   content: "選択されていません";
   font-size: 14px;
   height: 20px;
   line-height: 20px;
   position: absolute;
   right: -140px;
   top: calc(50% - 10px);
}
.form__file label.changed::after {
   content: "";
}
*/
.form__file i {
	color: #666;
	font-size: 2.0rem;
}

/* ボタン */
input[type="submit"].btn00,
input[type="button"].btn00,
button.btn00 {
	border: 2px solid #89BDDE;
	padding: 0.5em 4em;
	border-radius: 5px;
	background: #006599;
	color: #fff;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
	position: relative;
}
input[type="submit"].btn00:hover,
input[type="button"].btn00:hover,
button.btn00:hover {
	box-shadow: none;
	background: #2679B4;
	cursor: pointer;
}

input[type="submit"].btn00a,
input[type="button"].btn00a,
button.btn00a {
	min-width: 300px;
	background-color:#E6F4F7;
	border: 2px solid #369cb8;
	-webkit-box-shadow:0 3px #2A7A91;
	box-shadow:0 3px #2A7A91;
	color: #369cb8;
  padding: 30px 20px;
  border-radius:.5rem;
	position: relative;
  font-size: 2.2rem;
  font-weight: 700;
}
input[type="submit"].btn00a:hover,
input[type="button"].btn00a:hover,
button.btn00a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	cursor: pointer;
}

input[type="submit"].btn00b,
input[type="button"].btn00b,
button.btn00b {
	min-width: 300px;
	background-color: #fcedf1;
	border: 2px solid #f06e8c;
  -webkit-box-shadow:0 3px #ee5e7f;
	box-shadow:0 3px #ee5e7f;
	color: #f06e8c;
  padding: 30px 20px;
	border-radius:.5rem;
	position: relative;
  font-size: 2.2rem;
  font-weight: 700;
}
input[type="submit"].btn00b:hover,
input[type="button"].btn00b:hover,
button.btn00b:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	cursor: pointer;
}

input[type="submit"].btn00c,
input[type="button"].btn00c,
button.btn00c {
	max-width: 300px;
	background-color: #fff7f3;
	border: 2px solid #f38d20;
  -webkit-box-shadow:0 3px #ED7B00;
	box-shadow:0 3px #ED7B00;
	color: #f38d20;
  padding: 30px 20px;
	border-radius:.5rem;
	position: relative;
  font-size: 2.2rem;
  font-weight: 700;
}
input[type="submit"].btn00c:hover,
input[type="button"].btn00c:hover,
button.btn00c:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	cursor: pointer;
}

input[type="submit"].btn03,
input[type="button"].btn03,
button.btn03 {
	border: 1px solid #CCCCCC;
	padding: 0.5em 4em;
	background: #1e85901e;
	color: #39505A;
	position: relative;
	font-size: 2.0rem;
}
input[type="submit"].btn03:hover,
input[type="button"].btn03:hover,
button.btn03:hover {
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
	background: #FFF;
	cursor: pointer;
}

button.btn01,
button.btn01a,
button.btn01b,
button.btn02,
button.btn11,
button.btn11a,
button.btn11b,
button.btn12,
button.btn21,
button.btn31,
button.btn32,
button.btn33,
button.btn41,
button.btn51,
input[type="button"].btn11 {
    cursor: pointer;
    border: 0;
    color: #fff;
    font-weight: 400;
}
button.btn01,
button.btn01a,
button.btn01b,
button.btn02,
button.btn41,
button.btn51,
a.btn51 {
	min-width: 150px;
}
button.btn01,
button.btn11,
button.btn21,
button.btn31,
input[type="button"].btn11 {
		background: #ED7B00;
}
button.btn01a,
button.btn11a {
		background: #369cb8;
}
button.btn01b,
button.btn11b {
		background: #299180;
}
button.btn02,
button.btn12,
button.btn32 {
  background: #A8A8A8;
}
button.btn33 {
	background: #82C91E;
}
button.btn41 {
	background: #3ca381;
}
button.btn51,
a.btn51 {
  color: #505252;
  text-shadow: 0px 1px 0px #fafafa;
  background: #fbfaf4;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfaf4), to(#ece8e6));
  background: -moz-linear-gradient(top,  #fbfaf4,  #ece8e6);
  background: -o-linear-gradient(top,  #fbfaf4,  #ece8e6);
  background: -ms-linear-gradient(top,  #fbfaf4,  #ece8e6);
  background: linear-gradient(top,  #fbfaf4,  #ece8e6);
  border: 1px solid #dcd9d8;
  border-bottom: 1px solid #c1c1bd;
  -webkit-box-shadow:  0 0 1px #c7c5c1;
  -moz-box-shadow:  0 0 1px #c7c5c1;
  box-shadow:  0 0 1px #c7c5c1;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
button.btn01,
button.btn01a,
button.btn01b,
button.btn02,
button.btn41 {
	padding: 10px 30px;
	font-size: 1.6rem;
	margin: 10px 0;
}

button.btn11,
button.btn11a,
button.btn11b,
button.btn12,
button.btn51,
a.btn51,
input[type="button"].btn11
 {
	padding: 5px 20px;
	font-size: 1.4rem;
}
a.btn51 {
	display: inline-block;
	text-decoration: none;
}
button.btn21 {
	padding: 5px;
	font-size: 1.2rem;
}
button.btn31,
button.btn32,
button.btn33 {
	padding: 20px 10px;
	min-width: 300px;
	font-size: 1.6rem;
	margin: 10px 0;
}

button.btn01:hover,
button.btn01a:hover,
button.btn01b:hover,
button.btn11:hover,
button.btn11a:hover,
button.btn11b:hover,
button.btn21:hover,
button.btn31:hover,
input[type="button"].btn11:hover {
	opacity:0.7;
}
button.btn02:hover,
button.btn12:hover,
button.btn32:hover {
	background: #8D8D8D;
}
button.btn33:hover {
	background: #76AD24;
}
button.btn41:hover {
	background: #57af92;
}
button.btn51:hover,
a.btn51:hover {
  background: #fbfbf9;
}

button.btn61,
button.btn62 {
  padding:15px 25px;
	width: 100%;
	max-width: 400px;
  text-decoration: none;
  line-height: 40px;
  font-size:2.6rem;
	font-weight: bold;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  -moz-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  border-radius: 5px;
}
button.btn61 {
	color: #fff;
  text-shadow: 0px -1px 0px #af6d01;
  border: 1px solid #ff9900;
  background: #fe9902;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffae13), to(#fe9902));
  background: -moz-linear-gradient(top,  #ffae13,  #fe9902);
  background: -o-linear-gradient(top,  #ffae13,  #fe9902);
  background: -ms-linear-gradient(top,  #ffae13,  #fe9902);
  background: linear-gradient(top,  #ffae13,  #fe9902);
	cursor: pointer;
}
button.btn61:hover {
  opacity: 0.8;
}
button.btn62  {
  color: #fff;
  text-shadow: 0px -1px 0px #aaaaaa;
  border: 1px solid #cccccc;
  background: #cccccc;
  background: -webkit-gradient(linear, left top, left bottom, from(#d1d0d0), to(#cccccc));
  background: -moz-linear-gradient(top,  #d1d0d0,  #cccccc);
  background: -o-linear-gradient(top,  #d1d0d0,  #cccccc);
  background: -ms-linear-gradient(top,  #d1d0d0,  #cccccc);
  background: linear-gradient(top,  #d1d0d0,  #cccccc);
	cursor: no-drop;
}

/* 表示領域が767.98x以下の場合に適用するスタイル
-----------------------------------------------------*/
@media screen and (max-width : 767.98px ){
	/* table01 */
	table.table01_sp,
	table.table01a_sp,
	table.table01g_sp {
		border-top: none;
	}
	/* thとtdをブロック化して幅100％にして、縦積み */
	table.table01_sp th,
	table.table01_sp td,
	table.table01a_sp th,
	table.table01a_sp td,
	table.table01g_sp th,
	table.table01g_sp td {
		width: 100%;
		display: block;
	}
	/* th（項目名）欄の不要な余白削除・テキスト左寄せ */
	table.table01_sp th,
	table.table01a_sp th,
	table.table01g_sp th {
		text-align: left;
		padding-left: 1em; 
	}
	table.table01a_sp th {
		padding-top: 0.6em;
		padding-bottom: 0.6em;
}
	table.table01_sp td,
	table.table01a_sp td {
		border: none;
		padding-right: 10px; 
		padding-left: 10px; 
	}
	/*不要な最終行の左のthを非表示にする*/
	table.table01_sp .empty,
	table.table01a_sp .empty {
		display: none;
	}

	/* table02 */
  table.table02_sp thead { 
		display: none;
  }

  table.table02_sp td { 
    display: block;
  }
	table.table02_sp td::before {
    content: attr(data-label);
    font-size: 1.4rem;
    color: #2387CA;
    display: block;
    margin-bottom: 0.25rem;
		text-align: left;
		font-weight: bold;
		background: #EEE;
		padding: 3px 13px;
		border-left: 3px solid #7CBDE8;
  }
	table.table02_sp td.num {
		background: #7CBDE8;
		color: #FFF;
  }
	table.table02_sp td.num::before {
		padding: 0;
	}
	table.table02_sp td.nottl::before {
		padding: 0;
	}
	table.table02_sp td.center {
		text-align: left;
	}
	/* フォーム関係 */
	table.table01_sp input[type="text"],
	table.table01_sp input[type="email"],
	table.table01_sp input[type="password"],
	table.table01g_sp input[type="text"],
	table.table01g_sp input[type="email"],
	table.table01g_sp input[type="password"],
	table.table02_sp input[type="text"],
	table.table02_sp input[type="email"],
	table.table02_sp input[type="password"],
	textarea {
		padding: 0.5em;
		margin: 0.2em 0;
	}
	
	button.sw100 {
		width: 49%;
    padding: 15px 20px;
	}
}

input.f01 {
	width: 100%;
	max-width:1em;
	text-align: center;
}

input.f03 {
	width: 100%;
	max-width:3em;
	text-align: center;
}

input.f04 {
	width: 100%;
	max-width:4em;
	text-align: center;
}

input.f10 {
	width: 100%;
	max-width:6em;
}

input.f15 {
	width: 100%;
	max-width:8em;
}

input.f20 {
	width: 100%;
	max-width:10em;
}
input.f25 {
	width: 100%;
	max-width:12em;
}

input.f30 {
	width: 100%;
	max-width:15em;
}

input.f35 {
	width: 100%;
	max-width:18em;
}

input.f40 {
	width: 100%;
	max-width:20em;
}

input.f50 {
	width: 100%;
	max-width:25em;
}

input.f60 {
	width: 100%;
	max-width:30em;
}
input.f80 {
	width: 100%;
	max-width:40em;
}
input.f100 {
	width: 100%;
	max-width:50em;
}
input.form01_memberid {
	position: absolute;
	left: 490px;
}

select[name="app"] {
	width:300px;
	height:3em;
}

textarea.f70 {
	width: 100%;
	max-width:600px;
	height:15em;
}

textarea.f00 {
	width: 100%;
	max-width: 400px;
	height: 5em;
}

textarea.f01 {
	width: 100%;
	max-width:500px;
	height: 3em;
}
textarea.f02 {
	width: 100%;
	height: 15em;
}
textarea.f10 {
	width: 100%;
	height: 8em;
}

.email_conf {
  display: flex;
  width: 100%;
  max-width:30em;
  justify-content: space-between;
  align-items: center;
}
.email_conf input {
  width: calc(50% - .65em);
}

.top_conf {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 10px 30px;
  flex-wrap: wrap;
  margin: 30px;
}

/* 管理者画面メニューボタン、検索画面ボタン */
.ul_btn02_admn,
.ul_srch01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}

/* 管理者画面メニューボタン */
.ul_btn02_admn {
	border-bottom: 1px solid #CCC;
	padding: 20px 0;
}
.ul_btn02_admn li {
	margin: 10px;
	width: 100%;
	max-width: 350px;
}
.ul_btn02_admn button {
	display: block;
	text-align: center;
	padding: 25px;
	background: linear-gradient(#FEFEFE, #F3F5F5);
	background: -o-linear-gradient(#FEFEFE, #F3F5F5);
	background: -ms-linear-gradient(#FEFEFE, #F3F5F5);
	background: -moz-linear-gradient(#FEFEFE, #F3F5F5);
	background: -webkit-linear-gradient(#FEFEFE, #F3F5F5);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F3F5F5), color-stop(0.00, #FEFEFE));
	border: 1px solid #CCC;
	border-radius: 10px;
	line-height: 1em;
	transition: .3s;
	text-decoration: none;
	transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	color: #e971b3;
	font-weight: 900;
	font-size: 1.6rem;
}
.ul_btn02_admn button i {
	display: block;
	margin-bottom: 10px;
	font-size: 8rem;
	color: #57858a;
}
.ul_btn02_admn button:hover {
	cursor: pointer;
	opacity: 0.6;
}

/* 検索画面 */
.ul_srch01 {
	align-items: center;
	padding: 0;
	margin: 15px 0;
}
.ul_srch01_in {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	list-style: none;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}
.ul_srch01 li,
.ul_srch01_in li {
	margin: 0 5px;
	padding: 0;
}
.ul_srch01 button.btn01 {
	background: #ED7B00;
	color: #fff;
	padding: 5px 10px;
	font-size: 1.4rem;
	min-width: inherit;
	width: 100px;
}
.ul_srch01 button.btn01a {
	background: #369cb8;
	color: #fff;
	padding: 5px 10px;
	font-size: 1.4rem;
	min-width: inherit;
	width: 100px;
}
.ul_srch01 button:hover {
	color : #fff;
	background : #6dbed4;
	cursor: pointer;
}

/* 選挙投票画面 */
.btn_area_vote,
.btn_area_vote_in {
	display: flex;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
}
.btn_area_vote div {
	margin: 5px;
}

.vote_list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.vote_list div {
	padding: 5px 10px;
	width: 25%;
}

/* 表示領域が767.98px以下の場合に適用するスタイル
-----------------------------------------------------*/
@media print, screen and (max-width: 767.98px) {
	/* 管理者画面メニューボタン */
	.ul_btn02_admn,
	.ul_srch01,
	.ul_srch01_in {
		flex-direction: column;
	}
	.ul_btn02_admn,
	.ul_srch01 {
		margin: 30px auto;
	}
	.ul_btn02_admn li {
		width: 75%;
		margin: 10px auto;
	}
	.ul_srch01_in li {
		width: 100%;
	}

	/* 検索画面 */	
	.ul_srch01 button.btn01 {
		width: 350px;
	}

	input[type="submit"].btn03,
	input[type="button"].btn03,
	button.btn03 {
		font-size: 1.6rem;
		padding: 0.5em 2em;
		width: 100%;
	}
}

.eyebtn {
	margin-left: 0.6rem;
	margin-right: 0.6rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	background: #f8f8f8;
	border: 4px solid #f8f8f8;
	border-radius: 5px;
}
/* JPCA form/admin content. Landing pages and dashboard are excluded in header2026.php. */
.jpca-content-refresh #main{--content-navy:#093e78;--content-line:#cbdce8;--content-head:#edf6fc;--content-shadow:0 8px 24px rgba(15,61,102,.07)}
.jpca-content-refresh #main :is(table.table00,table.table01,table.table01a,table.table01g,table.table02,table.tbl7,table.tbl7a){border-collapse:separate;border-spacing:0;border:1px solid var(--content-line);border-radius:10px;background:#fff;box-shadow:var(--content-shadow)}
.jpca-content-refresh #main :is(table.table00,table.table01,table.table01a,table.table01g,table.table02,table.tbl7,table.tbl7a)>:is(tbody,thead,tfoot)>tr>:is(th,td){padding:12px 14px;border:0;border-bottom:1px solid var(--content-line);line-height:1.7}
.jpca-content-refresh #main :is(table.table00,table.table01,table.table01a,table.table01g,table.table02,table.tbl7,table.tbl7a)>:is(tbody,thead,tfoot)>tr>th{background:var(--content-head);color:var(--content-navy);font-weight:700}
.jpca-content-refresh #main :is(table.table00,table.table01,table.table01a,table.table01g,table.table02)>:is(tbody,thead,tfoot)>tr>td{border-left:1px solid var(--content-line)}
.jpca-content-refresh #main table .bg_yelw01{background:#ff9}
.jpca-content-refresh #main table .bg_gray01{background:rgb(218,218,218)}
.jpca-content-refresh:not(.jpca-admin-content) #main table.table01_sp{border-radius:0;border:2px solid #e3e3e3;box-shadow:none}
.jpca-content-refresh:not(.jpca-admin-content) #main table.table01_sp>tbody>tr{display:block;background:#f8f8f8;border-bottom:1px solid #e3e3e3}
.jpca-content-refresh:not(.jpca-admin-content) #main table.table01_sp>tbody>tr>th{display:block;width:auto;min-width:0;padding:16px 18px 6px;background:transparent;border:0;text-align:left}
.jpca-content-refresh:not(.jpca-admin-content) #main table.table01_sp>tbody>tr>td{display:block;width:auto;padding:6px 18px 18px;border:0}
.jpca-content-refresh #main :is(input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="date"],select,textarea){max-width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #b8ccdf;border-radius:5px;background:#e9f5fb;line-height:1.5}
.jpca-content-refresh #main :is(input,select,textarea):focus-visible{outline:2px solid #167bc1;outline-offset:2px}
.jpca-content-refresh #main :is(input[type="checkbox"],input[type="radio"]){accent-color:#167bc1}
.jpca-content-refresh #main input[type="file"]{max-width:100%}
.jpca-content-refresh #main .btn_area{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 24px}
.jpca-content-refresh #main :is(button,input[type="submit"],input[type="button"])[class*="btn"]{border:1px solid var(--content-line);border-radius:8px;background:#fff;color:var(--content-navy);font-weight:700;line-height:1.5;text-shadow:none;max-width:100%}
.jpca-content-refresh #main :is(button,input)[class*="btn"]:is(.btn01,.btn01a,.btn01b,.btn11,.btn11a,.btn11b,.btn21,.btn31,.btn41,.btn51){background:var(--content-navy);border-color:var(--content-navy);color:#fff;box-shadow:0 8px 18px rgba(15,61,102,.15)}
.jpca-content-refresh #main :is(button,input):is(.btn01,.btn01a,.btn01b,.btn02,.btn02a,.btn02b){padding:15px 30px;min-height:48px}
.jpca-content-refresh #main :is(button,input)[class*="btn"]:hover:not(:disabled){filter:brightness(.95)}
.jpca-content-refresh #main :is(button,input)[class*="btn"]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.jpca-content-refresh #main :is(button,input)[class*="btn"]:focus-visible{outline:3px solid #167bc1;outline-offset:3px}
.jpca-content-refresh #main :is(.waku_gray01,.waku_gray_l02,.waku_gray_l02b){border:1px solid var(--content-line);border-radius:14px;background:#fff;box-shadow:var(--content-shadow);padding:20px}
.jpca-content-refresh #main .login{border-radius:4px;box-shadow:var(--content-shadow)}
.jpca-content-refresh #main .login :is(input[type="text"],input[type="password"]){height:auto;min-height:40px;background:#fff}
.jpca-content-refresh #main .form_waku03{border-radius:5px;background:#ff6900;color:white}
.jpca-content-refresh #main .form_waku03_gray{border-radius:5px}
@media(max-width:760px){
.jpca-content-refresh #main :is(table.table00,table.table01,table.table01a,table.table01g,table.table02,table.tbl7,table.tbl7a)>:is(tbody,thead,tfoot)>tr>:is(th,td){padding:10px}
.jpca-content-refresh #main .btn_area{gap:10px}
.jpca-content-refresh #main :is(button,input):is(.btn01,.btn01a,.btn01b,.btn02,.btn02a,.btn02b){padding:12px 18px}
.jpca-content-refresh #main :is(.waku_gray01,.waku_gray_l02,.waku_gray_l02b){padding:14px}
.jpca-content-refresh #main :is(table.table01_sp,table.table01a_sp,table.table01g_sp){max-width:100%}
}

/* Readable body text and page headings matching the participant dashboard. */
#main{font-size:1.6rem;line-height:1.75}
#main :is(table.table00,table.table01,table.table01a,table.table01g,table.table02,table.tbl7,table.tbl7a)>:is(tbody,thead,tfoot)>tr>:is(th,td){font-size:1.6rem}
#main :is(.text01,.text11){font-size:1.5rem}
#main :is(input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="date"],select,textarea){font-size:1.6rem}
#main>h2,#main form>h2{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 24px;padding:14px 18px;border:0;border-radius:8px;background:#e7f0ff;color:#001c55;font-size:24px;font-weight:700;line-height:1.5;text-align:center}
#main>h2 i,#main form>h2 i{color:#001c55;font-size:24px;margin:0;flex-shrink:0}
@media(max-width:760px){#main>h2,#main form>h2{padding:14px 12px;font-size:22px}}
/* Address, telephone and email field widths. */
.jpca-content-refresh #main input[name="zip1"]{width:48px;text-align:center}
.jpca-content-refresh #main input[name="zip2"]{width:64px;text-align:center}
.jpca-content-refresh #main select[name="pref"]{width:auto;min-width:96px}
.jpca-content-refresh #main :is(input[name="add1"],input[name="add2"]){display:block;width:800px;max-width:100%;margin:4px 0}
.jpca-content-refresh #main :is(input[name="tel1"],input[name="tel2"],input[name="tel3"],input[name="tel4"]){width:64px;text-align:center}
.jpca-content-refresh #main input[name="email"]{width:480px;max-width:100%}
.jpca-content-refresh #main :is(input[name="email1"],input[name="email2"]){width:230px;max-width:calc((100% - 2em) / 2)}
@media(max-width:480px){.jpca-content-refresh #main :is(input[name="tel1"],input[name="tel2"],input[name="tel3"],input[name="tel4"]){width:60px;padding-left:6px;padding-right:6px}}
/* Occupation other, invoice addressee and dropdown indicators. */
.jpca-content-refresh #main input[name="ojob_other"]{display:block;width:100%;max-width:100%;margin:6px 0 0}
.jpca-content-refresh #main :is(input[name="iatena1"],input[name="iatena2"]){width:320px;max-width:calc(100% - 4.5em);margin:3px 0}
#main select:not([multiple]):not([size]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23999' d='M0 0h12L6 8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 8px}
/* Matching widths for name, phonetic name and romanized name pairs. */
.jpca-content-refresh #main :is(input[name="name1"],input[name="name2"],input[name="furi1"],input[name="furi2"],input[name="roman1"],input[name="roman2"]){width:240px;max-width:calc((100% - 5em) / 2);box-sizing:border-box;vertical-align:middle}
/* Keep stacked participant forms within the mobile viewport. */
@media(max-width:760px){
.jpca-content-refresh:not(.jpca-admin-content) #main table.table01_sp,
.jpca-content-refresh:not(.jpca-admin-content) #main table.table01_sp>tbody,
.jpca-content-refresh:not(.jpca-admin-content) #main table.table01_sp>tbody>tr{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.jpca-content-refresh:not(.jpca-admin-content) #main table.table01_sp>tbody>tr>th,
.jpca-content-refresh:not(.jpca-admin-content) #main table.table01_sp>tbody>tr>td{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}
.jpca-content-refresh:not(.jpca-admin-content) #main table.table01_sp>tbody>tr>td .radiobox01{max-width:100%;min-width:0;box-sizing:border-box}
.jpca-content-refresh:not(.jpca-admin-content) #main table.table01_sp>tbody>tr>td input[name="member_id"]{width:100%;max-width:240px;min-width:0}
.jpca-content-refresh:not(.jpca-admin-content) #main :is(input[name="name1"],input[name="name2"],input[name="furi1"],input[name="furi2"],input[name="roman1"],input[name="roman2"]){width:calc((100% - 5em) / 2);max-width:240px;min-width:0}
}
/* Emphasize the master settings action on the admin landing page only. */
.jpca-content-refresh.jpca-admin-content #main button.btn01b.admin-master-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:360px;max-width:100%;min-height:76px;padding:20px 36px;border:1px solid #093e78;border-radius:10px;background:#093e78;color:#fff;font-size:24px;font-weight:700;line-height:1.5;box-shadow:0 8px 20px rgba(9,62,120,.2)}
.jpca-content-refresh.jpca-admin-content #main button.admin-master-primary::before{content:"\2699";font-size:30px;line-height:1}
@media(max-width:760px){.jpca-content-refresh.jpca-admin-content #main button.btn01b.admin-master-primary{width:320px;min-height:68px;padding:16px 24px;font-size:22px}}
/* Entry actions: spaced horizontal buttons on PC, stacked on mobile. */
#main .entry-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:24px;max-width:800px;margin:24px auto 32px;padding:0 12px;box-sizing:border-box}
#main .entry-actions>p{flex:0 0 100%;margin:0}
#main .entry-actions>form{display:flex;flex:1 1 0;min-width:0;max-width:360px;margin:0;padding:0}
#main .entry-actions>form>div{display:flex;width:100%;margin:0;padding:0}
.jpca-content-refresh #main .entry-actions button:is(.btn00,.btn00a,.btn00b,.btn00c){display:flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;min-height:88px;margin:0;padding:20px 24px;border:1px solid #cbdce8;border-radius:10px;background:#fff;color:#093e78;font-size:22px;font-weight:700;line-height:1.5;box-shadow:0 6px 18px rgba(9,62,120,.12);cursor:pointer}
.jpca-content-refresh #main .entry-actions button:is(.btn00,.btn00a,.btn00c){background:#093e78;border-color:#093e78;color:white}
.jpca-content-refresh #main .entry-actions button:hover{filter:brightness(.96);opacity:1}
.jpca-content-refresh #main .entry-actions button:focus-visible{outline:3px solid #167bc1;outline-offset:4px}
@media(max-width:760px){#main .entry-actions{flex-direction:column;gap:16px;margin:20px auto 28px;padding:0 8px}#main .entry-actions>form{flex:none;width:100%;max-width:none}.jpca-content-refresh #main .entry-actions button:is(.btn00,.btn00a,.btn00b,.btn00c){min-height:68px;padding:16px;font-size:20px}}
/* Compact login panel with a single primary action. */
.jpca-content-refresh #main .compact-login{width:100%;max-width:700px;box-sizing:border-box;margin:32px auto;padding:20px;border-radius:12px;background:#fff;box-shadow:0 12px 28px rgba(9,62,120,.12)}
.jpca-content-refresh #main .compact-login h1{margin:-20px -20px 24px;padding:14px 12px;border-radius:12px 12px 0 0;background:#f3f3f3;color:#555;font-size:20px;font-weight:700}
.jpca-content-refresh #main .compact-login .login-field{margin:20px 0}
.jpca-content-refresh #main .compact-login .login-field label{display:block;width:300px;max-width:calc(100% - 12px);margin:0 auto}
.jpca-content-refresh #main .compact-login .login-field-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.jpca-content-refresh #main .compact-login .login-field input{width:100%;max-width:300px;min-width:0;height:auto;min-height:40px;margin:0;padding:8px 10px;background:#fff;border:1px solid #ccc;border-radius:2px;outline:5px solid #eff4f7;font-size:16px;box-sizing:border-box}
.jpca-content-refresh #main .compact-login .remember_me{margin:16px 0 20px;line-height:1.7}
.jpca-content-refresh #main .compact-login .remember_me span{font-size:16px;font-weight:700}
.jpca-content-refresh #main .compact-login .btn_area{margin:26px 0 20px;gap:0}
.jpca-content-refresh #main .compact-login .btn11{min-width:150px;min-height:48px;padding:12px 28px;border-radius:8px;background:#093e78;color:#fff;font-size:20px;font-weight:700}
.jpca-content-refresh #main .compact-login .login-test-panel{margin:24px 0 0;padding:12px;border:1px solid #cbdce8;border-radius:12px;line-height:1.7}
.jpca-content-refresh #main .compact-login .login-test-panel table{width:100%;table-layout:fixed}
.jpca-content-refresh #main .compact-login .login-test-panel input{width:100%;max-width:300px;min-width:0;box-sizing:border-box;background:#fff}
.jpca-content-refresh #main .compact-login input:focus-visible{outline:2px solid #167bc1;outline-offset:3px}
@media(max-width:760px){
.jpca-content-refresh #main .compact-login{padding:16px;margin:24px auto}
.jpca-content-refresh #main .compact-login h1{margin:-16px -16px 22px}
.jpca-content-refresh #main .compact-login .login-test-panel :is(table,tbody,tr,th,td){display:block;width:100%;min-width:0;box-sizing:border-box;text-align:left}
}
/* Dedicated document download page. */
.jpca-dashboard a.dash-download-link{display:flex;align-items:center;gap:20px;padding:18px 28px;background:#faf8f5;color:#111;font-size:23px;font-weight:800;text-decoration:none}
.jpca-dashboard a.dash-download-link svg{width:32px;height:32px;flex-shrink:0}
.jpca-dashboard a.dash-download-link .dash-chevron{margin-left:auto}
.jpca-dashboard a.dash-download-link:hover{background:#edf6fc}
.jpca-dashboard a.dash-download-link:focus-visible{outline:3px solid #167bc1;outline-offset:3px}
.jpca-content-refresh #main .user-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}
.jpca-content-refresh #main .download-card{min-width:0;padding:20px 15px 26px;border:1px solid #cbdce8;border-radius:12px;background:#fff;box-shadow:0 10px 26px rgba(15,61,102,.08)}
.jpca-content-refresh #main .download-invoice{--download-color:#ff7900;order:1}
.jpca-content-refresh #main .download-receipt{--download-color:#12952d;order:2}
.jpca-content-refresh #main .download-certificate{--download-color:#0862df;order:3}
.jpca-content-refresh #main .download-badge{--download-color:#0862df;order:4;grid-column:1/-1}
.jpca-content-refresh #main .download-card>p:first-child{color:var(--download-color);text-align:center;font-size:24px;font-weight:700;margin:0 0 16px}
.jpca-content-refresh #main .download-card .btn_area{display:flex;flex-direction:column;gap:16px;margin:0}
.jpca-content-refresh #main .download-card .btn_area>div{width:100%;margin:0}
.jpca-content-refresh #main .download-card button.btn11a{display:block;width:100%;min-width:0;margin:0;padding:15px 10px;background:var(--download-color);border-color:var(--download-color);color:#fff;font-size:18px;line-height:1.5;white-space:normal;border-radius:8px;box-shadow:0 6px 14px rgba(15,61,102,.15)}
.jpca-content-refresh #main .download-card ul{margin-top:20px;padding-left:20px;font-size:14px;line-height:1.7}
@media(max-width:760px){
.jpca-content-refresh #main .user-download-grid{grid-template-columns:minmax(0,1fr);gap:16px}
.jpca-dashboard a.dash-download-link{gap:16px;padding:12px 16px;font-size:16px}
.jpca-dashboard a.dash-download-link small{display:block;font-size:13px}
}
/* Shared reissue notice below the three document cards. */
.jpca-content-refresh #main .user-download-grid>.download-reissue-notice{grid-column:1/-1;order:3;margin:4px 0 0;padding-left:1.6em;line-height:1.8;font-size:16px}

/* Emphasize the dashboard download label. */
.jpca-dashboard a.dash-download-link>span:not(.dash-chevron),.jpca-dashboard a.dash-download-link small{font-weight:900;-webkit-text-stroke:0.2px currentColor}

/* Spacing in admin/user_find.php search controls only. */
#main .admin-search-options .admin-search-separator{display:inline-block;margin:0 8px}
#main .admin-search-options select[name="sort_slct"]{margin-left:12px}
/* Document lists: invoice, receipt and certificate sections. */
.jpca-content-refresh #main .download-introduction{margin:0 0 20px;color:#093e78;font-weight:700}
.jpca-content-refresh #main .user-download-grid.download-list-layout{grid-template-columns:minmax(0,1fr);gap:18px}
.jpca-content-refresh #main .download-list-layout .download-invoice{--download-color:#0088ed;--download-tint:#edf7ff}
.jpca-content-refresh #main .download-list-layout .download-receipt{--download-color:#ed3659;--download-tint:#fff0f3}
.jpca-content-refresh #main .download-list-layout .download-certificate{--download-color:#009f68;--download-tint:#ecf9f2}
.jpca-content-refresh #main .download-list-layout .download-card{padding:0 22px 16px;overflow:hidden;border-color:#e0eaf1;box-shadow:none}
.jpca-content-refresh #main .download-list-layout .download-section-heading{display:flex;gap:18px;align-items:center;margin:0 -22px;padding:18px 22px;background:var(--download-tint);color:var(--download-color)}
.jpca-content-refresh #main .download-list-layout .download-section-heading h3{margin:0 0 3px;padding:0;border:0;background:none;color:inherit;font-size:24px;font-weight:700;line-height:1.4}
.jpca-content-refresh #main .download-list-layout .download-section-heading p{margin:0;color:#093e78;font-size:15px;line-height:1.6}
.jpca-content-refresh #main .download-list-layout .download-section-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;height:52px;border:1px solid white;border-radius:10px;background:var(--download-color);color:#fff;font-size:29px;box-shadow:0 0 0 2px rgba(255,255,255,.5)}
.jpca-content-refresh #main .download-list-layout .download-column-head,.jpca-content-refresh #main .download-list-layout .download-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,38%);align-items:center;gap:18px;padding:9px 14px;border-bottom:1px solid #e5edf4;color:#093e78}
.jpca-content-refresh #main .download-list-layout .download-column-head{background:#f7fafc;color:#263746;font-weight:700;font-size:14px}
.jpca-content-refresh #main .download-list-layout .download-column-head>span:last-child{text-align:center}
.jpca-content-refresh #main .download-list-layout .download-item-name{font-weight:700;overflow-wrap:anywhere;min-width:0}
.jpca-content-refresh #main .download-list-layout .download-item-action{min-width:0}
.jpca-content-refresh #main .download-list-layout .btn_area{gap:0}
.jpca-content-refresh #main .download-list-layout .download-card button.btn11a{padding:8px 12px;min-height:42px;background:#fff;color:var(--download-color);border:1px solid var(--download-color);box-shadow:none;font-size:16px;border-radius:5px}
.jpca-content-refresh #main .download-list-layout .download-card button.btn11a::before{content:'\2193';display:inline-block;margin-right:9px;font-weight:700}
.jpca-content-refresh #main .download-list-layout .download-card button.btn11a:hover{background:var(--download-tint);filter:none}
.jpca-content-refresh #main .download-list-layout .download-badge{padding:18px 22px}
.jpca-content-refresh #main .download-list-layout>.download-reissue-notice{order:5;padding:16px 20px;margin:0;border:1px solid #eee8dd;border-radius:9px;background:#fcfaf5;color:#093e78;font-size:14px}
.jpca-content-refresh #main .download-reissue-notice h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#222;background:none;border:0;padding:0}
.jpca-content-refresh #main .download-reissue-notice ol{margin:0;padding-left:24px}
@media(max-width:760px){
.jpca-content-refresh #main .download-list-layout .download-card{padding:0 10px 10px}
.jpca-content-refresh #main .download-list-layout .download-section-heading{margin:0 -10px;padding:14px 12px;gap:12px}
.jpca-content-refresh #main .download-list-layout .download-section-heading h3{font-size:21px}
.jpca-content-refresh #main .download-list-layout .download-section-heading p{display:none}
.jpca-content-refresh #main .download-list-layout .download-section-icon{flex-basis:36px;height:42px;font-size:24px}
.jpca-content-refresh #main .download-list-layout .download-column-head{display:none}
.jpca-content-refresh #main .download-list-layout .download-item{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:10px;padding:12px 2px;font-size:14px}
.jpca-content-refresh #main .download-list-layout .download-card button.btn11a{font-size:13px;padding:8px 5px}
.jpca-content-refresh #main .download-list-layout .download-card button.btn11a::before{margin-right:5px}
.jpca-content-refresh #main .download-list-layout .download-badge{padding:14px 12px}
}