@charset "UTF-8";

/* Item List: use the shared loadhtml component, as in Bilitis. */
.shouhinWrap{display:none;}
.shouhinWrap.apocalyptos{display:block;}
#itemContents .itemList-viewMore{display:none;}

/* Scene-specific overrides remain separate from the collection's components. */
.apocalyptos .productSection{scroll-margin-top:35px;}
.apocalyptos .storySection{background:transparent;}
.apocalyptosLanding .storySection .chapterHeader{display:none;}
.apocalyptosLanding .storySection .seriesLogoImg{display:none;}


/* SP Detail sequence: image, number, title, summary. */
@media (max-width: 587px) {
  .apocalyptos .detailGridT3 .detailItem {
    border-top: 0;
  }
  .apocalyptos .detailGridT3 .detailItem:not(.detailItem--paired) > .detailMedia {
    order: 0;
    grid-column: 1;
    grid-row: auto;
  }
  .apocalyptos .detailGridT3 .detailItem:not(.detailItem--paired) > .detailTxt {
    order: 1;
    grid-column: 1;
    grid-row: auto;
  }
  .apocalyptos .detailGridT3 .detailItem--paired {
    grid-template-areas: "photo1" "photo2" "heading" "copy";
  }
  .apocalyptos .detailGridT3 .detailItem .detailCopy {
    text-align: center;
  }
}