@charset "utf-8";

/* CSS Document */

.documentpage .contentheader{background-image: url(../images/document-bg-01.jpg);}
.comicdownloadpage .contentheader{background-image: url(../images/document-bg-02.jpg);}
.partnerdownloadpage .contentheader{background-image: url(../images/document-bg-03.jpg);}

.documentpage .secintro{margin-bottom: 100px;}

/* index */
.documentmain{padding-bottom: 50px;}
  .document-list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    }
    .document-item{
      display: flex;
      flex-direction: column;
      }
      .document-item-ttl{
        order: 1;
        margin-bottom: 10px;
        }
        .document-item-ttl-txt{
          font-size: 18px;
          font-weight: 500;
          text-align: center;
          }
      .document-item-fig{
        order: 0;
        margin-bottom: 15px;
        }
      .document-item-detail{
        order: 2;
        width: 100%;
        margin-bottom: 20px;
        }
        .document-item-detail-txt{}
      .document-item-button{
        order: 3;
        width: 350px;
        margin: auto auto 0;
        }

/* detail */      
.secintro-subttl{
  margin-top: -10px;
  margin-bottom: 30px;
  }
  .secintro-subttl-txt{
    font-weight: bold;
    text-align: center;
    }

.downloadlineup{margin-bottom: 100px;}
  .downloadpage  .downloadlineup{
    margin-bottom: 0;
    padding-bottom: 150px;
    }
    .download-lineup{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      max-width: 600px;
      margin: 0 auto;
      }
      .download-item{
        display: flex;
        flex-direction: column;
        }
        .download-item-ttl{order: 1;}
          .download-item-ttl-txt{
            font-size: 14px;
            font-weight: 500;
            text-align: center;
            }
        .download-item-fig{
          order: 0;
          margin-bottom: 10px;
          }
        .download-button{
          order: 2;
          margin-top: 15px;
          }
          .download-link{
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 40px;
            font-size: 12px;
            font-weight: bold;
            border: 2px solid rgba(0,0,0,1);
            border-radius: 20px;
            box-sizing: border-box;
            transition: .5s;
            }
            .download-link:hover{background-color: rgba(255,216,19,1);}
            .download-link-txt{font-weight: bold;}

  .downloadform{padding-bottom: 150px;}
    .document-form{
      max-width: 800px;
      margin: 0 auto;
      }



@media screen and (max-width: 1199px) { }/* max-width: 1199px */

@media screen and (max-width: 991px) {

.documentpage .secintro{margin-bottom: 80px;}

/* index */
.document-list{gap: 60px 40px;}
.document-item-ttl{margin-bottom: 5px;}
  .document-item-ttl-txt{font-size: 16px;}
  .document-item-button{width: 300px;}

/* detail */      
.downloadpage  .downloadlineup{padding-bottom: 70px;}
.download-lineup{margin-bottom: 60px;}

}/* max-width: 991px */

@media screen and (max-width: 767px) {

/* index */
.documentpage .secintro{margin-bottom: 50px;}
  .document-list{
    grid-template-columns: 1fr;
    max-width: 350px;
    margin: 0 auto;
    }
  .document-item-button{width: 280px;}
  
.download-lineup{gap: 60px 30px;}

/* detail */      
.downloadlineup{margin-bottom: 10px;}

}/* max-width: 767px */

@media screen and (max-width: 575px) {

.secintro-subttl{
  margin-top: -5px;
  margin-bottom: 20px;
  }
  
.document-item-button{width: 250px;}

.download-lineup{
  grid-template-columns: 1fr;
  max-width: 350px;
  }
  .download-item-ttl-txt{font-size: 13px;}

}/* max-width: 575px */