/* ボタン押せない */
/* li.menu03 > a {
  background-color: #E2E2E2 !important;
  pointer-events: none;
  color: #999 !important;
} */

/* ボタンに NEW 付ける基準位置 */
.menu01, .menu02, .menu03, .menu04, .menu05,
.menu06, .menu07, .menu08, .menu09, .menu10,
.menu11, .menu12, .menu13, .menu14 {
  position: relative;
}
/* ボタンに NEW 追加して使用します */
/*.menu02::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 7px);
  right: 36px;
  width: 32px;
  height: 18px;
  z-index: 3;
  background: url(../images/icon_new.svg) no-repeat;
}*/

/* ボタンに 受付中 追加して使用します */
.menu14::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 9px);
  right: 26px;
  width: 37px;
  height: 18px;
  z-index: 3;
  background: url(../images/icon_uketsuketyu.png) no-repeat;
}

/* externalマーク */
.menu10::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 6px);
  right: 1.2em;
  background: url(../images/external_bule.png) no-repeat;
  width: 12px;
  height: 12px;
  z-index: 3;
}

/*
<li class="menu00"><a href="./" class="on">HOME</a></li>
<li class="menu01"><a href="greeting/">会長挨拶</a></li>
<li class="menu02"><a href="info/">開催概要</a></li>
<li class="menu03"><a href="program/">プログラム・日程表</a></li>
<li class="menu04"><a href="handson/">ハンズオンセミナー</a></li>
<li class="menu05"><a href="sanka/">参加者の皆様へ</a></li>
<li class="menu06"><a href="speaker/">座長・演者の皆様へ</a></li>
<li class="menu07"><a href="print/">ポスタープリントサービスのご案内</a></li>
<li class="menu08"><a href="tani/">単位のご案内</a></li>
<li class="menu09"><a href="shitei/">日本関節病学会 認定制度 指定講演</a></li>
<li class="menu10"><a href="access/">交通・会場案内</a></li>
<li class="menu11"><a href="coi/">筆頭演者の利益相反開示について</a></li>
<li class="menu12"><a href="sponsor/">企業協賛</a></li>
<li class="menu13"><a href="syukuhaku/">宿泊のご案内</a></li>
<li class="menu14"><a href="endai/">演題募集</a></li>
<li class="menu15"><a href="press/">プレスの皆様へ</a></li>
<li class="menu16"><a href="poster/">会期中ポスター・チラシ設置のお申込み</a></li>
<li class="menu17"><a href="links/">関連リンク</a></li>
<li class="menu18"><a href="contact/">問い合わせ</a></li>
<li class="menu19"><a href="reply/">オンラインリプライフォーム</a></li>
 */

/*------------------------------------------*/
/* タブレット用 767px */
/*------------------------------------------*/

@media screen and (max-width:959px){
  /* 右からの位置を調整しています */
  .menu01::after, .menu02::after, .menu03::after,
  .menu04::after, .menu05::after, .menu06::after,
  .menu07::after, .menu08::after, .menu09::after,
  .menu10::after, .menu11::after, .menu12::after,
  .menu13::after, .menu14::after {
    top: calc(50% - 7px);
    right: 1.25em;
  }

/* 下記は削除しない */
}

/*------------------------------------------*/
/* スマホ用 767px */
/*------------------------------------------*/

@media screen and (max-width:767px){
  /* 右からの位置を調整しています */
  .menu01::after, .menu02::after, .menu03::after,
  .menu04::after, .menu05::after, .menu06::after,
  .menu07::after, .menu08::after, .menu09::after,
  .menu10::after, .menu11::after, .menu12::after,
  .menu13::after, .menu14::after {
    top: calc(50% - 7px);
    right: 2em;
  }

/* 下記は削除しない */
}