@charset "utf-8";
/* ボタンに NEW 付ける基準位置 */
.menu01, .menu02, .menu03, .menu04, .menu05,
.menu06, .menu07, .menu08, .menu09, .menu10, .menu11, .menu12 {
  position: relative;
}
/*
<li class="menu00"><a href="./">Home</a></li>
<li class="menu01"><a href="info/">開催概要</a></li>
<li class="menu02"><a href="greeting/">会長挨拶</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="syukuhaku/">宿泊のご案内</a></li>
<li class="menu09"><a href="kanren/">関連学会告知受付</a></li>
<li class="menu10"><a href="sponsor/">協賛募集</a></li>
<li class="menu11"><a href="https://newotanisapporo.com/access/" target="_blank">アクセス</a></li>
            <li class="menu12"><a href="links/">リンク</a></li>
*/

/* ボタンに 外部リンク 追加して使用します */
.menu11::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 8px);
  right: 10px;
  width: 12px;
  height: 12px;
  z-index: 3;
  background: url("../images/external.png") no-repeat;
}

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

/*------------------------------------------*/
/* タブレット用 */
/*------------------------------------------*/
@media screen and (max-width:959px){


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

/*------------------------------------------*/
/* スマホ用 767px*/
/*------------------------------------------*/
@media screen and (max-width:767px){
/*  .menu04::after, .menu05::after, .menu06::after  {
    right: 30px;
  }*/

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