@charset "UTF-8";

/* ワラウカード */
/* common */
body { margin: 0px; padding: 0; color: #333; }

h1, h2, h3, h4, h5, h6, div, p, ul, ol, dl, li, dt, dd, form, img { margin: 0; padding: 0; }

img { border: 0; }

ol, ul { list-style: none; }

.cursorPointer { cursor: pointer; }

.displayBlock { display: block; }

.opacity:hover { filter: alpha(opacity=70); /*IE*/
  -moz-opacity: 0.7; /*Firefox*/
  opacity: 0.7; /*Opera・Safari*/
  background: #fff; zoom: 1; }

.floatLeft { float: left; }

.floatRight { float: right; }

.clearLeft { clear: left; }

.clearRight { clear: right; }

.clearBoth { clear: both; }

.alignLeft { text-align: left; }

.alignRight { text-align: right; }

.alignCenter { text-align: center; }

/*margin*/
.marginAuto { margin: auto; }

/* fontSize */
.fontsize110 { font-size: 110%; line-height: 180%; }

.fontsize100 { font-size: 100%; line-height: 180%; }

.fontsize95 { font-size: 95%; line-height: 170%; }

.fontsize90 { font-size: 90%; line-height: 170%; }

.fontsize85 { font-size: 85%; line-height: 170%; }

.fontsize80 { font-size: 80%; line-height: 170%; }

.fontsize75 { font-size: 75%; line-height: 170%; }

.fontsize70 { font-size: 70%; line-height: 170%; }

.letterSpacing1 { letter-spacing: 1px; }

.lineHeight200 { line-height: 200%; }

/* textColor */
.textRed { color: #FF0000; }

.textGray { color: #525252; }

.textLightGray { color: #888; }

/* cepa */
/* vertical-align */
.verticalMiddle { vertical-align: middle; }

/*width*/
.w960 { width: 960px; margin: auto; }

.w940 { width: 920px; margin: auto; }

/*inner*/
.innerOutside { width: 960px; margin: auto; }

.innerInside { width: 900px; margin: auto; }

/* headLeadContainer */
.headLeadContainer { background-color: #FAFAFA; border-bottom: 1px solid #ccc; height: 27px; }

.headLeadContainer p.lead { line-height: 27px; margin-bottom: 2px; }

.headLeadContainer span.homeLink { float: right; margin-top: 5px; }

.headLeadContainer span.homeLink a { color: #525252; text-decoration: none; }

/* cardGlitterContainer */
.cardGlitterContainer { position: relative; margin-top: 10px; display: flex; justify-content: center; }

.fukidesiGlitterContainer { position: absolute; top: 0; right: 24px; }

/* カードキラーン 小サイズ  */
.cardGlitter218Container { width: 669px; margin: auto; }

.cardGlitter218 { position: relative; margin-left: 5px; float: left; z-index: 2; }

.cardGlitter218 .glitterCard { position: absolute; top: 0; left: 0; }

.cardGlitter218 { position: relative; margin-left: 5px; float: left; z-index: 2; }

.cardGlitter218 .cardImageMaster { width: 218px; height: 142px; background: url(/images/contents/waraucard/common/obj_card218Master.png) no-repeat; overflow: hidden; }

.cardGlitter218 .cardImageVISA { width: 218px; height: 142px; background: url(/images/contents/waraucard/common/obj_card218VISA.png) no-repeat; overflow: hidden; }

.shineCard2 { -webkit-animation-name: shineAnm; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-transition-timing-function: ease-out; -webkit-animation-direction: normal; -webkit-animation-fill-mode: alternate; -webkit-transition-delay: 0s; animation-name: shineAnm; animation-duration: 5s; animation-iteration-count: infinite; transition-timing-function: ease-out; animation-direction: normal; animation-fill-mode: alternate; transition-delay: 0s; }

@-webkit-keyframes shineAnm { 0% { -webkit-transform: translate(-400px, 0px); }
  100% { -webkit-transform: translate(400px, 0px); } }
@keyframes shineAnm { 0% { transform: translate(-400px, 0px); }
  100% { transform: translate(400px, 0px); } }
/* カードキラーン 通常サイズ  */
.cardGlitter312 { position: relative; }

.cardGlitter312 .glitterCard { position: absolute; top: 0; left: 0; }

.cardGlitter312 .cardImageMaster { width: 312px; height: 200px; background: url(/images/contents/waraucard/common/obj_card312Master.png) no-repeat; overflow: hidden; margin-left: 15px; }

.cardGlitter312 .cardImageVISA { width: 312px; height: 200px; background: url(/images/contents/waraucard/common/obj_card312VISA.png) no-repeat; overflow: hidden; }

.shineCard { -webkit-animation-name: shineAnm; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: infinite; -webkit-transition-timing-function: ease-out; -webkit-animation-direction: normal; -webkit-animation-fill-mode: alternate; -webkit-transition-delay: 0s; animation-name: shineAnm; animation-duration: 4s; animation-iteration-count: infinite; transition-timing-function: ease-out; animation-direction: normal; animation-fill-mode: alternate; transition-delay: 0s; }

@-webkit-keyframes shineAnm { 0% { -webkit-transform: translate(-500px, 0px); }
  100% { -webkit-transform: translate(500px, 0px); } }
@keyframes shineAnm { 0% { transform: translate(-500px, 0px); }
  100% { transform: translate(500px, 0px); } }
/* カード横全色ラメ */
.fukidesiGlitter { -webkit-animation-name: arrowAnm; -webkit-animation-duration: 0.8s; -webkit-animation-iteration-count: infinite; -webkit-transition-timing-function: ease-out; -webkit-animation-direction: alternate; animation-name: arrowAnm; animation-duration: 0.8s; animation-iteration-count: infinite; transition-timing-function: ease-out; animation-direction: alternate; }

@-webkit-keyframes arrowAnm { 0% { -webkit-transform: translate(-20px, 20px); }
  100% { -webkit-transform: translate(-20px, 30px); } }
@keyframes arrowAnm { 0% { transform: translate(-20px, 20px); }
  100% { transform: translate(-20px, 30px); } }
/* カード色説明 */
.waraucardTop-Cardcolor { text-align: center; }

/* headerMenu */
#headerMenu { width: 960px; margin: auto auto 0 auto; padding-top: 15px; }

#headerMenu h1 { display: block; float: left; margin-top: 2px; padding-left: 12px; width: 140px; height: 44px; text-align: left; }

#headerMenu ul#nav { width: 788px; height: 44px; display: block; }

#headerMenu ul#nav li { float: left; display: block; }

#headerMenu ul#nav li a { display: block; height: 44px; background: url(/images/contents/waraucard/common/bg_spriteNav.png?202412111) no-repeat; }

#headerMenu ul#nav li#navWaraucardTop a { width: 187px; background-position: left 0; }

#headerMenu ul#nav li#navWaraucardTop a:hover { background-position: left bottom; }

#headerMenu ul#nav li#navWaraucardTopActive a { width: 187px; background-position: left bottom; }

#headerMenu ul#nav li#navWaraucardCmptop a { width: 178px; background-position: -189px 0; }

#headerMenu ul#nav li#navWaraucardCmptop a:hover, #headerMenu ul#nav li#navWaraucardCmptopActive a { width: 178px; background-position: -189px bottom; }

#headerMenu ul#nav li#navWaraucardExchange a { width: 205px; background-position: -366px 0; }

#headerMenu ul#nav li#navWaraucardExchange a:hover, #headerMenu ul#nav li#navWaraucardExchangeActive a { width: 205px; background-position: -366px bottom; }

#headerMenu ul#nav li#navWaraucardAplus a { width: 217px; background-position: -571px 0; }

#headerMenu ul#nav li#navWaraucardAplus a:hover { background-position: -571px bottom; }

#headerMenu ul#nav li a span { display: none; }

/* btn */
a.btnSubmitW612 { display: block; width: 612px; height: 77px; background: url(https://warau.akamaized.net/www.warau.jp/images/contents/waraucard/common/btn_submitW612.png) no-repeat; margin: auto; }

input.btnSubmitW612 { display: block; width: 612px; height: 77px; background: url(https://warau.akamaized.net/www.warau.jp/images/contents/waraucard/common/btn_submitW612.png) no-repeat; margin: auto; border: none; }

a.btnExchangeHowW612 { display: block; width: 612px; height: 77px; background: url(https://warau.akamaized.net/www.warau.jp/images/contents/waraucard/common/btn_exchangeHowW612.png) no-repeat; margin: auto; }

a.btnCmpW612 { display: block; width: 612px; height: 77px; background: url(/images/contents/waraucard/common/btn_cmpW612.png) no-repeat; margin: auto; }

a.btnCardTopW612 { display: block; width: 612px; height: 77px; background: url(/images/contents/waraucard/common/btn_topW612.png) no-repeat; margin: auto; }

a.btnExchangeAplusW612 { display: block; width: 612px; height: 77px; background: url(/images/contents/waraucard/common/btn_exchangeAplusW612.png?202412111) no-repeat; margin: 15px auto auto auto; }

a.btnCheckAplusW612 { display: block; width: 612px; height: 77px; background: url(/images/contents/waraucard/common/btn_checkAplusW612.png?202412112) no-repeat; margin: 15px auto auto auto; }

input.btnSubmitW612:hover, a.btnSubmitW612:hover, a.btnExchangeHowW612:hover, a.btnCmpW612:hover, a.btnCardTopW612:hover, a.btnCheckAplusW612:hover, a.btnExchangeAplusW612:hover, .waraucardTop-Head_BtnLottery:hover { background-position: left bottom; }

.btnCardEntryW80 { display: block; width: 80%; height: 5rem; border-radius: 8px; -webkit-border-radius: 8px; line-height: 5rem; text-align: center; margin: auto; font-size: 180%; color: #fff; font-weight: bold; letter-spacing: 0.1em; box-shadow: 0 6px 0 #8E0000, 0px 12px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 6px 0 #8E0000, 0px 12px 0px rgba(0, 0, 0, 0.2); transition: all 0.3s; -webkit-transition: all 0.3s; background: #F3271A; -webkit-background: #F3271A; border: none; cursor: pointer; appearance: none; -webkit-appearance: none; }

.btnCardEntryW80:hover { background: #D40000; box-shadow: 0 3px 0 #8E0000, 0px 6px 0px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(3px); transform: translateY(3px); background: #F3271A; border: none; }

.waraucardTop-Head_BtnStop { width: 612px; height: 64px; display: block; border-radius: 6px; line-height: 64px; text-align: center; margin: auto; font-size: 120%; color: #a0a0a0; font-weight: bold; letter-spacing: 0.1em; border: none; background: #e2e2e2; }

.waraucardTop-Head_BtnLottery { display: block; width: 612px; height: 77px; background: url("/images/contents/waraucard/common/btn_lottery.png?202207221") no-repeat; margin: auto; cursor: pointer; }

/* tableGray */
table.tableGray, table.tableBlue, table.tableYellow { border-collapse: collapse; border: 1px solid #CCC; width: 100%; }

table.tableGray th { border: 1px solid #CCC; background-color: #F3F3F3; text-align: center; }

table.tableYellow th { border: 1px solid #CCC; background-color: #FFFFE7; text-align: center; }

table.tableBlue th { border: 1px solid #CCC; background-color: #F1FBFC; text-align: center; border-right: none; }

table.tableGray td, table.tableBlue td, table.tableYellow td { border: 1px solid #CCC; text-align: left; border-left: none; }

#privilege3 table.tableGray th { width: 60%; padding: 5px 5px 5px 10px; text-align: left; }

#privilege3 table.tableGray td { width: 70%; padding: 5px 5px 5px 10px; }

#exchangeAplus table { height: 200px; }

#exchangeAplus table.tableBlue th { width: 30%; padding: 5px; }

#exchangeAplus table.tableBlue td { width: 70%; padding: 5px 5px 5px 30px; }

#exchangeAplus table.tableBlue th span.exchangeAplusNo { font-size: 150%; letter-spacing: 0.1em; }

#notes table.tableGray th, #notesCmp table.tableYellow th { width: 17%; padding: 5px; }

#notes table.tableGray td, #notesCmp table.tableYellow td { width: 83%; padding: 10px 15px; }

#specWaraucard table.tableGray td { padding: 10px 15px; }

/* flame */
.infoFlameGray { background: #F3F3F3; padding: 10px 20px 20px 20px; border-radius: 5px; }

dl.infoFlameRed { background: #FFEEEE; border-radius: 5px; border: 2px #FF0000 solid; margin-top: 20px; }

dl.infoFlameRed dt { padding: 20px 20px 10px 20px; font-weight: bold; }

dl.infoFlameRed dd { padding: 0 20px 20px 20px; }

/*  */
/*submitCommon*/
#submitCommon { height: 560px; margin-top: 15px; background-repeat: repeat-x, repeat-x; background-position: center bottom, center bottom; }

#submitCommon h2 { text-align: center; }

/* privilege */
#privilegeContainer li:nth-child(odd) { margin: 35px 30px auto auto; float: left; }

#privilegeContainer li:nth-child(even) { margin: 35px auto auto auto; float: left; }

#privilegeContainer div.privilegeObj { background: url(/images/contents/waraucard/common/bg_privilegeObjCmp.png) no-repeat; width: 100px; height: 100px; float: left; }

#privilegeContainer li#privilege2 div.privilegeObj { background-position: 0 -100px; }

#privilegeContainer li#privilege3 div.privilegeObj { background-position: 0 -200px; }

#privilegeContainer li#privilege4 div.privilegeObj { background-position: 0 -300px; }

#privilegeContainer li#privilege5 div.privilegeObj { background-position: 0 -400px; }

#privilegeContainer li#privilege6 div.privilegeObj { background-position: 0 -500px; }

#privilegeContainer div.privilegeCopy { width: 800px; height: 100px; float: left; margin-left: 15px; }

#privilegeContainer div.privilegeCopy h4 { line-height: 140%; }

#privilegeContainer div.privilegeCopy .privilegeTitle { background: url(/images/contents/waraucard/common/bg_privilegeTitle.png) no-repeat; width: 800px; height: 20px; float: left; margin-bottom: 10px; }

#privilegeContainer li#privilege2 div.privilegeCopy .privilegeTitle { background-position: 0 -20px; }

#privilegeContainer li#privilege3 div.privilegeCopy .privilegeTitle { background-position: 0 -40px; }

#privilegeContainer li#privilege4 div.privilegeCopy .privilegeTitle { background-position: 0 -60px; }

#privilegeContainer li#privilege5 div.privilegeCopy .privilegeTitle { background-position: 0 -80px; }

#privilegeContainer li#privilege6 div.privilegeCopy .privilegeTitle { background-position: 0 -100px; }

#privilegeContainer span.pointDate { color: #fff; padding: 2px 4px 2px 6px; background-color: #888; margin: auto 10px auto 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

#infoPrivilege { margin-top: 35px; }

#infoPrivilege h4 { background: url(/images/contents/waraucard/common/icon_infoGray.png) no-repeat 0 10px; padding: 5px 0 10px 25px; }

#infoPrivilege h5 { font-size: 105%; }

#infoPrivilege dl dt { font-weight: bold; margin: 15px auto 5px auto; font-size: 110%; }

#infoPrivilege ul li { list-style-type: disc; list-style-position: inside; }

.waraucardTop-privilageInfo { margin: 35px 0; }

.waraucardTop-privilageInfo_TitleBox { display: flex; }

.waraucardTop-privilageInfo_TitleInner { margin-left: 20px; }

.waraucardTop-privilageInfo_TitleIcon { display: flex; font-weight: bold; letter-spacing: 1px; color: #673301; gap: 3px; }

.waraucardTop-privilageInfo_Title { font-size: 20px; letter-spacing: 1px; margin-top: 5px; }

.waraucardTop-privilageInfo_Text { margin: 20px 0; letter-spacing: 1px; font-size: 100%; line-height: 180%; }

.waraucardTop-privilageInfo_SubText { margin: 20px 0; letter-spacing: 1px; font-size: 90%; line-height: 170%; }

.waraucardTop-privilageInfo_PointDate { margin-top: 10px; }

.waraucardTop-privilageInfo_PointDateIcon { color: #ffffff; padding: 6px; background-color: #888888; margin: auto 10px auto 0; border-radius: 4px; font-size: 12px; font-weight: bold; }

.waraucardTop-privilageInfo_PointDateText { font-weight: bold; letter-spacing: 1px; }

/* privilege6 */
#privileg6 { background-color: #ccc; margin-top: 100px; }

#privileg6 .inner { background: #FFF8CA; height: 800px; text-align: center; }

#privileg6 .inner img { margin-top: -80px; }

/* need After */
#need { background-color: #F1FBFC; margin-top: 40px; height: 635px; padding: 40px 0; }

#need p.title { background: url(/images/contents/waraucard/common/bg_spriteNeed.png) no-repeat 0 0; width: 777px; height: 36px; margin: auto auto 30px auto; }

#need p.title-After { background: url(/images/contents/waraucard/common/bg_spriteNeed20200305.png) no-repeat 0 0; width: 961px; height: 36px; margin: auto auto 30px auto; }

#need ul li { width: 49%; background-color: #fff; -webkit-border-radius: 10px; border-radius: 10px; float: left; height: 100%; }

#need ul li:nth-child(2), #need ul li:nth-child(3) { margin-left: 2%; }

#need ul li div.inner { padding: 15px 20px; }

#need ul li h4 { background: url(/images/contents/waraucard/common/bg_spriteNeed.png) no-repeat 0 -36px; width: 270px; height: 268px; margin: auto; }

#need ul li#needRiboKaeru h4 { background-position: -270px -36px; }

#need ul li#needAplus h4 { background-position: -540px -36px; }

#need ul li p { height: 176px; margin-top: 20px; }

#need ul li div a.needBtmLink { background: url(/images/contents/waraucard/common/btn_spriteNeed.png) no-repeat 0 0; width: 270px; height: 70px; margin: auto; display: block; }

#need ul li div a.needBtmLink:hover { background-position: 0 bottom; }

#need ul li#needRiboKaeru div a.needBtmLink { background-position: -270px 0; }

#need ul li#needAplus div a.needBtmLink { background-position: -540px 0; }

#need ul li#needRiboKaeru div a.needBtmLink:hover { background-position: -270px bottom; }

#need ul li#needAplus div a.needBtmLink:hover { background-position: -540px bottom; }

/* formembers */
#formembersInner img { width: 143px; margin-top: 20px; padding: 10px; float: left; }

#formembersInner p { width: 780px; float: right; }

a.btnFormembersW612 { display: block; width: 612px; height: 77px; background: url(/images/contents/waraucard/common/btn_formembersW612.png) no-repeat; margin: auto; }

a.btnFormembersW612:hover { background-position: left bottom; }

/* cmpEndInfo */
div#cmpEndInfo { margin-top: 15px; padding: 15px 0; text-align: left; z-index: 100; background-color: #ffeeee; }

/* #notes */
#notes p, #notesCmp p { margin-bottom: 8px; }

/* btn新タイプ(アニメーション) */
.btnCardEntryW80, .btnCardSubscriptionW80 { display: block; width: 80%; height: 5rem; border-radius: 8px; -webkit-border-radius: 8px; line-height: 5rem; text-align: center; margin: auto; font-size: 180%; color: #fff; font-weight: bold; letter-spacing: 0.1em; box-shadow: 0 6px 0 #8E0000, 0px 12px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 6px 0 #8E0000, 0px 12px 0px rgba(0, 0, 0, 0.2); transition: all 0.3s; -webkit-transition: all 0.3s; background: #F3271A; -webkit-background: #F3271A; border: none; cursor: pointer; appearance: none; -webkit-appearance: none; }

.btnCardEntryW80:hover, .btnCardSubscriptionW80:hover { background: #D40000; box-shadow: 0 3px 0 #8E0000, 0px 6px 0px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(3px); transform: translateY(3px); background: #F3271A; border: none; }

a.btnCardEntryW80, a.btnCardSubscriptionW80 { color: #fff; text-decoration: none; }

.btnCardEntryW80Comp { display: block; width: 80%; height: 5rem; border-radius: 8px; -webkit-border-radius: 8px; line-height: 5rem; text-align: center; margin: auto; font-size: 180%; color: #fff; font-weight: bold; letter-spacing: 0.1em; background: #BBBBBB; -webkit-background: #BBBBBB; border: none; appearance: none; -webkit-appearance: none; }

/* ポイント交換促進 */
#exchangeAplusPrContainer { display: block; position: relative; }

#exchangeAplusPrContainer span.btnExchangeAplusPr { display: block; position: absolute; top: 300px; right: 55px; display: block; width: 330px; height: 3rem; border-radius: 6px; -webkit-border-radius: 6px; line-height: 3rem; text-align: center; margin: auto; font-size: 130%; color: #fff; font-weight: bold; letter-spacing: 0.1em; box-shadow: 0 6px 0 #777777, 0px 12px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 6px 0 #777777, 0px 12px 0px rgba(0, 0, 0, 0.2); transition: all 0.3s; -webkit-transition: all 0.3s; background: #999999; -webkit-background: #999999; border: none; cursor: pointer; appearance: none; -webkit-appearance: none; }

#exchangeAplusPrContainer:hover span.btnExchangeAplusPr { background: #D40000; box-shadow: 0 3px 0 #777777, 0px 6px 0px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(3px); transform: translateY(3px); background: #999999; border: none; }

/* リボかえル ページタイトル */
.revokaeru-Title { float: left; margin-right: 37px; }

.revokaeru-Title_Text { letter-spacing: 3px; line-height: 41px; }

/* 注意事項 小枠 */
dl.attention { background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px #ccc solid; }

dl.attention dt { padding: 15px 20px 5px 20px; }

dl.attention dd { padding: 0 20px 15px 20px; }

dl.attention dd ul li { list-style-type: disc; list-style-position: inside; }

/* displayNone */
a.btnSubmitW612 span, a.btnExchangeHowW612 span, a.btnExchangeAplusW612 span, #privilegeContainer div.privilegeObj span, #privilegeContainer div.privilegeCopy .privilegeTitle span, #need p.title span, #need ul li h4 span, #need ul li div a.needBtmLink span, #cmp20141020first a.btnFormembersW612 span, a.btnCmpW612 span, a.btnCardTopW612 span, a.btnCheckAplusW612 span, #formembers span.announce { display: none; }

#waraucardTop h3 { width: 950px; height: 100%; background-color: #02a9ca; display: block; border-left: 10px solid #333333; }

#waraucardTop h3 span { margin-left: 10px; padding: 7px 0; display: block; letter-spacing: 0.1em; color: #ffffff; font-size: 95%; }

.waraucardTop-Info { display: none; border: 1px solid #cccccc; background: #ffffff; border-radius: 5px; width: 1000px; margin: 20px auto; }

.waraucardTop-Info_Detail { width: 100%; height: auto; margin: 0; font-size: 15px; line-height: 1.8; }
.waraucardTop-Info_Detail:after { display: table; clear: both; content: " "; }
.waraucardTop-Info_Detail:first-child { border: none; }
.waraucardTop-Info_Detail dt { line-height: 25px; color: #525252; font-weight: bold; font-size: 17px; text-align: left; padding: 20px; }
.waraucardTop-Info_Detail dt:hover { cursor: pointer; }
.waraucardTop-Info_Detail dt img.inverted { transform: scaleY(-1); -webkit-transform: scaleY(-1); }
.waraucardTop-Info_Detail dd { display: none; width: 100%; margin-left: 0; padding: 0 20px 20px; text-align: left; }

.waraucardTop-Info_Label { margin: 0 10px 0 0; vertical-align: middle; }

.waraucardTop-Info_DetailBtn { float: right; vertical-align: middle; width: 12px; height: 12px; border-top: 2px solid #888888; border-right: 2px solid #888888; transform: rotate(135deg); position: relative; top: 3px; }

.waraucardTop-Info_DetailBtn.inverted { transform: rotate(-45deg); top: 5px; }

#h2Container { height: 550px; margin-top: 15px; background: url(/images/contents/waraucard/top/bg_h2town.png), url(/images/contents/waraucard/top/bg_h2sky.png); background-repeat: repeat-x, repeat-x; background-position: center bottom, center bottom; }

#h2Container h2 { text-align: center; }

.cmpBn { width: 954px; height: 264px; margin-top: 5px; padding: 3px; border: solid 1px #cccccc; }

ul#pageLink { height: 25px; line-height: 25px; margin: 30px auto; display: block; }

ul#pageLink li { height: 25px; float: left; padding-left: 3px; text-align: center; background: url(/images/contents/waraucard/common/bg_pageLinkArrow.png) no-repeat 8px 1px; }

ul#pageLink li:hover { background-position: 8px -19px; }

ul#pageLink li:hover a { color: #ff0084; }

ul#pageLink li:nth-child(1) { width: 27%; }

ul#pageLink li:nth-child(2) { width: 28%; border-left: 1px solid #cccccc; }

ul#pageLink li:nth-child(3) { width: 21%; border-left: 1px solid #cccccc; }

ul#pageLink li:nth-child(4) { width: 22%; border-left: 1px solid #cccccc; }

#askedQuestions { margin-bottom: 40px; }

#askedQuestions #faq dt { display: block; cursor: pointer; color: #0063dc; width: 98%; margin-left: auto; margin-right: auto; }

#askedQuestions #faq dt:hover { color: #ff0084; text-decoration: underline; }

#askedQuestions #faq dd { width: 94%; height: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: url(/images/help/icon_a.png) no-repeat #f2f2f2; background-position: 15px 18px; display: none; font-size: 90%; padding: 15px; margin: auto auto -15px auto; margin-bottom: 10px; }

#askedQuestions #faq dd p { margin-left: 30px; }

a.cmpTxtBox { display: block; margin: 10px auto 0 auto; padding: 5px 0; width: 550px; }

a.cmpTxtBox span { padding-bottom: 8px; border-bottom: 6px #e1f5f8 solid; }

a.cmpTxtBox:hover img { -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); }

.anmStar { -webkit-animation: rotation 5s linear infinite; animation: rotation 5s linear infinite; }

@keyframes rotation { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@-webkit-keyframes rotation { /* webkit */
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }
.w910 { width: 910px; margin: auto; }

.w800 { width: 800px; margin: auto; }

.textGray { color: #6b6b6b; }

.listStyleDisc { list-style-type: disc; margin-left: 16px; }

#innerEntranceBox { margin-top: 25px; }

.waraucardTop-Cp { margin-bottom: 40px; }

.waraucardTop-Cp_BnrFloating { position: fixed; right: 5%; bottom: 2%; z-index: 100; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: fadeInDown; -webkit-animation-name: fadeInDown; }

@-webkit-keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: none; -webkit-transform: none; } }
@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: none; -webkit-transform: none; } }
.waraucardTop-Cp_Title { text-align: center; background: #ffffff !important; border: 0 !important; margin: 0 auto; }

.tab_area { overflow: hidden; list-style: none; padding: 0; font-weight: bold; font-size: 84%; }

.tab_area li { float: left; border-width: 1px; border-style: solid; border-color: #cccccc #cccccc #ffffff #cccccc; border-radius: 4px 4px 0 0; width: 49.5%; box-sizing: border-box; line-height: 150%; padding: 0.8em; text-align: center; background: #f2f2f2; margin-top: 15px; }

.tab_area li:hover { text-decoration: underline; cursor: pointer; }

.tab_area li:nth-child(2) { margin-left: 1%; }

.tab_area li + .tab_area li { margin-left: 10px; }

.tab_area li.select { background-color: #ffffff; color: #525252; border-bottom: 2px solid #ffffff; }

.all_area { overflow: hidden; }

.all_area div.content_area { clear: both; margin: -1px 0 0; padding: 1.6em; list-style: none; border: 1px solid #cccccc; }

.hide { display: none; }

.waraucardTop-CpRecurring_Service { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; border: 1px #36b5c9 solid; border-radius: 6px; width: 800px; margin: 20px auto 0; text-align: left; }

.waraucardTop-CpRecurring_Service-title { color: #1b9daa; padding-left: 10px; margin-bottom: 10px; }

.waraucardTop-CpRecurring_Service-title:before { position: relative; top: 2px; left: -7px; width: 5px; height: 15px; content: ""; display: inline-block; background: #36b5c9; }

.waraucardTop-CpRecurring_Service-list { font-size: 11pt; }

.waraucardTop-CpRecurring_Service-listTitle { font-weight: bold; }

.waraucardTop-CpRecurring_Service-listTitle img { vertical-align: middle; }

.waraucardTop-CpRecurring_Service-listItems { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border-bottom: 1px dashed #36b5c9; padding: 0 0 15px 30px; margin-bottom: 15px; }

.waraucardTop-CpRecurring_Service-listLink { color: #0063dc; text-decoration: none; }

.waraucardTop-CpRecurring_Service-listLink:after { display: inline-block; content: "/"; margin: 0 5px 0 10px; color: #525252; }

.waraucardTop-CpRecurring_Service-listLink:last-child:after { display: inline-block; content: " "; }

.waraucardTop-CpRecurring_Service-listNote { text-align: right; font-size: 9pt; }

.waraucardTop-Cp_StopText { padding: 10px 10px 0; font-size: 10pt; text-align: left; width: 800px; margin: auto; }

.waraucard-Campaign_Normal { margin: auto; width: 960px; border: 1px solid #cccccc; margin-top: 15px; padding: 25px 0; }

.waraucard-Campaign_Aplus { display: block; text-align: center; margin-bottom: 35px; }

.waraucardTop-Head_BtnText { font-size: 10pt; text-align: left; width: 612px; margin: auto; margin-top: 10px; }

.waraucardTop-Head_BasicText { margin: 10px 0; font-size: 10pt; }

.waraucardTop-Head_BtnTextTitle { font-weight: bold; }

.waraucardTop-Head_LotteryLost { width: 960px; margin: auto; text-align: center; }

.waraucardTop-Head_CpAnnounce { margin: 30px 10px 10px; padding: 30px; background: #fbf8eb; border-radius: 5px; font-size: 95%; line-height: 1.7; }

.waraucardTop-Head_CpAnnounceTitle { text-align: center; font-size: 105%; font-weight: bold; }

.waraucardTop-Head_CpAnnounceList { list-style-type: disc; padding-left: 12px; }

.waraucardTop-Head_EndMessage { text-align: center; margin: 30px 0; }

.waraucard-Campaign_NoteLink { color: #0063dc; }

.waraucard-Campaign_TextRed { color: #ff0000; }

.waraucardTop-Privilege_EndText { font-size: 90%; font-weight: bold; line-height: 170%; color: #ff0000; margin-bottom: 10px; }

.waraucardTop-Need { background: #ffffff; width: 950px; margin: 40px auto 0 auto; }

.waraucardTop-NeedTitle { padding: 7px 0; display: block; letter-spacing: 0.1em; color: #ffffff; font-size: 95%; width: 960px; margin: auto; }

.waraucardTop-NeedText { letter-spacing: 1px; font-size: 100%; line-height: 180%; margin-top: 40px; }

.waraucardTop-NeedTable { height: 300px; border-collapse: collapse; margin-top: 10px; }

.waraucardTop-NeedTable_Th { width: 30%; padding: 5px; background: #f1fbfc; border: 1px solid #cccccc; border-right: none; }

.waraucardTop-NeedTable_Td { width: 70%; padding: 20px 20px 20px 30px; border: 1px solid #cccccc; border-left: none; letter-spacing: 1px; font-size: 90%; }

.waraucardTop-NeedTable_TextLink { color: #0063dc; text-decoration: none; }

.waraucardTop-NeedTable_TextRed { color: #ff0000; }

.waraucardTop-NeedTable_List { list-style-type: disc; margin-left: 1em; }

.waraucardTop-NeedPageTop { color: #0063dc; text-decoration: underline; float: right; margin-top: 5px; font-size: 80%; line-height: 170%; }

/* ワラウカード キャンペーン一覧 */
.w800 { width: 800px; margin: auto; }

/* cmpList */
ul#cmpList li { margin: 20px 27px 0 0; border: 1px #ccc solid; width: 300px; background-color: #fff; -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); float: left; }
ul#cmpList li:hover { background-color: #EDF5FF; }
ul#cmpList li:hover img.opacity { filter: alpha(opacity=70); /*IE*/
  -moz-opacity: 0.7; /*Firefox*/
  opacity: 0.7; /*Opera・Safari*/
  background: #fff; }
ul#cmpList li.cmpListAD { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
ul#cmpList li.cmpListAD:hover { background-color: #fff; cursor: default; }
ul#cmpList li.cmpListAD .adnRectBox { -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); }
ul#cmpList li:nth-of-type(3n) { margin-right: 0; }
ul#cmpList li a { width: 100%; height: 100%; display: block; color: #525252; text-decoration: none; }
ul#cmpList h3 { font-family: "游ゴシック", "YuGothic"; height: 85px; line-height: 140%; }
ul#cmpList div.detail { padding: 5px 15px 15px 15px; }
ul#cmpList .panel img { width: 298px; border-bottom: 1px #ccc solid; }
ul#cmpList div.flagCmp { height: 35px; background: url(/images/contents/waraucard/common/icon/flag_cmp143x24.png) no-repeat; background-position: 19px 6px; }
ul#cmpList div.flagCmpNone { height: 25px; margin-top: 10px; }
ul#cmpList p.dateOpen { letter-spacing: 0.1em; font-size: 80%; letter-spacing: 1px; font-weight: bold; }
ul#cmpList p.dateClose { letter-spacing: 0.1em; font-size: 80%; letter-spacing: 1px; font-weight: bold; color: #999; }
ul#cmpList p img { vertical-align: middle; }

.anmStar { -webkit-animation: rotation 5s linear infinite; animation: rotation 5s linear infinite; }

@keyframes rotation { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@-webkit-keyframes rotation { /* webkit */
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }
.warauCardCmpTop-Title { margin-top: 30px; }

.warauCardCmpTop-Title_Lead { width: 960px; letter-spacing: 1px; margin: auto; margin-top: 10px; font-size: 95%; line-height: 170%; }

.waraucardCmp-Grp { width: 800px; margin: auto; margin-top: 20px; text-align: center; }
.waraucardCmp-Grp table { margin-top: 20px; }

.listStyleDisc { list-style-type: disc; margin-left: 16px; }

.waraucardCmp-End { position: relative; }

.waraucardCmp-EndBnr { opacity: 0.2; position: relative; margin-top: 15px; }

.waraucardCmp-EndBnr_Message { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; padding: 0; font-size: 60px; }