/* ボタン押せない */

li.menu03, li.menu04, li.menu05,
li.menu06, li.menu07, li.menu08,
li.menu09, li.menu11 {
   pointer-events: none;
}

li.menu03 > a, li.menu04 > a, li.menu05 > a,
li.menu06 > a, li.menu07 > a, li.menu08 > a, 
li.menu09 > a, li.menu11 > a {
  background-color: rgba(0, 0, 0, .4) !important;
  background-color: rgba(0, 0, 0, .2) !important;
  opacity: 0.6 !important;
  pointer-events: none;
} 

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

/*
<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="../endai/">演題募集のご案内</a></li>
<li class="menu05"><a href="../registration/">参加申込のご案内</a></li>
<li class="menu06"><a href="../sanka/">参加のご案内</a></li>
<li class="menu07"><a href="../speaker/">座長・審査員・演者へのご案内</a></li>
<li class="menu08"><a href="../handson/">ハンズオンセミナーのご案内</a></li>
<li class="menu09"><a href="../access/">会場・アクセスについて</a></li>
<li class="menu10"><a href="../sponser/">協賛・寄付の申込</a></li>
<li class="menu11"><a href="../nursery/">託児サービス利用補助のご案内</a></li>
 */

/*------------------------------------------*/
/* タブレット用 */
/*------------------------------------------*/
@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 {
  }

}

/*------------------------------------------*/
/* スマホ用 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 {
    top: calc(50% - 9px);
    right: 15px;
  }

}
