@charset "utf-8";
/* CSS Document */

/* 告知バー */
.notice-bar{
  width: 100%;
  background: #f6fbf4;
	background: #FCFFAA;
  border-top: 1px solid #dfeee0;
  border-bottom: 1px solid #dfeee0;
}

.notice-bar__inner{
  max-width: 1100px; 
  margin: 0 auto;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.notice-bar__label{
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  line-height: 1;
  padding: 5px 8px;
  border-radius: 999px;
  background: #2e7d32; 
  color: #fff;
  white-space: nowrap;
}

.notice-bar__link{
  color: #1b1b1b;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.4;
  flex: 1;
  min-width: 0;
}

.notice-bar__link:hover{
  text-decoration: underline;
}

.notice-bar__arrow{
  margin-left: 5px;
  font-size: 20px;
  vertical-align: -1px;
}

/* スマホ：1行に収めて圧迫感を減らす */
@media (max-width: 600px){
  .notice-bar__inner{
    padding: 10px 12px;
  }
  .notice-bar__link{
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}