@charset "UTF-8";

/*
---
title: ヘッダーバナー
name: header Banner
category: header Banner
---
*/

/*
# Setting

## 各種設定

***
*/

/*
# compassで使用できるmixinのインポート
*/

/*
# 画像
*/

/*
# フォント
*/

/*
# カラー設定
*/

/*
# コンテンツ幅
*/

/*
# ベースとなる余白幅
*/

/*
# ベースとなる角丸の角度
*/

/*
# slash hack
*/

/*
# easing
*/

/*
# Mixin

## 汎用的なミックスインなど

***
*/

/*
# nounit
*/

/*
# margin
*/

/*
# roundedCorners
*/

/*
# gradient
*/

/*
# stripeBg
*/

/*
# calc
*/

/*
# fontSize
*/

/*
# shadow
*/

/*
# invisibilityElem
*/

/*
# hideTxt
*/

/*
# overflow
*/

/*
# lineClamp
*/

/*
# landscape
*/

/*
# buttonClickEffects
*/

.btnEffects {
  position: relative;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.btnEffects > .ripple {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 200px;
  height: 200px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.btnEffects.dim > .ripple {
  background-color: rgba(0, 0, 0, 0.2);
}

/*
# mediaquery
*/

/*
# flexBox
*/

/*
# clearfix
*/

.clearfix {
  /zoom: 1;
}

.clearfix:after {
  display: block;
  clear: both;
  content: ".";
  height: 0;
  visibility: hidden;
}

/*
# headerLongBnr

## ヘッダー下のバナー表示

*/

/* スーパーゲリラ */

#headerLongBnr,
#headerLongBnrThursday,
#headerLongBnrKyoryu,
#headerLongBnrCouponfair,
#headerLongBnrBonuscampaign {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 0;
}

#headerLongBnr a,
#headerLongBnrThursday a,
#headerLongBnrKyoryu a,
#headerLongBnrCouponfair a,
#headerLongBnrBonuscampaign a {
  overflow: hidden;
  text-indent: -200%;
  white-space: nowrap;
  display: block;
  width: 100%;
  height: 60px;
  background: url(/pc/assets/image/static/special/regular/guerrilla/super_long.png) repeat-x;
  background-size: auto 60px;
}

/* ネッシーサーズデー */

#headerLongBnrThursday a {
  background: url(/pc/assets/image/static/special/regular/guerrilla/thursday/header_bnr_long.png) repeat-x;
  background-size: auto 60px;
}

/* 春のネッシー大恐竜祭2019 */

#headerLongBnrKyoryu a {
  background: url(/pc/assets/image/static/special/regular/guerrilla/kyoryu1903/header_long_kyoryu1903.png) repeat-x;
  background-size: auto 60px;
}

/* 大クーポン祭 */

#headerLongBnrCouponfair a {
  background: url(/pc/assets/image/static/special/regular/coupon/coupon_fest/header_long.png) repeat-x;
  background-size: auto 60px;
}

/* 20万以上購入でボーナスクーポンキャンペーン */

#headerLongBnrBonuscampaign a {
  background: url(/pc/assets/image/static/special/event/campaign/bonus1912/header_long.png) repeat-x;
  background-size: auto 60px;
}