@charset "UTF-8";
/* base.css 2022/8/24 */

/* ###################################################################################################################################################### */
/* ##################################################              共通項目(Mobile First)              ################################################## */
/* ###################################################################################################################################################### */
  html {font-size:16px;line-height:1.1;text-align:center;}
  body {-webkit-text-size-adjust:100%;}
  body {font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI','Hiragino Kaku Gothic ProN','Yu Gothic Medium',sans-serif;}
/*  body {font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","sans-serif";} */
  body {background:#000040; color:yellow;}
/* ───── テーマ ─────  */
    body1 {background:lightpink; color:black;}
    body3 {background:green; color:white;}
    body4 {background:blue; color:white;}
    body5 {background:red; color:white;}
    body6 {background-image:url("bg.gif");background-repeat:repeat; color:black;}
/* ───── wrapper ─────  */
  div#wrapper {width:100%;}

/* ─────  header･footer ─────  */
  p {text-align:center}    /* foot */
  header p.box {margin-left:auto;margin-right:auto;min-width:300px;max-width:490px;padding:5px;border-style:solid;border-width:1px;border-radius:5px;background-color:white;text-align:left;font-size:80%;color:black;}
  header div.left {text-align:left;font-size:0.75rem;}
  header div.right {text-align:right;font-size:1.0rem;}
  header div.left {text-align:center;font-size:0.75rem;}
  footer {font-size:0.8rem;}    /* foot */
/* ───── main ─────  */
  main2 {display:flex;flex-flow:column wrap;}
/* ───── artile ─────  */
  article#form {text-align:left;}  /*  ujform */
  article#guidance {margin:0 auto;min-width:310px;max-width:500px;font-size:0.9rem;text-align:left;}
  article#guidance h3 {margin:10px;font-size:1.5rem;color:white;text-decoration:underline;}
  article#guidance li {margin-left:40px;list-style-position:outside;list-style-type:decimal;line-height:1.5;}
/* ───── nav ─────  */
  nav {display:block;width:100%;margin:0.25rem 0;text-align:left;}  /*  ejsel */
  nav.sub {min-height:100vh;}  /*  index */
/* ───── asaide ─────  */
  aside#footnote {margin:1rem auto;padding:0 10px;}
  aside#footnote p#number {margin-right:0;font-size:0.9rem;float:right;}
  aside#footnote div#navigation {margin-left:0;font-size:0.9rem;}
  aside#information {margin:1rem auto; padding:0 10px;text-align:left;font-size:1rem;}
  aside.ads {margin:0.5rem 0;display:inline-block;}
  aside.ads-idx {margin:1rem;display:block;float:left;}
  aside.debug {width:100%;display:block;text-align:left;white-space:pre-line;}
/* ─────  section ─────  */





/* ───── div ─────  */
  div.flex_sb {display:flex;flex-flow:row wrap;justify-content:space-between;}    /* foot */
  div.Mc {float:left; margin:0.1rem; padding:0.2rem; border-style:solid;  border-color:#ff0000; font-size:0.8rem; font-weight:bold;}
  div.M  {float:left; margin:0.1rem; padding:0.2rem; border-style:double; border-color:#ff0000; font-size:0.8rem; font-weight:bold;}
  div.Tc {float:left; margin:0.1rem; padding:0.2rem; border-style:solid;  border-color:#000000; font-size:0.8rem;}
  div.T  {float:left; margin:0.1rem; padding:0.2rem; border-style:double; border-color:#000000; font-size:0.8rem;}
  div.Ts {float:left; margin:0.1rem; padding:0.2rem; border-style:double; border-color:#000000; font-size:0.8rem;}

/* 文字サイズ */
  .fs13 {font-size:1.3rem;}
  .fs12 {font-size:1.2rem;}
  .fs11 {font-size:1.1rem;}
  .fs10 {font-size:1rem;}
  .fs9 {font-size:0.9rem;}
  .fs8 {font-size:0.8rem;}
  .fs7 {font-size:0.7rem;}
  .fs6 {font-size:0.6rem;}
  h1 {font-size:1.5rem;font-weight:bold;}
  h2 {font-size:1.4rem;font-weight:bold;}
  h3 {font-size:1.3rem;font-weight:bold;}
  h4 {font-size:1.2rem;font-weight:bold;}
  h5 {font-size:1.1rem;font-weight:bold;}
/* 文字太さ */
  .fwb {font-weight:bold;}     /* ej haichi */
/* 幅(文字数+余白0.5) block・inline-block限定 */
  .ws1 {width:1.5rem;max-width:2.5rem}
  .ws2 {width:2.5rem;max-width:3.5rem}
  .ws3 {width:3.5rem;max-width:4.5rem}
  .ws4 {width:4.5rem;max-width:5.5rem}
  .ws5 {width:5.5rem;max-width:6.5rem}
  .ws6 {width:6.5rem;max-width:7.5rem}
  .ws7 {width:7.5rem;max-width:8.5rem}
  .ws8 {width:8.5rem;max-width:9.5rem}
  .ws9 {width:9.5rem;max-width:10.5rem}
  .ws10 {width:10.5rem;max-width:11.5rem}
  .ws11 {width:11.5rem;max-width:12.5rem}
  .ws12 {width:12.5rem;max-width:13.5rem}
  .ws13 {width:13.5rem;max-width:14.5rem}
  .ws14 {width:14.5rem;max-width:15.5rem}
  .ws15 {width:15.5rem;max-width:16.5rem}
/* 高さ(文字数) block・inline-block限定 */
  .hs5 {width:5rem;}
  .hs10 {width:10rem;}
  .hs15 {width:15rem;}
  .hs20 {width:20rem;}
  .hs25 {width:25rem;}
  .hs30 {width:30rem;}
/* リンク */
  a {text-decoration:none;}
  table#uj a:hover {display:block;color:black;background-color:gold;}
  table#uj td a {display:block; color:inherit; font:inherit;}
  table#uj th a {display:block; color:inherit; font:inherit;}
/* 枠全体にリンクを張る */
  a.all {display:block;width:100%;height:100%; text-decoration: none;}    /* Link */
  a.all:hover {background-color:lightgreen; color: red;}    /* Link */
/* ボタン */
 .btn-xxl {-webkit-appearance:none;display:inline-block;margin:16px;background-color:yellow;border-style:outset;border-radius:6px;border-width:2px;border-color:orange;padding:4px;text-align:center;font-size:1.5rem;font-weight:bold;color:black;}
 .btn-xl  {-webkit-appearance:none;display:inline-block;margin:14px;background-color:yellow;border-style:outset;border-radius:6px;border-width:2px;border-color:orange;padding:4px;text-align:center;font-size:1.4rem;font-weight:bold;color:black;}
 .btn-l   {-webkit-appearance:none;display:inline-block;margin:12px;background-color:yellow;border-style:outset;border-radius:5px;border-width:2px;border-color:orange;padding:4px;text-align:center;font-size:1.3rem;font-weight:bold;color:black;}
 .btn-m,#ej a   {-webkit-appearance:none;display:inline-block;margin:7px; background-color:yellow;border-style:outset;border-radius:5px;border-width:2px;border-color:orange;padding:3px;text-align:center;font-size:1.2rem;font-weight:bold;color:black;}
 .btn-s   {-webkit-appearance:none;display:inline-block;margin:5px; background-color:yellow;border-style:outset;border-radius:3px;border-width:2px;border-color:orange;padding:2px;text-align:center;font-size:1rem;  font-weight:bold;color:black;}
 .btn-xs  {-webkit-appearance:none;display:inline-block;margin:3px; background-color:yellow;border-style:outset;border-radius:3px;border-width:2px;border-color:orange;padding:2px;text-align:center;font-size:0.8rem;font-weight:bold;color:black;}
 .btn-xxs  {-webkit-appearance:none;display:inline-block;margin:3px; background-color:yellow;border-style:outset;border-radius:3px;border-width:2px;border-color:orange;padding:2px;text-align:center;font-size:0.6rem;font-weight:bold;color:black;}
 a,a:visited {color:black;}
 a:hover,input.btn-xxl:hover,input.btn-xl:hover,input.btn-l:hover,input.btn-m:hover,input.btn-s:hover,input.btn-xs:hover {background-color:orange;}
 a:active,input.btn-xxl:active,input.btn-xl:active,input.btn-l:active,input.btn-m:active,input.btn-s:active,input.btn-xs:active {background-color:black;}
/* リスト */
  ul.h_left   {display:flex;flex-flow:row wrap;}  /* 横並 ejsel */
  ul.h_right  {display:flex;flex-flow:row wrap;justify-content:flex-end;}  /* 横並 */
  ul.h_center {display:flex;flex-flow:row wrap;justify-content:center;}  /* 横並 */
  ul.v {display:flex;flex-flow:column wrap;}  /*縦並び  */
  ul.info {margin-left:1.2rem;list-style:disc outside;font-size:1rem;} /* uj ujform ej */
/* その他 */
  textarea,label,select,input{vertical-align:middle;}  /* ujform */
/* #################### 配置 #################### */
/* 配置 */
  .left {display:block;text-align:left;}    /* foot */
  .right {display:block;text-align:right;}    /* foot */
  .center {text-align:center;}
/* #################### 入力フォーム #################### */
  form {font-size:1.3rem;text-align:left;}
  form select::-ms-expand {display:none;}
  select {-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;border-radius:5px;-webkit-border-radius:5px;font-size:1.2rem;background-color:white;color:black;}
  input[type="date"],input[type="email"],input[type="file"],input[type="number"],input[type="password"],input[type="tel"],input[type="text"],input[type="textarea"],input[type="time"],input[type="url"] 
      {-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;border-radius:5px;-webkit-border-radius:5px;font-size:1.2rem;background-color:white;}
  input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}  /* 数字の上下ボタンなし */
/* #################### テーブル #################### */
  caption {text-align:left;color:yellow;}
  /*tr,td {display:block;}
  /*tr td {display:block;width:100%;height:100%;}
/* 基本のテーブル */
  table {width:100%; border:solid 1px darkgray; border-collapse:collapse; background:ivory; color:black;}
  table tr {height:1.5rem;}
  table th {padding:1px; border:solid 1px darkgray; vertical-align:middle; text-align:center;}
  table td {padding:1px; border:solid 1px darkgray; vertical-align:middle; text-align:left;}
/* 線のないテーブル */
  table#hidden {width:100%; border-style:none;}
  table#hidden th {border-style:none; vertical-align:middle; text-align:center;}
  table#hidden td {border-style:none; vertical-align:middle;}
/* 確認印テーブル */
  table#checkbox {display:none;}
/* 1行毎に色を変える */
  .list thead tr th {background-color:#98fb98;}
  .list thead tr td {background-color:#98fb98;}
  .list tbody tr:nth-child(2n-1) th {background-color:#fffff0;}
  .list tbody tr:nth-child(2n-1) td {background-color:#fffff0;}
  .list tbody tr:nth-child(2n) th {background-color:#fffacd;}
  .list tbody tr:nth-child(2n) td {background-color:#fffacd;}
  .list tfoot tr th {background-color:#e0ffff;}
  .list tfoot tr td {background-color:#e0ffff;}
/* 2行毎に色を変える */
  .list2 thead tr th {background-color:#98fb98;}
  .list2 thead tr td {background-color:#98fb98;}
  .list2 tbody tr:nth-child(4n-3) th {background-color:#fffff0;}
  .list2 tbody tr:nth-child(4n-3) td {background-color:#fffff0;}
  .list2 tbody tr:nth-child(4n-2) th {background-color:#fffff0;}
  .list2 tbody tr:nth-child(4n-2) td {background-color:#fffff0;}
  .list2 tbody tr:nth-child(4n-1) th {background-color:#fffacd;}
  .list2 tbody tr:nth-child(4n-1) td {background-color:#fffacd;}
  .list2 tbody tr:nth-child(4n) th {background-color:#fffacd;}
  .list2 tbody tr:nth-child(4n) td {background-color:#fffacd;}
  .list2 tfoot tr th {background-color:#e0ffff;}
  .list2 tfoot tr td {background-color:#e0ffff;}
/* 2行毎(PCは1行毎)に色を変える */
  .list21 thead tr th {background-color:#98fb98;}
  .list21 thead tr td {background-color:#98fb98;}
  .list21 tbody tr:nth-child(4n-3) th {background-color:#fffff0;}
  .list21 tbody tr:nth-child(4n-3) td {background-color:#fffff0;}
  .list21 tbody tr:nth-child(4n-2) th {background-color:#fffff0;}
  .list21 tbody tr:nth-child(4n-2) td {background-color:#fffff0;}
  .list21 tbody tr:nth-child(4n-1) th {background-color:#fffacd;}
  .list21 tbody tr:nth-child(4n-1) td {background-color:#fffacd;}
  .list21 tbody tr:nth-child(4n) th {background-color:#fffacd;}
  .list21 tbody tr:nth-child(4n) td {background-color:#fffacd;}
  .list21 tfoot tr th {background-color:#e0ffff;}
  .list21 tfoot tr td {background-color:#e0ffff;}
/* テーブル色 */
  .tcolor0 th {background-color:#98fb98 !important;}
  .tcolor0 td {background-color:#98fb98 !important;}
  .tcolor1 th {background-color:#fffff0 !important;}
  .tcolor1 td {background-color:#fffff0 !important;}
  .tcolor2 th {background-color:#fffacd !important;}
  .tcolor2 td {background-color:#fffacd !important;}
/* 文字の配置 */
  table.list td {text-align:left;}
  table.list td.right {text-align:right;}
  table.list td.center {text-align:center;}
  table#list td {text-align:left;}
  table#list td.right {text-align:right;}
  table#list td.center {text-align:center;}
  .fix_v {position:sticky; left:0; top:0; z-index:1; &:before{content:""; position:absolute; top:-1px; left:-1px; width:100%; height:100%; border:1px solid#ccc;}}
  .fix {position:sticky; left:0; top:0; &:before{content:""; position:absolute; top:-1px; left:-1px; width:100%; height:100%; border:1px solid#ccc;}}
/* #################### 色・装飾指定 #################### */
/* 汎用 */
  .lime {color:lime;}
/* 会社色 */
  .jrh {background-color:#2CB431; color:white;}
  .jre {background-color:#00833F; color:white;}
  .jrc {background-color:#FF6633; color:white;}
  .jrw {background-color:#0072BC; color:white;}
  .jrs {background-color:#00ACD1; color:white;}
  .jrk {background-color:#FF0000; color:white;}
  .jrf {background-color:#5F7F9F; color:white;}
  .other {background-color:lavender; color:black;}
/* 曜日色（見出し行） */
  .sunday {width:3.5rem; background-color:mistyrose; color:red; font:italic 1.1rem arial;}
  .weekday {width:3.5rem; background-color:white; color:black; font:italic 1.1rem arial;}
  .saturday {width:3.5rem; background-color:powderblue; color:blue; font:italic 1.1rem arial;}
  .holiday {width:3.5rem; background-color:mistyrose; color:red; font:italic 1.1rem arial;}
  .futuresunday {width:30px; background-color:mistyrose; color:red; font-size:1rem;}
  .futureweekday {width:30px; background-color:white; color:black; font-size:1rem;}
  .futuresaturday {width:30px; background-color:powderblue; color:blue; font-size:1rem;}
  .futureholiday {width:30px; background-color:mistyrose; color:red; font-size:1rem;}
/* 曜日色（データ行） */
  .bg-sunday {background-color:mistyrose;}
  .bg-weekday {background-color:white;}
  .bg-saturday {background-color:powderblue;}
  .bg-holiday {background-color:mistyrose;}
/* 機関車番号色 */
  .silver {color:silver; font:bold 1.1rem 'Helvetica Neue',Arial;}
  .white {color:white; font:bold 1.1rem 'Helvetica Neue',Arial;}
  .red {color:red; font:bold 1.1rem 'Helvetica Neue',Arial;}
  .yellow {color:yellow; font:bold 1.1rem 'Helvetica Neue',Arial;}
  .gold {color:gold; font:bold 1.1rem 'Helvetica Neue',Arial;}
  .black {color:black; font:bold 1.1rem 'Helvetica Neue',Arial;}
  .navy {color:navy; font:bold 1.1rem 'Helvetica Neue',Arial;}
  .blue {color:blue; font:bold 1.1rem 'Helvetica Neue',Arial;}
  .gray {color:gray; font:bold 1.1rem 'Helvetica Neue',Arial;}
  .olive {color:olive; font:bold 1.1rem 'Helvetica Neue',Arial;}             /* EF81-300 */
  .navajowhite {color:navajowhite; font:bold 1.1rem 'Helvetica Neue',Arial;} /* ｸﾓﾔ443 */
/* 機関車車体色とメモの色 */
  .bg-black {background:black;}             .mm-black {display:block;color:white;font-size:0.6rem;}          /* SL */
  .bg-maroon {background:#413027;}          .mm-maroon {display:block;color:white;font-size:0.6rem;}         /* ぶどう色2号 EL65 */
  .bg-mediumblue {background:mediumblue;}   .mm-mediumblue {display:block;color:white;font-size:0.6rem;}     /*  */
  .bg-palevioletred {background:#d7646b;}   .mm-palevioletred {display:block;color:black;font-size:0.6rem;}  /* ×赤13号 EL81 */
  .bg-lightcoral {background:lightcoral;}   .mm-lightcoral {display:block;color:black;font-size:0.6rem;}     /* 赤13号 EL81 */
  .bg-crimson {background:#c60000;}         .mm-crimson {display:block;color:white;font-size:0.6rem;}        /* 赤2号 EL75,76,81 */
  .bg-firebrick {background:firebrick;}     .mm-firebrick {display:block;color:white;font-size:0.6rem;}      /*  */
  .bg-indianred {background:indianred;}     .mm-indianred {display:block;color:white;font-size:0.6rem;}      /*  */
  .bg-red {background:red;}                 .mm-red {display:block;color:white;font-size:0.6rem;}            /*  */
  .bg-blue {background:blue;}               .mm-blue {display:block;color:white;font-size:0.6rem;}           /*  */
  .bg-silver {background:silver;}           .mm-silver {display:block;color:green;font-size:0.6rem;}         /* EL81-300 */
  .bg-cornflowerblue {background:#4f95d0;}  .mm-cornflowerblue {display:block;color:black;font-size:0.6rem;} /*  */
  .bg-navy {background:navy;}               .mm-navy {display:block;color:white;font-size:0.6rem;}           /*  */
  .bg-khaki {background:khaki;}             .mm-khaki {display:block;color:black;font-size:0.6rem;}          /*  */
  .bg-aqua {background:aqua;}               .mm-aqua {display:block;color:black;font-size:0.6rem;}           /*  */
  .bg-royalblue {background:royalblue;}     .mm-royalblue {display:block;color:white;font-size:0.6rem;}      /*  */
  .bg-orangered {background:orangered;}     .mm-orangered {display:block;color:black;font-size:0.6rem;}      /*  */
  .bg-darkred {background:darkred;}         .mm-darkred {display:block;color:white;font-size:0.6rem;}        /*  */
  .bg-deepskyblue {background:deepskyblue;} .mm-deepskyblue {display:block;color:white;font-size:0.6rem;}    /*  */
  .bg-darkgreen {background:darkgreen;}     .mm-darkgreen {display:block;color:white;font-size:0.6rem;}      /* トワイライト色 */
  .bg-green {background:green;}             .mm-green {display:block;color:white;font-size:0.6rem;}          /*  */
  .bg-yellow {background:yellow;}           .mm-yellow {display:block;color:black;font-size:0.6rem;}         /* ｷﾔ95 */
  .bg-darkred {background:#420001;}         .mm-darkred {display:block;color:white;font-size:0.6rem;}        /* ななつ星号 */
  .bg-white {background:white;}             .mm-white {display:block;color:green;font-size:0.6rem;}
  .bg-gray {background:lightgrey;}
/* 国鉄色 */
  .bg-budo2 {background:#413027;}	/* ぶどう色2号 EL65 */
  .bg-syu4 {background:#B53D27;}	/* 朱色4号 DL51,10,11 */
  .bg-aka2 {background:#852B32;}	/* 赤2号 EL75,76,81 */
  .bg-aka13 {background:#88474B;}	/* 赤13号 EL81 */
  .bg-ao15 {background:#234059;}	/* 青15号 EL */
  .bg-ao22 {background:#00859E;}	/* 青22号 コンテナブルー */
  .bg-kuri1 {background:#D6BC96;}	/* クリーム1号 EL */
  .bg-aka11 {background:#C32829;}	/* 赤11号 EL67 */
  .bg-nazu1 {background:#767676;}	/* ねずみ色1号 DL51,10,11 */
  .bg-kuro {background:#2A2A2A;}	/* 黒 SL */
/* その他 */
  .bg-ivory {background:ivory;}
/* 文字装飾 */
  span.maru {border:solid 1px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding:0em 0.2em; font-size:0.9em; font-weight:bold;}
  span.akamaru {border:solid #ff0000 1px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding:0em 0.2em; font-size:0.9em; font-weight:bold; color:#ff0000;}
  span.kimaru {border:solid #ffff00 1px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding:0em 0.2em; font-size:0.9em; font-weight:bold; color:#ffff00;}
  span.aomaru {border:solid #0000ff 1px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding:0em 0.2em; font-size:0.9em; font-weight:bold; color:#0000ff;}
  span.shiromaru {border:solid #ffffff 1px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding:0em 0.2em; font-size:0.9em; font-weight:bold; color:#ffffff;}
  span.ginkaku {border:solid #C0C0C0 3px;  padding:0em 0.1em; font-size:0.95em; font-weight:bold; color:#ffffff;}
/* #################### 運用状況表切替項目 #################### */
  tr.thick th {border-top:solid 2px #000040 !important;}
  tr.thick td {border-top:solid 2px #000040 !important;}
  tr.medium th {border-top:solid 2px darkgray !important;}
  tr.medium td {border-top:solid 2px darkgray !important;}
  tr.thin th {border-top:solid 1px darkgray !important;}
  tr.thin td {border-top:solid 1px darkgray !important;}
  tr.detail {display:none;}
/* #################### 画像用 #################### */
  img.zoom {-webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out;}
  img.zoom:hover {-webkit-transform:scale(1.5,1.5); -moz-transform:scale(1.5,1.5); -ms-transform:scale(1.5,1.5); -o-transform:scale(1.5,1.5); transform:scale(1.5,1.5);}
/* #################### index(mobile用) #################### */
  /*main {display:flex;flex-flow:column wrap;}*/
  nav.single   {margin:5px auto;width:330px;display:block;}
  nav.multiple {margin:5px auto;width:310px;display:block;border-radius:10px;-webkit-border-radius:10px;padding:5px;text-align:center;text-decoration:none;font-weight:bold;font-size:100%;color:black;background-color:lightgrey;}
  nav.sub {margin:5px auto;width:310px;display:block;border-radius:10px;-webkit-border-radius:10px;padding:5px;text-align:center;text-decoration:none;font-weight:bold;font-size:100%;}
  nav.sub h2 {text-align:left;font-size:1.2rem;}
  aside.menu {margin:5px auto;width:330px;display:block;text-align:left;}
  ul.single,ul.double,ul.triple,ul.single-g,ul.double-g,ul.triple-g {display:flex;flex-flow:row wrap;}
  ul.double li a   {margin:5px; width:141px;font-size:0.9rem;display:block;list-style-type:none;border-radius:10px;-webkit-border-radius:10px;padding:10px 0px;text-align:center;text-decoration:none;font-weight:bold;color:black;background-color: yellow;}
  ul.triple li a   {margin:5px; width:93px; font-size:1rem;display:block;list-style-type:none;border-radius:10px;-webkit-border-radius:10px;padding:10px 0px;text-align:center;text-decoration:none;font-weight:bold;color:black;background-color: yellow;}
  ul.single-g li a {margin:5px; width:320px;font-size:1.4rem;display:block;list-style-type:none;border-radius:10px;-webkit-border-radius:10px;padding:10px 0px;text-align:center;text-decoration:none;font-weight:bold;color:black;background-color: #33ff33;background:-webkit-gradient(linear, left top, left bottom, from(#ffff99), to(#33ff33));}
  ul.triple-g li a {margin:5px; width:93px; font-size:1rem;display:block;list-style-type:none;border-radius:10px;-webkit-border-radius:10px;padding:10px 0px;text-align:center;text-decoration:none;font-weight:bold;color:black;background-color: #33ff33;background:-webkit-gradient(linear, left top, left bottom, from(#ffff99), to(#33ff33));}
/* ###################################################################################################################################################### */
/* ###############################################               MobilePhone(縦)【-480.98】               ############################################### */
/* ###################################################################################################################################################### */
/* .tb{display: table; width:100%; table-layout: fixed;} */
.tb{display: table; width:100%;}
.tr {display: table-row;}
.tc {display: table-cell; border: 1px solid;}

 /* ───── display ───── */
  .tab {display:none;}
  .dsk {display:none;}
  .wdsk {display:none;}
  .no_tab_th {display:table-cell;}
  .no_dsk_th {display:table-cell;}
  .no_wdsk_th {display:table-cell;}
  .tab_th {display:none;}
  .dsk_th {display:none;}
  .wdsk_th {display:none;}
/* ---------- index(desktop修正) ---------- */
  /*nav#left-menu,nav#right-menu {display:none}*/
  li.sub {margin:10px 0; min-height:100vh; list-style-type:none;text-align:center;}
  li.sub h1{text-align:center;}
/* ###################################################################################################################################################### */
/* ############################################          Tablet(縦) ・ MobilePhone(横)【481-979,98】         ############################################ */
/* ###################################################################################################################################################### */
@media screen and (min-width: 481px) {
 /* ───── display ───── */
  .no_tab {display:none !important;}
  .tab {display:initial;}
  .no_tab_th {display:none !important;}
  .tab_th {display:table-cell !important;}

  div#wrapper {margin:10px auto;width:540px;display:block;}
  aside.ads {display:inline-block;margin:1rem;}
/* ---------- index(mobile.desktop修正) ---------- */
  nav.single,nav.multiple,nav.sub,aside.menu {width:540px;}
}
/* ###################################################################################################################################################### */
/* ################################################           Desktop・Tablet(横)【980-1299.98】          ############################################### */
/* ###################################################################################################################################################### */
@media screen and (min-width:980px) {
 /* ───── display ───── */
  .no_dsk {display:none !important;}
  .dsk {display:initial;}
  .no_dsk_th {display:none !important;}
  .dsk_th {display:table-cell !important;}

  div#wrapper {margin:10px auto;min-width:980px;display:block;}

 /* ───── table ───── */
  .list21 tbody tr:nth-child(4n-2) th {background-color:#fffacd;}
  .list21 tbody tr:nth-child(4n-2) td {background-color:#fffacd;}
  .list21 tbody tr:nth-child(4n-1) th {background-color:#fffff0;}
  .list21 tbody tr:nth-child(4n-1) td {background-color:#fffff0;}
/* ---------- index(desktop用) ---------- */
  div#upper_part,div#center_part,div#under_part {display:flex;}
  nav#left-menu   {margin-right:5px;width:185px;background-color:khaki;flex-grow:1;}
  nav#center-menu {margin:10px;width:580px;background-color:blue;flex-grow:1;}
  nav#right-menu  {margin-left:5px;;width:185px;background-color:khaki;flex-grow:1;}
  a.submenu {margin-bottom:5px;margin-left:0px;padding:5px;width:170px;height:20px;text-align:center;text-decoration:none;font-size:1rem;color:navy;font-weight:bold;
             display:block;background-color:yellow;border-color:gold;border-width:2px;border-style:outset;position:relative;border-radius:5px;}/* 幅=180-角丸5x2 */
  a:hover.submenu,ul.popup a:hover {background-color:gold;color:black;border-style:inset;} 

  #left-menu  li {margin-left:0;padding-left:0;list-style-type:none;list-style-position:outside;position:relative;}
  #right-menu li {margin-right:0;padding-right:0;list-style-type:none;list-style-position:outside;position:relative;}
  li.sub {min-height:initial;}


  .mega-menu ul .sub-container {margin:0;padding:5px;position:absolute;float:left;display:block;}
  .mega-menu li .sub-container {margin:0;padding:10px;;position:absolute;}
  ul.popup {margin-top:0;padding:10px;display:block;position:absolute;}
  ul.popup li {margin:0px;padding:0px;width:140px;text-align:center;font-weight:bold;position:absolute;float:left;}
  ul.popup h2 {margin:0px;padding:0px;font-weight:bold;font-size:1rem;}
  ul.popup a {margin:4px;padding:0px 4px;width:120px;text-align:center;text-decoration:none;font-weight:bold;font-size:0.8rem;color:navy;
              display:block;background-color:yellow;border-color:gold;border-width:2px;border-style:outset;position:relative;border-radius:5px;}
  ul.triple li a {margin:1px;width:130px;padding:1px 0px;font-size:0.8rem;}
  ul.double li a {margin:1px;width:130px;padding:1px 0px;font-size:0.8rem;}

}
/* ###################################################################################################################################################### */
/* ##################################################               WideDesktop【1300-】              ################################################## */
/* ###################################################################################################################################################### */
@media screen and (min-width: 1300px) {
 /* ───── display ───── */
  .no_wdsk {display:none !important;}
  .wdsk {display:initial;}
  .no_wdsk_th {display:none !important;}
  .wdsk_th {display:table-cell !important;}
}