@charset "UTF-8";

/* ボタン押せない */
/*li.menu02, li.menu03, li.menu04, li.menu05, li.menu06, li.menu07, li.menu08 {
  pointer-events: none;
}*/

/*li.menu02>a, li.menu03>a, li.menu04>a, li.menu05>a, li.menu06>a, 
li.menu07>a, li.menu08>a {
  opacity: 0.4 !important;
  pointer-events: none;
}*/

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

/* ボタンに external 追加して使用します */
.menu07::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 7px);
  right: 15px;
  z-index: 2;
  content: '';
  width: 14px;
  height: 14px;
  background-image: url(../images/external14.png);
}

/*
<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="../resitration/">参加登録</a></li>
<li class="menu05"><a href="../sanka/">参加者へのご案内</a></li>
<li class="menu06"><a href="../sponser/">企業・団体の皆様へ</a></li>
<li class="menu07"><a href="../access/">会場のご案内</a></li>
<li class="menu08"><a href="../contact/">お問い合わせ</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: 0.2em;
  }
  
/* 下記は削除しない */
}

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

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