html{font-size:14px;}
#the_top{text-align:center;vertical-align:top;width:100%;}
  html,body{margin:0;padding:0;background-color:#000000;}
a{
text-decoration:none;
color:#dec8a3;
}
h1{font-size:1.2em;font-weight:bold;}
li.page_item a{text-decoration:none;color:#fff;}
li.page_item a:hover{text-decoration:underline;color:#ff9;}
a:hover{color:yellow;}
b.or_titl{color: orange;font-size:14px;text-decoration:none;font-weight:bold;}

.menu_list{font-family:Arial;font-size:14px;line-height:20px;font-weight:bold;color:#cccc99;}

  html,body,nav.navbar{background-color:black;}
.container{width:64% !important;margin-left:auto;margin-right:auto;padding-left:2%;}
  .navbar-brand{margin-left:10px;}
.navbar {
  display: flex
  align-content: center;
  justify-content: center;
}
  .navbar .navbar-menu {
    flex-grow: initial;
    flex-shrink: initial;
}
a{color:orange;font-size: clamp(10px, 3vw, 18px) !important;}
h1{font-size: clamp(14px, 3vw, 18px) !important;}
@font-face {font-family:cagliostro;src:url('Cagliostro-Regular.ttf');}


#current{color:#fff;}

.highlight{font-weight:bold;color:#c93;}

.sp{letter-spacing: 0.5px;}
#imageMenu5{padding-left:5vw;}
#wrapper,#contactinfo,#explain{color:#ff9977;font-weight:bold;}
#wrapper{width:100%;height:290px;}
#logo{position:absolute;top:2px;left:32px;border-width:0px;cursor: pointer;}
.menu-item-1{color:#42adfb;}
#main{width:57%;margin-left:auto;margin-right:auto;}  
  
a{text-decoration:none;font-size: clamp(10px, 3vw, 18px) !important;}
h1{font-size: clamp(14px, 3vw, 18px) !important;}

#main,footer{width:57%;margin-left:auto;margin-right:auto;}
.sp{letter-spacing: 0.5px;}
#logo{position:absolute;top:2px;left:32px;border-width:0px;cursor: pointer;}
#wrapper{width:100%;height:290px;}
.menu-item-1{color:#42adfb;}