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

#evangelion .lp_top_img {
  margin-bottom: 0px;
  background-color: #f5f5f5;
}

#evangelion .link {
  text-decoration: none;
}

#evangelion .lp_block1 p {
  font-size: 4.5vw;
  font-size: min(4.5vw,24px);
  font-weight: 800;
  margin: 0 auto 0.5em;
}

#evangelion h2 {
  margin: 1em 2em;
  padding: 0.5em;
  font-size: 4vw;
  font-size: min(4vw, 20px);
  font-weight: 800;
  color: #fff;
  background-color: #363535;
}

#evangelion .text_block {
  display: inline-block;
}

/*::::::::::::::::::::::::::::::::::
　各ブロック背景色指定
:::::::::::::::::::::::::::::::::::*/

#evangelion .lp_block1 {
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 1em 0.5em 2em;
  background-color: #7c5a9e;
}

#evangelion .lp_block2 {
  text-align: center;
  margin: 0;
  padding: 1em 0.5em 2em;
  background-color: #ce638d;
}

#evangelion .lp_block3 {
  text-align: center;
  margin: 0;
  padding: 1em 0.5em 2em;
  background-color: #8ec6d4;
}

#evangelion .lp_block4 {
  text-align: center;
  margin: 0;
  padding: 1em 0.5em 2em;
  background-color: #2b4d9c;
}


/*::::::::::::::::::::::::::::::::::
　販売店舗アイコン表示部分
:::::::::::::::::::::::::::::::::::*/

#evangelion .tenpo_icon {
  background-color: #f5f5f5;
  text-align: center;
  margin: 1em auto 0;
  padding: 1em 1em 0.5em;
  border-radius: 0.5em;
  
}

#evangelion .zeikomi_en {
  font-size: 2vw;
  font-size: min(2vw,10px);
}

#evangelion .item_img {
  margin: 2em auto;
}

#evangelion .kounyu {
  margin: 2em auto;
  text-align: center;
}


/*::::::::::::::::::::::::::::::::::
　ふわっとフェードイン
:::::::::::::::::::::::::::::::::::*/

/*以下フェードイン表示の指定*/
.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;}

/*::::::::::::::::::::::::::::::::::
　スクロール時：ふわっと表示
:::::::::::::::::::::::::::::::::::*/
.scroll-up {
  opacity: 0; 
  visibility: hidden;
  transform: translateY(100px);
  transition: all 1.5s;
}
.scroll-up.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}



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

/*:: もっと見るを非表示にする :::::::::::::::::::::::*/
.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: grid;
  place-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;
}


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

/*:: 親カテ―子カテ間の余白削除 :::::::::::::::::::::::*/
.block-section {
  padding: 0;
}

/*:: サムネイルマージン :::::::::::::::::::::::*/
.block-thumbnail-t {
  margin: 0 0.5em;
}

/*:: 商品名カラー変更 :::::::::::::::::::::::*/
.block-thumbnail-t--goods-name a {
  color: #1d1d1d;
}

.block-thumbnail-t--goods-name {
  color: #1d1d1d;  
}

/*:: リンクマウスオーバー時半透明 :::::::::::::::::::::::*/
.hover-opacity {
  transition-property: opacity;
  transition-duration: 0.5s;
}
.hover-opacity:hover {
  opacity: 0.7; 
}

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

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

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

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

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