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

  #colors_mens_25ss {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    -webkit-text-size-adjust: 100%;
    font-feature-settings: "palt";
    text-align: center;
  }

  #colors_mens_25ss p { 
    font-family: "Sawarabi Gothic", serif;
    font-weight: 400;
    font-style: normal;
  }

  .hacobune-unit-video {
    margin: 0px!important;
  }
  

/* ▼PCのみ適応 */
@media (min-width:720px) {

  #colors_mens_25ss p { 
    font-size: 1.1rem;
    line-height:2.4em;
  }  
  
}

/* ▼SPのみ適応 */
@media (max-width:719px) {

  #colors_mens_25ss p { 
    font-size: 0.9rem;
    line-height:2.2em;
  }
    
  #colors_mens_25ss .text_block {
  display: inline-block;
  }  
  
}


/*::::::::::::::::::::::::::::::::::
　テキスト
　下からふわっとフェードイン
:::::::::::::::::::::::::::::::::::*/

/*以下フェードイン表示の指定*/
.fadein {
    opacity: 0;
    animation: fadein 3s ease forwards;
}
@keyframes fadein {
    100% {  opacity: 1;}
}

/*以下遅延の指定*/
.txt01 {animation-delay: 0s;}
.txt02 {animation-delay: 1s;}
.txt03 {animation-delay: 2s;}
.txt04 {animation-delay: 3s;}


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

/*:: もっと見るを非表示にする :::::::::::::::::::::::*/
.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-thumbnail-t {
  display: flex;
  justify-content: center;
}

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

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

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

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