@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, div, p, table, form, img, hr, ul, ol, li, dl, dt, dd {margin:0; padding:0; }
body {background:none repeat scroll 0 0 #FFFFFF; color:#333333; font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック'; margin:0; text-align:center;}

/* newHeader */
div#headerGlobalMenuContainer { width:960px; margin:7px auto 0 auto; text-align:right; }
span.globalMenuTab { display:block; float:right; width:700px; text-align:right; }
div.globalMenuTab { float:right; width:700px; text-align:right; }
h1#WarauLogo { display: block; float: left; padding-left: 12px; width: 248px; height: 44px; text-align: left; }
h1#WarauLogo img { border: 0; }
/* tabHome */
a.tabHome {width:101px; background-position:0 0;}
a.tabEvent {width:101px; background-position:-101px 0;}
a.tabShopping {width:158px; background-position:-202px 0;}
a.tabService {width:126px; background-position:-360px 0;}
a.tabPresent {width:101px; background-position:-486px 0;}
a.tabMyroom {width:100px; background-position:-587px 0;}
a.tabHome:hover {width:101px; background-position:0px -52px;}
a.tabEvent:hover {width:101px; background-position:-101px -52px;}
a.tabShopping:hover {width:158px; background-position:-202px -52px;}
a.tabService:hover {width:126px; background-position:-360px -52px;}
a.tabPresent:hover {width:101px; background-position:-486px -52px;}
a.tabMyroom:hover {width:100px; background-position:-587px -52px;}
/* selectTab */
a.selectTabHome {width:101px; background-position: 0px -104px;}
a.selectTabEvent {width:101px; background-position: -101px -104px;}
a.selectTabShopping {width:158px; background-position: -202px -104px;}
a.selectTabService {width:126px; background-position: -360px -104px;}
a.selectTabPresent {width:101px; background-position: -486px -104px;}
a.selectTabMyroom {width:100px; background-position: -587px -104px;}
a.selectTabHome:hover {width:101px; background-position: 0px -156px;}
a.selectTabEvent:hover {width:101px; background-position: -101px -156px;}
a.selectTabShopping:hover {width:158px; background-position: -202px -156px;}
a.selectTabService:hover {width:126px; background-position: -360px -156px;}
a.selectTabPresent:hover {width:101px; background-position: -486px -156px;}
a.selectTabMyroom:hover {width:100px; background-position: -587px -156px;}
/* localMenuBG */
div#localMenuBG { margin:0; padding:6px 0 6px 0; width:100%; height:25px; background:url(https://warau.akamaized.net/www.warau.jp/images/headerMenu/bg_localMeuBar.png) repeat-x center top;}
div#localMenuContainer { margin:0 auto; padding:0; width:960px; height:25px;}
a.localMenuContentsTitle { display:block; float:left; width:114px; height:25px; background:url(https://warau.akamaized.net/www.warau.jp/images/headerMenu/title_contentsTitle.png?201305172) no-repeat 0 0;}
a.localMenuContentsTitle span {display:none;}
a.localMenuContentsTitleJanken {background-position: 0 0px;}
a.localMenuContentsTitleActionTravel {background-position: 0 -25px;}
a.localMenuContentsTitleKakuremino {background-position: 0 -50px;}
a.localMenuContentsTitleYagi {background-position: 0 -75px;}
a.localMenuContentsTitlePresent {background-position: 0 -100px;}
a.localMenuContentsTitleMyroom {background-position: 0 -125px;}
a.localMenuContentsTitleUsakuji {background-position: 0 -150px;}
a.localMenuContentsTitleEvent {background-position: 0 -175px;}
a.localMenuContentsTitleOfficialCard {background-position: 0 -200px;}
p#localMenuContents { float:left; width:635px; height:19px; _height:25px; margin:0; padding:6px 0 0 0; text-align:center; background:url(https://warau.akamaized.net/www.warau.jp/images/headerMenu/bg_localMenu.png) no-repeat 0 0;}
p#localMenuContentsHelp { float:right; width:200px; height:19px; _height:25px; margin:0; padding:3px 0; text-align:center; background:url(https://warau.akamaized.net/www.warau.jp/images/headerMenu/bg_localMenu.png) no-repeat -635px 0;}
p#localMenuContentsHelp img { position:relative; top:2px; }
.margin40 {margin:0 40px 0 0;}
.margin20 {margin:0 20px 0 0;}
.margin10 {margin:0 10px 0 0;}
/* localMenuPointSearch */
/* searchForm */
#localMenuPointSearch { float:left; width:373px; margin:0 9px 2px 0; }
.localMenuPointSearchTitle { float:left; width:20px; height:25px; margin:0; background:url(https://warau.akamaized.net/www.warau.jp/images/headerMenu/bg_pointSearch.png?201407041) no-repeat 0 0; }
h2.localMenuPointSearchTitle span {display:none;}
#localMenuPointSearch input.searchWord { margin-bottom:2px; padding:1px 0 1px 5px; _padding:1px 0 1px 0; width:278px; height:25px; vertical-align:top; color:#7F7F7F; border:1px #990000 solid; }
#localMenuContainer input.btn { cursor:pointer; width:60px; height:25px; background:url(https://warau.akamaized.net/www.warau.jp/images/headerMenu/bg_pointSearch.png?201407041) no-repeat -20px 0; border:0; vertical-align:top; }
/* localMenuPointKeywordContainer */
#localMenuPointKeywordContainer { float:left; width:369px; height:25px; background:url(https://warau.akamaized.net/www.warau.jp/images/headerMenu/bg_pointSearch.png?201407041) no-repeat -80px 0;  }
p.localMenuPointKeywordPopular { padding:5px 0 0 7px; width:450px; color:#660000; text-align:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow: ellipsis; }
/* headerSimpleContainer */
div#headerSimpleContainer { margin:0; padding:0; width:100%; background:#FFF; border-bottom:3px #B07500 solid; }
div#headerSimpleContents { margin:0 auto; padding:7px 0; width:960px; text-align:left; }
p#WarauRogoContainer { width:153px; margin:0 0 0 12px; padding:0; }
p#helpContainer { width:200px; margin:0; padding:18px 0 0 0; text-align:right; }
/* favPointInfoContainer */
.favPointInfoContainer {float:left; width:183px; height:25px; text-align:left; background:url(https://warau.akamaized.net/www.warau.jp/images/contents/point/bookmarks/bg_topBar.png) no-repeat 0 0;}
.favPointInfoAncor {display:block; padding:2px 0 2px 30px; cursor:pointer;}
.favPointInfoList {display:none; position:absolute; z-index:3000; background:#FFCC00; border-left:1px solid #D8A248; border-right:1px solid #D8A248; border-bottom:1px solid #D8A248; border-radius:0 0 5px 5px; margin:6px 0 0 -3px;}
.favPointInfoList ul {display:block; margin:-3px 2px 2px 2px; list-style-type:none;}
.favPointInfoList li a {display:block; padding:3px 10px; width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-decoration:none;}
.favPointInfoList li a span.noancor {color:#333333;}
.favPointInfoList li a span.ancor {text-decoration:underline;}
/* ========================================================================= 20140707 new ADnetwork Header */
div#headerSimpleAdnet { margin:0 auto; padding:8px 0 3px 0; width:960px; height: 95px; text-align:left; }
.logoWarauTop { margin-left: 3px; }
.logoWarauTopJanken { margin-left: 6px; }
.logoWarauTopJankensanchi { margin-left: 3px; }
h1#WarauLogoStamp { display: block; float: left; margin-top: 2px; padding-left: 12px; width: 250px; height: 44px; text-align: left; }
/* ======================================== new header 20140901 */
/* headerUserInfo */
#headerUserInfo { width: 100%; border-bottom: 1px #CCC solid; }
.headerUserInfoInner { width: 100%; background: #FAFAFA; border-bottom: 1px #FFF solid; }
.headerUserInfoBox { margin: 0 auto; width: 960px; font-size: 90%; }
.headerUserInfoBox span.item { padding-top: 5px; overflow: hidden; word-break: inline-block; line-height: 170%; }
#headerUserInfo p { margin-right: 3px; width: 16px; height: 20px; background: url(https://warau.akamaized.net/www.warau.jp/images/top/20140702/icon_sprite20141030.png) no-repeat; }
#headerUserInfo .name { background-position: 0 -1102px; }
#headerUserInfo .newcomer { background-position: 0 -27px; }
#headerUserInfo .point { margin-top: 2px; background-position: 0 -220px; }
#headerUserInfo .pointEx { margin-top: 1px; background-position: 0 -95px; }
#headerUserInfo .modify { background-position: 0 -1045px; }
#headerUserInfo .help { background-position: 0 4px; }
#headerUserInfo .logout { background-position: 0 -281px; }
/* headerFavBox */
.headerFavBox { margin-top: -1px; width: 120px; background: url(https://warau.akamaized.net/www.warau.jp/images/top/20140702/icon_sprite20141030.png) 6px -1123px no-repeat #FFF; border: 1px #FF9C00 solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.headerFavBox span.blankBtm { display:block; margin:-9px 2px 0 1px; background:#FFFFFF; border-right: 1px solid #FF9C00; border-left: 1px solid #FF9C00; width:120px; height:12px; }
.favPointInfoAncor {display:block; padding:2px 0 2px 30px; cursor:pointer;}
/* headerWarauInfo */
.headerWarauInfoBox { margin-top: -1px; width: 480px; height: 25px; background: #FFF; border: 1px #FF9C00 solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.headerWarauInfoItem { margin: 3px auto 0 auto; width: 470px; }
.headerWarauInfoItem p { margin: 2px 5px 0 0; width: 50px; height: 15px; background: url(https://warau.akamaized.net/www.warau.jp/images/top/20140702/icon_sprite.png?201408123) no-repeat; }
.headerWarauInfoItem p.icon0 { background-position: 0 -320px; }
.headerWarauInfoItem p.icon1 { background-position: 0 -335px; }
.headerWarauInfoItem p.icon2 { background-position: 0 -350px; }
.headerWarauInfoItem p.icon3 { background-position: 0 -365px; }
.headerWarauInfoItem p.icon4 { background-position: 0 -380px; }
.headerWarauInfoItem p.icon5 { background-position: 0 -395px; }
.headerWarauInfoItem p.icon6 { background-position: 0 -410px; }
.headerWarauInfoItem p.icon7 { background-position: 0 -425px; }
/* globalMenuTab 20141101 */
.globalMenuTabStyle20141101 a { background:url(https://warau.akamaized.net/www.warau.jp/images/headerMenu/20141101/btn_globalMenu20141101.png) no-repeat; display:block; float:left; margin:5px 0 0 0; padding:0; height:44px; position: relative;  }
.globalMenuTabStyle20141101 a span,
.globalMenuSelectTabStyle20141101 a span {display:none;}
a.tabHome20141101 {width:54px; background-position:0 0;}
a.tabEvent20141101 {width:80px; background-position:-54px 0;}
a.tabShopping20141101 {width:111px; background-position:-134px 0;}
a.tabService20141101 {width:91px; background-position:-245px 0;}
a.tabCard20141101 {width: 80px; background-position:-336px 0;}
a.tabQuestionnaire20141101 {width: 97px; background-position:-416px 0;}
a.tabPresent20141101 {width:90px; background-position:-513px 0;}
a.tabMyroom20141101 {width:97px; background-position:-603px 0;}
a.selectTabHome20141101, a.tabHome20141101:hover, a.selectTabHome20141101:hover {width:54px; background-position: 0px -44px;}
a.selectTabEvent20141101, a.tabEvent20141101:hover, a.selectTabEvent20141101:hover {width:80px; background-position: -54px -44px;}
a.selectTabShopping20141101, a.tabShopping20141101:hover, a.selectTabShopping20141101:hover {width:111px; background-position: -134px -44px;}
a.selectTabService20141101, a.tabService20141101:hover, a.selectTabService20141101:hover {width:91px; background-position: -245px -44px;}
a.selectTabCard20141101, a.tabCard20141101:hover, a.selectTabCard20141101:hover {width:80px; background-position: -336px -44px;}
a.selectTabQuestionnaire20141101, a.tabQuestionnaire20141101:hover, a.selectTabQuestionnaire20141101:hover {width:97px; background-position: -416px -44px;}
a.selectTabPresent20141101, a.tabPresent20141101:hover, a.selectTabPresent20141101:hover {width:90px; background-position: -513px -44px;}
a.selectTabMyroom20141101, a.tabMyroom20141101:hover, a.selectTabMyroom20141101:hover {width:97px; background-position: -603px -44px;}
.globalMenuTabStyle20141101 a img.iconNew {position: absolute; width:41px; height:17px; top:-10px; left:50%; margin-left:-19px; }
p#localMenuContents20140903 { float:left; width:845px; height:19px; _height:25px; margin:0; padding:6px 0 0 0; text-align:center; background:url(/images/headerMenu/20140702/bg_localMenu20140903.png) no-repeat 0 0;}
/* lpHeaderWarauLogo */
.lpHeaderWarauLogo { margin: 15px 0 0 12px; }


/*------------------------------------------------------------
    通常ヘッダー（ユーザ情報、グローバルナビ）【 20171030 適用 】
------------------------------------------------------------*/

/*  ワラウスマホ 誘導
----------------------------------*/
.warauSpLead { border-bottom: 1px solid #ccc; }


/*  ユーザ情報（グレー帯）
----------------------------------*/
#headerUser { background: #fafafa; border-bottom: 1px #ccc solid; font-size: 90%; }
#headerUser .inner { margin: 0 auto; padding: 2px 0 3px; text-align: right; width: 960px; }
#headerUser .inner li { display: inline-block; margin-left: 3px; line-height: 100%; vertical-align: middle; }

/* 各要素間マージン */
#headerUser li.modify a,
#headerUser li.exchange a,
#headerUser li.login a { margin-left: -2px; padding: 0 5px; }
#headerUser li.login { margin-right: 5px; }
#headerUser li.newUser a,
#headerUser li.logout a { padding-right: 5px; }

/* 設定、交換 */
#headerUser li.modify:before,
#headerUser li.exchange:before { content: '('; }
#headerUser li.modify:after,
#headerUser li.exchange:after { content: ')'; }

/* 初めての方、ログアウト */
#headerUser li.newUser:after,
#headerUser li.logout:after { content: '｜'; }

/* ログイン */
#headerUser li.login:before { content: '['; }
#headerUser li.login:after { content: ']'; }

/* アイコン スプライト */
#headerUser li.name,
#headerUser li.pt,
#headerUser li.passbook,
#headerUser li.logout,
#headerUser li.help,
#headerUser li.newUser { background: url(https://warau.akamaized.net/www.warau.jp/images/top/20140702/icon_sprite20141030.png) no-repeat; padding-left: 20px; }
#headerUser li.name { background-position: 0 -1107px; }
#headerUser li.pt { background-position: 0 -223px; }
#headerUser li.passbook { background-position: 0 -100px; }
#headerUser li.logout { background-position: 0 -286px; }
#headerUser li.help { background-position: 0 -1px; margin-left: -5px; }
#headerUser li.newUser { background-position: 0 -32px; }


/*  ロゴ、グローバルナビ
----------------------------------*/
#headerLogoGnav { margin: 7px auto 0; width: 960px; }

/* ロゴ */
.logoWarau { float: left; height: 44px; padding-left: 12px; text-align: left; width: 133px; }
.logoWarau object { pointer-events: none; }
.logoWarau img { border: 0; }

/* スーパーエントランス用ロゴ、季節ロゴ */
#spEntranceHeader { float: left; height: 50px; margin-top: -1px; text-align: center; vertical-align: top; width: 90px; }
#spEntranceHeader img { margin-left: 15px; border: 0; }

/* グローバルナビ */
.headerGnavi { float: right; font-size: 0; margin-top: 5px; }
.headerGnavi li { display: inline-block; height: 44px; margin: 0; padding: 0; vertical-align: bottom; }
.headerGnavi li a { background: url(https://warau.akamaized.net/www.warau.jp/images/header/bg_gNavi.png?201801151) no-repeat; display: block; height: 44px; margin: 0; padding: 0; position: relative; }
.headerGnavi li a span { display: none; }

/* タブ スプライト */
/* ホーム */
.headerGnavi .home { background-position: 0 0; width: 54px; }
.headerGnavi .home:hover,
.headerGnavi .home.select { background-position: 0 -44px; }
/* 遊んで貯める */
.headerGnavi .event { background-position: -54px 0; width: 77px; }
.headerGnavi .event:hover,
.headerGnavi .event.select { background-position: -54px -44px; }
/* アンケートで貯める */
.headerGnavi .enquete { background-position: -131px 0; width: 97px; }
.headerGnavi .enquete:hover,
.headerGnavi .enquete.select { background-position: -131px -44px; }
/* ショッピングで貯める */
.headerGnavi .shop { background-position: -228px 0; width: 108px; }
.headerGnavi .shop:hover,
.headerGnavi .shop.select { background-position: -228px -44px;}
/* サービスで貯める */
.headerGnavi .point { background-position: -336px 0; width: 88px; }
.headerGnavi .point:hover,
.headerGnavi .point.select { background-position: -336px -44px; }
/* カードで貯める */
.headerGnavi .card { background-position: -424px 0; width: 76px; }
.headerGnavi .card:hover,
.headerGnavi .card.select { background-position: -424px -44px; }
/* 懸賞応募 */
.headerGnavi .present { background-position: -500px 0; width: 88px; }
.headerGnavi .present:hover,
.headerGnavi .present.select { background-position: -500px -44px; }
/* マイルーム */
.headerGnavi .myroom,
.headerGnavi .myroom.select { background-position: -588px 0; width: 112px; }
.headerGnavi .myroom:hover { background-position: -588px -44px; }
/* New マーク */
.headerGnavi .iconNew { height: 17px; left: 50%; margin-left: -19px; position: absolute; top: -10px; width: 41px; }