/* ==================== style.css ==================== */

.oyatsu-daiji {
  --red: #ff4a4a;
  --brown: #ba3e00;
  --orange: #ffb84c;
  --gray: #999999;
  --shadow-1: #ffe599;
  --shadow-2: #ffd0d0;
  --shadow-3: #d7e999;
  --shadow-4: #f3d8ff;
  --shadow-5: #ffd399;
  --shadow-6: #c9e7f8;
  display: grid;
  justify-items: center;
  line-height: 1.5;
}
.oyatsu-daiji *:not(script) {
  all: unset;
}
.oyatsu-daiji::after,
.oyatsu-daiji div::after,
.oyatsu-daiji dl::after,
.oyatsu-daiji ul::after {
  content: none;
  all: unset;
}
.oyatsu-daiji img {
  overflow: clip;
  width: 100%;
  vertical-align: bottom;
}
.oyatsu-daiji a,
.oyatsu-daiji button {
  cursor: pointer;
}
@media (max-width: 640px) {
  .oyatsu-daiji {
    font-size: 5.1282051282vw;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji {
    font-size: 1.7985611511vw;
  }
}
@media (min-width: 1112px) {
  .oyatsu-daiji {
    font-size: 20px;
  }
}
@media (max-width: 640px) {
  .oyatsu-daiji {
    padding: 1em 0 2.5em;
    background: url(../images/bg_pattern.png) repeat center center/1.5em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji {
    padding: 2em 0 2.5em;
    background: url(../images/bg_illust.png) repeat-y center top/68.3em, url(../images/bg_pattern.png) repeat center center/1.5em;
  }
}
.oyatsu-daiji .l-contents {
  display: grid;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .oyatsu-daiji .l-contents {
    width: 100%;
    padding: 2em 1em 3em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .l-contents {
    width: 50em;
    padding: 2.5em 2em 4em;
  }
}
.oyatsu-daiji .l-contents::before, .oyatsu-daiji .l-contents::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 5em);
}
.oyatsu-daiji .l-contents > * {
  position: relative;
  z-index: 1;
}
.oyatsu-daiji .l-contents::before {
  bottom: 0;
  background: no-repeat left bottom/100% auto;
}
.oyatsu-daiji .l-contents::after {
  top: 0;
  background: no-repeat left top/100% auto;
}
@media (max-width: 640px) {
  .oyatsu-daiji .l-contents::before {
    background-image: url(../images/content_base_bottom_sp.png);
  }
  .oyatsu-daiji .l-contents::after {
    background-image: url(../images/content_base_top_sp.png);
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .l-contents::before {
    background-image: url(../images/content_base_bottom_pc.png);
  }
  .oyatsu-daiji .l-contents::after {
    background-image: url(../images/content_base_top_pc.png);
  }
}
.oyatsu-daiji .c-episode-list {
  display: grid;
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-episode-list {
    grid-row-gap: 1em;
    justify-content: center;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .c-episode-list {
    grid-template-columns: repeat(auto-fit, 17.2em);
    grid-gap: 1.5em 3em;
    justify-content: center;
  }
}
.oyatsu-daiji .c-episode-listitem {
  display: grid;
  grid-gap: 0;
  justify-items: center;
}
@media (min-width: 641px) {
  .oyatsu-daiji .c-episode-listitem {
    grid-template-rows: subgrid;
    grid-row: span 3;
  }
}
.oyatsu-daiji .c-episode-listitem__num {
  width: 5em;
  margin-bottom: -1.75em;
}
.oyatsu-daiji .c-episode-listitem__image {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
}
.oyatsu-daiji .c-episode-listitem__image img {
  box-sizing: border-box;
  border: 0.5em solid white;
  margin-bottom: 1em;
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-episode-listitem__image img {
    width: 15em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .c-episode-listitem__image img {
    width: 18em;
  }
}
.oyatsu-daiji .c-episode-listitem:nth-of-type(1) .c-episode-listitem__image img {
  box-shadow: 0.3em 0.4em 0 var(--shadow-1);
}
.oyatsu-daiji .c-episode-listitem:nth-of-type(2) .c-episode-listitem__image img {
  box-shadow: 0.3em 0.4em 0 var(--shadow-2);
}
.oyatsu-daiji .c-episode-listitem:nth-of-type(3) .c-episode-listitem__image img {
  box-shadow: 0.3em 0.4em 0 var(--shadow-3);
}
.oyatsu-daiji .c-episode-listitem:nth-of-type(4) .c-episode-listitem__image img {
  box-shadow: 0.3em 0.4em 0 var(--shadow-4);
}
.oyatsu-daiji .c-episode-listitem:nth-of-type(5) .c-episode-listitem__image img {
  box-shadow: 0.3em 0.4em 0 var(--shadow-5);
}
.oyatsu-daiji .c-episode-listitem:nth-of-type(6) .c-episode-listitem__image img {
  box-shadow: 0.3em 0.4em 0 var(--shadow-6);
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-episode-listitem:nth-of-type(odd) .c-episode-listitem__image img {
    transform: rotate(1.5deg);
  }
  .oyatsu-daiji .c-episode-listitem:nth-of-type(even) .c-episode-listitem__image img {
    transform: rotate(-1.5deg);
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .c-episode-listitem:nth-of-type(4n+2) .c-episode-listitem__image img, .oyatsu-daiji .c-episode-listitem:nth-of-type(4n+3) .c-episode-listitem__image img {
    transform: rotate(1.5deg);
  }
  .oyatsu-daiji .c-episode-listitem:nth-of-type(4n+1) .c-episode-listitem__image img, .oyatsu-daiji .c-episode-listitem:nth-of-type(4n) .c-episode-listitem__image img {
    transform: rotate(-1.5deg);
  }
}
.oyatsu-daiji .c-episode-listitem__title {
  align-content: center;
  display: grid;
  color: var(--brown);
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-episode-listitem__title {
    font-size: 0.9em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .c-episode-listitem__title {
    font-size: 1em;
  }
}
.oyatsu-daiji .c-episode-listitem__subtitle {
  font-size: 80%;
  font-weight: normal;
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-episode-list--episode .c-episode-listitem .c-episode-listitem__image img {
    width: 13em;
  }
  .oyatsu-daiji .c-episode-list--episode .c-episode-listitem .c-episode-listitem__title {
    font-size: 0.85em;
  }
}
.oyatsu-daiji .c-cast-list {
  display: grid;
  grid-row-gap: 1em;
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-cast-list {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0.75em;
    justify-content: center;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .c-cast-list {
    grid-template-columns: repeat(auto-fit, 7.5em);
    justify-self: center;
    max-width: 37.5em;
  }
}
.oyatsu-daiji .c-cast-listitem {
  display: grid;
  grid-gap: 0;
  grid-row-gap: 0.25em;
  align-content: start;
  color: var(--brown);
  text-align: center;
}
.oyatsu-daiji .c-cast-listitem__image {
  display: grid;
  justify-items: center;
}
.oyatsu-daiji .c-cast-listitem__image img {
  aspect-ratio: 1/1;
  width: 5em;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 0.5em;
  background: lightgray;
}
.oyatsu-daiji .c-cast-listitem__name {
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1.3;
}
.oyatsu-daiji .c-cast-listitem__description {
  font-size: 0.6em;
  line-height: 1.3;
}
.oyatsu-daiji .c-cast-listitem:nth-of-type(1) .c-cast-listitem__image img {
  box-sizing: border-box;
  border: 1px solid #ccc;
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-cast-list--top .c-cast-listitem:first-child {
    grid-column: span 2;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .c-cast-list--top .c-cast-listitem:first-child {
    transform-origin: right bottom;
    transform: scale(1.4) translateX(0.5em);
  }
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-cast-list--top .c-cast-listitem:first-child .c-cast-listitem__image img {
    width: 7em;
  }
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-cast-list--top .c-cast-listitem:first-child .c-cast-listitem__name {
    font-size: 1em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .c-cast-list--top .c-cast-listitem:first-child .c-cast-listitem__description {
    font-size: 0.45em;
  }
}
.oyatsu-daiji .c-oyatsu-manga {
  display: grid;
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-oyatsu-manga {
    grid-row-gap: 1em;
    margin: 1.5em auto 3em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .c-oyatsu-manga {
    grid-template-columns: 4em max-content 4em;
    grid-gap: 1em;
    justify-content: center;
    margin: 3em auto;
  }
}
.oyatsu-daiji .c-oyatsu-manga__pages {
  display: grid;
  overflow: hidden;
  border: 1px solid #ffeab5;
  background: white;
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-oyatsu-manga__pages {
    padding: 0.5em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .c-oyatsu-manga__pages {
    order: 1;
    grid-column: 2;
    grid-row: 1;
    padding: 1em;
  }
}
.oyatsu-daiji .c-oyatsu-manga__pages-inner {
  display: flex;
  align-items: center;
  overflow-x: scroll;
  overscroll-behavior-x: none;
  scroll-snap-type: x mandatory;
  direction: rtl;
}
.oyatsu-daiji .c-oyatsu-manga__pages-inner:not(.is-loaded) {
  opacity: 0;
}
.oyatsu-daiji .c-oyatsu-manga__pages-inner.is-loaded {
  transition: opacity 400ms;
  scroll-behavior: smooth;
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-oyatsu-manga__pages-inner {
    width: 16em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .c-oyatsu-manga__pages-inner {
    width: 25em;
  }
}
.oyatsu-daiji .c-oyatsu-manga__pages-inner img {
  flex-shrink: 0;
  scroll-snap-stop: always;
  scroll-snap-align: center;
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-oyatsu-manga__pages-inner img {
    width: 16em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .c-oyatsu-manga__pages-inner img {
    width: 25em;
  }
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-oyatsu-manga__controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .c-oyatsu-manga__controls {
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    grid-column: 1/4;
    grid-row: 1/3;
  }
  .oyatsu-daiji .c-oyatsu-manga__controls-prev {
    grid-column: 1;
    grid-row: 1;
  }
  .oyatsu-daiji .c-oyatsu-manga__controls-next {
    grid-column: 3;
    grid-row: 1;
  }
  .oyatsu-daiji .c-oyatsu-manga__controls-pagenum {
    justify-self: center;
    grid-column: 2;
    grid-row: 2;
  }
}
.oyatsu-daiji .c-oyatsu-manga__controls-prev:not(.is-active), .oyatsu-daiji .c-oyatsu-manga__controls-next:not(.is-active) {
  visibility: hidden;
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-oyatsu-manga__controls-prev, .oyatsu-daiji .c-oyatsu-manga__controls-next {
    width: 2.5em;
  }
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-oyatsu-manga__controls-next {
    order: 1;
  }
}
.oyatsu-daiji .c-oyatsu-manga__controls-pagenum {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5em;
  aspect-ratio: 2/1;
  background: url(../images/episode_pagenum_base.svg) no-repeat center center/contain;
  color: var(--brown);
  font-size: 1.2em;
  font-weight: bold;
}
@media (max-width: 640px) {
  .oyatsu-daiji .c-oyatsu-manga__controls-pagenum {
    font-size: 1em;
  }
}
.oyatsu-daiji .p-column {
  position: relative;
  display: grid;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-column {
    grid-row-gap: 1.5em;
    padding: 0 1em 1.5em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column {
    justify-self: center;
    grid-row-gap: 2em;
    position: relative;
    box-sizing: border-box;
    width: 40em;
    padding: 0 2em 2em;
  }
}
.oyatsu-daiji .p-column::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  border: 0.15em solid #ffeab5;
  background: white;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-column::before {
    height: calc(100% - 1.5em);
    border-radius: 1em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column::before {
    height: calc(100% - 1.5em);
    border-radius: 2em;
  }
}
.oyatsu-daiji .p-column > * {
  position: relative;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-column__title {
    width: 6em;
    justify-self: center;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column__title {
    position: relative;
    width: 6.7em;
    height: 1.5em;
    transform: translate(-3em, 0);
  }
}
.oyatsu-daiji .p-column__caption {
  color: var(--brown);
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-column__caption {
    font-size: 0.9em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column__caption {
    font-size: 1.1em;
  }
  .oyatsu-daiji--episode2 .p-column__caption br, .oyatsu-daiji--episode1 .p-column__caption br {
    display: none;
  }
}
.oyatsu-daiji .p-column__text {
  display: grid;
  grid-row-gap: 0.5em;
}
.oyatsu-daiji .p-column__text h4 {
  display: flex;
  align-items: center;
  column-gap: 0.25em;
  font-size: 0.8em;
  font-weight: bold;
}
.oyatsu-daiji .p-column__text h4:nth-child(n+2) {
  margin-top: 0.5em;
}
.oyatsu-daiji .p-column__text h4::before {
  content: "";
  width: 1em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--orange);
}
.oyatsu-daiji .p-column__text p {
  font-size: 0.8em;
}
.oyatsu-daiji .p-column__text strong {
  color: var(--red);
  font-weight: bold;
}
.oyatsu-daiji .p-column__link {
  display: grid;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-column__link {
    grid-row-gap: 0.5em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column__link {
    grid-template-columns: max-content auto;
    grid-column-gap: 0.5em;
    align-items: center;
    justify-content: center;
  }
}
.oyatsu-daiji .p-column__link h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2em;
  border-radius: 1em;
  padding: 0 1em;
  background: var(--brown);
  color: white;
  font-size: 0.7em;
  font-weight: bold;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-column__link h4 {
    justify-self: center;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji--episode5 .p-column__link h4 {
    align-self: start;
    grid-row: span 4;
  }
}
.oyatsu-daiji .p-column__link a {
  color: var(--orange);
  font-size: 0.7em;
  text-decoration: underline;
  word-break: break-all;
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column__link a {
    grid-column: 2;
  }
}
.oyatsu-daiji .p-column__supervisor {
  font-size: 0.7em;
  text-align: center;
}
.oyatsu-daiji .p-column-recipe {
  display: grid;
  justify-items: center;
  justify-content: center;
  grid-gap: 1em;
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column-recipe {
    display: grid;
    grid-template-columns: repeat(2, max-content);
  }
}
.oyatsu-daiji .p-column-recipe__title {
  width: 13em;
  padding-bottom: 0.5em;
  background: linear-gradient(to right, var(--orange) 50%, transparent 50%) repeat-x left bottom/0.4em 0.1em;
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column-recipe__title {
    grid-column: 1;
    grid-row: 1;
  }
}
.oyatsu-daiji .p-column-recipe__recipe {
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-column-recipe__recipe {
    grid-row-gap: 0.5em;
    grid-row: span 3;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column-recipe__recipe {
    grid-column: 1/3;
    grid-row: 1/5;
  }
}
.oyatsu-daiji .p-column-recipe__recipe .c-shokuiku-recipe-recipe {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-columns: inherit;
  grid-template-rows: inherit;
  grid-column: inherit;
  grid-row: inherit;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-column-recipe__recipe .c-shokuiku-recipe-recipe__title {
    grid-row: 2;
  }
  .oyatsu-daiji .p-column-recipe__recipe .c-shokuiku-recipe-recipe__pic {
    grid-row: 1;
  }
  .oyatsu-daiji .p-column-recipe__recipe .c-shokuiku-recipe-recipe__searchitems {
    grid-row: 3;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column-recipe__recipe .c-shokuiku-recipe-recipe__title {
    grid-column: 1;
    grid-row: 2;
  }
  .oyatsu-daiji .p-column-recipe__recipe .c-shokuiku-recipe-recipe__pic {
    grid-column: 2;
    grid-row: 1/5;
  }
  .oyatsu-daiji .p-column-recipe__recipe .c-shokuiku-recipe-recipe__searchitems {
    grid-column: 1;
    grid-row: 3;
  }
}
.oyatsu-daiji .p-column-recipe__recipe .c-shokuiku-recipe-recipe__title {
  font-weight: bold;
  font-size: 0.8em;
}
.oyatsu-daiji .p-column-recipe__recipe .c-shokuiku-recipe-recipe__pic {
  width: 12em;
  border: 1px solid #ffeab5;
  padding: 0.5em;
  background: white;
  transform: rotate(2deg);
}
.oyatsu-daiji .p-column-recipe__recipe .c-shokuiku-recipe-recipe__searchitems {
  display: grid;
  grid-row-gap: 0.25em;
  justify-items: center;
}
.oyatsu-daiji .p-column-recipe__recipe .c-shokuiku-recipe-recipe__searchitems-item {
  display: flex;
  flex-wrap: wrap;
  justify-items: center;
  gap: 0.25em;
}
.oyatsu-daiji .p-column-recipe__recipe .c-shokuiku-recipe-recipe__searchitems-item--genres, .oyatsu-daiji .p-column-recipe__recipe .c-shokuiku-recipe-recipe__searchitems-item--ages {
  display: none;
}
.oyatsu-daiji .p-column-recipe__recipe .c-shokuiku-recipe-recipe__searchitems-item img {
  display: block;
  width: auto;
  height: 1em;
}
.oyatsu-daiji .p-column-recipe-feature {
  display: grid;
  grid-row-gap: 0.5em;
  justify-items: center;
}
.oyatsu-daiji .p-column-recipe-feature__caption {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.75em;
  color: var(--brown);
  font-size: 0.8em;
  font-weight: bold;
  text-indent: 0.5em;
}
.oyatsu-daiji .p-column-recipe-feature__caption::before, .oyatsu-daiji .p-column-recipe-feature__caption::after {
  vertical-align: baseline;
  content: "";
  width: 1px;
  height: 1em;
  background: var(--brown);
}
.oyatsu-daiji .p-column-recipe-feature__caption::before {
  transform-origin: left top;
  transform: rotate(-30deg);
}
.oyatsu-daiji .p-column-recipe-feature__caption::after {
  transform-origin: right top;
  transform: rotate(30deg);
}
.oyatsu-daiji .p-column-recipe-feature__banner {
  display: grid;
  grid-gap: 0.5em;
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column-recipe-feature__banner {
    grid-auto-flow: column;
  }
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-column-recipe-feature__banner img {
    width: 10.8em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column-recipe-feature__banner img {
    width: 12em;
  }
}
.oyatsu-daiji .p-column-banner {
  display: grid;
  grid-row-gap: 0.5rem;
  justify-items: center;
}
.oyatsu-daiji .p-column-banner__caption {
  color: var(--brown);
  font-size: 0.8em;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-column-banner__caption {
    line-height: 1.3;
  }
  .oyatsu-daiji--episode5 .p-column-banner__caption br {
    display: none;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column-banner__caption {
    line-height: 1.4;
  }
  .oyatsu-daiji--episode2 .p-column-banner__caption br:nth-of-type(1) {
    display: none;
  }
  .oyatsu-daiji--episode6 .p-column-banner__caption br {
    display: none;
  }
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-column-banner__image {
    width: 14em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column-banner__image {
    width: 16em;
  }
}
.oyatsu-daiji .p-column-products {
  display: grid;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-column-products {
    grid-row-gap: 1.5em;
    justify-items: center;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column-products {
    grid-template-columns: auto auto;
    grid-template-areas: ". items logo ." "notes notes notes notes";
    grid-gap: 1.5em 2.5em;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }
  .oyatsu-daiji .p-column-products__items {
    grid-area: items;
  }
  .oyatsu-daiji .p-column-products__logo {
    grid-area: logo;
  }
  .oyatsu-daiji .p-column-products__notes {
    grid-area: notes;
  }
}
.oyatsu-daiji .p-column-products__items {
  display: grid;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-column-products__items {
    grid-template-columns: 5em max-content;
    grid-gap: 1em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column-products__items {
    grid-auto-flow: column;
    grid-gap: 0.75em 1.5em;
    justify-items: center;
  }
}
.oyatsu-daiji .p-column-products__items figure {
  display: grid;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-column-products__items figure {
    grid-template-columns: subgrid;
    grid-column: 1/3;
    align-items: center;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column-products__items figure {
    grid-template-rows: subgrid;
    grid-row: 1/3;
    align-items: center;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-column-products__items figure img {
    width: auto;
    height: 9em;
  }
}
.oyatsu-daiji .p-column-products__items figure figcaption {
  color: var(--brown);
  font-size: 0.7em;
  line-height: 1.3;
  text-align: center;
}
.oyatsu-daiji .p-column-products__logo img {
  width: 8.6em;
}
.oyatsu-daiji .p-column-products__notes {
  display: grid;
  color: var(--gray);
  font-size: 0.65em;
}
.oyatsu-daiji .p-title {
  display: grid;
  justify-items: center;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-title--top {
    margin-bottom: 0.5em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-title--top {
    margin-bottom: -1em;
  }
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-title--top img {
    width: 18em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-title--top img {
    width: 48.5em;
  }
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-top-mv {
    margin-bottom: 1.5em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-top-mv {
    margin-bottom: 2em;
  }
}
.oyatsu-daiji .p-top-mv img {
  border-radius: 1.5em;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-top-mv img {
    width: 18em;
    aspect-ratio: 21/10;
    object-fit: cover;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-top-mv img {
    width: 49em;
  }
}
.oyatsu-daiji .p-top-lead {
  display: grid;
  grid-row-gap: 1em;
  justify-items: center;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-top-lead {
    margin-bottom: 1.5em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-top-lead {
    margin-bottom: 1.5em;
  }
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-top-lead__title img {
    width: 16em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-top-lead__title img {
    width: 36.1em;
  }
}
.oyatsu-daiji .p-top-lead__text {
  font-size: 0.8em;
}
.oyatsu-daiji .p-top-cast {
  display: grid;
  justify-items: center;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-top-cast {
    grid-row-gap: 2em;
    margin-top: 4em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-top-cast {
    grid-row-gap: 3.5em;
    margin-top: 3.5em;
  }
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-top-cast__title img {
    height: 2.4em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-top-cast__title img {
    height: 2.8em;
  }
}
.oyatsu-daiji .p-episode-logo {
  display: grid;
  justify-items: center;
  margin-bottom: 0.5em;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-episode-logo img {
    width: 11.5em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-episode-logo img {
    width: 32em;
  }
}
.oyatsu-daiji .p-episode-head {
  display: grid;
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-episode-head {
    grid-template-columns: max-content 1fr;
    grid-column-gap: 1em;
  }
}
.oyatsu-daiji .p-episode-head__title {
  display: grid;
  align-items: center;
  color: var(--brown);
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-episode-head__title {
    grid-row-gap: 1em;
    justify-items: center;
    font-size: 1em;
  }
  .oyatsu-daiji .p-episode-head__title small {
    margin-bottom: -0.5em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-episode-head__title {
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    grid-column: 1/3;
    grid-row: 1/5;
    font-size: 1.1em;
  }
  .oyatsu-daiji .p-episode-head__title::before {
    content: "";
  }
  .oyatsu-daiji .p-episode-head__title::before,
  .oyatsu-daiji .p-episode-head__title small {
    grid-column: 2;
    grid-row: 1;
  }
  .oyatsu-daiji .p-episode-head__title br {
    display: none;
  }
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-episode-head__title img {
    width: 5em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-episode-head__title img {
    grid-column: 1;
    grid-row: 1/5;
    width: 6em;
  }
}
.oyatsu-daiji .p-episode-head__title small {
  font-size: 80%;
}
.oyatsu-daiji .p-episode-head__text {
  display: grid;
  font-size: 0.8em;
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-episode-head__text {
    grid-column: 2;
    grid-row: 4;
  }
}
.oyatsu-daiji .p-episode-head::after {
  content: "";
  background: no-repeat center center/calc(100% - 1em) auto;
  height: 1.5em;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-episode-head::after {
    grid-row: 2;
    background-image: url(../images/episode_title_border_sp.svg);
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-episode-head::after {
    align-self: start;
    grid-column: 2;
    grid-row: 3;
    height: 1.5em;
    background-image: url(../images/episode_title_border_pc.svg);
  }
}
.oyatsu-daiji .p-episode-cast {
  display: grid;
  grid-row-gap: 1.5em;
  margin-top: 3em;
  justify-items: center;
}
.oyatsu-daiji .p-episode-cast__title {
  text-align: center;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-episode-cast__title img {
    height: 2em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-episode-cast__title img {
    height: 2.5em;
  }
}
.oyatsu-daiji .p-episode-episodes {
  display: grid;
  grid-row-gap: 1.5em;
  margin-top: 3em;
}
.oyatsu-daiji .p-episode-episodes__title {
  text-align: center;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-episode-episodes__title img {
    height: 2em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-episode-episodes__title img {
    height: 2.5em;
  }
}
.oyatsu-daiji .p-totop {
  display: grid;
  margin-top: 2em;
}
@media (max-width: 640px) {
  .oyatsu-daiji .p-totop img {
    width: 10.4em;
  }
}
@media (min-width: 641px) {
  .oyatsu-daiji .p-totop img {
    width: 12.8em;
  }
}