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

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


/*
<li class="menu01"><a href="../info/" class="on">General Information</a></li>
<li class="menu02"><a href="../greeting/">Welcome Message</a></li>
<li class="menu03"><a href="../access/">Access</a></li>
<li class="menu04"><a href="../program/">Program</a></li>
<li class="menu05"><a href="../registration/">Registration</a></li>
<li class="menu06"><a href="../presentation/">Presentation Guidelines</a></li>
<li class="menu07"><a href="../abstracts/">Call for Abstracts /<br class="sp_none">Acceptance Results</a></li>
<li class="menu08"><a href="../links/">Link / Collaboration</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 {
  top: calc(50% - 22px);
  }

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

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

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

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