@charset "UTF-8";
/* CSS INFORMATION -====================================================
File name : backnumber.css
Description : 放送内容
===================================================================== */
/* =====================================================================
    backnumber
======================================================================*/
.backnumber {
  position: relative;
  width: 100%;
  padding: 16rem 0 48rem 0;
}
@media screen and (min-width: 768px) {
  .backnumber {
    padding: 16rem 0 29.6rem 0;
  }
}
.backnumber .bg-shape01 {
  top: 6rem;
  transform: translateY(0);
}
.backnumber .bg-shape01 .cloud01 {
  left: -5.3rem;
  top: 52rem;
}
@media screen and (min-width: 768px) {
  .backnumber .bg-shape01 .cloud01_r {
    right: -5.8rem;
    top: 49.4rem;
  }
}
.backnumber .bg-shape02 {
  top: inherit;
  bottom: 48rem;
  transform: translateY(0);
}
@media screen and (min-width: 768px) {
  .backnumber .bg-shape02 {
    bottom: 29.6rem;
  }
}
.backnumber .bg-shape02 .cloud01 {
  left: -5.3rem;
  top: -10rem;
}
@media screen and (min-width: 768px) {
  .backnumber .bg-shape02 .cloud01 {
    left: -16rem;
    top: 34.7rem;
  }
}
.backnumber-deco01 {
  position: absolute;
  display: none;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .backnumber-deco01 {
    right: -6rem;
    top: 3rem;
    display: block;
    width: 39.6rem;
  }
}
.backnumber-deco02 {
  position: absolute;
  display: none;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .backnumber-deco02 {
    right: 13.5rem;
    top: 8.7rem;
    display: block;
    width: 26.1rem;
  }
}
.backnumber-deco03 {
  position: absolute;
  display: none;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .backnumber-deco03 {
    right: 23rem;
    top: 0;
    display: block;
    width: 17.9rem;
  }
}
.backnumber-deco04 {
  position: absolute;
  left: -10.4rem;
  bottom: 6rem;
  display: block;
  width: 53.3rem;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .backnumber-deco04 {
    left: -3.2rem;
    bottom: -6rem;
    width: 47rem;
  }
}
.backnumber-deco05 {
  position: absolute;
  left: 12rem;
  bottom: 29.2rem;
  display: block;
  width: 11.3rem;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .backnumber-deco05 {
    left: 16.4rem;
    bottom: 14.6rem;
    width: 10rem;
  }
}
.backnumber-deco06 {
  position: absolute;
  right: -11rem;
  bottom: -44rem;
  display: block;
  width: 48.5rem;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .backnumber-deco06 {
    display: none;
  }
}
.backnumber-deco07 {
  position: absolute;
  right: 11.1rem;
  bottom: -25.8rem;
  display: block;
  width: 33.1rem;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .backnumber-deco07 {
    display: none;
  }
}
.backnumber-deco08 {
  position: absolute;
  right: 10.5rem;
  bottom: -56rem;
  display: block;
  width: 22rem;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .backnumber-deco08 {
    display: none;
  }
}
.backnumber .sec-ttl .ja {
  color: #f4853d;
}
.backnumber-ttl {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 57.6rem;
  aspect-ratio: 576/85;
  margin: 0 auto 6rem auto;
  background-image: url(../images/common/shape_ttl_green02.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.backnumber-ttl > span {
  color: #ffffff;
  font-size: 4rem;
  font-weight: 900;
  transform: translateY(-0.05em);
}
.backnumber-column {
  position: relative;
  width: 100%;
}
.backnumber-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.backnumber-main {
  position: relative;
  width: 100%;
  margin-bottom: 64rem;
}
@media screen and (min-width: 768px) {
  .backnumber-main {
    width: calc(610 / 1000 * 100%);
    margin-bottom: 0;
  }
}
.backnumber-side {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .backnumber-side {
    width: calc(340 / 1000 * 100%);
  }
}
.backnumber-item {
  position: relative;
  width: 100%;
  margin-top: 0;
  padding: 4.8rem 4.4rem 5.6rem 4.4rem;
  border: 0.6rem solid #f4853d;
  border-radius: 3rem;
  background-color: #ffffff;
}
.backnumber-item:nth-child(2n+1) {
  border: 0.6rem solid #35b467;
}
.backnumber-item:nth-child(2n+1) .backnumber-subttl::before {
  background-color: #35b467;
}
.backnumber-item:nth-child(2n+1) .backnumber-subttl > span {
  color: #35b467;
}
.backnumber-item + .backnumber-item {
  margin-top: 4.8rem;
}
.backnumber-subttl {
  position: relative;
  width: 100%;
  padding-bottom: 2rem;
}
.backnumber-subttl::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 16rem;
  height: 0.4rem;
  background-color: #f4853d;
}
.backnumber-subttl > span {
  color: #f4853d;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.45;
}
.backnumber-text {
  position: relative;
  width: 100%;
  margin-top: 4rem;
}
.backnumber-text > p {
  width: 100%;
  margin-top: 1em;
  font-weight: 500;
}
.backnumber-text > p:first-child {
  margin-top: 0;
}
.backnumber-img {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin: 4rem 0 -4rem 0;
  padding: 0.4rem 0;
}
.backnumber-img > figure {
  width: 100%;
  margin: 0 0 4rem 0;
  border-radius: 2rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .backnumber-img > figure {
    width: 48%;
    margin: 0 0 4rem 4%;
  }
}
.backnumber-img > figure:nth-child(2n+1) {
  margin-left: 0;
}
.backnumber-img > figure:first-child:last-child {
  width: 100%;
  max-width: 800px;
}
.backnumber-calendar {
  position: relative;
  width: 100%;
  padding: 4rem 3.6rem 3.6rem 3.6rem;
  border-radius: 2rem;
  background-color: #ffffff;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .backnumber-calendar {
    padding: 2rem 1.8rem 1.8rem 1.8rem;
  }
}
.backnumber-calendar-ttl {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 35.1rem;
  aspect-ratio: 351/72;
  margin: 0 auto 2.4rem auto;
  background-image: url(../images/common/shape_ttl_orange.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .backnumber-calendar-ttl {
    width: 19.6rem;
    margin: 0 auto 1.8rem auto;
  }
}
.backnumber-calendar-ttl > span {
  color: #ffffff;
  font-size: 110%;
  font-weight: 900;
  transform: translateY(-0.05em);
}
.backnumber-calendar-body {
  position: relative;
  width: 100%;
}
.backnumber-calendar-body.fc-theme-standard .fc-header-toolbar {
  position: relative;
  width: 100%;
  margin-bottom: 2.4rem;
  padding: 0 2.2rem;
}
@media screen and (min-width: 768px) {
  .backnumber-calendar-body.fc-theme-standard .fc-header-toolbar {
    margin-bottom: 1.8rem;
    padding: 0 0.8rem;
  }
}
.backnumber-calendar-body.fc-theme-standard .fc-header-toolbar .fc-toolbar-title {
  color: #35b467;
  font-size: 115%;
  font-weight: 700;
  line-height: 1;
}
.backnumber-calendar-body.fc-theme-standard .fc-header-toolbar .fc-button {
  position: relative;
  display: block;
  width: 1.4em;
  aspect-ratio: 1/1;
  padding: 0;
  line-height: 1;
  border: none;
  border-radius: 50%;
  background-color: #35b467;
  transition: 0.3s ease;
  outline: none !important;
  box-shadow: none !important;
}
.backnumber-calendar-body.fc-theme-standard .fc-header-toolbar .fc-button.fc-prev-button {
  transform: scale(-1, 1);
}
@media screen and (min-width: 768px) {
  .backnumber-calendar-body.fc-theme-standard .fc-header-toolbar .fc-button.fc-prev-button:hover {
    transform: scale(-1, 1) translateX(0.5rem);
    opacity: 1;
  }
}
.backnumber-calendar-body.fc-theme-standard .fc-header-toolbar .fc-button.fc-next-button {
  transform: scale(1, 1);
}
@media screen and (min-width: 768px) {
  .backnumber-calendar-body.fc-theme-standard .fc-header-toolbar .fc-button.fc-next-button:hover {
    transform: scale(1, 1) translateX(0.5rem);
    opacity: 1;
  }
}
.backnumber-calendar-body.fc-theme-standard .fc-header-toolbar .fc-button::after {
  content: "";
  position: absolute;
  left: 45%;
  top: 36%;
  display: block;
  width: 30%;
  height: 30%;
  border-top: 1.5px solid #ffffff;
  border-right: 1.5px solid #ffffff;
  transform: translateX(-50%) rotate(45deg);
}
.backnumber-calendar-body.fc-theme-standard .fc-header-toolbar .fc-button .fc-icon {
  display: none;
}
.backnumber-calendar-body.fc-theme-standard .fc-scrollgrid {
  position: relative;
  width: 100%;
  border: none;
}
.backnumber-calendar-body.fc-theme-standard .fc-scrollgrid th {
  border: none;
  background-color: transparent;
}
.backnumber-calendar-body.fc-theme-standard .fc-scrollgrid th.fc-day-sun .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
  color: #ff2828;
}
.backnumber-calendar-body.fc-theme-standard .fc-scrollgrid th.fc-day-sat .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
  color: #0e41ff;
}
.backnumber-calendar-body.fc-theme-standard .fc-scrollgrid th .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
  padding: 0 0 1.2rem 0;
  color: #333333;
  font-size: 90%;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .backnumber-calendar-body.fc-theme-standard .fc-scrollgrid th .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
    padding: 0 0 0.9rem 0;
  }
}
.backnumber-calendar-body.fc-theme-standard .fc-scrollgrid td {
  border: none;
  background-color: transparent;
}
.backnumber-calendar-body.fc-theme-standard .fc-scrollgrid td.fc-day-other .fc-scrollgrid-sync-inner {
  display: none;
}
.backnumber-calendar-body.fc-theme-standard .fc-scrollgrid td.fc-day .fc-scrollgrid-sync-inner > .fc-daygrid-day-top.has-event:has(+ .fc-daygrid-day-events .is-initial-day) .fc-daygrid-day-number {
  color: #ffffff;
  background-color: #35b467;
  cursor: pointer;
}
.backnumber-calendar-body.fc-theme-standard .fc-scrollgrid td.fc-day .fc-scrollgrid-sync-inner > .fc-daygrid-day-top.has-event .fc-daygrid-day-number {
  color: #ffffff;
  background-color: #f4853d;
  cursor: pointer;
}
.backnumber-calendar-body.fc-theme-standard .fc-scrollgrid td .fc-scrollgrid-sync-inner > .fc-daygrid-day-top {
  position: relative;
  padding: 0.4rem 0;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .backnumber-calendar-body.fc-theme-standard .fc-scrollgrid td .fc-scrollgrid-sync-inner > .fc-daygrid-day-top {
    padding: 0.3rem 0;
  }
}
.backnumber-calendar-body.fc-theme-standard .fc-scrollgrid td .fc-scrollgrid-sync-inner > .fc-daygrid-day-top .fc-daygrid-day-number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 2em;
  aspect-ratio: 1/1;
  padding: 0;
  color: #333333;
  font-family: "Oswald", sans-serif;
  font-size: 100%;
  font-weight: 600;
  border-radius: 50%;
  background-color: transparent;
}
@media screen and (min-width: 768px) {
  .backnumber-calendar-body.fc-theme-standard .fc-scrollgrid td .fc-scrollgrid-sync-inner > .fc-daygrid-day-top .fc-daygrid-day-number {
    font-size: 90%;
  }
}
@media screen and (min-width: 768px) {
  .backnumber-calendar-body.fc-theme-standard .fc-scrollgrid td .fc-scrollgrid-sync-inner > .fc-daygrid-day-top .fc-daygrid-day-number:hover {
    opacity: 1;
  }
}
.backnumber-calendar-body.fc-theme-standard .fc-scrollgrid td .fc-scrollgrid-sync-inner > :not(.fc-daygrid-day-top) {
  display: none;
}/*# sourceMappingURL=backnumber.css.map */