@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,
#headerLongBnrSgs2011,
#headerLongBnrOnemarket,
#headerLongBnrweekend,
#headerLongBnrThankyou,
#headerLongBnrKyoryu,
#headerLongBnrKyoryu210607,
#headerLongBnrReturn,
#headerLongBnrCouponfair,
#headerLongBnrVmeasures2004,
#headerLongBnrSupcpfes,
#headerLongBnrPrime,
#headerLongBnrSpecialWeek {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 0;
}

#headerLongBnr a,
#headerLongBnrSgs2011 a,
#headerLongBnrOnemarket a,
#headerLongBnrweekend a,
#headerLongBnrThankyou a,
#headerLongBnrKyoryu a,
#headerLongBnrKyoryu210607 a,
#headerLongBnrReturn a,
#headerLongBnrCouponfair a,
#headerLongBnrVmeasures2004 a,
#headerLongBnrSupcpfes a,
#headerLongBnrPrime a,
#headerLongBnrSpecialWeek 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;
}

/* NETSEA14周年記念SGS */

#headerLongBnrSgs2011 a {
  background: url(/pc/assets/image/static/special/regular/guerrilla/sgs2011/super_long.jpg) repeat-x;
  background-size: auto 60px;
}

/* 1の市 */

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

/* 土日限定宝くじキャンペーン */

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

/* サンキューデー */

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

/* 夏のネッシー大恐竜祭2106　告知 */

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

/* 夏のネッシー大恐竜祭2106 本番 */

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

/* 100人に1人キャンペーン */

#headerLongBnrReturn a {
  background: url(/pc/assets/image/static/special/event/campaign/return2102/header_long_return2102.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;
}

/* 感染症対策特集 */

#headerLongBnrVmeasures2004 a {
  background: url(/pc/assets/image/static/special/event/vmeasures2004/header_bnr_long.jpg) repeat-x;
}

/* 72時間限定サプライヤークーポンフェス */

#headerLongBnrSupcpfes a {
  background: url(/pc/assets/image/static/special/regular/supcpfes/header_bnr_long.jpg) repeat-x;
}

/* プライム */

#headerLongBnrPrime a {
  background: url(/pc/assets/image/banner/prime/header_bnr_long.jpg) repeat-x;
}

/* NETSEAスペシャルWEEK */

#headerLongBnrSpecialWeek a {
  background: url(/pc/assets/image/static/special/regular/coupon/specialweek/header_long.png) repeat-x;
}