/*gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg*/
/*　gallery */
.big-bg {
  background-color: rgb(250, 249, 252);
  background-size: cover;
  background-position: center top;
  min-height: 100vh;
  border-left: groove;  
    border-right: groove;  
    border-bottom: groove; 
    border-bottom: groove; 
    border-width: thick;  
}
/*#home{
  background-image: url(../imges/ordertop2.jpg);
}*/
.container0{ 
  background-image: url(../imges/ordertop2.png); 
  /*background-blend-mode: hard-light;*/
  background-size: cover;
  border-style: ridge;
    padding: 10px;  
    width: 800px;
    margin : 0 auto;     
  display: grid;
  background-color: rgb(217, 217, 219);
  /*color: blue;*/
  /*grid-template-columns: 1fr 400px 1fr;/* 1fr*/
  grid-template-columns: 1fr 400px 1fr;
  grid-template-rows: auto auto auto auto 50px;
  margin-right:auto;
  margin-left:auto; 
  
  }
.item0{
  padding-top: 20px;
  color:rgb(26, 4, 169);
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  text-align: center;
  }
  .item2{    
    color:rgb(26, 4, 169);
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    }
    
    
    .item4{
      
      position: relative;
      color:rgb(26, 4, 169);
      grid-row: 3 / 4;
      grid-column: 2 / 3;
    }
    .konyu{
      background-color: #dcddcd;
      position: absolute;
      top: 17%;
      right: 0;
      padding-right: 10px;
      
    }
    .swiper{      
      width: 100%;
      height: 300px;
      object-fit: contain;
      border-top: 8px solid #CCCCCC;    /* 上のborderを指定 */
      border-right: 10px solid #555555;  /* 右のborderを指定 */
      border-bottom: 10px solid #808080; /* 下のborderを指定 */
      border-left: 8px solid #BBBBBB;   /* 左のborderを指定 */
      box-shadow: inset 0 0 10px #000;  
  }

  .swiper--wrapper {
    /* wrapperのサイズを調整 */
    width: 100%;
    max-width:100%;
    /*height: 300px;*/
  }
  
  .swiper-slide {
    /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
    color: #ffffff;
    width: 100%;
    /*height: 100%;*/
    text-align: center;
    line-height: 300px;
    text-align: center;
  }
  
  .swiper-slide:nth-child(3n + 1) {
    /*1、4、7、3n+1枚目の背景色 */
    max-width: 100%;
    background-color: #de4439;
  }
  
  .swiper-slide:nth-child(3n + 2) {
    /*2、5、8、3n+2枚目の背景色 */
    max-width: 100%;
    background-color: #fcd500;
  }
  
  .swiper-slide:nth-child(3n + 3) {
    /*3、6、9、3n+3枚目の背景色 */
    max-width: 100%;
    background-color: #53c638;
  }
.esize{
    max-width: 100%;
}
.item42{      
      position: relative;
      color:rgb(26, 4, 169);
      grid-row: 4 / 5;
      grid-column: 2 / 3;
    }

  .wdpancs{
    text-align: center;
    background-color: rgb(223, 220, 243);
  }