@media (max-width:1200px){
    .menugrid{
    grid-template-rows: 190px auto auto;}
    .comictitle h3{
      font-size: 1.8rem;
      margin-top: 1.2em;
      margin-bottom: 0.8em;
    }
    .number{
      font-size: 5rem;
    }
  }
  @media (max-width: 991.98px){
    .menugrid{
    grid-template-rows: 142px auto auto;}
    .comicgrid {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  
  @media (max-width: 768px){
    header{
      margin-top: 60px;
      margin-bottom: 50px;
    }
    .img-twi{
      width: 36px;
    }
   .ico_twitter{
      position:fixed;
      top:40px;
      right:0;
      }
    .menugrid {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
    }
    #newcomic,
    #movie,
    #comics,
    #history,
    #package
    { grid-column: 1;
      grid-row: auto;
    }

.yon{
  font-size: 3rem;
  letter-spacing: 0.3em;
}
.coma{
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin-right: 0.4em;
}
.subtitle{
  font-size: 1.6rem;
  letter-spacing: 0.2em;
}

    .comicgrid {
      grid-template-columns: 1fr 1fr;
      grid-gap: 2rem;
    }

    .comictitle p{
      font-size: 1.8rem;
    }
    .comictitle h3{
      font-size: 1.4rem;
      margin-top: 1.2em;
      margin-bottom: 1.2em;
    }
    .comictitle p{
      font-size: 1.2rem;
      letter-spacing: 0.2rem;

    }
    .number{
      font-size: 3.5rem;
    }
    .container-4coma{
      margin: 2rem auto 0;
    }

    .btn_4coma{
      font-size: 18px;
    }
    .btn_4coma > a{
      top: 28%;
      left: 0;
    }

    .btn_4coma_nb{
      width: 100px;
      font-size: 1rem;
      margin: 1rem;
    }

    .his-logo{
        width: 100%;
    }  
    .container-history > div{
      width: 100%;
      text-align: center;
    }
    .img-pkg3{
        width: 95%;
        height: auto;
    }

    .img-tp{
        max-width: 100%;
      }
      .tp25{
        width: 35%;
    }
      .tp40{
        width: 60%;
    }
      .tp45{
        width: 70%;
    }
      .tp50{
          width: 80%;
      }
      .tp60{
        width: 100%;
    }
    .his-cap{
        text-align: left;}
    
    .his-left{
        padding: 3rem;
    } 
    .his-cap > br{
      display: none;
    }
    .his-right-in-pkg >h2{
        text-align: left;
    }
    .sns{
      text-align: center;
      font-size: 2rem;
    }
    .sns span{
      padding-right: 0px;
      padding-bottom: 10px;
      display: block;
            }

            .back{
              font-size: 1.2rem;
              text-align: right;
              margin-top: 10px;
            }
            .coma_cap{
              font-size: 1.4rem;
              font-weight:600;
              margin-top: 3rem;
              margin-bottom: 3rem;  
            }
  
  }