@charset "utf-8";

* {margin:0;padding:0;}
body {
    line-height: 150%;
    background-repeat: repeat;
    margin: 0;
    padding: 0;
    color: #525252;
    font-family:'Hiragino Kaku Gothic Pro','MS PGothic';
    position:relative;
    right:0;
}
ol, ul{ list-style:none;}
img {vertical-align: bottom;}
a {text-decoration: none;}
cite {font-style:normal;}
section{background-color:#F2F2F2;}
header{background-color: #FFF;}

/* common */
.errorMessageFlame {background-color: #FFEEEE; margin:10px; border-radius: 5px; font-size: 10pt;font-weight: bold;border:2px solid #FF0000; color:#FF0000; padding:10px;list-style-type: disc;list-style-position:outside;}
.announceFlame {background-color: #FFEEEE; margin:10px; border-radius: 5px; font-size: 10pt;font-weight: bold; color:#FF0000; padding:10px 15px;list-style-type: disc;list-style-position:outside; border:1px solid #FF0000;}
.maintenanceFlame{background-color: #FBF8EC; margin:10px; border-radius: 5px; font-size: 10pt;font-weight: bold; color:#525252; padding:10px 15px;list-style-type: disc;list-style-position:outside; border:1px solid #C4B189;}

/* float ----------------------------------------------------------*/
.floatLeft { float: left; }
.floatRight { float: right; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear: both; }
.clearfix:after { content: "."; display:block; clear:both; height:0; visibility:hidden; }

/* display ----------------------------------------------------------*/
.displayBlock {display:block;}
.displayInline {display:inline;}
.displayNone {display:none;}

/* lineheight ----------------------------------------------------------*/
.lineheight18 {line-height:18px;}

/* listStyle- */
ul.listStyleDisc {list-style-type : disc;padding-left:16px; }
ul.listStyleCircle {list-style-type : circle;padding-left:16px; }
ul.listStyleDecimal,
ol.listStyleDecimal {list-style-type: decimal;padding-left:20px; }
ul.listStyleCircle li,
ol.listStyleDecimal li {margin-bottom: 10px;}

ul.listNone , ol.listNone { list-style-type: none; }
ul.listDisc { list-style-type: disc; }
ul.listDeci , ol.listDeci { list-style-type: decimal; }


/* width */
.w320 {width:320px;}
.w49 {width:49%;}
.w49Right {width:49%;margin-left: 2%;}
.w100, .width100 {width: 100%}

/* font ----------------------------------------------------------*/
/* size */
.fontsize6 {font-size:6pt;}
.fontsize8 {font-size:8pt;}
.fontsize9 {font-size:9pt;}
.fontsize10 {font-size:10pt;}
.fontsize11 {font-size:11pt;}
.fontsize12 {font-size:12pt;}
.fontsize13 {font-size:13pt;}
.fontsize14 {font-size:14pt;}
.fontsize15 {font-size:15pt;}
.fontsize16 {font-size:16pt;}
.fontsize70 {font-size: 70%;}
.fontsize80 {font-size: 80%;}
.fontsize90 {font-size: 90%;}
.fontsize110 {font-size: 110%;}
.fontsize120 {font-size: 120%;}
.fontsize130 {font-size: 130%;}
.fontsize140 {font-size: 140%;}
.fontsize150 {font-size: 150%;}
.fontsize160 {font-size: 160%;}

/* weight */
.fontBold { font-weight: bold; }
/* google-font */
.fontPt,
.fontKarla {font-family: 'Karla', sans-serif;}
.titleIconPointdetail3 {font-family:Verdana,Arial,Helvetica,sans-serif;font-weight: bold;}

/* lineHeight ----------------------------------------------------------*/
.lineHeight130 {line-height: 130%;}
.lineHeight140 {line-height: 140%;}

/* align ----------------------------------------------------------*/
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }

/* table ----------------------------------------------------------*/
table.formGray { width: 100%; border: 1px #CCCCCC solid; border-collapse: collapse; }
table.formGray th { padding: 8px; border: 1px #CCCCCC solid; background-color: #F9F9F9; }
table.formGray td { padding: 8px; border: 1px #CCCCCC solid; background-color: #FFF; }

table.formOrange { width: 100%; border: 1px #FEDB78 solid; border-collapse: collapse; }
table.formOrange th { padding: 8px; border: 1px #FEDB78 solid; background-color: #FEF3D6; }
table.formOrange td { padding: 8px; border: 1px #FEDB78 solid; background-color: #FFF; }

/* margin padding ----------------------------------------------------------*/
.marginAuto8 {margin: auto 8%;}
.marginAuto {margin: auto;}
.margin0 { margin: 0; }
.margin10 { margin: 10px; }
.marginTop0 { margin-top:0px; }
.marginTop3 { margin-top:3px; }
.marginTop5 { margin-top:5px; }
.marginTop10 { margin-top:10px; }
.marginTop12 { margin-top:12px; }
.marginTop15 { margin-top:15px; }
.marginTop20 { margin-top:20px; }
.marginTop25 { margin-top:25px; }
.marginTop30 { margin-top:30px; }
.marginTop60 { margin-top:60px; }
.marginBtm0 { margin-bottom:0px; }
.marginBtm2 { margin-bottom:2px; }
.marginBtm5 { margin-bottom:5px; }
.marginBtm7 { margin-bottom:7px; }
.marginBtm10 { margin-bottom:10px; }
.marginBtm15 { margin-bottom:15px; }
.marginBtm20 { margin-bottom:20px; }
.marginBtm30 { margin-bottom:30px; }
.marginLeft0 { margin-left:0px; }
.marginLeft2 { margin-left:2px; }
.marginLeft3 { margin-left:3px; }
.marginLeft5 { margin-left:5px; }
.marginLeft10 { margin-left:10px; }
.marginLeft15 { margin-left:15px; }
.marginLeft20 { margin-left:20px; }
.marginLeft26 { margin-left:26px; }
.marginLeft30 { margin-left:30px; }
.marginRight0 { margin-right:0px; }
.marginRight2 { margin-right:2px; }
.marginRight5 { margin-right:5px; }
.marginRight10 { margin-right:10px; }
.marginRight15 { margin-right:15px; }
.marginRight20 { margin-right:20px; }
.marginRight30 { margin-right:30px; }

.marginLeft3nm { margin-left: -3px; }
.marginLeft5nm { margin-left: -5px; }

.marginTopMinus10 {margin-top: -10px;}

.padding0 { padding: 0; }
.padding5 { padding:5px;}
.padding10 { padding:10px;}
.paddingTop5 { padding-top:5px;}
.paddingTop10 { padding-top:10px;}
.paddingTop15 { padding-top:15px;}
.paddingTop20 { padding-top:20px;}
.paddingBtm5 {padding-bottom: 5px;}
.paddingBtm10 {padding-bottom: 10px;}
.paddingBtm15 {padding-bottom: 15px;}
.paddingBtm20 {padding-bottom: 20px;}
.paddingLeft5 {padding-left:5px;}
.paddingLeft10 {padding-left:10px;}
.paddingLeft15 {padding-left:15px;}
.paddingLeft20 {padding-left:20px;}
.paddingRight5 {padding-right:5px;}
.paddingRight10 {padding-right:10px;}
.paddingRight15 {padding-right:15px;}
.paddingRight20 {padding-right:20px;}

/* text ----------------------------------------------------------*/
.textBlue {color:#0063DC; text-decoration:none;}
.textMintBlue{ color:#39BCCD; }
.textRed { color: #FF0000;}
.textDarkred { color: #D90000;}
.textGreen { color: #009900;}
.textBrown { color: #670000;}
.textGray { color: #525252;}
.textPaleGray { color: #AAAAAA;}
.textYellow { color: #FFFF00;}
.textKinari { color: #C4B189;}
.textWhite { color: #fff;}
.textAbbreviate { width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; }

/*  letterSpacing ----------------------------------------------------------*/
.letterSpacing01 {letter-spacing: 0.1em;}

/* bg ----------------------------------------------------------*/
.bgGray {background-color: #F3F3F3;}
.bgWhite{background-color: #fff;}
.bgNone{background-color: transparent;}

/* counter */
.counterBox{ background:#fff; margin-top:-24px; }

/* up animation */
.anmUp {
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: bottom center;
    -webkit-animation-name: outer05;
}
@-webkit-keyframes outer05 {
    0%{
        -webkit-transform: scale(1, 1);
    }
    48%{
        -webkit-transform: scale(1, 1);
    }
    50%{
        -webkit-transform: scale(1.1, 0.9);
    }
    53%{
        -webkit-transform: scale(0.9, 1.1) translate(0, -5px);
    }
    57.5%{
        -webkit-transform: scale(1, 1) translate(0, -3px);
    }
    59%{
        -webkit-transform: scale(1, 1) translate(0, 0px);
    }
    100% {
        -webkit-transform: scale(1, 1);
    }
}

/* background ---------------------------------------------------------*/
.bgcover {background-size:cover;}

/* button ----------------------------------------------------------*/
.btmTypeAction {margin:auto;text-align: center;display:block; width: 86%;color: #670000;font-size: 11pt;font-weight: bold; box-shadow:0 3px 0 #FBCC41; -webkit-box-shadow:0 3px 0 #FBCC41;background: #F9F079; border-radius: 6px; height: 43px; line-height: 41px;}
.btmTypePassiveWhite {margin:auto;text-align: center;display:block; width: 86%;color: #525252;font-size: 11pt;font-weight: bold; box-shadow:0 3px 0 #C4C4C4; -webkit-box-shadow:0 3px 0 #C4C4C4;background: #EEEEEE; border-radius: 6px; height: 43px; line-height: 41px;}
.btmTypePassiveWhiteHelfL {float: left; margin-left:10px;text-align: center;display:block; width: 38%;color: #525252;font-size: 11pt;font-weight: bold; box-shadow:0 3px 0 #C4C4C4; -webkit-box-shadow:0 3px 0 #C4C4C4;background: #EEEEEE; border-radius: 6px; height: 43px; line-height: 41px;}
.btmTypePassiveWhiteHelfR {float: right; margin-right:10px;text-align: center;display:block; width: 38%;color: #525252;font-size: 11pt;font-weight: bold;box-shadow:0 3px 0 #C4C4C4; -webkit-box-shadow:0 3px 0 #C4C4C4;background: #EEEEEE; border-radius: 6px; height: 43px; line-height: 41px;}
.btmTypePassiveMailSetting {margin:auto;text-align: center;display:block; width: 86%;color: #525252;font-size: 11pt;font-weight: bold; box-shadow:0 3px 0 #C4C4C4; -webkit-box-shadow:0 3px 0 #C4C4C4;background: #fff; border-radius: 6px; height: 43px; line-height: 41px; border:1px solid #CCC;}
.btmTypePassiveBgGray {margin:auto;text-align: center;display:block; width: 86%;color: #525252;font-size: 11pt;font-weight: bold; box-shadow:0 3px 0 #C4C4C4; -webkit-box-shadow:0 3px 0 #C4C4C4;background: #fff; border-radius: 6px; height: 43px; line-height: 41px; border:1px solid #CCC;}


/* button_pager */
.pagerFlame {position:relative;}
.pagerFlame .btmTypePagerPassiveWhiteL {float: left; margin-left:10px;text-align: center;display:block; width: 36%;color: #525252;font-size: 11pt;font-weight: bold; box-shadow:0 3px 0 #C4C4C4; -webkit-box-shadow:0 3px 0 #C4C4C4;background: #EEEEEE; border-radius: 6px; height: 43px; line-height: 41px;}
.pagerFlame .btmTypePagerPassiveWhiteR {float: right; margin-right:10px;text-align: center;display:block; width: 36%;color: #525252;font-size: 11pt;font-weight: bold; box-shadow:0 3px 0 #C4C4C4; -webkit-box-shadow:0 3px 0 #C4C4C4;background: #EEEEEE; border-radius: 6px;height: 43px; line-height: 41px;}
.pagerFlame .pageInfo {width: 20%;font-size: 10pt; margin:auto; text-align:center;position:absolute; top:5px; left:40%;}
.pagerFlame .btmTypePagerPassiveBgGrayL {float: left; margin-left:10px;text-align: center;display:block; width: 36%;color: #525252;font-size: 11pt;font-weight: bold; box-shadow:0 3px 0 #C4C4C4; -webkit-box-shadow:0 3px 0 #C4C4C4;background: #fff; border-radius: 6px; height: 43px; line-height: 41px;}
.pagerFlame .btmTypePagerPassiveBgGrayR {float: right; margin-right:10px;text-align: center;display:block; width: 36%;color: #525252;font-size: 11pt;font-weight: bold; box-shadow:0 3px 0 #C4C4C4; -webkit-box-shadow:0 3px 0 #C4C4C4;background: #fff; border-radius: 6px;height: 43px; line-height: 41px;}

/* color */
.activeYellow {border-radius:6px; -webkit-border-radius:6px;text-align:center; font-weight: bold;display: block;box-shadow:0 3px 0 #FBCC41; -webkit-box-shadow:0 3px 0 #FBCC41;background: #F9F079;}
.registRed {border-radius:6px; -webkit-border-radius:6px;text-align:center; font-weight: bold;display: block;box-shadow:0 3px 0 #900000; -webkit-box-shadow:0 3px 0 #900000;background: #F62300;color: #fff;}
.loginBlue {border-radius:6px; -webkit-border-radius:6px;text-align:center; font-weight: bold;display: block;box-shadow:0 3px 0 #0A5EAF; -webkit-box-shadow:0 3px 0 #0A5EAF;background: #2395FA;color: #fff;}
.passiveWhite {border-radius:6px; -webkit-border-radius:6px;text-align:center; font-weight: bold;display: block;box-shadow:0 3px 0 #C4C4C4; -webkit-box-shadow:0 3px 0 #C4C4C4;background: #EEEEEE;}
.passiveBgGray {border:1px solid #CCC; border-radius:6px; -webkit-border-radius:6px;text-align:center; font-weight: bold;display: block;box-shadow:0 2px 0 #C4C4C4; -webkit-box-shadow:0 2px 0 #C4C4C4;background: #fff;}
.trashGray  {border-radius:6px; -webkit-border-radius:6px;text-align:center; font-weight: bold;display: block;box-shadow:0 3px 0 #C4C4C4; -webkit-box-shadow:0 3px 0 #C4C4C4;background: #EEEEEE;}
.passiveWhiteAfter {border-radius:6px; -webkit-border-radius:6px;text-align:center; font-weight: bold;display: block;background: #EEEEEE;}

input.loginBlue,
input.btmTypeAction,
input.btmTypePassiveWhite {appearance: none;-webkit-appearance: button;border: none;}
input.btmTypePassiveBgGray {appearance: none;-webkit-appearance: button;border: 1px solid #CCC;}

/* type */
.moreBtnTypeSimple {width: 100%; display: block; height: 40px; line-height: 40px; border-bottom:1px solid #CCC;}
.moreBtnTypeSimpleInnner {text-align:center;}
.moreBtnTypeSimple .moreBtnText {font-weight: bold; font-size: 11pt; color:#AAA;}
.moreBtnTypeSimple .moreBtnText i.iconArrow{margin-left:5px; color:#CCC; transform: rotate(-90deg); -webkit-transform: rotate(-90deg);  position: relative; top: -1px;}
.moreBtn-Inner { width: 100px; margin:auto; font-weight: bold; font-size: 11pt; color:#AAA; }
.moreBtn-IconArrow { width: 14px; height: 15px; margin-left: 5px; position:relative; top:2px;}
.moreBtnTypeSimple .moreBtnIcon,
.moreBtnTypeSimpleInnner .moreBtnIcon{float:left;width: 10px; height: 15px; margin:9px 10px 9px 9px; background: url(/images/sp/top/bg_top.png) no-repeat; background-position: 0 -275px; background-size: 55px auto;}
.btnInfo {margin:8px auto; padding:9px; color: #525252;}
.btnGet {padding:8px;}
.btnTypeBasic {width: 86%;font-size: 11pt; margin:auto;}
input.btnTypeBasic {padding:9px 0;}
.btnTypeBasic a {padding:9px 0; display: block;}

.btnPlayGame span {padding-left:22px; background: url(/images/sp/common/icon_play.png) no-repeat; background-size: 29px auto;background-position: -5px -2px;}
.btnPlayReload span {padding-left:22px; background: url(/images/sp/common/icon_reload.png) no-repeat; background-size: 29px auto;background-position: -5px -2px;}
.btnGide span {padding-left:22px; background: url(/images/sp/common/icon_guide.png) no-repeat; background-size: 29px auto;background-position: -5px -2px;}

.btnMailSetting span {padding-left:22px; background: url(/images/sp/mypage/icon_mailSetting.png) no-repeat; background-size: 29px auto;background-position: -5px -2px;}

/* moreBtn */
.moreBtnTypeCircleInner{width:100%; padding-top:10px; padding-bottom:10px;}
.moreBtnTypeCircleInner .moreBtnTypeCircle {width: 60%; display: block; border:solid 1px #CCC; border-radius:20px; margin:auto; height: 34px; line-height: 34px; background-color:#fff;}
.moreBtnTypeCircleInner .moreBtnTypeCircle .moreBtnText {text-align:center; font-weight: bold; font-size: 11pt; color:#AAA;}
.moreBtnTypeCircleInner .moreBtnTypeCircle .moreBtnText i.iconArrow{margin-left:5px; color:#CCC; }

/* textarea ---------------------------------------------------------*/
.textareaBox{ width:100%; height:100px; font-size:12pt; resize:none; -webkit-appearance:none; }
textarea.errorFormColor { background-color:#FFDDDD; }

/* iconV ----------------------------------------------------------*/
.iconV { margin:0 3px 6px 0; vertical-align:middle; }
.iconVbtm3 { margin:0 3px 3px 0; vertical-align:middle; }
.iconMiddlePtV { margin:0 3px 5px 0; vertical-align:middle; }
.iconSmallPtV {margin:0 2px 3px 0; vertical-align:middle; }

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

/* badge iconNew ----------------------------------------------------------*/
.badge {display: block; width:18px; height: 18px;line-height: 18px; background: #D30202; border:2px solid #fff; -moz-border-radius: 50px; -webkit-border-radius: 50px; color: #fff; text-align: center; font-size: 13px; font-weight:bold;/*box-shadow: 1px 1px 0 rgba(0,0,0,0.2);*/}
.badgePositionUpRight {position:absolute; top:-7px; right:-18px;}
.iconNew {display: block; width:16px; height: 16px; line-height: 16px;font-weight: bold; background: #FF0000; -moz-border-radius: 5px;-webkit-border-radius: 5px; color: #fff;text-align: center;font-size: 11px;}
.sw-Badge_NotActive { display: block; width:18px; height: 18px;line-height: 18px; background: #ccc; border:2px solid #fff; -moz-border-radius: 50px; -webkit-border-radius: 50px; color: #fff; text-align: center; font-size: 13px; font-weight:bold; }

/* layout ----------------------------------------------------------*/
.center { text-align:center; }
.textalignRight { text-align:right; }

/* separator ----------------------------------------------------------*/
.separatorGray {border-top: 1px solid #CCC; height: 1px; width: 100%;}
.separatorGray15 {border-bottom: 1px solid #CCC; height: 15px; width: 100%; background: #F2F2F2; }
.separatorGrayBtm {border-bottom: 1px solid #CCC; height: 1px; width: 100%;}
.separatorGrayBtmNoHeight {border-bottom: 1px solid #CCC; width: 100%;}
.separatorWhiteGray {margin-top:-10px; border-top: 13px solid #FFF; border-bottom: 1px solid #CCC; width: 100%;}
.separatorKinari3 {border-top: 3px solid #C4B189; width: 100%;}
.separatorYellowBtm{border-bottom: 3px solid #F1D387;}
.border_dotted { border-bottom: 1px dotted #C4B189;}

/* inner ----------------------------------------------------------*/
.innerContents {padding: 0 10px 15px 10px;}
.innerContents0 {padding: 0 10px;}
.innerContents10 {padding: 10px;}
.innerContentsTop10 {padding: 10px 10px 15px 10px;}
.innerContentsTop10btm0 {padding: 10px 10px 0 10px;}
.innerContentsTop10btm5 {padding: 10px 10px 5px 10px;}
.innerContentsTop0btm5 {padding: 0px 10px 5px 10px;}
.innerContentsTop0btm10 {padding: 0 10px 10px 10px;}
.innerContentsTop6btm5 {padding: 6px 10px 5px;}

/* frame ----------------------------------------------------------*/
.frameMargin10 {margin:10px;}
.frameMargin10btm0 {margin:0 10px 10px 10px;}
.frameMargin0 {margin:0 10px;}

.frameBgKinari {background-color: #FBF8EC; padding:10px; border-radius: 5px; font-size: 10pt;}
.frameBgGray {background-color: #F3F3F3; padding:10px; border-radius: 5px; font-size: 10pt;}
.frameBgThinRed {background-color: #FFEEEE; padding:10px; border-radius: 5px; font-size: 10pt;}
.frameBgWhite {background-color: #fff; padding:10px; border-radius: 5px;}

/* announce */
.announce p {margin-top:10px; padding:5px 7px 5px 30px;border:solid #FFD000 1px; border-radius:5px;background:#FFFCE5 url(/images/sp/mypage/icon_announce.png) no-repeat; background-position: 2px 8px; background-size: 28px auto;}
.announce p img {margin-top: 5px;}

/* input ----------------------------------------------------------*/
input.sptextfield { width: 260px; font-size: 20px; padding: 10px; line-height: 100%; }

/* adNetWork */
.sw-AdNetWork_Pr { height: 23px; background-color: #fff; text-align: center; color: #BFBFBF; font-weight: bold; margin: -6px auto 0 auto; padding-top: 0; border: 1px #CCC solid; letter-spacing: 5px; box-sizing: border-box; font-size:10pt; }
#yim { display:none; }

/* globalMenu ----------------------------------------------------------*/
ul.globalMenu {height: 46px; width: 100%;position: fixed; left:0; bottom: 0;z-index: 10;;background-color: #FFFFFF; padding:2px 0; border-top:1px solid #CCC;}
ul.globalMenu li {width: 20%; float: left; height: 46px; background-color: #FFFFFF;}
ul.globalMenu li a {width: 64px; height: 42px; display: block; margin:2px auto;}
ul.globalMenu li a span {display:none;}
ul.globalMenu li:nth-child(1) a {background-position:0 -150px;}
ul.globalMenu li:nth-child(2) a {background-position:0 -196px;}
ul.globalMenu li:nth-child(3) a {background-position:0 -242px;}
ul.globalMenu li:nth-child(4) a {background-position:0 -288px;}
ul.globalMenu li:nth-child(5) a {background-position:0 -334px;}
ul li div.globalTaskBox { position: absolute; z-index: 100; top: -7px; width: 18px; height: 18px; background: #D30202; border: 2px #FFF solid; border-radius: 20px; color: #FFF; font-weight: bold; }
ul li div.globalTaskBox .globalTaskCount { margin-top: -3px; }
ul li div.enqTaskBox{ left: 60%; }
ul li div.playTaskBox{ left: 54%; }

/* campaign ----------------------------------------------------------*/
.campaignEndInfo { padding:10px; background:#FFEEEE; border-top:1px solid #CCC; border-bottom:1px solid #CCC; font-size:10pt; }

/* cssAnimation */
.spin {animation: spin 3s linear infinite; -webkit-animation: spin 3s linear infinite;}
@keyframes spin { 0% {transform : rotate (0deg);} 100%  {transform : rotate (360deg);}}
@-webkit-keyframes spin { 0% {-webkit-transform : rotate (0deg);} 100%  {-webkit-transform : rotate (360deg);}}
.slideInUp {-webkit-animation: slideInUp 8s 1; animation: slideInUp 8s 1; width:100%; position: fixed; left:0; bottom:0; z-index: 101; opacity: 0;}
@-webkit-keyframes slideInUp { 0% {-webkit-transform: translate(0px,140px); opacity: 1;} 20% {-webkit-transform: translate(0px,0px); opacity: 1;} 80% {-webkit-transform: translate(0px,0px); opacity: 1;} 100% {-webkit-transform: translate(0px,180px); opacity: 1;}}
@keyframes slideInUp { 0% {transform: translate(0px,140px); opacity: 1;} 20%{transform: translate(0px,0px); opacity: 1;} 80%{transform: translate(0px,0px); opacity: 1;} 100%{transform: translate(0px,180px); opacity: 1;}}
.notifySlideDown {-webkit-animation: notifySlideDown 1s 1; animation: notifySlideDown 1s 1;}
@-webkit-keyframes notifySlideDown { from {-webkit-transform: translate(0px,0px); opacity: 1;}  to {-webkit-transform: translate(0px,180px); opacity: 1;}}
@keyframes notifySlideDown { from {-webkit-transform: translate(0px,0px); opacity: 1;}  to {-webkit-transform: translate(0px,180px); opacity: 1;}}

.bounce{ bottom: 50px; display: block; }
@keyframes bounce {0%{transform: translateY(0%);} 10%{transform: translateY(-8%);} 15%{transform: translateY(0%);} 20%{transform: translateY(-8%);} 25%{transform: translateY(0%);} 100%{transform: translateY(0%);} }
@-webkit-keyframes bounce {0%{-webkit-transform: translateY(0%);} 10%{-webkit-transform: translateY(-8%);} 15%{-webkit-transform: translateY(0%);} 20%{-webkit-transform: translateY(-8%);} 25%{-webkit-transform: translateY(0%);} 100%{-webkit-transform: translateY(0%);} }


@media screen and (max-device-width: 480px){
    /* iPhone CSS HACK */
    ul#globalMenu {height: 46px; width: 100%;position: fixed;bottom: 0;z-index: 10;}
}

/* svg sprite */
.defs{display: none;}
.globalMenuIcon {width:100%; height:100%; fill: #888888;}
ul.globalMenu li.globalMenuActive a .globalMenuIcon {fill:#FFBF37;}

/* グローバルナビ新規mission9誘導用 */
img.mission9Icon{position:absolute; bottom:40px; left:10%;}
/* グローバルナビ既存mission9誘導用 */
img.mission9IconGnav{position:absolute; bottom:2px; left:38.5%; z-index: 101;
    -webkit-animation: gnavAnm 2.5s ease-in-out infinite alternate;
    gnavAnm: 2.5s ease-in-out infinite alternate;
}
@media (max-width:320px) {
    img.mission9IconGnav{ left:36%; }
}
@-webkit-keyframes gnavAnm {
    0% { -webkit-opacity:1; }
    50% { -webkit-opacity:1; }
    100% { -webkit-opacity:0; }
}
@keyframes slowflash {
    0% { opacity:1; }
    50% { opacity:1; }
    100% { opacity:0; }
}

.globalnavColor {width:100%; height:100%; fill:currentColor; stroke:currentColor;}
.switch {
    -webkit-animation: switch 2s infinite ;
    -moz-animation: switch 2s infinite ;
    animation: switch 2s infinite ;
}

@-webkit-keyframes switch {
    0% { fill:#fff; -webkit-filter: drop-shadow(0px 0px 2px #00BCD2);  stroke:#00BCD2; stroke-width: 0.1px;}
    50% { fill:#fff; -webkit-filter: drop-shadow(0px 0px 2px #00BCD2);  stroke:#00BCD2; stroke-width: 0.1px;}
    100% { fill:#888888; stroke:#fff; stroke-width: 0;}
}
@-moz-keyframes switch {
    0% { fill:#fff; filter: drop-shadow(0px 0px 2px #00BCD2); stroke:#00BCD2; stroke-width: 0.1px;}
    50% { fill:#fff;  filter: drop-shadow(0px 0px 2px #00BCD2); stroke:#00BCD2; stroke-width: 0.1px;}
    100% { fill:#888888; stroke:#fff; stroke-width: 0;}
}
@keyframes switch {
    0% { fill:#fff; -webkit-filter: drop-shadow(0px 0px 2px #00BCD2); filter: drop-shadow(0px 0px 2px #00BCD2); stroke:#00BCD2; stroke-width: 0.1px;}
    50% { fill:#fff; -webkit-filter: drop-shadow(0px 0px 2px #00BCD2); filter: drop-shadow(0px 0px 2px #00BCD2); stroke:#00BCD2; stroke-width: 0.1px;}
    100% {  fill:#888888; stroke:#fff; stroke-width: 0;}
}

/* friendCampaignNav */
img.friendIconNav{position:absolute; bottom:2px; right:0%; z-index: 101; width: 75px;
    -webkit-animation: gnavAnm 2.5s ease-in-out infinite alternate;
    gnavAnm: 2.5s ease-in-out infinite alternate;
}
img.friendIconTextNav {position:absolute; bottom:2px; right:1%; z-index: 101; width: 70px;
    -webkit-animation: gnavAnm 2.5s ease-in-out infinite alternate;
    gnavAnm: 2.5s ease-in-out infinite alternate;
}

@media (max-width:320px) {
    img.friendIconNav{ width: 64px; bottom: 2px; }
    img.friendIconTextNav{ width: 60px; bottom: 6px; }
}

@media (min-width:767px) and (max-width:1025px){
    img.friendIconNav{ right: 5%; }
    img.friendIconTextNav{ right: 5%; }
}

/* 1000ptBonus ----------------------------------------------------------*/
.bgColorBonus1{ width:100%; height:40px; line-height:29px; background:#FFD700; position:relative; z-index:1; overflow:hidden; }
.bgColorBonus2{ width:100%; height:auto; background:#007A73; background-image:url(/images/sp/campaign/2016/1000ptBonus/20161207/bg_topBnr.png); background-repeat:no-repeat; background-size:100% auto; position:relative; z-index:3; }
.bgColorBonus2 div.btmTypeAction{ height:25px; }
.btm1000ptBonus {margin:auto;text-align: center;display:block; width: 86%;color: #525252;font-size: 11pt;font-weight: bold; box-shadow:0 3px 0 #C4C4C4; -webkit-box-shadow:0 3px 0 #C4C4C4;background: #fff; border-radius: 6px; line-height: 40px; height:25px;}
.BonusCharaPosition{ position:absolute; top:-5px; /*right:5px;*/ right:-8px; z-index:2; }
.bgColorBonus1 img, .bgColorBonus2 img{ pointer-events: none; }

/* キャンペーン誘導floating */
.btnFloating{ position: fixed; bottom: 200px; right:0; z-index: 11; }

/* title ----------------------------------------------------------*/
h2.titleBasic {font-size:11pt;border-top: 1px solid #CCC;border-bottom: 3px solid #F1D387;background-color: #fff;height: 40px;line-height: 40px;color: #525252; letter-spacing: 0.1em;}
h2.titleBasicApp {font-size:11pt;border-top: 3px solid #ccc;border-bottom: 1px solid #CCC;background-color: #f8f8f8;height: 26px;line-height: 26px;color: #333; letter-spacing: 0.1em;}
h2.titleBasic span,
h2.titleBasicApp span {padding-left:25px; display:block;}
h2.titleUserUp span {background: url(/images/sp/top/bg_top.png) no-repeat; background-position: 0 -424px; background-size: 55px auto;}
h2.titlePointUp span  {background: url(/images/sp/common/icon_titlePointUp.svgz) no-repeat; background-position: 5px 11px; background-size: 17px auto;}
h2.titleIconNew span {background: url(/images/sp/common/icon_new.svgz) no-repeat; background-position: 5px 13px; background-size: 18px auto;}
h2.titleIconAppli span {background: url(/images/sp/common/icon_appli.svgz) no-repeat; background-position: 8px 11px; background-size: 10px auto;}
h2.titleIconPlay span {background: url(/images/sp/top/bg_top.png) no-repeat; background-position: 0 -75px; background-size: 55px auto;}
h2.titleIconCmPoint span {background: url(/images/sp/top/bg_top.png) no-repeat; background-position: 0 -150px; background-size: 55px auto;}
h2.titleIconMajorShop span {background: url(/images/sp/common/icon_majorShop.svgz) no-repeat; background-position: 5px 12px; background-size: 18px auto;}
h2.titleIconWcard span {background: url(/images/sp/common/icon_wcard.svgz) no-repeat; background-position: 6px 14px; background-size: 15px auto;}
h2.titleIconWcard span img{width:130px; margin-top:13px; margin-right:5px;}
h2.titleIconPointinfo span {background: url(/images/sp/common/icon_pt.svg) no-repeat; background-position: 6px 12px; background-size: 15px auto;}
h2.titleIconPointUp span {background: url(/images/sp/common/icon_upCorner.png) no-repeat; background-position: 0 3px; background-size: 29px auto;}
h2.titleIconGlasses span {background: url(/images/sp/common/icon_glasses.svgz) no-repeat; background-position: 7px 11px; background-size: 15px auto;}
h2.titleIconJankenchan span {background: url(/images/sp/common/icon_jyankenchanSilhouette.png) no-repeat; background-position: 2px 7px; background-size: 20px auto;}
h2.titleIconTimesale span {background: url(/images/sp/common/icon_timesale.svgz) no-repeat; background-position: 5px 10px; background-size: 15px auto;}
h2.titleIconTimesale span img{width:160px; margin-top:13px; margin-right:5px;}
h2.titleIconCompanyInfo span {background: url(/images/sp/info/icon_company.svgz) no-repeat; background-position: 7px 11px; background-size: 14px auto;}
h2.titleIconLimitNewFace span {background: url(/images/sp/common/icon_limitNewFace.svgz) no-repeat; background-position: 5px 10px; background-size: 14px auto;}
h2.recommendTitle span {background: url(/images/sp/common/icon_recommend.svg) no-repeat; background-position: 6px 8px; background-size: 14px auto;}
h2.titlePointFlag span {background: url(/images/sp/common/icon_pointflag.svg) no-repeat; background-position: 6px 10px; background-size: 14px auto;}
h2.titleIconafCampaign span {background: url(/images/sp/common/icon_afCampaign.svgz) no-repeat; background-position: 5px 12px; background-size: 18px auto;}
h2.titleIconAppArticle span {background: url(/images/sp/common/icon_appArticle.svgz) no-repeat; background-position: 4px 12px; background-size: 18px auto;}

h2.titleIconFree span {background: url(/images/sp/common/icon_free.svgz) no-repeat; background-position: 7px 11px; background-size: 15px auto;}
h2.titleIconTapPoint span {background: url(/images/sp/common/icon_tapPoint.svgz) no-repeat; background-position: 5px 12px; background-size: 18px auto;}
h2.titleIconSeach span {background: url(/images/sp/common/icon_seach.svgz) no-repeat; background-position: 4px 12px; background-size: 20px auto;}
h2.titleIconCMpoint span {background: url(/images/sp/common/icon_cmPoint.svgz) no-repeat; background-position: 2px 13px; background-size: 21px auto;}
h2.titleIconPlayTop span {background: url(/images/sp/play/icon_titlePlay.svgz) no-repeat; background-position: 5px 14px; background-size: 16px auto;}
h2.titleIconItunes span {background: url(/images/sp/itunes/icon_itunes.png) no-repeat; background-position: 7px 11px; background-size: 17px auto;}
h2.titleIconHelp span{background: url(/images/sp/common/icon_enpitsu.png) no-repeat; background-position: 9px 11px; background-size: 14px auto;}
h2.titleIconCardRank span {background: url(/images/sp/common/icon_rank.svgz) no-repeat; background-position: 5px 13px; background-size: 17px auto;}
h2.titleIconSns span {background: url(/images/sp/common/icon_sns.svg) no-repeat; background-position: 5px 13px; background-size: 14px auto;}
h2.titleIconTpoint span {background: url(/images/sp/common/icon_Tpoint.svg) no-repeat; background-position: 5px 11px; background-size: 15px auto;}
h2.titleIconPonta span {background: url(/images/sp/common/icon_pontaPointMini.png) no-repeat; background-position: 5px 12px; background-size: 16px auto;}
h2.titleIconAnything span {background: url(/images/sp/common/icon_anythingPoint.svg) no-repeat; background-position: 5px 10px; background-size: 15px auto;}
h2.titleIconPoikatu span {background: url(/images/sp/common/icon_poikatu.svgz) no-repeat; background-position: 5px 11px; background-size: 15px auto;}
h2.titleIconTrendShop span {background: url(/images/sp/common/icon_trendShop.svgz) no-repeat; background-position: 5px 11px; background-size: 15px auto;}
h2.titleIconBlkFriday span {background: url(/images/sp/common/icon_blkFriday.svg) no-repeat; background-position: 5px 11px; background-size: 18px auto;}

h2.titleDailyBoxY {font-size:11pt;border-top: 3px solid #C4B189;border-bottom: 0; background-color: #FFDC00;height: 26px;line-height: 26px;color: #670000; letter-spacing: 0.1em;}
h2.titleDailyBoxR {font-size:11pt;border-top: 3px solid #C4B189;border-bottom: 0; background-color: #E20000;height: 26px;line-height: 26px;color: #FFF; letter-spacing: 0.1em;}
h2.titleDailyBoxY span, h2.titleDailyBoxR span {padding-left: 25px; display:block;}
h2.titleDailyTap {border-top: 1px solid #CCC; border-bottom: 3px solid #F1D387;}

h2.titleIconPoint span {background: url(/images/sp/common/icon_pt.svg) no-repeat; background-size: 15px auto;background-position: 6px 12px;}
h2.titleIconTopTap span {background: url(/images/sp/top/bg_top.png) no-repeat; background-position: 0 -370px; background-size: 55px auto;}

h3.titleBasic {font-size:9pt;border-top: 3px solid #C4B189;border-bottom: 1px solid #CCC;background-color: #FBF8EC;height: 20px;line-height: 20px;color: #670000; letter-spacing: 0.1em;}
h3.titleBasic span {padding-left: 7px; display:block;}


/* infoFlame */
dl.infoFlameGray { background:#FFF; margin:10px; border-radius: 5px; border:1px solid #CCC;}
dl.infoFlameGray dt {padding:10px 10px 0 10px; font-size: 11pt; height: 20px; line-height: 20px;}
dl.infoFlameGray dt span {float:left;}
dl.infoFlameGray dt span.icon {background-color: #FFBF37; width:5px; height:17px;border-radius:4px;display: block;}
dl.infoFlameGray dd {padding:5px 10px 10px 10px;font-size: 10pt;clear: left;}

dl.infoFlameKinari {background:#FBF8EB;margin:10px;border-radius:5px;}
dl.infoFlameKinari dt {padding:10px 10px 0 10px; font-size: 11pt; height: 20px; line-height: 20px;}
dl.infoFlameKinari dt span {float:left;}
dl.infoFlameKinari dt span.icon {background-color: #C4B189; width:5px; height:17px;border-radius:4px;display: block;}
dl.infoFlameKinari dt span.title {color:#670000;font-weight: bold;margin-left:5px;}
dl.infoFlameKinari dd {padding:5px 10px 10px 10px;font-size: 10pt;clear: left; }
dl.infoFlameKinari .itemTitle {color: #7C602B;}
dl.infoFlameKinari .itemTitleError {color: #FF0000;font-weight: bold;}

dl.infoFlameWhite {background:#FFF;margin:10px;border-radius:5px;}
dl.infoFlameWhite dt {padding:10px 10px 0 10px; font-size: 11pt; height: 20px; line-height: 20px;}
dl.infoFlameWhite dt span {float:left;}
dl.infoFlameWhite dt span.icon {background-color: #FFBF37; width:5px; height:17px;border-radius:4px;display: block;}
dl.infoFlameWhite dt span.title {color:#525252;font-weight: bold;margin-left:5px;}
dl.infoFlameWhite dd {padding:5px 10px 10px 10px;font-size: 10pt;clear: left; }

/* infoMoreFlame */
dl.infoMoreFlame {  }
dl.infoMoreFlame dt{ background:#f3f3f3; margin:10px 10px 0 10px; padding:5px; border:1px solid #AAAAAA; height:30px; line-height:30px; }
dl.infoMoreFlame dd{ background:#fff; margin:0 10px 5px 10px; padding:10px; border:1px solid #AAAAAA; border-top:none; }
dl.infoMoreFlame dt img.inverted{ transform: scaleY(-1); -webkit-transform: scaleY(-1); }


/* header headerShort ----------------------------------------------------------*/
#headContentsTitleBox {background-color:#690000; border-top: 3px solid #FFCE00; border-bottom: 1px solid #CCC; text-shadow:none; font-size:10pt; height: 20px; line-height: 20px;text-align: center;color: #fff;}
#headShort { padding-right: 10px; background-color: #F3F3F3; border-top: 3px solid #FFCE00; text-shadow: none; font-size: 10pt; height: 20px; line-height: 20px; position: relative; }
#headShort h1 {font-size:10pt;display: inline;font-weight: normal;padding-left: 28px;}
#headShort a {background: url(/images/sp/common/icon_jyankenchanSilhouette.png) no-repeat;background-size: 25px auto; margin-left:10px;}
#headShortBtmSeparator {border-bottom: 1px solid rgba(0,0,0,0.2);position:absolute; top:22px; left:0; width: 100%; height: 1px;}
/* userDirectInfo */
#headUserDirectInfo{ height:0px; background:#fff; }
#headUserDirectInfo div.directInfoInner{ height:44px; }
#headUserDirectInfo div.directInfoIcon{ height:30px; width:20px; background: url(/images/sp/common/icon_announceGray.svgz) no-repeat; background-position: 2px 14px; background-size: 15px auto; }
#headUserDirectInfo div.directInfoIcon span{ display:none; }
#headUserDirectInfo div.directInfo span{ width:240px; line-height:44px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media (min-width:321px) {
    #headUserDirectInfo div.directInfo span{ width:290px; }
}
@media (min-width:412px) {
    #headUserDirectInfo div.directInfo span{ width:330px; }
}
#headUserDirectInfo div.unreadBadge{ position:absolute; top:109px; right:23px; width:40px; height:21px; line-height:21px; background:#D30202; color:#fff; text-align:center; font-size:13px; font-weight:bold; border-radius:50px; }
#headUserDirectInfo div.arrow{float:right; width:10px; height:15px; margin-top:5px; background: url(/images/sp/top/bg_top.png) no-repeat; background-position: 0 -275px; background-size: 55px auto; position:absolute; top:106px; right:8px;}
/* namePointBox */
#namePointBox {border-top: 1px solid #CCC; height: 35px;}
#namePointBox #headName {color: #525252; float:left; width:50%; border-right: 1px solid #CCC;box-sizing: border-box;-webkit-box-sizing:border-box;}
#namePointBox #headName a {display: block;height: 35px; padding: 9px 8px 0px 6px;}
#namePointBox #headName a .nameInnner {height: 35px; width: 63%; overflow:hidden;margin-left: 2px;}
#namePointBox #headPt {color: #FF0000; float:left;width:50%;}
#namePointBox #headPt a {display: block;height: 35px; padding:9px 8px 0px 7px;}
#namePointBox #headPt .ptNumber {width: 80%;}
#namePointBox #headName .arrow,
#namePointBox #headPt .arrow {float:right; width:10px; height:15px; margin-top:5px; background: url(/images/sp/top/bg_top.png) no-repeat; background-position: 0 -275px; background-size: 55px auto;}
#namePointBox #headName .arrow span,
#namePointBox #headPt .arrow span {display:none;}
#namePointBox #headName .newWarauguide {width:22px; display:block; float:right; margin:6px 2px 0 2px;}
.slowflash { -webkit-animation: slowflash 2s ease-in-out infinite alternate; slowflash: 2s ease-in-out infinite alternate;}
@-webkit-keyframes slowflash { 0%{ -webkit-opacity:1; -webkit-transform:scale(1, 1);} 50%{ -webkit-opacity:1; -webkit-transform:scale(1, 1);} 100%{ -webkit-opacity:0; -webkit-transform:scale(.5, .5);} }
@keyframes slowflash { 0%{ opacity:1; transform:scale(1, 1);} 50%{ opacity:1; transform:scale(1, 1);} 100%{ opacity:0; transform:scale(.5, .5);} }

/* namePointBoxApp */
#namePointBoxApp {border-top: 1px solid #CCC; height: 35px;}
#namePointBoxApp #headName {color: #525252; float:left; width:42%; border-right: 1px solid #CCC;box-sizing: border-box;-webkit-box-sizing:border-box;}
#namePointBoxApp #headName a {display: block;height: 35px; padding: 9px 6px 0px 6px;}
#namePointBoxApp #headName .mypageIcon {height:22px;width: 14px;overflow: hidden; background: url(/images/sp/common/bg_headFoot.png) no-repeat; background-position: -26px -32px; background-size: 145px auto;}
#namePointBoxApp #headName a .nameInnner {height: 35px; width: 74%; overflow:hidden;margin-left: 2px;}
#namePointBoxApp #headPt {color: #FF0000; float:left;width:42%; border-right: 1px solid #CCC;box-sizing: border-box;-webkit-box-sizing:border-box;}
#namePointBoxApp #headPt a {display: block;height: 35px; padding:9px 6px 0px 7px;}
#namePointBoxApp #headPt .ptIcon {height:22px;width: 15px;overflow: hidden;background: url(/images/sp/top/bg_top.png) no-repeat; background-position: -7px -125px; background-size: 55px auto;}
#namePointBoxApp #headPt .ptNumber {width: 70%;}
#namePointBoxApp #headName .arrow,
#namePointBoxApp #headPt .arrow {float:right; width:10px; height:15px; margin-top:5px; background: url(/images/sp/top/bg_top.png) no-repeat; background-position: 0 -275px; background-size: 55px auto;}
#namePointBoxApp #headPt .ptIcon span,
#namePointBoxApp #headName .mypageIcon span,
#namePointBoxApp #headName .arrow span,
#namePointBoxApp #headPt .arrow span,
#namePointBoxApp #headAnnounceApp span {display:none;}
#namePointBoxApp #headAnnounceApp {padding:6px 6px auto auto; height: 44px;width: 16%;float:right;}
#namePointBoxApp #headAnnounceApp a {display: block; height: 44px; width: 100%; position:relative;text-align: center;}
#namePointBoxApp #headAnnounceApp img {text-align: center;margin-top: 5px;pointer-events: none;}
#namePointBoxApp #headAnnounceApp .badgePositionUpRightApp {position:absolute; top:6px; right:5px;}

/* headLogo */
#headLogoBox {clear:left;}
#headLogoBox h1 {width:145px; float:left; margin:10px 0 8px 10px; height:34px;}
#headLogoBox h1 img {margin-left:10px; margin-bottom:5px;}
#headLogoBox h1 img.spLogoObj { width:40px; position:relative; top:-10px; left:0px; z-index:3;}
#headLogoBox h1 a {display: block; width:145px; height:32px;}
#headLogoBox a.sespendHelp {float:right; margin:17px 15px auto auto;}
#headLogoBox a.sespendHelp img {margin:auto 3px 5px auto;}
#headLogoBox #openDialogMenu {height: 34px; width: 42px; margin:6px 10px 6px auto;float:right;}
#headLogoBox .openDialogMenuImage {background: url(/images/sp/common/bg_headFoot.png) no-repeat;background-position: -94px -60px; background-size: 145px auto;}
#headLogoBox h1 span,
#headLogoBox #openDialogMenu span{display:none;}
.sw-HeadAnnounce { display: block; width: 50px; height: 55px; float:right; position:relative; top:2px; right:105px;}
.sw-HeadAnnounce_Inner { width: 35px; height:45px; margin:5px; position:relative; }
.sw-HeadAnnounce_IconBox { position:relative; top:3px; text-align:center; }
.sw-HeadAnnounce_badge {  position:absolute; top:-5px; right:-10px; }
.sw-HeadAnnounce_TextBox { text-align:center; }
.sw-HeadAnnounce_TextBox svg{ position:relative; top:-1px; right:4px; }
.sw-HeadFavorite {display: block; width: 45px; height:55px; float:right; position:relative; top:2px; right:7px;}
.sw-HeadFavorite_Inner { width: 35px; height:45px; margin:5px; position:relative; }
.sw-HeadFavorite_IconBox { position:relative; top:1px; text-align:center; }
.sw-HeadFavorite_TextBox { text-align:center; }
.sw-HeadFavorite_TextBox svg{ position:relative; top:0; right:3px }
.sw-HeadMenu_TextBox { text-align:center; }
.sw-HeadMenu_TextBox svg{ position:relative; top:13px; right:12px; }
.sw-HeadMenu_TextBox_img { margin: 14px 0 0 -6px; }


/* splogoFooter */
.btn_seasonTopBtn { width:101px; padding-top:10px; position:relative; top:0; right:20px; float:right; }
.toTopAnimme {-webkit-animation: toTopAnimme  1.5s 1; animation: toTopAnimme 1.5s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; position:fixed; bottom:200px; right:20px; }
@-webkit-keyframes toTopAnimme { 0% {-webkit-transform: translate(0,0);}  100% {-webkit-transform: translate(0,-500px);}}
@keyframes toTopAnimme { 0% {transform: translate(0,0);} 100%{transform: translate(0px,-500px);}}
.bounceLogo{animation: bounceLogo 3s linear infinite; -webkit-animation: bounceLogo 3s linear infinite; display: block;}
@keyframes bounceLogo {0%{transform: translateY(0%);} 10%{transform: translateY(-40%);} 15%{transform: translateY(0%);} 20%{transform: translateY(-40%);} 25%{transform: translateY(0%);} 100%{transform: translateY(0%);} }
@-webkit-keyframes bounceLogo {0%{-webkit-transform: translateY(0%);} 10%{-webkit-transform: translateY(-40%);} 15%{-webkit-transform: translateY(0%);} 20%{-webkit-transform: translateY(-40%);} 25%{-webkit-transform: translateY(0%);} 100%{-webkit-transform: translateY(0%);} }

/* innerUpdateMenu */
.innerUpdateMenu {width: 100%; margin: auto;}
.innerUpdateMenu div {float: left; width: 32%; height: 60px;}
.innerUpdateMenu div:nth-child(2),
.innerUpdateMenu div:nth-child(3) {margin-left: 3px;}


/* logout */
#headLogoutBox {background-color:#670000; border-top: 3px solid #FFCE00; border-bottom: 1px solid #CCC; text-shadow:none; font-size:10pt; height: 20px; line-height: 20px; color:#fff; text-align: center;}
#headLogoBox #headRegistInfo {width:155px; float:right; margin:8px 10px 8px 0; height:32px;}
#headLogoBox #headRegistInfo a {width:100%; line-height: 30px; height: 30px;}
#headLogoBox #headRegistInfo #btnHeadLogin {width:38%;font-size: 9pt;float:right;}
#headLogoBox #headRegistInfo #btnHeadRegist {width:58%;margin-right:4%;font-size: 9pt;float:right;}
#headLogoBox #headRegistInfo #btnHeadRegistLong {width:70%;margin-right:4%;font-size: 9pt;float:right;}

/* warauHistory */
dl.warauHistorySmall {display: block;width: 62px; height:62px; float:left; background: url(/images/sp/top/logout/201705/obj_medal.svg) no-repeat center;padding:18px 5px 5px 5px;margin: auto 3px;font-size: 84%;color: #493301;text-align: center;font-weight: bold;line-height: 1.8em;}
dl.warauHistoryMiddle {}
dl.warauHistoryLarge {}

/* new ----------------------------------------------------------*/
#tabNew ul#tabNewSelectArea {margin:0;padding:0;}
#tabNew ul#tabNewSelectArea li {display:block; width:50%; height: 28px; float: left;font-weight: bold; font-size: 10pt;}
#tabNew ul#tabNewSelectArea li a {display:block; background:#EEE; border-bottom:1px solid #CCC; height: 28px; color: #AAA; text-align: center; line-height: 28px;}
#tabNew ul#tabNewSelectArea li a:nth-child(1) {border-left:1px solid #CCC;}
#tabNew ul#tabNewSelectArea li a:hover,
#tabNew ul#tabNewSelectArea li a.active {background:#fff;color: #525252;border-bottom:0;}

/* appli ----------------------------------------------------------*/
ul#appliBnInner {width: 300px; height: 96px; margin:10px auto auto auto; padding-bottom: 10px;}
ul#appliBnInner li {float:left;}

/* comingSoon ----------------------------------------------------------*/
#comingSoon {background-color: #DDDDDD;padding:5px 10px 15px 10px;}
#comingSoon dt {}
#comingSoon dd p {background-color: #fff; margin-top:3px; padding:4px 5px;height: 15px; line-height: 18px; border-radius: 5px;}
#comingSoon dd span.comingSoonTitle {width:49%; height: 15px; line-height: 15px; overflow: hidden; display: block;}
#comingSoon dd span.comingSoonTime {width:50%; display: block; margin-top:-3px;}
#comingSoon .time {background-color: #000; color: #fff; padding:2px 3px 3px 3px;border-radius: 5px; }

/* pointinfo ----------------------------------------------------------*/
#pointinfo .categoryOutline {margin: -17px auto auto;padding: 10px;border-bottom: 1px solid #CCC; background-color: #fff;}
#pointinfo ul.category {width: 100%; display:block; padding-bottom: 3px;}
#pointinfo ul.category:after {content: ""; clear: both; display:block;}
#pointinfo ul.category li {display:block;box-sizing:border-box; border:solid 1px #CCC;border-radius: 6px; font-size: 9pt;height: 84px;font-weight: bold;float:left;width:23.5%;background-color:#FFF; position:relative;box-shadow:0 2px 0 #C4C4C4; margin: 4px 1%;}
#pointinfo ul.category li:nth-child(1),
#pointinfo ul.category li:nth-child(5){margin-left: 0;}
#pointinfo ul.category li:nth-child(4),
#pointinfo ul.category li:nth-child(8){margin-right: -0.5%;}

#pointinfo ul.category li a {color:#525252; overflow: hidden;display:block;height: 84px;text-align: center;line-height: 130%;}
#pointinfo ul.category li span.categoryName {display:block;width: 90%;margin: 48px auto auto auto;}
#pointinfo ul.category li span.bgIconArrow {display:block; }
#pointinfo ul.category li a.bgIcon3,
#pointinfo ul.category li a.bgIcon17 { background: url(/images/sp/common/icon_category/onlineshop.svgz) no-repeat; background-position: center 17px; background-size: 26px auto;}
#pointinfo ul.category li a.bgIcon4,
#pointinfo ul.category li a.bgIcon7 { background: url(/images/sp/common/icon_category/aplifree.svgz?v=20170409) no-repeat; background-position: center 17px; background-size: 40px auto;}
#pointinfo ul.category li a.bgIcon5 { background: url(/images/sp/common/icon_category/money.svgz?v=20170409) no-repeat; background-position: center 19px; background-size: 42px auto;}
#pointinfo ul.category li a.bgIcon8 { background: url(/images/sp/common/icon_category/aplicharge.svgz) no-repeat; background-position: center 17px; background-size: 40px auto;}
#pointinfo ul.category li a.bgIcon9 { background: url(/images/sp/common/icon_category/service.svgz) no-repeat; background-position: center 15px; background-size: 30px auto;}
#pointinfo ul.category li a.bgIcon10 { background: url(/images/sp/common/icon_category/card.svgz) no-repeat; background-position: center 21px; background-size: 36px auto;}
#pointinfo ul.category li a.bgIcon11 { background: url(/images/sp/common/icon_category/sample.svgz?v=20170409) no-repeat; background-position: center 14px; background-size: 32px auto;}
#pointinfo ul.category li a.bgIcon12 { background: url(/images/sp/common/icon_category/time.svgz) no-repeat; background-position: center 17px; background-size: 26px auto;}
#pointinfo ul.category li a.bgIcon13 { background: url(/images/sp/common/icon_category/pointlarge.svgz) no-repeat; background-position: center 17px; background-size: 32px auto;}
#pointinfo ul.category li a.bgIcon15 { background: url(/images/sp/common/icon_category/au.svgz) no-repeat; background-position: center 15px; background-size: 26px auto;}
#pointinfo ul.category li a.bgIcon16 { background: url(/images/sp/common/icon_category/etc.svgz) no-repeat; background-position: center 25px; background-size: 26px auto;}
#pointinfo ul.category li a.bgIcon18 { background: url(/images/sp/common/icon_category/cosme.svgz) no-repeat; background-position: center 16px; background-size: 32px auto;}
#pointinfo ul.category li a.bgIcon19 { background: url(/images/sp/common/icon_category/pc.svgz) no-repeat; background-position: center 19px; background-size: 28px auto;}
#pointinfo ul.category li a.bgIcon20 { background: url(/images/sp/common/icon_category/cd.svgz) no-repeat; background-position: center 15px; background-size: 34px auto;}
#pointinfo ul.category li a.bgIcon21 { background: url(/images/sp/common/icon_category/fashion.svgz) no-repeat; background-position: center 18px; background-size: 32px auto;}
#pointinfo ul.category li a.bgIcon22 { background: url(/images/sp/common/icon_category/interior.svgz) no-repeat; background-position: center 20px; background-size: 36px auto;}
#pointinfo ul.category li a.bgIcon23 { background: url(/images/sp/common/icon_category/gourmet.svgz?v=20170425) no-repeat; background-position: center 16px; background-size: 38px auto;}

/* everydayTap ----------------------------------------------------------*/
#everydayTap .titleEverydayTap {border-top: 1px solid #CCC; border-bottom: 3px solid #F1D387;}
#everydayTap .titleEverydayTap p {background-color: #fff; padding: 5px 10px; margin:45px 10px auto 10px;border-radius: 5px; background-color: rgba(255,255,255,0.8); }
h2.tapPttitleBasic { border-top: 1px solid #CCC; border-bottom: 3px solid #F1D387; background-color: #FBF8EC; color: #525252; letter-spacing: 0.1em; font-size: 10pt; line-height: 145%; }
.tapPtEntranceInfo .img { width: 17%; height: 35px; background: url(/images/sp/tp/bg_entranceInfoImg.svgz) no-repeat; background-size: 47px 35px; }
.tapPtEntranceInfo .spec { width: 83%; }

/* wCard ----------------------------------------------------------*/
#wCardContainer div.innerContents10{border-bottom:1px solid #CCC;}

/* list ----------------------------------------------------------*/
/* adPartList */
ul.pointList li {padding:10px; border-bottom: 1px solid #CCC;}
ul.pointList li a {display: block; height:auto; }
ul.pointList li.adPartList {position:relative;}
ul.pointList li.adPartList .bnBox {float:left;width:35%; text-align:center; }
ul.pointList li.adPartList .bnImgBox { margin: auto; }
ul.pointList li.adPartList .bnImgBox img { border:0;}
ul.pointList li.adPartList .appDriver { background: #FFF; }
ul.pointList li.adPartList .detailBox {float:left;width:58%; margin-left:3%;}
ul.pointList li.adPartList .detailBox h3 {line-height: 130%;}
ul.pointList li.adPartList .detailBox .pointname {margin-top:-5px; height:20px;overflow: hidden;}
ul.pointList li.adPartList .detailBox .acquirement {}
ul.pointList li.adPartList .detailBox .bgPointNumber {height:22px;overflow: hidden;background: url(/images/sp/common/icon_pt.svg) no-repeat; background-position: 0 6px; background-size: 14px auto; padding-left:18px;}
ul.pointList li.adPartList .arrowBox { width:10px; height:15px; position: absolute; right: 10px; top: 45%; background: url(/images/sp/top/bg_top.png) no-repeat; background-position: 0 -275px; background-size: 55px auto;}
ul.pointList li.adPartList .iconNew {width: 21px; height: 17px; background: url(/images/sp/common/icon_newBalloon.svgz) no-repeat; background-size: 21px auto; position:absolute; top:5px; left:5px;}
ul.pointList li.adPartList .iconNew span {display: none;}
ul.pointList li.adPartList .iconRank { width: 40px; height: 30px; position: absolute; top: 5px; left: 0; }
ul.pointList li.adPartList .iconRank span { display: block; width: 40px; height: 30px; background: url(/images/sp/feature/dailyTap/bg_rank.png) no-repeat; background-size: 40px auto;  }
ul.pointList li.adPartList .iconRank span.rank1 { background-position: 0 0; }
ul.pointList li.adPartList .iconRank span.rank2 { background-position: 0 -30px; }
ul.pointList li.adPartList .iconRank span.rank3 { background-position: 0 -60px; }
ul.pointList li.adPartList .iconRank span.rank4 { background-position: 0 -90px; }
ul.pointList li.adPartList .iconRank span.rank5 { background-position: 0 -120px; }
ul.pointList li.adPartList .iconRank span.rank6 { background-position: 0 -150px; }
ul.pointList li.adPartList .iconRank span.rank7 { background-position: 0 -180px; }
ul.pointList li.adPartList .iconRank span.rank8 { background-position: 0 -210px; }
ul.pointList li.adPartList .iconRank span.rank9 { background-position: 0 -240px; }
ul.pointList li.adPartList .iconRank span.rank10 { background-position: 0 -270px; }
ul.pointList li.adPartList .iconRepeat{ position:absolute; top:0; right:0; }

/* adPartListButton */
ul.pointListBtn li.adPartListBtn {position:relative;height:104px; border-bottom: 1px solid #CCC; padding: 10px;}
ul.pointListBtn li.adPartListBtn .bnBox {float:left;width:35%; text-align:center;}
ul.pointListBtn li.adPartListBtn .bnBox img {height:52px; border:0;}
ul.pointListBtn li.adPartListBtn .detailBox {float:left;width:62%; margin-left:3%;}
ul.pointListBtn li.adPartListBtn .detailBox .pointname {margin-top:-5px; height:20px;overflow: hidden;}
ul.pointListBtn li.adPartListBtn .detailBox .acquirement {height:20px;overflow: hidden;}
ul.pointListBtn li.adPartListBtn .detailBox .acquirementIcon {height:26px;overflow: hidden; margin-top:-6px;}
ul.pointListBtn li.adPartListBtn .detailBox .btnGetInnner {margin:auto;}
ul.pointListBtn li.adPartListBtn .detailBox .bgPoint {background: url(/images/sp/top/bg_top.png) no-repeat; background-position: 0 -302px; background-size: 55px auto; padding-left:22px;}
ul.pointListBtn li.adPartListBtn .detailBox .bgPointArrow {margin-right:-8px;}
ul.pointListBtn li.adPartListBtn .detailBox .bgPointNumber {margin-right:-5px;}
ul.pointListBtn li.adPartListBtn .iconNew {width: 21px; height: 17px; background: url(/images/sp/common/icon_newBalloon.png) no-repeat; background-size: 21px auto; position:absolute; top:5px; left:5px;}
ul.pointListBtn li.adPartListBtn .iconNew span {display: none;}

/* adPartListTap */
ul.pointList li {border-bottom: 1px solid #CCC;}
ul.pointList li a {display: block; height:auto; }
ul.pointList li.adPartListTap {position:relative;}
ul.pointList li.adPartListTap .bnBox {float:left;width:35%; text-align:center;}
ul.pointList li.adPartListTap .bnBox img {height:52px; border:0;}
ul.pointList li.adPartListTap .detailBox {float:left;width:58%; margin-left:3%;}
ul.pointList li.adPartListTap .detailBox .pointname {margin-top:-5px; height:20px;overflow: hidden;}
ul.pointList li.adPartListTap .detailBox .acquirement { padding-left: 18px; height: 20px; overflow: hidden; background: url(/images/sp/top/bg_top.png) no-repeat; background-position: -7px -127px; background-size: 55px auto; }
ul.pointList li.adPartListTap .detailBox .bgPointNumber { height: 22px; overflow: hidden; }
ul.pointList li.adPartListTap .arrowBox {float:right; width:10px; height:15px; margin-top:20px; background: url(/images/sp/top/bg_top.png) no-repeat; background-position: 0 -275px; background-size: 55px auto;}
ul.pointList li.adPartListTap .iconNew {width: 21px; height: 17px; background: url(/images/sp/common/icon_newBalloon.png) no-repeat; background-size: 21px auto; position:absolute; top:5px; left:5px;}
ul.pointList li.adPartListTap .iconNew span {display: none;}
ul.pointList a {display: block; height:auto; }
ul.pointList a li.adPartList {position:relative; padding-left:18px;}

/* adListTile */
.adListTile {  padding: 10px 0; width: 33%; height: 145px; border-right: 1px #CCC dotted; border-bottom: 1px #CCC solid; box-sizing: border-box; }
.adListTile:nth-child(3n) { padding: 10px 0; width: 34%; height: 145px; border-right: 0 #CCC dotted; border-bottom: 1px #CCC solid; box-sizing: border-box; }
.adListTileRight {  padding: 10px 0; width: 34%; height: 145px; border-right: 0; border-bottom: 1px #CCC solid; box-sizing: border-box; }
.adTileBnBox { display: block; margin: auto; }
.adListTile .appDriver { background: #FFF; }
.adListTile h4, .adListTileRight h4 { line-height: 100%; }

@media screen and (min-width: 320px)
{
    ul.pointList li.adPartList .bnImgBox, .adTileBnBox { width: 85px; height: 85px; line-height: 65px; }
    ul.pointList li.adPartList .bnImgBox img, .adTileBnBox img.bnrImg { width: 85px;}
    ul.pointList li.adPartList .bnImgBox, .adTileBnBox { background-size: 85px;  }
}

@media screen and (min-width: 414px)
{
    .adListTile, .adListTile:nth-child(3n), .adListTileRight { height: 160px; }
    ul.pointList li.adPartList .bnImgBox, .adTileBnBox { width: 100px; height: 100px; line-height: 75px; }
    ul.pointList li.adPartList .bnImgBox img,  .adTileBnBox img.bnrImg { width: 100px; }
}

/* recommend */
#recommend ul.pointList li div.listBoxInnter div.iconRepeat,
#recommendMomo ul.pointList li div.listBoxInnter div.iconRepeat,
#recommendMido ul.pointList li div.listBoxInnter div.iconRepeat { position:absolute; top:8px; right:8px; }

@media screen and (min-width: 360px){
    #recommend ul.pointList li div.listBoxInnter div.iconRepeat,
    #recommendMomo ul.pointList li div.listBoxInnter div.iconRepeat,
    #recommendMido ul.pointList li div.listBoxInnter div.iconRepeat { position:absolute; top:10px; right:10px; }
}

/* partPointSeach ----------------------------------------------------------*/
.partPointSeach {height: 60px; padding-top:15px;}
.partPointSeach form {display: block; margin: 0px 10px 15px 10px;width:auto;}
.partPointSeach input.pointSeachForm {width:80%; height: auto; padding:10px 0 10px 8px; border: 1px solid #BBBBBB; border-radius:5px 0 0 5px; float:left;line-height:22px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -webkit-appearance:none;}
.partPointSeach input[type="text"]:focus,textarea:focus {outline:none; border: solid 1px #1CA8DD;}
.partPointSeach input.pointSeachBtn {width:20%; height: auto; padding:10px 0 10px 4px; border: 1px solid #FDBD2C; border-radius:0 5px 5px 0; display: block; float:left; box-shadow:0 2px 0 #FCCD2D; -webkit-box-shadow:0 2px 0 #FCCD2D;background: #F9F170;-webkit-background: #F9F170; font-weight: bold;line-height:22px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;appearance: none;-webkit-appearance: button;border: none;}

/* guimarginde ----------------------------------------------------------*/
#guideMiddleContainer {background:#FBF8EB;}

/* login ----------------------------------------------------------*/
.accountForm input,
.passwordForm input {height: 34px; line-height: 34px;font-size: 14pt;width: 100%;}
.accountForm input:focus,textarea:focus {outline:none; border: solid 1px #1CA8DD;}
.passwordForm input:focus,textarea:focus {outline:none; border: solid 1px #1CA8DD;}
input.basicForm {height: 34px; line-height: 34px;font-size: 12pt;width: 100%; -webkit-appearance:none; }
input.basicForm:focus,textarea:focus {outline:none; border: solid 1px #1CA8DD;}
input.basicForm84 {height: 34px; line-height: 34px;font-size: 12pt;width: 84%; -webkit-appearance:none;}
input.basicForm84:focus,textarea:focus {outline:none; border: solid 1px #1CA8DD;}
input.errorFormColor { background-color:#FFDDDD; }


/* pager */
div.pager {margin:10px auto;text-align:center;padding-top:10px;}
div.pager a,
div.pager span {margin-right: 5px;padding: 7px 9px;color: #006699;}
div.pager a {background-color: #F9F9F9;border: 1px solid #CCC;text-decoration: none;}
div.pager a:hover {background-color: #F9F9F9;border: 1px solid #006699;}
div.pager span.current {color: #fff;background-color: #006699;border: 1px solid #006699;font-weight: bold;}
div.pager span.nextprev {color: #666;background-color: #fff;}
div.pager a.nextprev {background-color: #fff;border:0;text-decoration:underline;}
div.pager a:hover.nextprev {background-color: #fff;border:0;text-decoration:underline;}

/* footer ----------------------------------------------------------*/
footer {text-align:center; margin-bottom: 46px;}
#footerPrivacyJipc {clear: right; padding-top: 10px;}
#footerMenu {clear: right;font-size: 10pt;height: 100px;line-height: 30px; padding-top: 15px;}
#footerMenu a {color:#666666; text-decoration:none;}
#credit {color: #fff;background-color: #888888;}
#warauTopBtn {font-size: 11pt; float: right;margin:0 10px 15px auto;}
#warauTopBtn a {color: #AAA;width: 54px;padding: 4px 0;text-align: center;display: block;border-radius: 5px;}
#warauTopBtn a:hover {text-decoration: none;background: #fff;}
.warauTopBtnColor {border-radius:6px; -webkit-border-radius:6px;text-align:center; font-weight: bold;display: block;box-shadow:0 3px 0 #C4C4C4; -webkit-box-shadow:0 3px 0 #C4C4C4;background: #FFF;}

/* menu */
.humbergerMenu {position: absolute; top: -7px; right:2px; width: 25px; height: 5px;}
span.drawer-hamburger-icon,span.drawer-hamburger-icon:after,span.drawer-hamburger-icon:before { height: 3px; }
.humbergerMenu span {background-color: #888888; border-radius: 4px;}
.humbergerMenu span::before {background-color: #888888; border-radius: 4px; top:-8px; }
.humbergerMenu span::after {background-color: #888888; border-radius: 4px; top:8px; }
.humbergerMenu.active span::before {background-color: #fff; border-radius: 4px;}
.humbergerMenu.active span::after {background-color: #fff; border-radius: 4px;}
.gmenuInner { float:right; width:100%; background-color:#fff; }
.titleMenu{width:100%; height:52px; position:absolute; top:0; z-index:15; background-color:#f3f3f3;}
.fixed{ position:absolute; top:0; z-index:15; }
.gmenuInner h3 {font-size:9pt;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; background-color: #F8F8F8; height:auto; color: #5F5E5F; letter-spacing: 0.1em;}
.gmenuInner h3.titleIconPt{background: url(/images/sp/common/icon_simplePt.svgz) no-repeat; background-position: 3px 5px; background-size: 13px auto; background-color:#F3F3F3;}
.gmenuInner h3.titleIconPlay{background: url(/images/sp/common/icon_simplePlay.svgz) no-repeat; background-position: 3px 7px; background-size: 13px auto; background-color:#F3F3F3;}
.gmenuInner h3.titleIconUser{background: url(/images/sp/common/icon_simpleUser.svgz) no-repeat; background-position: 4px 5px; background-size: 12px auto; background-color:#F3F3F3;}
.gmenuInner h3.titleIconSearch{background: url(/images/sp/common/icon_simpleSearch.svgz) no-repeat; background-position: 3px 5px; background-size: 13px auto; background-color:#F3F3F3;}
.gmenuInner h3 span {padding-left: 5px; display:block;}
.gmenuInner ul li { border-bottom:1px solid #CCC; height:40px; position:relative; padding:5px; line-height:40px; }
.gmenuInner ul li img.menuListIcon{ margin:0 6px 10px 5px; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.gmenuInner ul li div.badge{ position:absolute; right:34px; top:28%; }
.gmenuInner ul li img.newIcon { position:absolute; right:30px; top:28%; pointer-events: none; }
.gmenuInner ul li div.arrow{ width:10px; height:15px; position:absolute; right:10px; top:35%; background:url(/images/sp/top/bg_top.png) no-repeat; background-position:0 -275px; background-size:55px auto; }
.gmenuInner ul li div.arrowVertical{ width:10px; height:15px; position:absolute; right:10px; top:35%; background:url(/images/sp/top/bg_top.png) no-repeat; background-position:0 -275px; background-size:55px auto; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.gmenuInner ul li div.arrowVertical.opened{ -webkit-transform: rotate(270deg); transform: rotate(270deg); }
.gmenuInner a {color: #5F5E5F;}
.gmenuInner a :visited {color: #5F5E5F;}
.menu-SubMenu_List { background:#ffffff; position:relative; top:0; }
.menu-SubMenu_ListName { padding-left:30px; }
.menu-SubMenu_loginImg { width:25px; height:25px; stroke:#ffc926; stroke-width:2px; fill:#ffffff; position:absolute; top:7px; right:34px; }
.menu-SubMenu_loginDoneImg { width:25px; height:25px; fill:#ffc926; position:absolute; top:7px; right:34px; }
.menu-SubMenu_loginText { width:40px; height:10px; fill:#888888; position:absolute; top:35px; right:25px; }
.menu-SubMenu_loginDoneText { width:40px; height:10px; fill:#888888; position:absolute; top:35px; right:25px; }
.drawer-nav { z-index: 12; }
.drawer-overlay { background-color: rgba(0,0,0,.7); z-index: 11; }
.drawer--right.drawer-open .drawer-hamburger {position:fixed; right: 255px; z-index: 16; }
#bodyWrap.active{position:relative; -webkit-transform:translate(-55%); transform:translate(-55%);}
#bodyWrap{position: relative; left:0; transition: all 0.2s ease 0s;}
/* input SearchBtn */
.MenuSearchForm{ width:85%; height:41px; border:1px solid #ffbf37; border-radius:5px 0 0 5px; box-sizing: border-box; box-shadow:none; -webkit-appearance: none; line-height:20px; padding:3px 0 0 5px; }
.MenuSearchBtn{ background: url(/images/sp/common/icon_dialogMenuSearch.svgz) no-repeat; background-position: 10px 8px; background-size: 20px auto; background-color:#ffbf37; border:1px solid #ffbf37; width:15%; height:41px; border-radius:0 5px 5px 0; box-sizing: border-box; }
/* menuIconSVGsprite */
.menu-Icon_Svg { fill: #888888; width: 20px; height: 20px; position:relative; bottom: -4px; margin: 0 3px; }

.menu-Qr_Contents-text { font-size: 10pt; color: #1e7772; font-weight: bold; text-align: left; }
.menu-QR_Inner { padding: 20px; border-radius: 8px; font-size: 10px; margin: 10px 0; border: solid #f3c51c 2px; text-align: center; }
@media screen and (min-width: 0px) and (max-width: 320px) { .menu-QR_Inner { padding: 10px 0 0 0 ; margin: 10px 0 ; } }
.menu-QR_Container { border-bottom: 1px solid #cccccc; padding: 10px; }
.menu-SubText { color: #5f5e5f; font-size: 8px; }
/* menu end */


/* maypage */
h2.titleIconWcoin span {background: url(/images/sp/mypage/icon_titleWcoin.png) no-repeat; background-position: 2px 2px; background-size: 28px auto;}


/* old */
h2.bgYellow,
h3.bgYellow {font-size: 11pt;line-height: 12px;font-weight: bold;padding: 6px 0px 4px 10px;background-color: #FFCD00;font-weight: bold;color: #670000;border-top:2px solid #670000; border-bottom:2px solid #670000;}
#exchangeList.stopBox { margin: 7px 0 5px 10px; font-size: 110%; }


/* displayNone */
.tapPtEntranceInfo .img span { display: none; }

/* 201605 dailyTapSP */
.dailyTapSpAdn { padding-top: 10px; border-top: 1px #CCC solid; }
#dailyTapFeature { width:100%; background:#FFF; border-bottom:1px solid #CCC; }
.dailyTapList a { color:#525252; }
.dailyTapList { width:94%; margin:10px auto; }
.listSumBox { position:relative; width:25%; }
.listSumBox:after { padding-top:100%; display:block; content:""; }
.listSumBox .listSum { width:100%; height:100%; position:absolute; top:0; left:0; border-radius:5px; }
.dailyTapDescription { width:66%; margin-top:3px; line-height:125%; }
.dailyTapArrow { width:10px; height:15px; margin-top:-15%; background:url(/images/sp/play/mission9/dailyArrow.svgz) no-repeat;}
.borderGray { width:100%; border-top:1px solid #CCC; }

#L_mido {height:100%; width:100%; background:url(/images/sp/feature/dailyTap/icon_dailyTap/icon_mido.png) no-repeat; background-size:100%;}
#L_speedPt {height:100%; width:100%; background:url(/images/sp/feature/dailyTap/icon_dailyTap/icon_speedPt.png) no-repeat; background-size:100%;}
#L_card {height:100%; width:100%; background:url(/images/sp/feature/dailyTap/icon_dailyTap/icon_card.png) no-repeat; background-size:100%;}
#L_cashback {height:100%; width:100%; background:url(/images/sp/feature/dailyTap/icon_dailyTap/icon_cashback.png) no-repeat; background-size:100%;}
#L_entame {height:100%; width:100%; background:url(/images/sp/feature/dailyTap/icon_dailyTap/icon_entame.png) no-repeat; background-size:100%;}
#L_finace {height:100%; width:100%; background:url(/images/sp/feature/dailyTap/icon_dailyTap/icon_finace.png) no-repeat; background-size:100%;}
#L_trial {height:100%; width:100%; background:url(/images/sp/feature/dailyTap/icon_dailyTap/icon_trial.png) no-repeat; background-size:100%;}
#L_document {height:100%; width:100%; background:url(/images/sp/feature/dailyTap/icon_dailyTap/icon_document.png) no-repeat; background-size:100%;}
#L_virtuallyfree {height:100%; width:100%; background:url(/images/sp/feature/dailyTap/icon_dailyTap/icon_virtuallyfree.png) no-repeat; background-size:100%;}
#L_freesignup {height:100%; width:100%; background:url(/images/sp/feature/dailyTap/icon_dailyTap/icon_freesignup.png) no-repeat; background-size:100%;}
#L_monthlyservice {height:100%; width:100%; background:url(/images/sp/feature/dailyTap/icon_dailyTap/icon_monthlyservice.png) no-repeat; background-size:100%;}
#L_fx {height:100%; width:100%; background:url(/images/sp/feature/dailyTap/icon_dailyTap/icon_fx.png) no-repeat; background-size:100%;}
#L_forFree {height:100%; width:100%; background:url(/images/sp/feature/dailyTap/icon_dailyTap/icon_noSpending.png) no-repeat; background-size:100%;}
#L_diet {height:100%; width:100%; background:url(/images/sp/feature/dailyTap/icon_dailyTap/icon_diet.png) no-repeat; background-size:100%;}
#L_useful {height:100%; width:100%; background:url(/images/sp/feature/dailyTap/icon_dailyTap/icon_useful.png) no-repeat; background-size:100%;}

/* ========================================================================= 20161019 framejack */
div.framejackBox { position: fixed; bottom: 50px; right: 0; z-index: 10; }
div.framejackBox .framejackIcon { height: 100px; }
@media screen and (min-width: 400px)
{
    div.framejackBox .framejackIcon { height: 160px; }
}

/* 01_Black */
ul.globalMenuFrameBlack { background-color: #222222; border-top:1px solid #222222; }
ul.globalMenuFrameBlack li { background-color: #222222; }
/* 20_Orange */
ul.globalMenuFrameOrange { background-color: #FFA500; border-top:1px solid #FFA500; }
ul.globalMenuFrameOrange li { background-color: #FFA500; }
ul.globalMenuFrameOrange li.globalMenuActive a .globalMenuIcon { fill:#800080; }
/* 03_Purple */
ul.globalMenuFramePurple { background-color: #800080; border-top:1px solid #800080; }
ul.globalMenuFramePurple li { background-color: #800080; }
ul.globalMenuFramePurple li.globalMenuActive a .globalMenuIcon { fill:#FFBF37; }
/* 04_Peach */
ul.globalMenuFramePeach { background-color: #F15A89; border-top:1px solid #F15A89; }
ul.globalMenuFramePeach li { background-color: #F15A89; }
ul.globalMenuFramePeach .globalMenuIcon { fill: #222222;}
ul.globalMenuFramePeach li.globalMenuActive a .globalMenuIcon { fill:#FFBF37; }
/* 05_Yellowgreen */
ul.globalMenuFrameYellowgreen { background-color: #BCEB77; border-top:1px solid #BCEB77; }
ul.globalMenuFrameYellowgreen li { background-color: #BCEB77; }
ul.globalMenuFrameYellowgreen .globalMenuIcon { fill: #FFFFFF;}
ul.globalMenuFrameYellowgreen li.globalMenuActive a .globalMenuIcon { fill:#800080; }
/* 06_WineRed */
ul.globalMenuFrameWineRed { background-color: #BF0000; border-top:1px solid #BF0000; }
ul.globalMenuFrameWineRed li { background-color: #BF0000; }
ul.globalMenuFrameWineRed .globalMenuIcon { fill: #CCCCCC;}
/* 07_NavyBlue */
ul.globalMenuFrameNavyBlue { background-color: #003F97; border-top:1px solid #003F97; }
ul.globalMenuFrameNavyBlue li { background-color: #003F97; }
ul.globalMenuFrameNavyBlue .globalMenuIcon { fill: #CCCCCC;}
ul.globalMenuFrameNavyBlue li.globalMenuActive a .globalMenuIcon { fill:#FFF300; }
/* 08_Sakura */
ul.globalMenuFrameSakura { background-color: #FFBFBE; border-top:1px solid #FFBFBE; }
ul.globalMenuFrameSakura li { background-color: #FFBFBE; }
ul.globalMenuFrameSakura li.globalMenuActive a .globalMenuIcon { fill:#BF0000; }
/* 09_PeacockBlue */
ul.globalMenuFramePeacockBlue { background-color: #00A6BA; border-top:1px solid #00A6BA; }
ul.globalMenuFramePeacockBlue li { background-color: #00A6BA; }
ul.globalMenuFramePeacockBlue .globalMenuIcon { fill: #FFFFFF;}
/* 10_Yellow */
ul.globalMenuFrameYellow { background-color: #FFD800; border-top:1px solid #FFD800; }
ul.globalMenuFrameYellow li { background-color: #FFD800; }
ul.globalMenuFrameYellow li.globalMenuActive a .globalMenuIcon { fill:#BF0000; }
/* 11_MossGreen */
ul.globalMenuFrameMossGreen { background-color: #3A7937; border-top:1px solid #3A7937; }
ul.globalMenuFrameMossGreen li { background-color: #3A7937; }
ul.globalMenuFrameMossGreen .globalMenuIcon { fill: #CCCCCC;}

/* グローバルナビジャック(EC) */
img.gnavijack {
    position:absolute;
    bottom:2px;
    left:16.5%;
    z-index: 101;
    -webkit-animation: gnavAnm 4s ease-in-out infinite alternate;
    gnavAnm: 4s ease-in-out infinite alternate;
}

/* infoModal */
.sw-Info_Modal { width: 100%; height: 100%; position: fixed; bottom: 0; z-index: 10000; visibility: hidden; overflow-y: scroll; }
.sw-Info_Head-fixed { position: fixed; }
.sw-Info_Modal-slideUp { animation-name: sw-Info_Modal-slideUp; -webkit-animation-name: sw-Info_Modal-slideUp; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; }
.sw-Info_Modal-slideDown { animation-name: sw-Info_Modal-slideDown; -webkit-animation-name: sw-Info_Modal-slideDown; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible; }
@keyframes sw-Info_Modal-slideDown {
    from { transform: translateY(0%); }
    to { transform: translateY(100%); }
}
@-webkit-keyframes sw-Info_Modal-slideDown {
    from { -webkit-transform: translateY(0%); }
    to { -webkit-transform: translateY(100%); }
}
@keyframes sw-Info_Modal-slideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0%); }
}
@-webkit-keyframes sw-Info_Modal-slideUp {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0%); }
}

.sw-Info-Title { font-size:11pt;border-bottom: 3px solid #F1D387;background-color: #fff;height: 50px;line-height: 40px;color: #525252; letter-spacing: 0.1em; background-image: none;}
.sw-Info-Title span { padding-left: 25px; display:block; }

/* FavoriteModal */
.sw-Favorite { background:#ffffff; position:relative; top:0; left:0; }
.sw-Favorite_Modal { width: 100%; height: 100%; position: fixed; bottom: 0; z-index: 10000; visibility: hidden; overflow-y: scroll; background-color: rgba(255,255,255,1); }
.sw-Favorite_Visible { visibility: visible; }
.sw-Favorite_Head { position: fixed; top: 0; width: 100%; background: #ffffff; z-index: 3; }
.sw-Favorite_Title { width: 100%; float: left; font-size: 11pt; border-top: 1px solid #CCC; border-bottom: 3px solid #F1D387; height: 50px; line-height: 40px; color: #525252; letter-spacing: 0.1em; background: none; }
.sw-Favorite_Title span { background: url("/images/sp/common/icon_heartActive.svg") no-repeat; background-position: 7px 13px; background-size: 15px auto; padding-left: 25px; display: block; position: absolute; top: 5px; }
.sw-Favorite_SettingBtn { position: absolute; top: 10px; right: 60px; }
.sw-Favorite_CloseBtn { position: absolute; top: 10px; right: 16px; }
.sw-Favorite_NoImage { width: 85%; }
@media screen and (min-width:767px) and (max-width:1025px){
    .sw-Favorite_NoImage { width: 100px; }
}
.sw-Favorite_List { padding-bottom: 30px; margin-top: 60px; }
.sw-Favorite_List-alphaZero { opacity: 0; }
.sw-Favorite_ListBox { position:relative; top:0; width: 31%; height: 130px; float:left; border: 1px dotted #ccc; border-radius: 3px; margin:10px 3px 3px 3px; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); text-align:center; }
.sw-Favorite_ListBox a { width: 100%; height: 100%; padding: 10px 0; }
.sw-Favorite_ListBox img { margin-top: 10px; }
.sw-Favorite_ListInner { width: 100%; }
.sw-Favorite_TextAbbreviate { white-space: nowrap; overflow:hidden; text-overflow:ellipsis; height:20px; line-height: 19px; margin-top: 15px; }
.sw-Favorite_List ul.adListTile{ width: 31%; border: none; background:#ffffff; margin-bottom:5px; margin-left:5px; border-radius: 3px; position:relative; top:0; }
.sw-Favorite_List ul.adListTile img { pointer-events: none; }
.sw-Favorite_List-moreBtn { width: 100%; height: 40px; background: #FFFFFF; }
.sw-Favorite_List-moreBtn .moreBtnTypeSimple { border-bottom: none; }
.sw-Favorite_DeleteBtn { position: absolute; top: -5px; right: -4px;  z-index: 2; }
.sw-Favorite_Modal-slideUp { animation-name: sw-Favorite_Modal-slideUp; -webkit-animation-name: sw-Favorite_Modal-slideUp; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; }
.sw-Favorite_Modal-slideDown { animation-name: sw-Favorite_Modal-slideDown; -webkit-animation-name: sw-Favorite_Modal-slideDown; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible; }
@keyframes sw-Favorite_Modal-slideDown {
    from { transform: translateY(0%); }
    to { transform: translateY(100%); }
}
@-webkit-keyframes sw-Favorite_Modal-slideDown {
    from { -webkit-transform: translateY(0%); }
    to { -webkit-transform: translateY(100%); }
}
@keyframes sw-Favorite_Modal-slideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0%); }
}
@-webkit-keyframes sw-Favorite_Modal-slideUp {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0%); }
}


/* entranceSnapshotModal */
.sw-Snapshot { background:#ffffff; position:relative; top:0; left:0; }
.sw-Snapshot_Modal { width: 100%; height: 100%; position: fixed; bottom: 0; z-index: 10000; visibility: hidden; overflow-y: scroll; }
.sw-Snapshot_Head-fixed { position: fixed; }
.sw-Snapshot_Modal-slideUp { animation-name: sw-Snapshot_Modal-slideUp; -webkit-animation-name: sw-Snapshot_Modal-slideUp; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; }
.sw-Snapshot_Modal-slideDown { animation-name: sw-Snapshot_Modal-slideDown; -webkit-animation-name: sw-Snapshot_Modal-slideDown; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible; }
@keyframes sw-Snapshot_Modal-slideDown {
    from { transform: translateY(0%); }
    to { transform: translateY(100%); }
}
@-webkit-keyframes sw-Snapshot_Modal-slideDown {
    from { -webkit-transform: translateY(0%); }
    to { -webkit-transform: translateY(100%); }
}
@keyframes sw-Snapshot_Modal-slideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0%); }
}
@-webkit-keyframes sw-Snapshot_Modal-slideUp {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0%); }
}

.sw-Snapshot-Title { font-size:11pt;border-bottom: 3px solid #F1D387;background-color: #fff;height: 50px;line-height: 40px;color: #525252; letter-spacing: 0.1em; background-image: none;}
.sw-Snapshot-Title span { padding-left: 25px; display:block; }

/* Category */
.sw-Category { background:#f2f2f2; position:relative; top:0; left:0; }
.sw-Category .sw-Category_Tab { list-style: none; border: 0; margin: auto; background: #ffffff; padding: 15px 3%; }
.sw-Category .sw-Category_Tab ul, .sw-Category .sw-Category_Tab li .sw-Category_Tab a { list-style: none; padding: 0; border: 0; }
.sw-Category .sw-Category_Tab ul { zoom: 1; border-radius: 4px; border: 1px solid #ffbf37; background: #ffffff; color: #ffbf37; overflow: hidden; }
.sw-Category .sw-Category_Tab ul:before { content: ''; display: block; }
.sw-Category .sw-Category_Tab ul:after { content: ''; display: table; clear: both; }
.sw-Category .sw-Category_Tab a { display: block; padding: 2px 0 3px 0; text-decoration: none; border-right: 1px solid #F1B63D; }
.sw-Category .sw-Category_Tab li { float: left; width: 50%; text-align: center; }
.sw-Category .sw-Category_Tab li.active { color: #ffffff; background: #ffbf37; font-weight: bold; }
.sw-Category .sw-Category_Tab li:first-child {  border-radius: 3px 0 0 3px; }
.sw-Category .sw-Category_Tab li:last-child { border-radius: 0 3px 3px 0; }
.sw-Category ul.sw-Category_Icon { border-top: 1px solid #cccccc; }
.sw-Category ul.sw-Category_Icon li { height: 73px; width: 33%; float: left; border-right: solid 1px #CCC; background: #ffffff; border-bottom: solid 1px #CCC; box-sizing: border-box; }
.sw-Category ul.sw-Category_Icon li:nth-child(3), .sw-Category ul.sw-Category_Icon li:nth-child(6), .sw-Category ul.sw-Category_Icon li:nth-child(9), .sw-Category ul.sw-Category_Icon li:nth-child(12), .sw-Category ul.sw-Category_Icon li:nth-child(15), .sw-Category ul.sw-Category_Icon li:nth-child(18), .sw-Category ul.sw-Category_Icon li:nth-child(21), .sw-Category ul.sw-Category_Icon li:nth-child(24), .sw-Category ul.sw-Category_Icon li:nth-child(27), .sw-Category ul.sw-Category_Icon li:nth-child(30) { border-right: 0; width: 34%; border-bottom: solid 1px #CCC; box-sizing: border-box; }
.sw-Category ul.sw-Category_Icon a { display: block; width: 100%; height: 73px; text-align: center; overflow: hidden; }
.sw-Category ul.sw-Category_Icon a span { display: block; margin: -35px auto auto auto; color: #525252; font-weight: bold; }
.sw-Category_IconImg { fill: #525252; width: 90px; height: 70px; position: relative; top: -10px; }
.sw-NamePointBox_headPtIcon { fill: #888888; width: 15px; height: 24px; float: left; margin-right: 2px; }
.sw-NamePointBox_headMypageIcon { fill: #888888; width: 12px; height: 24px; float: left; margin-right: 2px; }

/* CategoryModal */
.sw-Category_Modal { width: 100%; height: 100%; position: fixed; bottom: 0; z-index: 10000; visibility: hidden; overflow-y: scroll; background-color: #f2f2f2; }
.sw-Category_Visible { visibility: visible; }
.sw-Category_Head { position: relative; top: 0; width: 100%; background: #ffffff; z-index: 3; }
.sw-Category_Title { width: 100%; float: left; font-size: 11pt; border-top: 1px solid #CCC; border-bottom: 3px solid #F1D387; height: 50px; line-height: 40px; color: #525252; letter-spacing: 0.1em; }
.sw-Category_Title span { background: url("/images/sp/common/icon_heartActive.svg") no-repeat; background-position: 7px 13px; background-size: 15px auto; padding-left: 25px; display: block; position: absolute; top: 5px; }
.sw-Category_CloseBtn { position: absolute; top: -35px; right: 16px; z-index:10; }
.sw-CategorySearch_Box { background: #FFFFFF; height: 60px; margin-top: 43px; padding-top: 15px; border-top: 1px solid #cccccc; }
.sw-CategorySearch_Box form { display: block; margin: 0 10px 15px 10px; width: auto; }
.sw-CategorySearch_Box input[type="text"]:focus { outline: none; border: solid 1px #1CA8DD; }
.sw-CategorySearch_Form { width: 85%; height: auto; padding: 10px 0 10px 8px; border: 1px solid #ffbf37; border-radius: 5px 0 0 5px; float: left; line-height: 22px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; font-size: 11pt; }
.sw-CategorySearch_Btn { background: url("/images/sp/common/icon_dialogMenuSearch.svgz") no-repeat; background-position: 50% 10px; background-size: 20px auto; width: 15%; height: auto; background-color: #ffbf37; border: 1px solid #ffbf37; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 10px 4px; display: block; float: left; line-height: 22px; -webkit-appearance: button; }

.sw-pointSearch_Form { width: 85%; height: auto; padding: 10px 0 10px 8px; border: 1px solid #ffbf37; border-radius: 5px 0 0 5px; float: left; line-height: 22px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; font-size: 11pt; }

.sw-pointSearch_Btn { background: url("/images/sp/common/icon_dialogMenuSearch.svgz") no-repeat; background-position: 50% 10px; background-size: 20px auto; width: 15%; height: auto; background-color: #ffbf37; border: 1px solid #ffbf37; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 10px 4px; display: block; float: left; line-height: 22px; -webkit-appearance: button; }
.sw-Category_Modal-slideUp { animation-name: sw-Category_Modal-slideUp; -webkit-animation-name: sw-Category_Modal-slideUp; animation-duration: 0.4s; -webkit-animation-duration: 0.3s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; }
.sw-Category_Modal-slideDown { animation-name: sw-Category_Modal-slideDown; -webkit-animation-name: sw-Category_Modal-slideDown; animation-duration: 0.3s; -webkit-animation-duration: 0.4s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible; }
@keyframes sw-Category_Modal-slideDown {
    from { transform: translateY(0%); }
    to { transform: translateY(100%); }
}
@-webkit-keyframes sw-Category_Modal-slideDown {
    from { -webkit-transform: translateY(0%); }
    to { -webkit-transform: translateY(100%); }
}
@keyframes sw-Category_Modal-slideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0%); }
}
@-webkit-keyframes sw-Category_Modal-slideUp {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0%); }
}

/* AmazonBnr ----------------------------------------------------------*/
.amazonBnr_Txt { width: 320px; font-size: 10px; color: #525252; text-align: center; margin: -2px auto -15px; }