#item {
  font-family: "-apple-system", "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", meiryo, "M+ 1p", sans-serif; }
  @media all and (min-width: 768px) {
    .device-sp #item {
      max-width: 500px;
      margin-right: auto;
      margin-left: auto; } }

#contents {
  font-family: 'A1 Gothic M JIS2004', '-apple-system', 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', meiryo, 'M+ 1p', sans-serif; }
  #contents > article > h3 {
    overflow: hidden;
    background: no-repeat center top;
    background-size: contain; }
    #contents > article > h3 span {
      position: absolute;
      display: block;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden; }
  .device-sp #contents > article > h3 {
    position: absolute;
    top: 28px;
    left: 50%;
    width: 300px;
    max-width: 500px;
    padding-top: 17.1875%;
    transform: translate(-50%, 0);
    background-image: url(../images/title_sp.png); }
    .ua-safari .device-sp #contents > article > h3 > h3 {
      padding-top: 21.15385%; }
    .device-sp #contents > article > h3 img {
      width: 69.23077%;
      max-width: 270px; }
  .device-sp.ua-crios #contents > article > h3,
  .device-sp.ua-safari #contents > article > h3 {
    width: 93.75%;
    max-width: 500px;
    padding-top: 21.15385%; }
  .device-pc #contents > article > h3 {
    width: 500px;
    margin-top: -30px;
    margin-bottom: 35px;
    padding-top: 80px;
    background-image: url(../images/title_pc.png); }
    .device-pc #contents > article > h3::after {
      top: 50%;
      left: 50%;
      width: 80px;
      height: 80px;
      transform: translate(130px, -60%); }
    .device-pc #contents > article > h3 img {
      width: 45.2%; }

.device-sp #article {
  max-width: 500px;
  padding-top: 53px; }
  .device-sp #article br:not(.sp) {
    display: none; }
  .device-sp #article > img {
    border-radius: 5.2px; }

.device-pc #article > img {
  width: 100%;
  border-radius: 10px; }

#article > header h4 {
  font-family: "A1 Gothic M JIS2004", sans-serif;
  text-align: center;
  letter-spacing: 0em;
  -webkit-font-feature-settings: 'palt' 1;
  font-feature-settings: 'palt' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
  font-weight: normal; }
  .ua-desktop-windows #article > header h4 {
    -ms-transform: rotate(0.001deg);
    transform: rotate(0.001deg); }
  #article > header h4 small {
    font-size: 70.58824%; }

#article > header > div {
  display: inline-block;
  margin-bottom: 51px; }
  #article > header > div p {
    font-family: "A1 Gothic M JIS2004", sans-serif;
    letter-spacing: 0.075em;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
    font-weight: normal; }
    .ua-desktop-windows #article > header > div p {
      -ms-transform: rotate(0.001deg);
      transform: rotate(0.001deg); }
    #article > header > div p:first-of-type {
      margin-top: 0; }

.device-sp #article > header {
  margin-top: 1.5em; }
  .device-sp #article > header h4 {
    font-size: 170%;
    line-height: 1.29412;
    margin-bottom: 24px; }
  .device-sp #article > header > div {
    margin-bottom: 37px; }
    .device-sp #article > header > div p {
      font-size: 140%;
      line-height: 1.64286; }

.device-pc #article > header {
  margin-top: 2.8em;
  text-align: center; }
  .device-pc #article > header h4 {
    font-size: 250%;
    line-height: 1.2;
    margin-bottom: 29px; }
  .device-pc #article > header > div {
    padding-left: 45px; }
    .device-pc #article > header > div p {
      font-size: 150%;
      line-height: 1.6;
      text-align: left; }

#article > section .comic img {
  display: block;
  width: 281px;
  height: 2387px;
  margin: auto; }

.device-pc #article > section .comic img {
  margin-bottom: 124px; }

.device-sp #article > section .comic img {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin: 0px; }

#article > section h5 {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 200%;
  letter-spacing: 0.1em;
  background: no-repeat center top;
  background-size: contain; }

.device-sp #article > section h5 {
  position: relative;
  left: 50%;
  margin-top: 0;
  margin-bottom: 0px;
  transform: translate(-50%, 0); }

.device-pc #article > section h5 {
  background-position: center top; }

.device-pc #article > section h5 {
  background-image: url(../images/subtitle1_pc.png);
  width: 280px;
  height: 78px;
  margin-bottom: 13px;
  margin-left: 110px; }

.device-sp #article > section h5 {
  background-image: url(../images/subtitle1_sp.png);
  max-width: 420px;
  max-height: 105px;
  margin-bottom: 20px;
  width: 87.5vw;
  height: 21.875vw; }