@charset "utf-8";


@media (max-width: 1000px){

    .header-right {
        display: none;
    }
    .openbtn1{
        display: block;
    }
    
    .contact-wrapper {
        display: none;
    }
    .contact-banner {
        display: block;
    }
    .header-left .title_b {
        display: none;
    }

/*----------------------------------------------------現在確認中ーーーーーーーーー    */
    .contact-wrapper {
        padding-top: 80px;
        padding-bottom: 100px;
    
    }
    .contact-column {
        width: 90%;
        margin: 0 auto;
    }
    .contact-column p {
        text-align: center;
    }
    
    .required {
        padding: 5px 10px;
        margin-left: 10px;
        margin-bottom: 10px;
        font-size: 13px;
        background-color: #fbe5f3;
        border-radius: 1px;
    }    
    .title {
        display: flex;
        margin-top: 10px;
    }
     input, 
     textarea {
        display: block;
        align-items: flex-start;
        padding: 10px;
        width: 100%;
        flex: 1;
        border: 0.7px solid #0E466F;
        border-radius: 2px;
        font-family: serif;
        color: #7C7C7C;
    }
    
    .about-column {
        
        margin: 20px 20px;
    }
      
    
    
    














    /* works-print ======================================*/

    .Rcake-1 , .Rcake-2 {
        flex: auto;
        width: 45%;
    }
    .menu,
    .bottle {
        flex: auto;
        width: 45%;    
    }
    .sticker,
    .kinken {
        flex: auto;
        width: 45%;
    }
    .description {
        width: 100%;
        height: auto;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: -10px;
        box-sizing: border-box;
    }
    .description p {
        font-size: 13px;
        text-align: left;
        line-height: 15px;
        letter-spacing: 1px;
        padding-left: 10px;
    }
    .vivi {
        flex: auto;
        width: 45%;
    }
    .djnow {
        flex: auto;
        width: 45%;
    }
    .renkei {
        flex: auto;
        width: 20%;
    }
   







    .footer-left, .footer-right {
        display: none;
    }


    /* -------------------index-works------------------------ */
    .works-wrapper {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .heading {
        margin-top: -20px;
        padding-bottom: 30px;
    }
    .fuda a {
        padding-top: 5%;
        margin-bottom: -20px;
        
    }
    .fuda span {
        
        font-size: 35px;
    }

    /* -------------------index-about------------------------ */
    .about-column {
        flex-flow: column;
        margin-left: 50px;
        margin-right: 50px;
        
    }

    .about-left {
        width: 100%;
       
        padding-top: 2%;
        
    }
    
    .about-right {
        width: 100%; 
        
        margin-top: 5%;
        
        
    }
    .about-right img {
        width: 40%;
        display: block;
        margin: 0 auto;
    }
   








}

  /* ===============================670 =====================----------============
  ==================================================================*/

@media (max-width: 670px){

    .title_b {
        display: none;
    }
  

   

    /* ------------------hero------------------------- */

    .hero-wrapper {
        height: 530px;
        padding-top: 110px;
        padding-bottom: 100px;
  
        
    }
    .hero-wrapper h1 {
        font-family: 'Pacifico', cursive;
        font-size: 70px;
        color: #f3f3f3;
        opacity: 0.5;
        /* letter-spacing: 5px; */
        text-align: center;   
    } 
    .hero-wrapper p {
        text-align: center;
        line-height: 8px;
    }


    /* ------------------works------------------------- */
    .works-s {
    
        flex-direction: column;
    }
    .works-s .works {
        display: flex;
        justify-content: center;
        align-items: center;

        width: 100%;
        
        margin: 0 auto;
        padding-bottom: 5px;
    }

    .works img {
        width: 80%;
        height: auto;
        margin: 20px auto;
        opacity: 0.3;
        animation: none;
    }


   
    .fuda span {
        font-size: 50px;
    }

    /* -------------------about------------------------ */
    .about-column {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .about-wrapper .container {
        padding-bottom: 30px;
    } 
    .about-right {
       
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .about-right img {
        width: 60%;
        
    }
  
    
    
        
    

    
    /* works-print ======================================*/

    .Rcake-1 , .Rcake-2 {
        display: none;
    }
    .Rcake-3 {
        display: block;
        flex: auto;
        width: 90%;
    }
    .menu,
    .bottle {
        flex: auto;
        width: 90%;    
    }
    .sticker,
    .kinken {
        flex: auto;
        width: 45%;
    }
    .description {
        width: 100%;
        height: auto;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: -10px;
        box-sizing: border-box;
    }
    .description p {
        font-size: 13px;
        text-align: left;
        line-height: 15px;
        letter-spacing: 1px;
        padding-left: 10px;
    }
    .vivi {
        flex: auto;
        width: 90%;
    }
    .djnow {
        flex: auto;
        width: 90%;
    }
    .renkei {
        flex: auto;
        width: 90%;
    }

    .illust-b {
        display: none;
    }
    .illust-c {
        display: block;
        flex: auto;
        width: 90%;
    }
    


    /* thanks---------------------------====================== */
    .thanks {
        width: 400px;
        margin: -70px auto; 
    }

    .thanks-top {
        padding-top: 100px;    
    }
    





    
    }