@charset "utf-8";
/* ボタンを押せない 追加して使用します */
/*.menu09 a {
  pointer-events: none;
  opacity: 0.4;
}*/

/* ボタンに色付ける */
ul.menu > li.menu00 > a, 
ul.menu > li.menu01 > a, 
ul.menu > li.menu02 > a, 
ul.menu > li.menu08 > a{
  background-color: #61baa0;
  color: #ffffff;
}
ul.menu > li.menu00 > a::before,
ul.menu > li.menu01 > a::before,
ul.menu > li.menu02 > a::before,
ul.menu > li.menu08 > a::before{
  background: url(../images/ico_on.svg) no-repeat;
}

/* ボタンに NEW 付ける基準位置 */
.menu01, .menu02, .menu03, .menu04, .menu05,
.menu06, .menu07, .menu08 {
  position: relative;
}
/* ボタンに NEW 追加して使用します */
  /*.menu05::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 9px);
  right: 15px;
  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 twoline"><a href="speaker/">座長・審査員・演者への<br class="sp_none">ご案内</a></li> */
/* <li class="menu08"><a href="kyosan/">協賛のお申込み</a></li> */
/* <li class="menu09 twoline"><a href="../take_free/">テイクフリー用ポスター・<br class="sp_none">チラシ設置のご案内</a></li> */
/* <li class="menu10 twoline"><a href="../nursery/">託児サービス利用補助の<br class="sp_none">ご案内</a></li> */


/*------------------------------------------*/
/* タブレット用 */
/*------------------------------------------*/
@media screen and (max-width:959px){
  .menu01::after, .menu02::after, .menu03::after,
  .menu04::after, .menu05::after, .menu06::after,
  .menu07::after, .menu08::after {
    right: 3px;
  }

}

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

}
