@media only screen and (max-width: 720px) { article.shinkiji { width: 100%; max-width: 1280px; margin: 0 auto 50px auto; background-color: #fff; padding-bottom: 13.9vw; }
  article.shinkiji section { width: 100%; margin: 0 auto; position: relative; }
  article.shinkiji section img, article.shinkiji section picture { width: 100%; display: block; margin: 0 auto; }
  article.shinkiji section div.button { position: absolute; width: 100%; text-align: center; bottom: 5.3vw; }
  article.shinkiji section div.button picture.offbutton { display: inline-block; margin: 0 auto; width: 72.7%; }
  article.shinkiji section a.onbutton { display: inline-block; width: 72.7%; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)); }
  article.shinkiji section a.onbutton:hover { opacity: 0.7; filter: alpha(opacity=70); }
  article.shinkiji section.shincomictop { width: 91.7%; margin-top: 9.7vw; }
  article.shinkiji section.shincomic { width: 91.7%; margin-top: 13.9vw; } }
@media only screen and (min-width: 721px) and (max-width: 1180px) { article.shinkiji { width: 100%; max-width: 1280px; margin: 0 auto 50px auto; background-color: #fff; padding-bottom: 13.9vw; }
  article.shinkiji section { width: 100%; margin: 0 auto; position: relative; }
  article.shinkiji section img, article.shinkiji section picture { width: 100%; display: block; margin: 0 auto; }
  article.shinkiji section div.button { position: absolute; width: 100%; text-align: center; bottom: min(4.3vw, 38px); }
  article.shinkiji section div.button picture.offbutton { display: inline-block; margin: 0 auto; width: 72.7%; }
  article.shinkiji section a.onbutton { display: inline-block; width: 72.7%; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)); }
  article.shinkiji section a.onbutton:hover { opacity: 0.7; filter: alpha(opacity=70); }
  article.shinkiji section.shincomictop { width: 91.7%; margin-top: 9.7vw; }
  article.shinkiji section.shincomic { width: 91.7%; margin-top: 13.9vw; } }
@media only screen and (min-width: 1181px) and (max-width: 1560px) { article.shinkiji { width: 100%; max-width: 1280px; margin: 0 auto 50px auto; background-color: #fff; padding-bottom: 13.9vw; }
  article.shinkiji section { width: 100%; margin: 0 auto; position: relative; }
  article.shinkiji section img, article.shinkiji section picture { width: 100%; display: block; margin: 0 auto; }
  article.shinkiji section div.button { position: absolute; width: 100%; text-align: center; bottom: min(3vw, 43px); }
  article.shinkiji section div.button picture.offbutton { display: inline-block; margin: 0 auto; width: 72.7%; }
  article.shinkiji section a.onbutton { display: inline-block; width: 72.7%; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)); }
  article.shinkiji section a.onbutton:hover { opacity: 0.7; filter: alpha(opacity=70); }
  article.shinkiji section.shincomictop { width: 91.7%; margin-top: 9.7vw; }
  article.shinkiji section.shincomic { width: 91.7%; margin-top: 13.9vw; } }
@media only screen and (min-width: 1561px) { article.shinkiji { width: 100%; max-width: 1280px; margin: 0 auto 50px auto; background-color: #fff; padding-bottom: min(7.8vw, 100px); }
  article.shinkiji section { width: 100%; margin: 0 auto; position: relative; }
  article.shinkiji section img, article.shinkiji section picture { width: 100%; display: block; margin: 0 auto; }
  article.shinkiji section div.button { position: absolute; width: 100%; text-align: center; bottom: min(3.4vw, 43px); }
  article.shinkiji section div.button picture.offbutton { display: inline-block; margin: 0 auto; width: 72.7%; }
  article.shinkiji section a.onbutton { display: inline-block; width: 72.7%; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)); }
  article.shinkiji section a.onbutton:hover { opacity: 0.7; filter: alpha(opacity=70); }
  article.shinkiji section.shincomictop { width: 68.75%; margin-top: min(7.4vw, 95px); }
  article.shinkiji section.shincomic { width: 68.75%; margin-top: min(5.5vw, 70px); } }