@charset "UTF-8";

/* ------------------
  header
-------------------*/
body[data-brand="GS"] .p-header-fix{background: #000;}
body[data-brand="GS"] .godzillastore-footer .pane-footer{display: block;}

/* 検索 */
body[data-brand="GS"] .p-header-main-search-form .block-global-search--keyword::placeholder{color: #ccc;}
body[data-brand="GS"] .p-header-main-search-form .block-global-search--keyword{
  border: solid 1px #333;
  background-color: #666;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.6);
}

/* 商品を探す */
body[data-brand="GS"] .p-header-main-goods-search-btn .p-header-main-goods-search span{background: linear-gradient(to right, #E83E00, #C60000);}

/* アイコン ※backgroundで色指定する */
body[data-brand="GS"] .p-header-main-menu a.p-header-main-menu-item--mypage .icon,
body[data-brand="GS"] .p-header-main-menu a.p-header-main-menu-item--cart .icon{background: #fff;}
body[data-brand="GS"] .page-goods .block-goods-comment1 span.comment-icon{background: #8900C6;}
body[data-brand="GS"] .p-header-main-search-form .block-global-search--submit{background: #fff;}

@media (min-width: 769px) {
  body[data-brand="GS"] .p-header-main-logo{max-width: 214px}
}

/* ------------------
  ナビゲーション
-------------------*/
body[data-brand="GS"] .p-drawer-img-change{
  display: block;
  position: absolute;
  bottom: 0;
  right: 300px;
  z-index: -1;
  width: 600px;
}

body[data-brand="GS"] .p-goods-category-list .p-goods-category-list-item .p-goods-category-list-cont li span{
  display: block;
  text-align: center;
  font-size: 1rem;
}

body[data-brand="GS"] .p-goods-category-list.series-area{padding: 0 6px 0 12%;}
body[data-brand="GS"] .p-goods-category-list-series ul{display: block;}
body[data-brand="GS"] .p-goods-category-list-series ul li{
  width: auto;
  margin-bottom: 14px;
}

body[data-brand="GS"] .p-goods-category-list-series ul li a{
  position: relative;
  padding-left: 24px;
  display: block;
  font-size: 1.2rem;
}

body[data-brand="GS"] .p-goods-category-list-series ul li a span{
  display: inline-block;
  text-align: left;
  margin: 0;
}

body[data-brand="GS"] .p-goods-category-list-series ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 4px;
  width: 17px;
  height: 17px;
  background: url(../../img/usr/common_img/item_link.png) no-repeat;
}

body[data-brand="GS"] .p-goods-category-search .p-goods-category-list-kaiju li span{
  display: block;
  text-align: center;
  font-size: 1rem;
  margin-top: 6px;
}

body[data-brand="GS"] .block-top-common-contents.block-top-kaiju-list.kaiju-search li figure img{
  border: solid 2px #fff;
  border-radius: 50%;
}

@media (min-width: 769px) {
  body[data-brand="GS"] .p-goods-category-list .p-goods-category-list-item .p-goods-category-list-cont li > span{
    font-size: 1.4rem;
    margin-top: 10px;
  }
  
  body[data-brand="GS"] body.is-category-active .p-header-main:after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #E83E00;
  }
  
  body[data-brand="GS"] body.is-category-active .p-header-main-goods-search:after{
    position: absolute;
    content: "";
    left: 50%;
    bottom: -25px;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid #E42700;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
  }

  body[data-brand="GS"] .p-goods-category-search-inner{min-height: 680px;}
  body[data-brand="GS"] .p-goods-category-list .p-goods-category-list-item .p-goods-category-list-cont li span{
    font-size: 1.4rem;
    display: block;
    margin-top: 6px;
  }
  body[data-brand="GS"] .p-goods-category-search .p-goods-category-list-kaiju li span{
    display: block;
    text-align: center;
    font-size: 1.4rem;
    margin-top: 10px;
  }

  body[data-brand="GS"] .block-top-common-contents.block-top-kaiju-list.kaiju-search li figure img{
    border: solid 2px #fff;
    transition: 0.25s linear;
    border-radius: 50%;
  }

  body[data-brand="GS"] .block-top-common-contents.block-top-kaiju-list.kaiju-search li a:hover{opacity: 1;}
  body[data-brand="GS"] .block-top-common-contents.block-top-kaiju-list.kaiju-search li a:hover img{border: solid 2px #DD0000;}
  body[data-brand="GS"] .block-top-common-contents.block-top-kaiju-list.kaiju-search li span{font-size: 1.6rem;}

  body[data-brand="GS"] .block-top-kaiju-list .block-common-hdg-ttl span{font-size: 4.0rem;}
  body[data-brand="GS"] .block-top-kaiju-list .block-common-hdg-ttl{font-size: 3.0rem;}

  body[data-brand="GS"] .p-goods-category-list.series-area{padding: 66px 0 70px;}
  body[data-brand="GS"] .p-goods-category-list-series{
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 10px;
  }

  body[data-brand="GS"] .p-goods-category-list-series ul{display: flex;}  
  body[data-brand="GS"] .p-goods-category-list-series ul li{
    width: calc(100% / 4 - 8px);
    margin: 0;
    min-width: 220px;
  }
  body[data-brand="GS"] .p-goods-category-list-series ul li a{font-size: 1.4rem;}
  body[data-brand="GS"] .p-goods-category-list .p-goods-category-list-item .p-goods-category-search--tab-menu li{
    width: calc(100% / 6 - 10px);
    min-width: 175px;
  }  
}

/* -------------------
  重要なおしらせ
------------------- */
@media (max-width: 768px) {
  body[data-brand="GS"] .block-top-import-notice{
    border-top: solid 1px #555;
    margin-top: 1px;
  }
}
body[data-brand="GS"] .block-top-import-notice{background: #333;}
body[data-brand="GS"] .block-top-import-notice dd{color: #fff;}

/* ------------------
  ハンバーガー内
-------------------*/
body[data-brand="GS"] .p-drawer .p-drawer-scroll{background: #eee;}

/* ------------------
  footer 
-------------------*/
@media (max-width: 768px) {
  body[data-brand="GS"] .block-page-top .block-page-top-random{display: none;}
}

@media (min-width: 769px) {
  body[data-brand="GS"] .block-page-top{width: 70px;}
  body[data-brand="GS"] .block-page-top a{text-indent: -9999px;}
  body[data-brand="GS"] .block-page-top a:hover:before{bottom: 15px;}
  body[data-brand="GS"] .block-page-top .block-page-top-random img{
    position: absolute;
    top: -25px;
    left: 0;
    transition: 0.2s ease-in-out;
    opacity: 0;
    /* bottom: 42px; */
    width: 90px;
    z-index: -48;
  }
  
  body[data-brand="GS"] .block-page-top a:hover .block-page-top-random img{
    top: -75px;
    opacity: 1;
  }

}

/* ------------------
 anime
-------------------*/
@media (max-width: 768px) {
  body[data-brand="GS"] .block-common-footer-godz-anime-obj{animation: slide-right-to-left 28s linear infinite;}
  @keyframes slide-right-to-left {
    from {left: 105vw;}
    to {left: -38vw;}
  }
}

body[data-brand="GS"] .block-common-footer-godz-anime{
  position: relative;
  background: url(../../img/godzillastore/top/item_bg.png);
  background-repeat: repeat;
  padding-top: 50px;
  overflow-x: hidden;
}

body[data-brand="GS"] .block-common-footer-godz-anime-bg{
  position: relative;
  z-index: 1;
  background: url(../../img/godzillastore/common/footer/footer_deco_bg.png) repeat;
  background-position: bottom center;
  min-height: 70px;
  width: 100%;
  animation: bg-move-right 60s linear infinite;
}

@keyframes bg-move-right {
  0% {background-position-x: 0;}
  100% {background-position-x: 1128px;}
}

body[data-brand="GS"] .block-common-footer-godz-anime-obj{
  position: absolute;
  bottom: 0;
  display: block;
  width: 150px;
  height: 90px;
  background: url(../../img/godzillastore/common/footer/godzilla.gif) no-repeat;
}

@media (max-width: 768px) {
  body[data-brand="GS"] .block-common-page-top-anime{
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    height: calc(100% - 114px);
    background: url(../../img/godzillastore/common/footer/sp_page_top_bg.png) repeat;
    background-size: cover;
    z-index: 1002;
  }

  body[data-brand="GS"] .block-common-page-top-anime-inner{
    position: relative;
    width: 100%;
    height: 100%;
  }

  body[data-brand="GS"] .block-common-page-top-anime-inner span{
    position: absolute;
    left: 50%;
    top: 100%;
    transition: 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    display: block;
    width: 500px;
    height: 763px;
    background: url(../../img/godzillastore/common/footer/sp_page_top_on.png) no-repeat center center;
    background-size: cover;
  }

  body[data-brand="GS"] .block-common-page-top-anime.is-show-anime{
    top: 114px;
    opacity: 1;
  }
  
  body[data-brand="GS"] .block-common-page-top-anime.is-fading-out{opacity: 0;}
  body[data-brand="GS"] .block-common-page-top-anime.is-show-anime .block-common-page-top-anime-inner span{top: 85%;} 
  body[data-brand="GS"] .block-common-page-top-anime-inner .p-page-top-change-item{
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, 0);
  }
}

@media (min-width: 769px) {
  
  body[data-brand="GS"] .block-common-footer-godz-anime-obj{animation: slide-right-to-left 70s linear infinite;}
  @keyframes slide-right-to-left {
    from {left: 110vw;}
    to {left: -10vw;}
  }  

  body[data-brand="GS"] .block-common-footer-inner{
      max-width: 1020px;
      margin: 0 auto;
  }

  body[data-brand="GS"] .block-common-footer--logo{max-width: 287px;}
  body[data-brand="GS"] .block-common-page-top-anime-area{display: none;}
  body[data-brand="GS"] .block-page-top a:hover{opacity: 1;}
}

/* ------------------
  商品一覧
-------------------*/
body[data-brand="GS"] .goods-stock-status-num10 .block-thumbnail-t--goods-image:after,
body[data-brand="GS"] .goods-stock-status-num10 .block-ranking-r--goods-image:after,
body[data-brand="GS"] .goods-stock-status-num10 .block-pickup-list-p--goods-image:after,
body[data-brand="GS"] [class*="goods-stock-status-num1-"] .block-thumbnail-t--goods-image:after,
body[data-brand="GS"] [class*="goods-stock-status-num1-"] .block-ranking-r--goods-image:after,
body[data-brand="GS"] [class*="goods-stock-status-num1-"] .block-pickup-list-p--goods-image:after{
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url(../../img/usr/common_img/soldout_gs.png) no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  transform: none;
}

/* ------------------
  商品詳細
-------------------*/
body[data-brand="GS"].page-goods .block-goods-comment9{color: #FF0000;}
body[data-brand="GS"].page-goods .block-goods-comment1 a{
  border: solid 2px #8900C6;
  color: #8900C6;
}

body[data-brand="GS"].page-goods .block-outside-sales-period.block-outside-sales-period-before .block-outside-sales-period--message{
    background: linear-gradient(45deg, #E83E00, #C60000);
}

.page-goods .modal-footer .block-goods-favorite-cancel--btn{background: linear-gradient(45deg, #E83E00, #C60000);}

/* --- 商品コメント --- */
body[data-brand="GS"].page-goods .block-goods-detail-cmt .block-goods-detail-cmt-bg{
  background: url(../../img/godzillastore/top/item_bg.png);
  background-repeat: repeat;
}

body[data-brand="GS"].page-goods .block-goods-detail-cmt h3,
body[data-brand="GS"].page-goods.page-goods .block-goods-promotion-item--name{color: #8900C6;}
body[data-brand="GS"].page-goods .block-goods-detail-cmt-attention .block-common-hdg-caption,
body[data-brand="GS"].page-goods .block-goods-detail-cmt-attention h2{color: #FF0000;}

body[data-brand="GS"].page-goods .block-goods-detail-cmt .block-goods-detail-cmt-bp .block-goods-detail-cmt-bp-caption,
body[data-brand="GS"].page-goods .block-goods-detail-cmt .block-goods-detail-cmt-bp .block-goods-detail-cmt-bp-caption:before{background: #8900C6;}
body[data-brand="GS"].page-goods .block-goods-detail-cmt .block-goods-detail-cmt-bp .block-goods-detail-cmt-bp-caption:after{background: #530077;}
body[data-brand="GS"].page-goods .block-add-cart .block-add-cart--btn{background: linear-gradient(45deg, #E83E00, #C60000);}

/* --- キャンペーン --- */
body[data-brand="GS"].page-goods .block-goods-promotion-item{border: solid 1px #8900C6;}

/* --- 関連商品 --- */
body[data-brand="GS"].page-goods div[data-accessory=関連商品] .block-common-hdg-caption,
body[data-brand="GS"].page-goods div[data-accessory=おすすめ商品] .block-common-hdg-caption{color: #DD0000;}

/* --- 最近見た商品 --- */
body[data-brand="GS"] .block-recent-item,
body[data-brand="GS"] #goodsdetail_itemhistory{
  background: url(../../img/godzillastore/top/item_bg.png);
  background-repeat: repeat;
}

body[data-brand="GS"] .block-recent-item .block-common-hdg-caption{color: #999;}