/* special announcement */
.special_announcement {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 30px auto 0 auto;
  border: 2px solid #bd1c10;
  border-radius: 8px;
}
.special_announcement_title {
  display: flex;
  padding: 20px 20px 0;
  align-items: center;
  font-size: 180%;
}
.special_announcement_title::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='32' viewBox='0 0 38 32'%3E%3Cpath d='M17.2679 3C18.0377 1.66667 19.9622 1.66667 20.732 3L33.7224 25.5C34.4922 26.8333 33.53 28.5 31.9904 28.5H6.00962C4.47002 28.5 3.50777 26.8333 4.27757 25.5L17.2679 3Z' fill='%23BD1C10'/%3E%3Cpath d='M20.4062 11.2031L20.1162 20.0889H18.0068L17.708 11.2031H20.4062ZM17.6377 22.8398C17.6377 22.4648 17.7666 22.1543 18.0244 21.9082C18.2881 21.6562 18.6338 21.5303 19.0615 21.5303C19.4951 21.5303 19.8408 21.6562 20.0986 21.9082C20.3564 22.1543 20.4854 22.4648 20.4854 22.8398C20.4854 23.2031 20.3564 23.5107 20.0986 23.7627C19.8408 24.0146 19.4951 24.1406 19.0615 24.1406C18.6338 24.1406 18.2881 24.0146 18.0244 23.7627C17.7666 23.5107 17.6377 23.2031 17.6377 22.8398Z' fill='white'/%3E%3C/svg%3E");
  margin-right: 10px;
  line-height: 0;
}
.special_announcement_text {
  padding: 10px 20px 20px;
  font-size: 160%;
}
.special_announcement_text li::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cpath d='M0.292893 0.292893C0.683417 -0.0976311 1.31643 -0.0976311 1.70696 0.292893L5.70696 4.29289C6.09748 4.68342 6.09748 5.31643 5.70696 5.70696L1.70696 9.70696C1.31643 10.0975 0.683417 10.0975 0.292893 9.70696C-0.0976311 9.31643 -0.0976311 8.68342 0.292893 8.29289L3.58586 4.99992L0.292893 1.70696C-0.0976311 1.31643 -0.0976311 0.683417 0.292893 0.292893Z' fill='%23bd1c10'/%3E%3C/svg%3E");
  margin-right: 10px;
}
.special_announcement_text a {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .special_announcement_text a:hover {
    text-decoration: none;
  }
}

.special_notice {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 25px 5.2% 0;
  background: #be1c10;
  border: 2px solid #be1c10;
  color: #be1c10;
  font-size: 12px;
}

/*frameblack start*/
.special_notice.black-c {
  background: #fff;
  border: 2px solid #000;
  color: #000;
}
.special_notice.black-c .special_notice_title {
  color: #000;
}
.special_notice.black-c .special_notice_text a {
  color: #000;
}
.special_notice.black-c .special_notice_title {
  border-bottom: 2px solid #000;
}
@media (min-width: 768px) {
  .special_notice.black-c .special_notice_text {
    border-left: 2px solid #000;
  }
  .special_notice.black-c .special_notice_title {
    border-bottom: none;
  }
}
/*frameblack end*/

.special_notice_title {
  padding: 3px 0;
  color: #fff;
}

.special_notice_title p {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
}
.special_notice_text {
  padding: 3px 10px;
  background: #fff;
}
.special_notice_text li.bullet {
  padding-left: 1.1em;
  text-indent: -1.35em;
}
.special_notice_text li.bullet:before {
  content: "・";
}
.special_notice_text a {
  color: #be1c10;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .special_notice_wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .special_notice {
    width: 960px;
    margin: 40px auto 0;
    font-size: 14px;
  }
  .special_notice_title p {
    font-size: 16px;
  }
  .special_notice_text {
    padding: 5px 15px 5px 20px;
  }
  .special_notice_text li.bullet {
    padding-left: 0.6em;
  }
  .special_notice_text a:hover {
    text-decoration: none;
  }
}
