@import url("https://fonts.googleapis.com/css?family=Cinzel|Quicksand:400,500,700");
@import url("https://fonts.googleapis.com/css?family=Bree+Serif");
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");
@import url("https://static.ilbisontekobe.com/shop/css/reset.css");  
@import url("https://static.ilbisontekobe.com/shop/css/drawer.css");  
@import url("https://static.ilbisontekobe.com/shop/css/style.css"); 

.marquee {
	background-color: #001100; /* 背景色 */
    width: 100%; /* 横幅 */
    overflow: hidden;
	color: #fff;
    position: fixed;
  	z-index: 100;
  	font-size: 12px;
  	padding: 4px 0;
	line-height: 12px;
  	top: 0;
  	left: 0;
  	text-align: center;
}
@media (max-width: 767px) {
  .marquee > span {
      display: inline-block;
      white-space: nowrap;
      padding: 0 0 0 100%;
      animation-name: MarqueeScroll;
      animation-timing-function: linear;
      animation-duration: 10s; /* 1周するのにかかる時間 */
      animation-iteration-count: infinite; /* 繰り返す回数 */
  }

  @keyframes MarqueeScroll {
      from { transform: translateX(0);}
      to { transform: translateX(-100%);}
  }
}

@media (max-width: 767px) {
    #header_top_sp {
        margin-top: 1.65rem;
    }
}
@media (max-width: 767px) {
    #logo3 {
        padding: .65em 0 0;
    }
}
.drawer-hamburger-icon {
    margin-top: 1.65rem;
}
.drawer-menu {
    margin-top: 70px;
}

#header_top {
    padding: 30px 0 10px;
}