html, body {
margin: 0;
padding: 0;
}
body {
font-family: Verdana, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "Times New Roman", YuMincho, "Hiragino Mincho ProN", serif;
/* ここの数値を変えると、全体のフォントサイズが変わる */
font-size: 10px;
}
/* header */
#nan-header {
margin: 0;
padding: 0;
width: 100%;
height: 5em;
font-size: 1em;
background-color: rgba(230, 230, 230, 0.4);
}
/* ロゴ */
#nan-header #logo {
}
/* タイトル */
#nan-header #title {
padding: 0.5em;
font-size: 2em;
}
/* コンテンツ表示部分 */
#nan-contents {
padding: 1.5em 0 0 2em;
font-size: 1.4em;
}
/* ログインボタン/送信ボタン */
#nan-contents input[type=submit],
#nan-contents button,
.nan-button {
border:0px;
background-color: #f79800;
box-shadow: 0em 0.2em #805400;
font-size: 1em;
font-family: Meiryo;
color: white;
border-radius: 0.4em;
padding: 0.5em 1.0em;
white-space: nowrap;
cursor: pointer;
}
/* ボタン オンマウス時 */
#nan-contents input[type=submit]:hover,
#nan-contents button:hover,
.nan-button:hover {
background-color: #f79800;
box-shadow: 0em 0.2em #805400;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
/* ボタン 非活性時 */
#nan-contents button:disabled {
background-color: #d7d9dc;
box-shadow: 0em 0.2em #545d69;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
/* 戻るボタン */
#nan-contents button.nan-button2 {
border:0px;
background-color: #d7d9dc;
box-shadow: 0em 0.2em #545d69;
font-size: 1em;
font-family: Meiryo;
color: #727a83;
border-radius: 0.4em;
padding: 0.5em 1.0em;
white-space: nowrap;
cursor: pointer;
}
/* ボタン オンマウス時 */
.nan-button2:hover {
background-color: #d7d9dc;
box-shadow: 0em 0.2em #545d69;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
/* ボタン 非活性時 */
#nan-contents button.nan-button2:disabled {
background-color: #d7d9dc;
box-shadow: 0em 0.2em #545d69;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
/* 更新ボタン */
#nan-contents button.nan-button3 {
border:0px;
background-color: #39b4ac;
box-shadow: 0em 0.2em #0e6a6b;
font-size: 1em;
font-family: Meiryo;
color: white;
border-radius: 0.4em;
padding: 0.5em 1.0em;
white-space: nowrap;
cursor: pointer;
}
/* ボタン オンマウス時 */
.nan-button3:hover {
background-color: #39b4ac;
box-shadow: 0em 0.2em #0e6a6b;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
/* ボタン 非活性時 */
#nan-contents button.nan-button3:disabled {
background-color: #d7d9dc;
box-shadow: 0em 0.2em #545d69;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
/* 戻るボタン(ダイアログ) */
#nan-contents button.nan-button4 {
border:0px;
background-color: #656b73;
box-shadow: 0em 0.2em #323a45;
font-size: 1em;
font-family: Meiryo;
color: white;
border-radius: 0.4em;
padding: 0.5em 1.0em;
white-space: nowrap;
cursor: pointer;
}
/* ボタン オンマウス時 */
.nan-button4:hover {
background-color: #656b73;
box-shadow: 0em 0.2em #323a45;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
/* ボタン 非活性時 */
#nan-contents button.nan-button4:disabled {
background-color: #d7d9dc;
box-shadow: 0em 0.2em #545d69;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
/* ラジオボタン */
#nan-contents input[type=radio] {
}
/* ラジオボタン ラベル部分 */
#nan-contents input[type=radio] + label {
color: black;
}
/* ラジオボタン 選択時 */
#nan-contents input[type=radio]:checked {
}
/* ラジオボタン 選択時 ラベル部分 */
#nan-contents input[type=radio]:checked + label {
color: orange;
}
/* チェックボックス */
#nan-contents input[type=checkbox] {
}
/* チェックボックス ラベル部分 */
#nan-contents input[type=checkbox] + label {
color: black;
}
/* チェックボックス 選択時 */
#nan-contents input[type=checkbox]:checked {
}
/* チェックボックス 選択時 ラベル部分 */
#nan-contents input[type=checkbox]:checked + label {
color: orange;
}
/* テキストボックス＆パスワードボックス＆テキストエリア */
#nan-contents input[type=text],
#nan-contents input[type=password],
#nan-contents textarea {
border: 1px solid;
border-color: #39b4ac;
font-size: 1.0em;
background-color: white;
}
/* テキストボックス＆パスワードボックス 入力時 */
#nan-contents input[type=text]:focus,
#nan-contents input[type=password]:focus,
#nan-contents textarea:focus {
box-shadow: rgba(0, 140, 255, 0.6) 0 0 0.4em 0.2em;
}
/* テキストボックス＆パスワードボックス＆テキストエリア */
#nan-contents input[type=text][disabled],
#nan-contents input[type=password][disabled],
#nan-contents textarea[disabled] {
border: 1px solid;
border-color: #39b4ac;
font-size: 1.0em;
background-color: #eeeeee;
}
/* テーブル */
#nan-contents table {
font-size: 1em;
border: 1px #d1d1d1 solid;
color: #000000;
border-collapse: collapse;
}
#nan-contents table th {
border: 1px #d1d1d1 solid;
padding:0.4em 0.8em;
vertical-align: middle;
word-break: keep-all;
}
#nan-contents table td {
border: 1px #d1d1d1 solid;
padding:0.4em 0.8em;
word-break: keep-all;
}
/* テーブル キャプション */
#nan-contents table caption {
}
/* テーブル ヘッダ */
#nan-contents table thead {
}
/* テーブル ヘッダセル */
#nan-contents table thead th {
background-color: #f0edde;
vertical-align: middle;
word-break: keep-all;
}
/* テーブル ボディ */
#nan-contents table tbody {
}
/* テーブル 行 */
#nan-contents table tbody tr {
}
/* テーブル 奇数行 */
#nan-contents table tbody tr:nth-child(odd) {
background-color: #f4f4f4;
}
/* テーブル 奇数行 ヘッダ */
#nan-contents table tbody tr:nth-child(odd) th {
background-color: #f4f4f4;
font-weight: normal;
word-break: keep-all;
}
/* テーブル 偶数行 */
#nan-contents table tbody tr:nth-child(even) {
background-color: #ffffff;
}
/* テーブル 偶数行 ヘッダ */
#nan-contents table tbody tr:nth-child(even) th {
background-color: #ffffff;
font-weight: normal;
word-break: keep-all;
}
/* テーブル 行 オンマウス時 */
#nan-contents table tbody tr:hover {
}
/* テーブル データセル */
#nan-contents table tbody td {
color: black;
word-break: keep-all;
}
/* テーブル データセル オンマウス時 */
#nan-contents table tbody td:hover {
}
/* テーブル データセル クリック時 */
#nan-contents table tbody td:active {
}
/* テーブル フッター */
#nan-contents table tfoot {
}
/* テーブル フッター 行 */
#nan-contents table tfoot tr {
}
/* テーブル フッター ヘッダ */
#nan-contents table tfoot th {
background-color: #ba7;
color: white;
vertical-align: middle;
word-break: keep-all;
}
/* テーブル フッター データセル */
#nan-contents table tfoot td {
background-color: #aaa;
color: white;
word-break: keep-all;
}
/* テーブル(行ごとの色分けなし) */
#nan-contents table.nan-table-noborder {
font-size: 1em;
border: 1px #d1d1d1 solid;
color: #000000;
border-collapse: collapse;
}
#nan-contents table.nan-table-noborder th {
border: 1px #d1d1d1 solid;
padding:0.4em 0.8em;
vertical-align: middle;
word-break: keep-all;
vertical-align: middle;
}
#nan-contents table.nan-table-noborder td {
border: 1px #d1d1d1 solid;
padding:0.4em 0.8em;
word-break: keep-all;
}
/* テーブル(行ごとの色分けなし) キャプション */
#nan-contents table.nan-table-noborder caption {
}
/* テーブル(行ごとの色分けなし) ヘッダ */
#nan-contents table.nan-table-noborder thead {
}
/* テーブル(行ごとの色分けなし) ヘッダセル */
#nan-contents table.nan-table-noborder thead th {
background-color: #f0edde;
text-align: left;
vertical-align: middle;
word-break: keep-all;
}
/* テーブル(行ごとの色分けなし) ボディ */
#nan-contents table.nan-table-noborder tbody {
}
/* テーブル(行ごとの色分けなし) 行 */
#nan-contents table.nan-table-noborder tbody tr {
background-color: #ffffff;
}
/* テーブル(行ごとの色分けなし) 行ヘッダ */
#nan-contents table.nan-table-noborder tbody tr th {
background-color: #f0edde;
text-align: left;
vertical-align: middle;
word-break: keep-all;
}
/* テーブル(行ごとの色分けなし) 行 オンマウス時 */
#nan-contents table.nan-table-noborder tbody tr:hover {
}
/* テーブル(行ごとの色分けなし) データセル */
#nan-contents table.nan-table-noborder tbody td {
color: black;
word-break: keep-all;
}
/* テーブル(行ごとの色分けなし) データセル オンマウス時 */
#nan-contents table.nan-table-noborder tbody td:hover {
}
/* テーブル(行ごとの色分けなし) データセル クリック時 */
#nan-contents table.nan-table-noborder tbody td:active {
}
/* テーブル(行ごとの色分けなし) フッター */
#nan-contents table.nan-table-noborder tfoot {
}
/* テーブル(行ごとの色分けなし) フッター 行 */
#nan-contents table.nan-table-noborder tfoot tr {
}
/* テーブル(行ごとの色分けなし) フッター ヘッダ */
#nan-contents table.nan-table-noborder tfoot th {
background-color: #ffffc0;
color: black;
text-align: left;
vertical-align: middle;
word-break: keep-all;
}
/* テーブル(行ごとの色分けなし) フッター データセル */
#nan-contents table.nan-table-noborder tfoot td {
background-color: white;
color: black;
word-break: keep-all;
}
/* テーブル(個人情報設定等で使用する、緑系のテーブル) */
#nan-contents table.nan-table-setting {
font-size: 1em;
border: 1px #d1d1d1 solid;
color: #000000;
border-collapse: collapse;
}
#nan-contents table.nan-table-setting th {
border: 1px #d1d1d1 solid;
padding:0.4em 0.8em;
vertical-align: middle;
word-break: keep-all;
}
#nan-contents table.nan-table-setting td {
border: 1px #d1d1d1 solid;
padding:0.4em 0.8em;
word-break: keep-all;
}
/* テーブル((個人情報設定等で使用する、緑系のテーブル)) キャプション */
#nan-contents table.nan-table-setting caption {
}
/* テーブル((個人情報設定等で使用する、緑系のテーブル)) ヘッダ */
#nan-contents table.nan-table-setting thead {
}
/* テーブル((個人情報設定等で使用する、緑系のテーブル)) ヘッダセル */
#nan-contents table.nan-table-setting thead th {
background-color: #ebf7f7;
color: #077168;
font-weight: bold;
vertical-align: middle;
word-break: keep-all;
}
/* テーブル((個人情報設定等で使用する、緑系のテーブル)) ボディ */
#nan-contents table.nan-table-setting tbody {
}
/* テーブル((個人情報設定等で使用する、緑系のテーブル)) 行 */
#nan-contents table.nan-table-setting tbody tr {
background-color: #ffffff;
}
/* テーブル((個人情報設定等で使用する、緑系のテーブル)) 行ヘッダ */
#nan-contents table.nan-table-setting tbody tr th {
background-color: #ebf7f7;
color: #077168;
font-weight: bold;
vertical-align: middle;
word-break: keep-all;
}
/* テーブル((個人情報設定等で使用する、緑系のテーブル)) 行 オンマウス時 */
#nan-contents table.nan-table-setting tbody tr:hover {
}
/* テーブル((個人情報設定等で使用する、緑系のテーブル)) データセル */
#nan-contents table.nan-table-setting tbody td {
color: black;
word-break: keep-all;
}
/* テーブル((個人情報設定等で使用する、緑系のテーブル)) データセル オンマウス時 */
#nan-contents table.nan-table-setting tbody td:hover {
}
/* テーブル((個人情報設定等で使用する、緑系のテーブル)) データセル クリック時 */
#nan-contents table.nan-table-setting tbody td:active {
}
/* テーブル2 */
#nan-contents table.nan-table2 {
font-size: 1em;
border: 1px #d1d1d1 solid;
color: #000000;
border-collapse: collapse;
}
#nan-contents table.nan-table2 th {
border: 1px #d1d1d1 solid;
padding:0.4em 0.8em;
vertical-align: middle;
word-break: keep-all;
}
#nan-contents table.nan-table2 td {
border: 1px #d1d1d1 solid;
padding:0.4em 0.8em;
word-break: keep-all;
}
/* テーブル キャプション */
#nan-contents table.nan-table2 caption {
}
/* テーブル ヘッダ */
#nan-contents table.nan-table2 thead {
}
/* テーブル ヘッダセル */
#nan-contents table.nan-table2 thead th {
background-color: #f0f0f0;
vertical-align: middle;
word-break: keep-all;
}
/* テーブル ボディ */
#nan-contents table.nan-table2 tbody {
}
/* テーブル 行 */
#nan-contents table.nan-table2 tbody tr {
background-color: #ffffff;
}
/* テーブル 行ヘッダ */
#nan-contents table.nan-table2 tbody tr th {
background-color: #ffffff;
vertical-align: middle;
word-break: keep-all;
}
/* テーブル 行 オンマウス時 */
#nan-contents table.nan-table2 tbody tr:hover {
}
/* テーブル データセル */
#nan-contents table.nan-table2 tbody td {
color: black;
word-break: keep-all;
}
/* テーブル データセル オンマウス時 */
#nan-contents table.nan-table2 tbody td:hover {
}
/* テーブル データセル クリック時 */
#nan-contents table.nan-table2 tbody td:active {
}
/* テーブル フッター */
#nan-contents table.nan-table2 tfoot {
}
/* テーブル フッター 行 */
#nan-contents table.nan-table2 tfoot tr {
}
/* テーブル フッター ヘッダ */
#nan-contents table.nan-table2 tfoot th {
background-color: #ba7;
color: white;
vertical-align: middle;
word-break: keep-all;
}
/* テーブル フッター データセル */
#nan-contents table.nan-table2 tfoot td {
background-color: #aaa;
color: white;
word-break: keep-all;
}
#nan-contents table.nan-bboard {
margin:1.5em 1em 0.5em 1em;
border: 1px solid rgb(0, 80, 62);
border-image: none;
color: rgb(255, 255, 255);
font-size: 1em;
border-collapse: collapse;
word-break: keep-all;
white-space: nowrap;
vertical-align: middle;
}
#nan-contents table.nan-bboard th {
padding: 0.4em 0.8em;
border: 1px solid rgb(84, 138, 126);
border-image: none;
text-align: left;
vertical-align: middle;
word-break: keep-all;
}
#nan-contents table.nan-bboard td {
padding: 0.4em 0.8em;
border: 1px solid rgb(84, 138, 126);
border-image: none;
word-break: keep-all;
}
#nan-contents table.nan-bboard caption {
}
#nan-contents table.nan-bboard thead {
}
#nan-contents table.nan-bboard thead th {
border: 1px solid rgb(84, 138, 126);
background-color: rgb(0, 80, 62);
text-align: left;
vertical-align: middle;
word-break: keep-all;
}
#nan-contents table.nan-bboard thead td {
border: 1px solid rgb(84, 138, 126);
background-color: rgb(0, 80, 62);
color: white;
word-break: keep-all;
}
#nan-contents table.nan-bboard thead td.light {
border: 1px solid rgb(84, 138, 126);
background-color: rgb(115, 179, 92);
color: rgb(0, 80, 62) ;
word-break: keep-all;
}
#nan-contents table.nan-bboard tbody {
}
#nan-contents table.nan-bboard tbody tr {
border: 1px solid rgb(84, 138, 126);
background-color: rgb(26, 98, 81);
}
#nan-contents table.nan-bboard tbody tr th {
border: 1px solid rgb(84, 138, 126);
background-color: rgb(26, 98, 81);
text-align: left;
vertical-align: middle;
word-break: keep-all;
}
#nan-contents table.nan-bboard tbody tr:hover {
}
#nan-contents table.nan-bboard tbody td {
border: 1px solid rgb(84, 138, 126);
background-color: rgb(26, 98, 81);
color: white;
word-break: keep-all;
}
#nan-contents table.nan-bboard tbody td.light {
border: 1px solid rgb(84, 138, 126);
background-color: rgb(115, 179, 92);
color: rgb(0, 80, 62);
word-break: keep-all;
}
#nan-contents table.nan-bboard tbody td:hover {
}
#nan-contents table.nan-bboard tbody td:active {
}
#nan-contents table.nan-bboardbase {
padding: 3em;
word-break: keep-all;
white-space: nowrap;
float: left;
}
#nan-contents table.nan-bboardbase td {
border: 0.5em solid rgb(130, 105, 67);
background-color: rgb(26, 98, 81);
word-break: keep-all;
white-space: nowrap;
}
/* セレクトボックス */
#nan-contents:not([multiple]) select {
font-size: 1em;
background-color: white;
}
/* セレクトボックス 非活性時 */
#nan-contents:not([multiple]) select[disabled] {
font-size: 1em;
background-color: #eeeeee;
}
/* セレクトボックス 操作時 */
#nan-contents select:not([multiple]):focus {
box-shadow: rgba(0, 140, 255, 0.6) 0 0 0.4em 0.2em;
}
/* セレクトボックス 選択オプション */
#nan-contents select:not([multiple]) option {
}
/* リストボックス */
#nan-contents select[multiple] {
background-color: white;
}
/* リストボックス 非活性時*/
#nan-contents select[multiple][disabled] {
background-color: #eeeeee;
}
/* リストボックス 操作時 */
#nan-contents select[multiple]:focus {
box-shadow: rgba(140, 255, 0, 0.6) 0 0 0.4em 0.2em;
}
/* リストボックス 選択オプション */
#nan-contents select[multiple] option {
}
/* 罫線 */
#nan-contents hr {
clear: both;
border-top: 1px dashed #bbb;
border-bottom: 1px dashed #fff;
}
/* グループボックス */
#nan-contents .nan-groupbox {
border: 0.15em solid #E8E8E8;
background-color: #FEFEFE;
border-radius: 0.3em;
padding: 1em;
}
/* ツールチップ */
[class^="nan-tooltip"] {
cursor:help;
}
[class^="nan-tooltip"]:hover,
[class^="nan-tooltip"]:focus {
position: relative;
}
[class^="nan-tooltip"] > .nan-tooltip-body {
display: none;
}
[class^="nan-tooltip"]:hover > .nan-tooltip-body,
[class^="nan-tooltip"]:focus > .nan-tooltip-body {
display: block;
position: absolute; /* relativeからの絶対位置 */
/*top: 2.1em;*/
font-size: 90%;
color: #fff;
background-color: DimGray;/*#51A2C1;*/
min-width: 12em;
max-width: 20em;
padding: 0.4em;
border-radius:3px;
z-index:100;
word-break: break-all;
}
.nan-tooltip:hover > .nan-tooltip-body,
.nan-tooltip:focus > .nan-tooltip-body,
.nan-tooltip-down:hover > .nan-tooltip-body,
.nan-tooltip-down:focus > .nan-tooltip-body {
top: 2.1em;
}
.nan-tooltip-up:hover > .nan-tooltip-body,
.nan-tooltip-up:focus > .nan-tooltip-body {
bottom: 2.1em;
background-color: sienna;
}
.nan-tooltip > .nan-tooltip-body:before,
.nan-tooltip-down > .nan-tooltip-body:before {
content:'';
display:block;
position:absolute; /* relativeからの絶対位置 */
height:0;
width:0;
top:-1em;/*-12px; */
left:1.25em;/*15px;*/
border:0.8em transparent solid;
border-right-width:0;
border-left-color: DimGray;
transform:rotate(270deg); /* 傾きをつける */
-webkit-transform:rotate(270deg);
-o-transform:rotate(270deg);
z-index:100;
}
.nan-tooltip-up > .nan-tooltip-body:before {
content:'';
display:block;
position:absolute;
height:0;
width:0;
z-index:100;
border:0.8em transparent solid;
left:1.25em;
bottom:-1em;
border-right-width:0;
border-left-color: sienna;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
}
/* モーダルウィンドウ（ライトボックス） */
.nan-lightbox {
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
position: absolute;
}
.nan-lightbox > .nan-lightbox-overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
text-indent: -9999px;
position: absolute;
background: #000;
opacity: 0.5;
z-index: 5;
}
.nan-lightbox > .nan-lightbox-body {
top: 50%;
left: 50%;
margin: -12em 0 0 -16em;
width: 32em;
height: 24em;
background: #fff;
padding: 0.8em;
text-align: center;
display: block;
position: absolute;
z-index: 10;
}
@keyframes modalFadeIn {
0% {opacity:0;display:block;}
100% {opacity:1;}
}
.nan-lightbox:target {
animation-name: modalFadeIn;
animation-duration: 0.5s;
animation-iteration-count: 1;
opacity: 1;
display:block;
}
/* footer */
#nan-footer {
bottom: 0;
left: 0;
width: 100%;
height: 4em;
font-size:1em;
white-space: nowrap;
background-color: rgba(230, 230, 230, 0.3);
}
/* コピーライト */
#nan-footer #copyright {
position: absolute;
bottom: 0.2em;
right: 0.4em;
font-size:1em;
}
/* divタグを横並びにする */
#nan-footer div {
float:left;
}
/* 履歴詳細画面 */
span[data-na3-question] { /* 設問中の括弧 */
letter-spacing: 2em;
margin-right: -2em;
}
/* v1.4 アップデート start */
/* ランキング start */
/* ナビゲーションタブ*/
#nan-contents .nav-tabs-rank {
border-bottom: 1px solid #319b94;
}
#nan-contents .nav-tabs-rank > li {
text-align: center;
}
#nan-contents .nav-tabs-rank > li > a {
padding-left: 0px;
padding-right: 0px;
font-size: 1em;
line-height: 0.8;
height: 52px;
}
#nan-contents .nav-tabs-rank > li > a:hover {
}
#nan-contents .nav-tabs-rank > li.active > a,
#nan-contents .nav-tabs-rank > li.active > a:hover,
#nan-contents .nav-tabs-rank > li.active > a:focus {
background-color: #319b94;
color: white;
border: 1px solid #319b94;
}
/* ランキングテーブル td共通 */
.nan-ranking-table-td-common {
/*font-family: Roboto;*/
text-align: center;
border-radius: 0px;
color: rgb(51, 51, 51);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* 前回の順位テキスト */
.nan-ranking-table-td-common.nan-text-last-rank {
font-size: 0.8em;
height: 16px;
width: 32px;
margin: auto;
line-height: 1.2;
}
/* 前回の順位テキスト「位」 */
.nan-ranking-table-td-common.nan-text-last-rank-rank {
font-size: 0.8em;
width: 32px;
height: 16px;
margin: auto;
line-height: 1.2;
}
/* ニックネーム */
.nan-ranking-table-td-common.nan-text-nickname {
font-size: 0.8em;
margin: auto;
}
/* ポイント */
.nan-ranking-table-td-common.nan-text-point {
text-align: right;
font-size: 0.8em;
}
/* ポイント単位 */
.nan-ranking-table-td-common.nan-text-pts {
text-align: right;
font-size: 0.8em;
line-height: 1.0;
}
/* ランキング順位ボタン */
#nan-contents button.nan-button-rank {
position: relative;
box-sizing: border-box;
border: 0px;
background-color: none;
box-shadow: none;
border-radius: 4px;
height: 32px;
width: 32px;
padding: 0px;
white-space: nowrap;
cursor: inherit;
font-size: 0.6em;
background: none;
color: rgb(0, 0, 0);
pointer-events: none;
}
/* ランキング矢印ボタン */
#nan-contents button.nan-button-arrow {
position: relative;
box-sizing: border-box;
border: 0px;
background: none;
box-shadow: none;
color: black;
border-radius: 0px;
padding: 0px;
height: 18px;
max-width: 20px;
left: 0px;
top: 0px;
white-space: nowrap;
cursor: inherit;
font-size: 0.8em;
pointer-events: none;
}
/* ランキング 擬似テーブルヘッダー調整 */
#nan-contents .card {
border: 1px solid #ccc;
background-color: #f0edde;
border-radius: 0;
}
#nan-contents .card-header {
padding: 0 0.6em;
display: flex;
justify-content: space-between;
}
#nan-contents .card-header-title {
margin: auto;
vertical-align: middle;
text-align: center;
font-size: 0.8em;
font-family: Robot;
font-weight: bold;
}
#nan-contents .ranking-sel {
height: 10px;
vertical-align: middle;
font-size: 0.6em;
}
#nan-contents .card-body {
overflow-y: auto;
height: 472px; /*td(height)*10行+α*/
}
/* ランキングテーブル */
#nan-contents table.nan-ranking-table {
table-layout: fixed;
}
#nan-contents table.nan-ranking-table colgroup col.col1 {
width: 15%;
}
#nan-contents table.nan-ranking-table colgroup col.col2 {
width: 15%;
}
#nan-contents table.nan-ranking-table colgroup col.col3 {
width: 50%;
}
#nan-contents table.nan-ranking-table colgroup col.col4 {
width: 20%;
}
#nan-contents table.nan-ranking-table tr {
}
#nan-contents table.nan-ranking-table td {
overflow: hidden;
padding: 0.2em 0.2em;
height: 60px; /*サイズ変更時はHTML側も要修正*/
vertical-align: middle;
text-align: center;
}
#nan-contents table.nan-ranking-table td.rank {
border-right-style: none;
}
#nan-contents table.nan-ranking-table td.last-rank {
border-left-style: none;
border-right-style: none;
}
#nan-contents table.nan-ranking-table td.nickname {
border-left-style: none;
border-right-style: none;
}
#nan-contents table.nan-ranking-table td.point {
border-left-style: none;
text-align: right;
}
/*スワイプ
.swiper-slide {
-webkit-overflow-scrolling: touch;
padding: 0;
}
@media (min-width: 980px) {
.swiper-pagination {
display: none;
}
}
/* ランキング end */
/* v1.4 アップデート end */