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

/* ボタンに NEW 付ける基準位置 */
ul.menu > li.new {
  position: relative;
}

/* ボタンに NEW 追加して使用します（位置移動） */
/*ul.menu > li.new::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.4em;
  width: min(30px,3.125vw);
  height: min(13px, 1.3541666667vw);
  z-index: 3;
  background: url(../images/icon_new.svg) no-repeat;
}
ul.menu > li.menu11.new::after {
  top: 30%;
}*/

/* ボタンに external 付ける基準位置 */
.menu09 {
  position: relative;
}
/* ボタンに external 追加して使用します */
ul.menu > li.menu09::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 7px);
  right: 15px;
  z-index: 2;
  content: '';
  width: 12px;
  height: 12px;
  background-image: url(../images/external-shiro.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="./program/">日程表・プログラム</a></li>
<li class="menu04"><a href="./endai/">採択結果・演題募集</a></li>
<li class="menu05"><a href="">指定演題登録</a></li>
<li class="menu06"><a href="">参加者へのご案内</a></li>
<li class="menu07"><a href="./speaker/">座長・演者へのご案内</a></li>
<li class="menu08"><a href="">各種委員会</a></li>
<li class="menu09"><a href="">会場アクセス</a></li>
<li class="menu10"><a href="">宿泊のご案内</a></li>
<li class="menu11"><a href="./poster/">関連学会チラシ・<br>ポスター掲示お申込み</a></li>
<li class="menu12"><a href="./sponsor/">企業の皆様へ</a></li>
<li class="menu13"><a href="./links/">リンク</a></li>
*/

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

@media screen and (max-width:959px){
}

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

@media screen and (max-width:767px){
  /* 右からの位置を調整しています */
  ul.menu > li.new::after {
    width: 30px;
    height: 13px;
  }
  ul.menu > li.menu11.new::after {
    top: 50%;
  }

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