@font-face {
    font-family: 'Skia';
    src:url('Skia.ttf.woff') format('woff'),
        url('Skia.ttf.svg#Skia') format('svg'),
        url('Skia.ttf.eot'),
        url('Skia.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

/*ヘッダー*/
header{
    z-index:1;
  }
  
  /*メニュー*/
  header{
    z-index:2;
  }
  
  
  .head1{
      background-color: black;
      position: fixed;
      width: 100%;
      height: 65px;
      top: 0px;
  }
  
  .menu1 {
	  font-family: "Skia" ,sans-serif;
      display: flex;
      font-size: 1.1rem;
      text-transform: uppercase;
      margin-top: 0px;
      list-style: none;
      border-radius: 4px;
  }
  .menu1 li {
      margin-top: 0px;
      border-bottom: white;
  }
  
  .menu1 a {
      color: white; 
  }
  
  .now{
    color:slategray;
    padding: 20px;
  }
  .nonow{
    padding: 20px;
    white-space: nowrap;
  }
  
  .now:hover{
    border-bottom: solid white ;
  }
  .nonow:hover{
    border-bottom: solid white ;
  }
  
  ul.menu1 li:hover ul {
     display: block;
     background-color: rgba(r,g,b,a);
     text-align: left;
     line-height: 1.5;
  }
  
  .li1:hover{
    background-color: black;
    opacity: 0.7;
  }
  
  ul.menu1 ul {
    background: #CCC;
    list-style: none;
    margin: 0px;         /* サブメニュー外側の余白 */
    padding: 0px;        /* サブメニュー内側の余白 */
    padding-top: 0px;
    display: none;
    position: absolute;
    margin-top: 1px;
    padding-right: 20px;
    width: 180px;
  }
  
  ul.menu1 ul li {
     margin: auto;
     margin-top: 1px;
     margin-left: 0px;
     width: auto;
     background-color: black;
     padding: 10px;
     padding-left: 18px;
     padding-right:10px;
     font-size: 80%;
  }
  
  ul.menu1 ul li a {
     line-height: 25px;     /* サブメニュー1項目の高さ */
     text-align: left;
     font-weight: normal;   /* 太字にはしない */
  } 	

  #head0{
    color: white;
  }
  
  select{
    background:black;
    color:white;
    height:40px;
    border:none;
  
      /*　矢印を消す　*/
      -webkit-appearance:none;
      -moz-appearance:none;
          text-indent: .01px; /* Firefox用 */
          text-overflow: "";  /* Firefox用 */
      appearance:none;
  
      /*　背景画像の指定　*/
      padding-right:30px;
      padding-left:15px;
      background-color:black;
      background-image:url(../img/tikyu.png);
      background-repeat:no-repeat;
      background-size:25px 25px;
      background-position: right center;
      cursor:pointer;
  }
  
  option {
      background-color:black;
      background-image:none;
      color:white;
  }
  
  ul{
    justify-content: center;
    align-items: center;
  }
  
/*  メニュー多階層(３層)   */

li.cdd_menu-dropdown{
  position: relative;
}		
li.cdd_menu-dropdown > ul {
  background: #CCC;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  margin-left: 80px;
}

li.cdd_menu-dropdown:hover > ul {
  visibility: visible;
  transition: .5s;
  opacity: 1;
}		

li.cdd_menu-dropdown > ul > li > ul > li{
  position:relative;
  font-size: 100%;
  top: 0;
  left: 30;
  width: auto;
  height: auto;
  margin-left: 0px;
}

li.cdd_menu-dropdown:hover > ul > li {
  visibility: visible;
  transition: .5s;
  opacity: 1;
}