@charset "utf-8";
/* CSS Document */

#summer_Tshirts {
  font-family: "Sawarabi Gothic", serif;
  font-weight: 400;
  font-style: normal;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
  text-align: center;
}

#summer_Tshirts h3 {
  font-size: 1.6rem;
  font-weight: bolder;
  margin: 2.5em auto 1.5em;
}


#summer_Tshirts .intro_txt {
  padding: 2.5em 0.5em 0;
  text-align: center;  
}


/* ▼PCのみ適応 */
@media (min-width:720px) {
    
  .dots span{
    width:52px; height:52px; background:#a0d8ea; border-radius:50%;
    display:inline-block; margin-right:4px;
    animation:dot 2.4s infinite;
  }
  .dots span:nth-child(2){animation-delay:.2s;}
  .dots span:nth-child(3){animation-delay:.4s;}


  .dots2 span{
    width:52px; height:52px; background:#fcf566; border-radius:50%;
    display:inline-block; margin-right:4px;
    animation:dot 2.4s infinite;
  }
  .dots2 span:nth-child(2){animation-delay:.2s;}
  .dots2 span:nth-child(3){animation-delay:.4s;}


  .dots3 span{
    width:52px; height:52px; background:#88e1dc; border-radius:50%;
    display:inline-block; margin-right:4px;
    animation:dot 2.4s infinite;
  }
  .dots3 span:nth-child(2){animation-delay:.2s;}
  .dots3 span:nth-child(3){animation-delay:.4s;}

  @keyframes dot{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-6px);}
  }

}


/* ▼SPのみ適応 */
@media (max-width:719px) {
  
  #summer_Tshirts .intro_txt {
    line-height: 1.6rem;
  }

  .dots span{
    width:38px; height:38px; background:#a0d8ea; border-radius:50%;
    display:inline-block; margin-right:4px;
    animation:dot 2.4s infinite;
  }
  .dots span:nth-child(2){animation-delay:.2s;}
  .dots span:nth-child(3){animation-delay:.4s;}


  .dots2 span{
    width:38px; height:38px; background:#fcf566; border-radius:50%;
    display:inline-block; margin-right:4px;
    animation:dot 2.4s infinite;
  }
  .dots2 span:nth-child(2){animation-delay:.2s;}
  .dots2 span:nth-child(3){animation-delay:.4s;}


  .dots3 span{
    width:38px; height:38px; background:#88e1dc; border-radius:50%;
    display:inline-block; margin-right:4px;
    animation:dot 2.4s infinite;
  }
  .dots3 span:nth-child(2){animation-delay:.2s;}
  .dots3 span:nth-child(3){animation-delay:.4s;}

  @keyframes dot{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-6px);}
  }
  
}


  

/*::::::::::::::::::::::::::::::::::
　デフォルト表示調整
:::::::::::::::::::::::::::::::::::*/

/*:: もっと見るを非表示にする :::::::::::::::::::::::*/
.block-link { 
  display: none;
}

.btn-more-link {
  margin-top: 30px;
  text-align: center;
}

.btn-more-link--link {
  padding: 0.5em 1em;
  margin: 2em 0;
  font-weight: bold;
  color: #363636;
  background: #FFF;
  border: solid 1px #363636;
  border-radius: 10px;
}

/*:: イベント上部の余白削除 :::::::::::::::::::::::*/
.block-top-event {
  padding: 0px;
}

.block-category-list--goods, .block-event-page--goods {
  margin: 0; 
}


/*:: 商品サムネイル中央寄せ :::::::::::::::::::::::*/
/*.block-thumbnail-t {
  display: flex; 
  justify-content: center;  
}
.block-thumbnail-t--items {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
*/


/*:: 商品サムネイル中央寄せ :::::::::::::::::::::::*/
.block-thumbnail-t--items {
  justify-content: center;
}

/*:: サムネイル商品名左寄せ :::::::::::::::::::::::*/
.block-thumbnail-t--goods-name {
    text-align: left;
}

/*:: 表示形式を非表示にする :::::::::::::::::::::::*/
.block-goods-list--sort-order-items,
.block-goods-list--pager-top, 
.block-goods-list--pager-bottom,
.block-goods-list--display-style-items { 
  display: none;
}

/*:: 並べ替えを非表示にする :::::::::::::::::::::::*/
.block-goods-list--sort-order-items,
.block-sort--header,
.block-sort--element,
.block-sort--select {
  display: none;  
}


/*:: 表示件数（上）を非表示にする :::::::::::::::::::::::*/
.block-goods-list--pager-top { 
  display: none;
}

/* 表示件数（下）を非表示にする */
.block-goods-list--pager-bottom { 
  display: none;
}

/* SP表示件数（上下）を非表示にする */
.pager-total {
  display: none;  
}