@charset 'UTF-8';

.menu-starry_menu-container{
  background: linear-gradient(270deg, var(--color_main1) 0%, rgba(255, 255, 255, 1) 80%);
  width: 100%;
  height: 50px;
}
ul#STARRY{
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  max-width: 2016px;
  width: 95%;
  margin: 0 auto 1em;
  padding: 0.5em 0;
}
ul#STARRY li{
  padding: 0 15px;
}
ul#STARRY li a{
  text-decoration: none;
  color: var(--color_b);
}

.header-container-in{
  padding-top: 80px;
}

@media screen and (max-width: 1024px) {
  #header #navi .navi-in>ul>li>a{
      padding: 0 0.7em !important;
    }
}
@media screen and (max-width: 1023px) {
  #header nav{
    display: none;
  }
    #navi {
      display: none;
    }
  
    .mobile-header-menu-buttons .menu-drawer a {
      color: var(--color_main1);
      display: block;
      padding-left: 15px;
    }
  
    .mobile-header-menu-buttons .menu-drawer a:hover {
      background-color: rgba(178, 235, 0, 0.3);
    }
  
    .mobile-header-menu-buttons .menu-drawer li {
      height: 50px;
      line-height: 50px;
    }
  
    .mobile-header-menu-buttons .menu-content {
      background-color: rgba(255, 255, 255, 1);
    }
  
    .mobile-header-menu-buttons #navi-menu-close,
    .mobile-header-menu-buttons #sidebar-menu-close,
    .mobile-header-menu-buttons #search-menu-close,
    .mobile-header-menu-buttons #share-menu-close,
    .mobile-header-menu-buttons #follow-menu-close {
      background-color: #fff;
      opacity: 0.9;
    }
}
/*600px以下*/
@media screen and (max-width: 600px){
ul#STARRY li{
  padding: 0 10px;
}
ul#STARRY li a {
  font-size: 0.8rem;
}
.dashicons,
.dashicons-before:before{
  vertical-align: sub !important;
}
/*　slick左右余白　*/
.slick-list {
  margin: 0 -10px;
}
.slick-slide {
  margin: 0 10px;
}
.pickup-slider .slick-prev{
  left: 8%;
}
.pickup-slider .slick-next{
  right: 8%;
}
.pickup-slider .slick-next,.pickup-slider .slick-prev{
  width: 25px;
  height: 25px;
}
}