.sn-iconEvent {
  background: url(https://s.yimg.jp/images/sports/all_device/sp/img/ico_menu.png) no-repeat;
  background-size: 28px auto;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.sn-iconEvent--npb {
  background-position: 0 -224px;
}
.sn-iconEvent--mlb {
  background-position: 0 -280px;
}
.sn-iconEvent--hsb {
  background-position: 0 -336px;
}
.sn-iconEvent--baseballJapan {
  background-position: 0 -392px;
}
.sn-iconEvent--jleague {
  background-position: 0 -448px;
}
.sn-iconEvent--ws {
  background-position: 0 -504px;
}
.sn-iconEvent--soccerJapan {
  background-position: 0 -560px;
}
.sn-iconEvent--nadeshiko {
  background-position: 0 -616px;
}
.sn-iconEvent--keiba {
  background-position: 0 -672px;
}
.sn-iconEvent-- {
  background-position: 0 -728px;
}
.sn-iconEvent--sumo {
  background-position: 0 -784px;
}
.sn-iconEvent--figure {
  background-position: 0 -840px;
}
.sn-iconEvent--fight {
  background-position: 0 -896px;
}
.sn-iconEvent--golf {
  background-position: 0 -952px;
}
.sn-iconEvent--tennis {
  background-position: 0 -1008px;
}
.sn-iconEvent--f1 {
  background-position: 0 -1064px;
}
.sn-iconEvent--volley {
  background-position: 0 -1120px;
}
.sn-iconEvent--rugby {
  background-position: 0 -1176px;
}
.sn-iconEvent--athletic {
  background-position: 0 -1232px;
}
.sn-iconEvent--basket {
  background-position: 0 -1288px;
}
.sn-iconEvent-- {
  background-position: 0 -1344px;
}
.sn-iconEvent-- {
  background-position: 0 -1400px;
}
.sn-iconEvent-- {
  background-position: 0 -1456px;
}
.sn-iconEvent-- {
  background-position: 0 -1512px;
}
.sn-iconEvent-- {
  background-position: 0 -1568px;
}
.sn-iconEvent-- {
  background-position: 0 -1624px;
}
.sn-iconEvent-- {
  background-position: 0 -1680px;
}
.sn-iconEvent--other {
  background-position: 0 -1736px;
}
.sn-iconEvent-- {
  background-position: 0 -1792px;
}
.sn-iconEvent-- {
  background-position: 0 -1848px;
}
.sn-iconEvent--boatrace {
  background-position: 0 -1904px;
}
.sn-iconEvent-- {
  background-position: 0 -1960px;
}
.sn-iconEvent-- {
  background-position: 0 -2016px;
}
.sn-iconEvent--swim {
  background-position: 0 -2072px;
}
.sn-iconEvent--badminton {
  background-position: 0 -2128px;
}
.sn-iconEvent--pingpong {
  background-position: 0 -2184px;
}

.sn-topNotice {
  background: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: 5px;
}
.sn-topNotice__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.sn-topNotice__head {
  font-size: 11px;
  font-weight: bold;
  color: #666;
  line-height: 1;
}
.sn-topNotice__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  overflow: hidden;
}
.sn-topNotice__list--only .sn-topNotice__item:first-child .sn-topNotice__link {
  width: calc(100% - 20px);
}
.sn-topNotice__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.sn-topNotice__item:first-child .sn-topNotice__link {
  width: calc(100% - 88px);
}
.sn-topNotice__link {
  width: calc(100% - 20px);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px;
  gap: 5px;
}
.sn-topNotice__link:hover {
  text-decoration: none;
  background-color: #fbfbfb;
}
.sn-topNotice__link:hover .sn-topNotice__title {
  text-decoration: underline;
}
.sn-topNotice__wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
  gap: 2px;
  width: calc(100% - 33px);
}
.sn-topNotice__title {
  text-align: left;
  font-size: 13px;
  line-height: 1.3;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}
.sn-topNotice__time {
  font-size: 11px;
  line-height: 1;
  color: #666;
}
.sn-topNotice__expand {
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  outline: none;
  border: 1px solid #f1f1f1;
  background-color: #fff;
  border-radius: 20px;
  padding: 5px 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 4px;
  margin: 10px;
}
.sn-topNotice__expand::after {
  width: 16px;
  height: 16px;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24%2029.176%209.412%2014.584a2.004%202.004%200%200%200-2.828%200%202.007%202.007%200%200%200%200%202.83l15.998%2016.003c.39.39.904.584%201.418.583a1.994%201.994%200%200%200%201.418-.583l15.998-16.003a2.007%202.007%200%200%200%200-2.83%202.004%202.004%200%200%200-2.828%200L24%2029.176Z%22%20fill%3D%22%23444444%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-size: 16px;
}
.sn-topNotice__expand[aria-expanded=false]::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.sn-topNotice__expand[aria-expanded=true]::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sn-topNotice__expand:hover {
  background-color: #fbfbfb;
}
.sn-topNotice__empty {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  gap: 5px;
}
.sn-topNotice__empty .sn-topNotice__wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}
.sn-topNotice__leadText {
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  margin-right: auto;
  color: #333;
}
.sn-topNotice__leadLink {
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
}
.sn-topNotice__emphasis {
  font-size: 14px;
  font-weight: bold;
  margin: 0 5px;
}
.sn-topNotice__close {
  height: 20px;
  width: 20px;
  margin: 10px;
  padding: 0;
  cursor: pointer;
  outline: none;
  border: none;
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  background-size: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m26.832%2024%2010.586-10.596a2.001%202.001%200%200%200%200-2.822%202.001%202.001%200%200%200-2.822%200L24%2021.168%2013.404%2010.582a2.001%202.001%200%200%200-2.822%200%202.001%202.001%200%200%200%200%202.822L21.168%2024%2010.582%2034.596a2.001%202.001%200%200%200%200%202.822c.78.776%202.041.776%202.822%200L24%2026.832l10.596%2010.586a2.001%202.001%200%200%200%202.822-2.822L26.832%2024Z%22%20fill%3D%22%23444444%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}