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

/* ボタンに NEW 付ける基準位置 */
.menu01, .menu02, .menu03, .menu04, .menu05,
.menu06, .menu07, .menu08, .menu09, .menu10,
.menu11, .menu12, .menu13, .menu14, .menu15,
.menu16 {
  position: relative;
}

/* ボタンに NEW 追加して使用します（位置移動） */
/*
.menu01::after, .menu02::after, .menu03::after,
.menu04::after, .menu06::after, .menu07::after,
.menu10::after, .menu11::after, .menu12::after,
.menu13::after, .menu14::after, .menu15::after,
.menu16::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 9px);
  right: 10px;
  width: 29px;
  height: 18px;
  z-index: 3;
  background: center / contain no-repeat url(../images/icon_new.svg);
}*/

/* ボタンに externalマーク 追加して使用します */
.menu10::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 8px);
  right: 15px;
  width: 16px;
  height: 16px;
  z-index: 3;
  background: center / contain no-repeat url("../images/external.png");
}

/*
<li class="menu00"><a href="../">HOME</a></li>
<li class="menu01"><a href="../greeting/">会長挨拶</a></li>
<li class="menu02"><a href="../info/">開催概要</a></li>
<li class="menu03"><a href="../endai/">演題募集の案内</a></li>
<li class="menu04"><a href="../program/">プログラム</a></li>
<li class="menu05"><a href="../seminar/">併設会議、併設コース</a></li>
<li class="menu06"><a href="../luncheon-handson/">ランチョンセミナー・<br class="sp_none">ハンズオンセミナー</a></li>
<li class="menu07"><a href="../registration/">参加登録の案内</a></li>
<li class="menu08"><a href="../participants/">学会参加の皆様へ</a></li>
<li class="menu09"><a href="../speaker/">座長・演者の皆様へ</a></li>
<li class="menu10"><a href="../access/">交通・会場案内</a></li>
<li class="menu11"><a href="../sponsor/">企業の皆様へ</a></li>
<li class="menu12"><a href="../syukuhaku/">宿泊案内</a></li>
<li class="menu13"><a href="../nursery/">託児のご案内</a></li>
<li class="menu14"><a href="../press/">報道関係者の皆様へ</a></li>
<li class="menu15"><a href="../pr/">関連学会告知・広報について</a></li>
<li class="menu16"><a href="../link/">リンク</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,
  .menu11::after, .menu12::after,
  .menu13::after, .menu14::after, .menu15::after,
  .menu16::after {
    right: 2px;
    top: 0;
  }
  .menu10::after {
  top: calc(50% - 8px);
  right: 15px;
  }
}

/*------------------------------------------*/
/* スマホ用 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, .menu15::after,
  .menu16::after {
    right: 1.2em;
    top: calc(50% - 9px);
  }
/* 下記は削除しない */
}