@charset "UTF-8";

/* topimg */
.topimg {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.topimg img {
      max-width: 100%
}

/*########### sale ############*/

.sale {
    width: 100%;
    margin: 0 auto;
    border-bottom: #666 solid 1px;
    margin-top: 100px;
    padding-bottom: 100px;
}


.sale-carpet, .sale-carpet-type{
    width: 100%;
    margin: 0 auto;
    display: flex; 
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding-bottom: 100px;
}

section.sale-carpet h2 {
      color: #000;
      width: 100%;
      font-size: 30px;
} 

section.sale-carpet p {
      font-size: 18px;
      margin: 0;
}

.sale-carpet li{
      list-style: none;
      width: 45%;
      margin:0 auto;
      text-align: center;
}

.sale-carpet-kind img{
      width: 100%;
}

.sale-carpet-kind h3 {
      font-size: 18px;
      margin: 0;
}

section.sale-carpet-type h2{
      color: #000;
      width: 100%;
      font-size: 30px;
}

.sale-carpet-type li {
      list-style: none;
      width: 33%;
      margin:0 auto;
}

.sale-carpet-cut {
      display: none;
}


.sale-carpet-type img{
      max-width: 100%;
      margin: 0;
}



@media(max-width: 599px){

      .sale {
            margin-top: 50px;
      }
      
      section.sale-carpet h2{
            font-size: 20px;
            margin: 0;
      }
      
      .sale-carpet, .sale-carpet-type{
            width: 100%;
            display: block; 
            padding-bottom: 0px;
            margin-bottom: 80px;
        }
        
        .sale-carpet li {
            width: 100%;
            margin:0 auto;
            padding: 0;
        }

        .sale-carpet-kind{
            display: none;
        }
        
        .sale-carpet-type li {
              width: 100%;
              margin:0 auto;
              text-align: center;
        }

        .sale-carpet-cut {
            display: block;
        }

        .sale-carpet-cut img{
            max-width: 100%;
        }

        .sale-carpet-list img{
            max-width: 70%;
            margin: 0;
      }

      .sale-carpet-list {
            padding-top: 20px;
      }



      section.sale-carpet-type h2{
            font-size: 20px;
            margin: 0;
            text-align: center;
      }

      

}
@media (min-width: 600px) and (max-width:1024px){

      .sale {
            margin-top: 50px;
            padding-bottom: 100px;
        }
        
        
        .sale-carpet, .sale-carpet-type{
            padding-bottom: 50px;
        }
        
        section.sale-carpet h2 {
              color: #000;
              width: 100%;
              font-size: 20px;
              margin: 0;
              padding: 0;
        } 

        
        section.sale-carpet p {
              font-size: 16px;
        }
                
        .sale-carpet-kind img{
              width: 90%;
        }

        
        section.sale-carpet-type h2{
              width: 100%;
              font-size: 20px;
        }

        .sale-carpet-kind h3 {
            font-size: 16px;
      }
      
        
        .sale-carpet-type li {
              list-style: none;
              width: 33%;
              margin:0 auto;
        }
        
        .sale-carpet-cut {
              display: none;
        }              
}