@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
ビリビリ図鑑
---------------------------------------------------------------------------------------------------------------------
*/
#single-header {
  padding: 0 20px; }
  @media (min-width: 768px) {
    #single-header {
      padding: 0 60px; } }
  @media (min-width: 1024px) {
    #single-header {
      padding: 0 80px; } }
  @media (min-width: 1250px) {
    #single-header {
      padding: 0 140px; } }
  #single-header .title8 {
    margin: 40px auto 0;
    text-align: center; }
    @media (min-width: 1024px) {
      #single-header .title8 {
        margin: 80px auto 0; } }
    #single-header .title8 .title-in {
      position: relative; }
      #single-header .title8 .title-in h1 {
        font-size: 9vw;
        font-feature-settings: "palt";
        letter-spacing: 0.04em;
        margin-top: 20px;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media (min-width: 768px) {
          #single-header .title8 .title-in h1 {
            font-size: 2.5em; } }
        @media (min-width: 1024px) {
          #single-header .title8 .title-in h1 {
            font-size: 4.0em; } }
        #single-header .title8 .title-in h1 div {
          display: flex; }
          #single-header .title8 .title-in h1 div img {
            width: 20px; }
            @media (min-width: 768px) {
              #single-header .title8 .title-in h1 div img {
                width: 30px; } }
            @media (min-width: 1024px) {
              #single-header .title8 .title-in h1 div img {
                width: 40px; } }
      #single-header .title8 .title-in h2 {
        font-size: 1.25em;
        font-feature-settings: "palt";
        letter-spacing: 0.04em;
        margin-top: 10px; }
        @media (min-width: 1024px) {
          #single-header .title8 .title-in h2 {
            font-size: 2em; } }

.side-loop.left {
  display: none; }
  @media (min-width: 768px) {
    .side-loop.left {
      display: block; } }
.side-loop.right {
  display: none; }
  @media (min-width: 768px) {
    .side-loop.right {
      display: block; } }

ul.zukan {
  overflow: scroll;
  margin: 60px auto 0; }
  @media (min-width: 768px) {
    ul.zukan {
      margin: 100px auto 0; } }
  @media (min-width: 1250px) {
    ul.zukan {
      margin: 120px auto 0; } }
  ul.zukan li {
    margin-bottom: 40px; }
    ul.zukan li:last-child {
      margin-bottom: 0; }
    ul.zukan li h3 {
      font-family: "Dela Gothic One", sans-serif;
      font-style: normal;
      font-size: 2em;
      font-weight: 400;
      color: #F1FF4E;
      padding: 0 20px;
      margin-bottom: 10px;
      max-width: 1600px; }
      @media (min-width: 768px) {
        ul.zukan li h3 {
          font-size: 2.5em;
          padding: 0 60px; } }
      @media (min-width: 1024px) {
        ul.zukan li h3 {
          padding: 0 80px; } }
      @media (min-width: 1250px) {
        ul.zukan li h3 {
          margin: 120px auto 20px;
          padding: 0 120px;
          font-size: 3.3em; } }
      @media (min-width: 1600px) {
        ul.zukan li h3 {
          padding: 0 160px; } }
    ul.zukan li .photo {
      overflow: scroll;
      text-align: center;
      padding: 0 20px; }
      @media (min-width: 768px) {
        ul.zukan li .photo {
          padding: 0 60px; } }
      @media (min-width: 1024px) {
        ul.zukan li .photo {
          padding: 0 80px; } }
      @media (min-width: 1250px) {
        ul.zukan li .photo {
          padding: 0 120px; } }
      @media (min-width: 1600px) {
        ul.zukan li .photo {
          padding: 0 160px; } }
      ul.zukan li .photo img {
        width: 100%;
        border-radius: 20px; }
        @media (min-width: 768px) {
          ul.zukan li .photo img {
            max-width: 1600px; } }
        @media (min-width: 1250px) {
          ul.zukan li .photo img {
            border-radius: 40px; } }
