html {
  box-sizing: border-box;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  tab-size: 4;
}
*, ::before, ::after {
  box-sizing: inherit;
}
button{
  border-style: none;
}
header{
  top: 0;
  left: 0;
  width: 100%;
}
.head-wrap{
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: auto;
  max-width: 1400px;
  padding: 8px 32px 0px;
  width: 100%;
}
.svg-wrap{
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
} 

.items{
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.newAim-btn{
  width: 100px;
  height: 35px;
  font-size: 16px;
  /*background-color: #29b0ff;*/
  background-color:#9600ff;
  color: #F6F8FA;
  margin-right: 12px;
}
.goLLM_btn{
  width: 100px;
  height: 35px;
  font-size: 16px;
  background-color:#80CE2B;
  color: white;
  margin-right: 12px;
}
.goPlay_btn{
  width: 100px;
  height: 35px;
  font-size: 16px;
  background-color:#0471c9;
  color: #F6F8FA;
  margin-right: 12px;
}
.search-form{
  margin-right: 12px;
    position: relative;
    width: 320px;
}
.search-form-input:active, .search-form-input:focus {
  outline: none;
}

.search-form-span{
  display: inline-block;
    flex-shrink: 0;
    font-size: 16px;
    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;
    height: 16px;
    overflow: hidden;
    width: 16px;
    color: black;
    left: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.search-form-input{
  background-color: #EDEEEE;
  border: none;
  border-radius: 8px;
  color: black;
  font-size: var(--font-size-body-1);
  line-height: var(--line-height-body);
  padding: 4px 8px 4px 32px;
  width: 100%;
  height:40px;
  font-size: 15px;
}

.search-btn-mini {
  display: none;
  cursor: pointer;
  outline: none;
} 
.search-btn-mini:active, .search-btn-mini:focus {
  outline: none;
}


@media (max-width: 991px) {
  .search-form{
    display: none;
  } 
  .search-btn-mini {
    -webkit-box-align: center;
    align-items: center;
    background-color: inherit;
    color: var(--color-text-medium-emphasis);
    display: flex;
    font-size: var(--font-size-body-1);
    -webkit-box-pack: center;
    justify-content: center;
    padding: 8px;
  }
  .search-span {
    -webkit-box-align: center;
    align-items: center;
    background-color: inherit;
    color: var(--color-text-medium-emphasis);
    display: flex;
    font-size: var(--font-size-body-1);
    -webkit-box-pack: center;
    justify-content: center;
    padding: 8px;
  }
}
.notifications-wrap {
  position: relative;
}
.notifications-button {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: var(--color-text-medium-emphasis);
  background: none;
  padding: 8px;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  border-radius: 0;
  margin: 0;
}
.notifications-button:active, .notifications-button:focus {
  outline: none;
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /*-webkit-font-feature-settings: 'liga';*/
  -webkit-font-smoothing: antialiased;
}
.notifications-span {
  display: inline-block;
  flex-shrink: 0;
  font-size: 24px;
  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
  height: 24px;
  overflow: hidden;
  width: 24px;
}

.user-icon{
  position: relative;
  float: right;
} 
/*.user-icon button{*/
.header-user-icon-btn{
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  outline: none;
  padding: 4px;
  user-select: none;
  background: none;
}
.header-user-icon-btn:active, .header-user-icon-btn:focus {
  outline: none;
}

.user-icon button svg{
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    height: 32px;
    object-fit: contain;
    overflow: hidden;
    width: 32px;
  }
.user-icon_img{
  width: 25px;
  height: 25px;
  border-radius: 50%;
}


  @import url(https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900);
  
  .bx {
    font-size: 1.1rem;
  }
  
  .dropdown-user-icon {
    position: absolute;
    width: 250px;
    box-shadow: var(--shadow);
    border-radius: var(--radius);
    margin-top: 0.3rem;
    visibility: hidden;
    opacity: 0;
    transform: translateY(0.5rem);
    transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1);
    right: 0;
    background-color: white;
  }
  .dropdown-user-icon a {
    display: flex;
    align-items: center;
    column-gap: var(--gap);
    padding: 0.8rem 1rem;
    text-decoration: none;
  }
  

  .dropdown-user-icon button {
    display: flex;
    align-items: center;
    column-gap: var(--gap);
    padding: 0.8rem 1rem;
    text-decoration: none;
    font-size: 10px;
    margin: 0;
  }
  .dropdown-user-icon button:hover{
    background-color: #F5F6F6;
  }

  .badge{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 22px;
    background-color: #e82a2a;
    color: #fff;
    text-align: center;
    line-height: 22px;
    margin-bottom: 6px;
    margin-left: -10px;
    margin-top: -10px;
  }

  .dropdown-notifications {
    position: absolute;
    width: 250px;
    box-shadow: var(--shadow);
    border-radius: var(--radius);
    margin-top: 0.3rem;
    background: white;
    visibility: hidden;
    opacity: 0;
    transform: translateY(0.5rem);
    transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1);
    right: 0;
    color:black;
    overflow: auto;
    height:300px;
  }
  .dropdown-notifications a {

    align-items: center;
    column-gap: var(--gap);
 
    text-decoration: none;
    color: black;
  }
  /*.dropdown-notifications a:hover {
    background-color: #F5F6F6;
  }*/
  /*color: white;*/
   /*background-color: var(--color);*/
  
  .show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0rem);
    z-index: 100;
    padding: 10px;
  }
  
  .arrow {
    transform: rotate(180deg);
    transition: 0.2s ease;
  }
.notification-notthing{
  display: none;
}
.nc_wrap{
  width:90%;
  height:45px;
  display: flex;
  margin-bottom: 10px;
  
}

.nc_img{
  border-radius: 50%;
}
.nc_a_wrap{
  margin: 0;
  word-break: break-all;
  padding: 0;
  margin-left: 10px;
}
.nc_a_wrap p{
  font-size: 12px;
  font-weight: 550;
  height:35px;
  overflow: hidden;
  margin: 0;
}
#to_nc_list{
  bottom: 0;
  position: absolute;
}

.mobile-menu-icon{
  display: none;
}

/*ヘッダーのスマホ用のタブメニュー*/
.header_tab_menu{display: none;width: 100%;height: 50px;overflow-x: scroll;}.tablink{width:100px;height: 40px;}
/* 全体のスクロールバーを非表示にする */::-webkit-scrollbar {display: none;}