@charset "UTF-8";
/* メニューを押せない処理 */
/*.menu10 {
  pointer-events: none !important;
  opacity: 0.6;
}*/

/* メニュー 押せないもの */
/* menu10	Program */

/* メニュー 押せるもの */
/*
<li class="menu00"><a href="../">HOME</a></li>
<li class="menu01"><a href="../greeting/">ご挨拶</a></li>
<li class="menu02"><a href="../info/" class="on">開催概要</a></li>
<li class="menu03"><a href="../endai/">演題募集</a></li>
<li class="menu04"><a href="../kikaku/">医工連携企画</a></li>
<li class="menu05"><a href="../syukuhaku/">宿泊について</a></li>
<li class="menu06"><a href="../sponsor/">各種協賛募集</a></li>
<li class="menu07"><a href="../kanren/">関連会合申し込み受付</a></li>
<li class="menu08"><a href="../contact/">各種お問い合わせ</a></li>
 */

/* ボタンに NEW 付ける基準位置 */
.menu01, .menu02, .menu03, .menu04, .menu05,
.menu06, .menu07, .menu08 {
  position: relative;
}

/* ボタンに NEW 追加して使用します */
.menu01::after, .menu02::after, .menu06::after, .menu08::after{
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 8px);
  right: 16px;
  width: 29px;
  height: 18px;
  z-index: 3;
  background: url(../images/icon_new.png) no-repeat;
}

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

@media screen and (max-width:959px){
  /* 右からの位置を調整しています */
  .menu01::after, .menu02::after, .menu03::after,
  .menu04::after, .menu05::after, .menu06::after,
  .menu07::after, .menu08::after {

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

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

@media screen and (max-width:767px){
  /* 右からの位置を調整しています */
  .menu01::after, .menu02::after, .menu03::after,
  .menu04::after, .menu05::after, .menu06::after,
  .menu07::after, .menu08::after {
    right: 1.5em;
  }
  
/* 下記は削除しない */
}