@charset "Shift_JIS";
/* --diversion: common.merge.css-- */
/** HEADER **/
#header {
  margin: 0;
  padding: 0;
}

.header {
  position: relative;
  height: 39px;
  padding: 5px 5px 1px 10px;
  border-bottom: 1px solid #d2d2d2;
}

.headerJalanLogo {
  float: left;
  width: 76px;
  height: 35px;
  background-position: 0 0;
}

.headerJalanLogo.lS {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(/assets/img/pages/smart/header/header_logo_sp.svg), url(/assets/img/pages/smart/header/header_logo_text_sp.png);
  background-repeat: no-repeat;
  background-position: center top, center bottom;
  background-size: 76px 35px, auto 8px;
}

.headerPublicity {
  margin: 2px 0 0 5px;
}

/* header.icon */
.headerIcons {
  font-size: 0;
  float: right;
  overflow: visible;
  margin-top: 1px;
  text-align: right;
}

.headerIcons li {
  display: block;
  float: left;
  margin-right: 12px;
}

.headerIcons li:last-child {
  margin-right: 0;
  margin-left: 0;
}

.headerIcons li > a {
  display: block;
  overflow: hidden;
  width: 40px;
  height: 34px;
}

.header_icon_regist {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(/assets/img/pages/smart/2x/btn_regist_l.png) no-repeat 0 0;
  background-size: 40px 34px;
}

.header_icon_login {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(/assets/img/pages/smart/2x/btn_login_l.png) no-repeat 0 0;
  background-size: 40px 34px;
}

/* header.after.login */
.header_icon_smenu {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(/assets/img/pages/smart/2x/btn_usermenu_l.png) no-repeat 0 0;
  background-size: 40px 34px;
}

/* r.point.UI */
/* before.login */
.recruitPointGuest {
  display: block;
  width: 6em;
}

.recruitPointTxt img {
  padding-right: 5px;
  vertical-align: -3px;
}

/* after.login */
.recruitPointNumber {
  display: block;
  -webkit-box-flex: 1;
  box-flex: 1;
}

.recruitPointNamePlus {
  display: block;
  padding-right: 5px;
}

.recruitPointName {
  font-weight: bold;
  display: block;
  overflow: hidden;
  max-width: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #2489ce;
}

.recruitPointNumber {
  font-weight: bold;
  display: block;
  overflow: hidden;
  width: auto;
  padding-right: 2px;
  text-align: right;
  white-space: nowrap;
  text-overflow: unset;
  word-break: normal;
}

.recruitPointNumber:before {
  display: none;
}

.recruitPointNumberPlus {
  font-size: 8px;
  display: block;
  width: auto;
}

.pontaPointWrapper {
  line-height: 22px;
  padding: 2px 5px 2px 10px;
}

.pontaPointTxt {
  font-size: 12px;
  float: left;
}

.pontaPointTxt span {
  font-weight: bold;
  color: #f60;
}

.pontaPointLogo {
  float: right;
  overflow: hidden;
  width: 70px;
  height: 15px;
  margin-top: 4px;
  white-space: nowrap;
  text-indent: 100%;
  background: url(/assets/img/pages/smart/img/logo_header_ponta_v2.png) no-repeat 0 0;
  background-size: auto 15px;
}

.stageGuideArea--top {
  padding: 3px 10px 10px;
}

.stageGuideArea--search {
  padding: 4px 8px 8px;
}

.stageGuide {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #e77611;
  border-radius: 4px;
  padding: 4px;
}

.stageGuideLogo {
  float: right;
  overflow: hidden;
  width: 70px;
  height: 15px;
  margin-top: 4px;
  white-space: nowrap;
  text-indent: 100%;
  background: url(/img/logo.stage.png) no-repeat 0 0;
  background-size: auto 15px;
}

.stageGuideText {
  position: relative;
  font-size: 10px;
  font-weight: normal;
  line-height: 15px;
  color: #3b1800;
  padding-right: 11px;
}

.stageGuideText::after {
  display: block;
	position: absolute;
	top: 9px;
	right: 0;
	width: 7px;
	height: 11px;
	margin-top: -7px;
	content: "";
  background: url(/assets/img/pages/smart/header/arrow.lightgray.right.png) no-repeat;
  background-size: contain;
}


/* --//diversion: common.merge.css-- */
/* --new-- */
/* header */
#header {
  height: auto;
  background-image: none;
}

#header,
#header * {
  box-sizing: content-box;
}

#header,
#header p,
#header li,
#header a {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.6;
}

#header .cf {
  zoom: 1;
}

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

.header {
  position: relative;
  height: 38px;
  padding: 5px 0 3px 10px;
  border-bottom: none;
}

.headerJalLogo {
  margin: 4px 0 0 20px;
}

.headerIcons {
  margin-top: 2px;
}

.headerIcons li {
  display: block;
  float: left;
  margin-right: 0;
}

.headerIcons li:last-child {
  margin: 0;
}

.headerIcons li > a {
  width: 44px;
  height: 32px;
  border-left: solid 1px #e0dbd7;
  margin: 0;
}

.headerIcons li:only-child > a {
  border-left: none;
}

#header .headerIcons li:last-child {
  margin: 0;
}

.jlnsp-top__info_box_button .nav {
  background-size: 44px 32px;
  background: url(/assets/img/pages/smart/header/btn_infoBox.svg) no-repeat center -1px;
  background-size: auto 34px;
}

.jlnsp-top__info_box_button .jlnsp-top__info_box_badge {
  font-size: 12px;
  top: -2px;
  right: 4px;
  left: auto;
  border-radius: 15px;
  background: #e76610;
}

.header_icon_regist {
  background: url(/assets/img/pages/smart/header/btn_regist.svg) no-repeat center -1px;
  background-size: auto 34px;
}

.header_icon_login {
  background: url(/assets/img/pages/smart/header/btn_login.svg) no-repeat center -1px;
  background-size: auto 34px;
}

.header_icon_offer {
  background: url(/assets/img/pages/smart/header/btn_offer.svg) no-repeat center -1px;
  background-size: auto 34px;
}

.header_icon_cliplist {
  background: url(/assets/img/pages/smart/header/btn_cliplist.svg) no-repeat center -1px;
  background-size: auto 34px;
}

.header_icon_recentyado {
  background: url(/assets/img/pages/smart/header/btn_recentyado.svg) no-repeat center -1px;
  background-size: auto 34px;
}

.headerIcons li > a.header_icon_help {
  background: url(/assets/img/pages/smart/header/btn_helpinfo.svg) no-repeat center -1px;
  background-size: auto 34px;
  background-size: auto 34px;
}

.headerIcons li:last-child > a.header_icon_help {
  width: 41px;
}

.headerIcons li > a.header_icon_smenu {
  width: 41px;
  background: url(/assets/img/pages/smart/header/btn_smenu.svg) no-repeat center -1px;
  background-size: auto 34px;
  background-size: auto 34px;
}

#header .recruitStagePointWrapper {
  overflow: hidden;
  background-color: #f7f5f2;
}

#header .recruitStagePointWrapper > span,
#header .recruitStagePointWrapper a {
  font-size: 12px;
  line-height: 17px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  width: auto;
  height: 24px;
  padding: 4px 4px 3px 10px;
  color: #3b1800;
  -webkit-box-flex: 1;
  box-flex: 1;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  box-orient: horizontal;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

#header .recruitStagePointWrapper a {
  padding: 4px 17px 3px 10px;
}

#header .recruitStagePointWrapper a.recruitStage {
  padding: 4px 0 3px 4px;
}

#header .recruitStagePointWrapper a.recruitStage span {
  font-size: 0;
  display: block;
  width: 72px;
  height: 100%;
  text-indent: -100%;
  background: url(/assets/img/pages/smart/header/icon_stage_regular.svg) no-repeat left center;
  background-size: 72px 16px;
}

#header .recruitStagePointWrapper a.recruitStage.recruitStage_bronze span {
  width: 65px;
  background-image: url(/assets/img/pages/smart/header/icon_stage_bronze.svg);
  background-size: 65px 16px;
}

#header .recruitStagePointWrapper a.recruitStage.recruitStage_silver span {
  width: 65px;
  background-image: url(/assets/img/pages/smart/header/icon_stage_silver.svg);
  background-size: 65px 16px;
}

#header .recruitStagePointWrapper a.recruitStage.recruitStage_gold span {
  width: 65px;
  background-image: url(/assets/img/pages/smart/header/icon_stage_gold.svg);
  background-size: 65px 16px;
}

#header .recruitStagePointWrapper a.recruitStage.recruitStage_platinum span {
  width: 65px;
  background-image: url(/assets/img/pages/smart/header/icon_stage_platinum.svg);
  background-size: 65px 16px;
}

#header .recruitStagePointWrapper a.recruitStage.recruitStage_diamond span {
  width: 80px;
  background-image: url(/assets/img/pages/smart/header/icon_stage_diamond.svg);
  background-size: 80px 16px;
}

#header .recruitStagePointWrapper span.recruitPoint,
#header .recruitStagePointWrapper a.recruitPoint {
  width: 100%;
  border-bottom: none;
  background: none;
}

#header .recruitStagePointWrapper a.recruitPoint::after {
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  width: 7px;
  height: 11px;
  margin-top: -5px;
  content: '';
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMRJREFUeNpiZgCCyPBwA10dnetA/PLK1asXGIgAzCBNQHo/EAsAcQBQ80eg5hOENDIhaYKBfqBh84nRWIhFPIGQZmaQn4DOewhyJpocyN8KQPmNWDWCCHI0M8MYpGpmRuaQopkZ3QnEambG5nFiNDPjCm6oZkYg0wGL5o9MuDRCU1Q+FilQklzAiEcTeoqCaXJcvnLlB0ZyNIE4jORoQtFIiia4RlI1gTWSowlXfiSoCVd+JKgJW34kShN6/DkwkAAAAgwAccyKhLCQKvoAAAAASUVORK5CYII=) no-repeat;
  background-size: 7px 11px;
}

#header .recruitStagePointWrapper a.recruitStage + span.recruitPoint,
#header .recruitStagePointWrapper a.recruitStage + a.recruitPoint {
  float: none;
  width: auto;
  padding: 4px 4px 3px;
}

#header .recruitStagePointWrapper a.recruitStage + a.recruitPoint {
  padding: 4px 17px 3px 4px;
}

.recruitPointName {
  color: #3b1800;
}

#header .recruitPointGuestPlus + .recruitPointTxt {
  display: block;
  text-align: right;
  -webkit-box-flex: 1;
  box-flex: 1;
}

#header .recruitStagePointWrapper .recruitPoint--nonLogin {
  display: -webkit-box;
  /* ^ for android 4 */

  display: flex;
  align-items: center;
  padding: 0 0 0 10px;
}

#header .recruitStagePointWrapper .recruitPoint--nonLogin__pointLink {
  display: block;
  float: none;
  text-align: right;
  /* ^ for android 4 */

  margin-left: auto;
  padding-left: 0;
}

#header .recruitStagePointWrapper .recruitPoint--nonLogin__pointLink::after {
  margin-top: -5px;
}

#header .recruitStagePointWrapper .recruitPoint--login {
  -webkit-box-align: center;
  display: -webkit-box;
  /* ^ for android 4 */

  display: flex;
  align-items: center;
  padding: 0 0 0 10px;
}

#header .recruitStagePointWrapper a.recruitStage + span.recruitPoint--login {
  padding: 0 0 0 4px;
}

#header .recruitStagePointWrapper .recruitPoint--login__namePlus {
  flex-shrink: 0;
}

#header .recruitStagePointWrapper .recruitPoint--login__pointLinkWrapper {
  -webkit-box-flex: 1;
  display: -webkit-box;
  /* ^ for android 4 */

  display: flex;
  margin-left: auto;
}

#header .recruitStagePointWrapper .recruitPoint--login__pointLink {
  display: -webkit-box;
  /* ^ for android 4 */

  display: flex;
  padding: 4px 17px 3px 0;
}

#header .recruitStagePointWrapper .recruitPoint--login__pointLink::after {
  margin-top: -5px;
}

#header .recruitStagePointWrapper .recruitPoint--login__pointNumber {
  text-overflow: ellipsis;
}

#header .recruitStagePointWrapper .recruitPoint--login__pointNumberPlus {
  flex-shrink: 0;
}

.pontaPointWrapper {
  line-height: 19px;
  padding: 2px 5px 1px 10px;
}
.pontaPointTxt {
  position: relative;
}
.pontaPointTxt:after {
  position: absolute;
  top: 0;
  right: -20px;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/assets/img/common/icons/icon_questionsp_gra.svg) center no-repeat;
  background-size: 14px;
}
.pontaPointTxt span {
  color: #E78A13;
  font-size: 10px;
}
.pontaPointLogo {
  float: right;
  overflow: hidden;
  width: 60px;
  height: 15px;
  margin-top: 3px;
  white-space: nowrap;
  text-indent: 100%;
  background: url(/assets/img/pages/smart/img/logo_header_ponta_v2.png) no-repeat 0 0;
  background-size: auto 13px;
}
.pontaPointModal {
  right: -144px;
}

.pontaPointModal-inner::before {
  right: 115px;
}

.pontaPointModal-inner::after {
  right: 116px;
}

/* slideMenu */
#header #slideMenu {
  box-sizing: border-box;
}

#slideMenu {
  position: fixed;
  z-index: 1310;
  top: 0;
  right: -296px;
  display: block;
  overflow: auto;
  width: 296px;
  height: 100%;
  padding: 52px 16px 20px;
  content: '';
  color: #5b4843;
  background: #fff;
}

#slideMenu a {
  color: #1558CE;
}

#slideMenu .slideMenuContents {
  width: 100%;
}

#slideMenuPersonalInfo .slideMenuLoginWrap {
  margin-bottom: 12px;
}

#slideMenuPersonalInfo .slideMenuLogin {
  margin-bottom: 8px;
}

#slideMenuPersonalInfo .slideMenuLogin .slideMenuBtnLogin {
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  text-align: center;
  vertical-align: bottom;
  white-space: nowrap;
  color: #fff;
  border: solid 1px #2171e0;
  border-radius: 4px;
  background: -webkit-linear-gradient(top, #38affc 0%, #0174e7 100%);
  background: linear-gradient(to bottom, #38affc 0%, #0174e7 100%);
}

#slideMenuPersonalInfo .slideMenuRegister {
  height: 22px;
  margin-bottom: 20px;
  text-align: right;
}

#slideMenuPersonalInfo .slideMenuRegister a {
  font-size: 14px;
  padding: 12px 4px;
  font-weight: normal;
}

#slideMenuPersonalInfo .slideMenuStageGuideArea {
  margin-bottom: 12px;
}

#slideMenuPersonalInfo .slideMenuStageGuide {
  border: 1px solid #e77611;
  border-radius: 4px;
  text-align: center;
}

#slideMenuPersonalInfo .slideMenuStageGuideLogo {
  margin-top: 12px;
  width: 194px;
  height: 21px;
}

#slideMenuPersonalInfo .slideMenuStageGuideText {
  font-size: 11px;
  font-weight: normal;
  line-height: 15px;
  color: #3b1800;
  margin-top: 4px;
}

#slideMenuPersonalInfo .slideMenuStageGuideDetail {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px 0 2px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background-color: #e77611;
  margin-top: 8px;
}

#slideMenuPersonalInfo .slideMenuStageGuideDetail img {
  width: 7px;
  height: 12px;
  margin-left: 4px;
}

#slideMenuPersonalInfo .slideMenuStageWrap {
  margin-bottom: 12px;
}

#slideMenuPersonalInfo .uNameWrap {
  display: table;
  padding: 0 0 0 8px;
}

#slideMenuPersonalInfo .uNameWrap .uStage {
  font-size: 10px;
  display: table-cell;
  padding-right: 4px;
  vertical-align: middle;
}

#slideMenuPersonalInfo .uNameWrap .uStage span {
  font-weight: bold;
  line-height: 15px;
  display: inline-block;
  padding: 0 6px;
  color: #e77611;
  background: #f2e0c1;
}

#slideMenuPersonalInfo .uNameWrap .uStage.uStage_bronze span {
  color: #fff;
  background: #c7713e;
}

#slideMenuPersonalInfo .uNameWrap .uStage.uStage_silver span {
  color: #fff;
  background: #929ba0;
}

#slideMenuPersonalInfo .uNameWrap .uStage.uStage_gold span {
  color: #fff;
  background: #ba8c00;
}

#slideMenuPersonalInfo .uNameWrap .uStage.uStage_platinum span {
  color: #fff;
  background: #4a7599;
}

#slideMenuPersonalInfo .uNameWrap .uStage.uStage_diamond span {
  color: #fff;
  background: #6f6265;
}

#slideMenuPersonalInfo .uNameWrap .uName {
  font-size: 14px;
  font-weight: bold;
  display: table-cell;
  overflow: hidden;
  vertical-align: middle;
}

#slideMenuPersonalInfo .uNameWrap .uName span {
  display: block;
  float: left;
  overflow: hidden;
  max-width: 126px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#slideMenuPersonalInfo .stageNote {
  font-size: 12px;
  font-weight: bold;
  margin-top: 6px;
  padding: 0 0 0 8px;
  color: #e77611;
}

#slideMenuPersonalInfo .stageNote.stageNote_bronze {
  color: #c7713e;
}

#slideMenuPersonalInfo .stageNote.stageNote_silver {
  color: #929ba0;
}

#slideMenuPersonalInfo .stageNote.stageNote_gold {
  color: #ba8c00;
}

#slideMenuPersonalInfo .stageNote.stageNote_platinum {
  color: #4a7599;
}

#slideMenuPersonalInfo .stageNote.stageNote_diamond {
  color: #6f6265;
}

#slideMenuPersonalInfo .goStageNoteDetail {
  margin: 4px 0 12px;
  text-align: right;
}

#slideMenuPersonalInfo .goStageNoteDetail a {
  background: url(/assets/img/common/icons/icon_triangle_ora.svg) no-repeat left center;
  background-size: 6px 8px;
  padding-left: 10px;
  margin: 0;
  color: #1558CE;
  font-size: 12px;
  letter-spacing: 0.05px;
  height: 18px;
  width: auto;
  text-align: right;
  border: 0;
  display: inline-block;
  font-weight: normal;
}

#slideMenuPersonalInfo ul {
  margin-bottom: 12px;
  border-top: solid 1px #e0dbd7;
}

#slideMenuPersonalInfo ul li {
  border-bottom: solid 1px #e0dbd7;
}

#slideMenuPersonalInfo ul li a {
  font-size: 14px;
  font-weight: bold;
  display: table;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 42px;
  padding: 0 23px 0 0;
  color: #5b4843;
  background: url("/assets/img/common/icons/icon_arrowright_gra.svg") no-repeat 252px center;
  background-size: 7px 12px;
}

#slideMenuPersonalInfo ul li a p {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
}

#slideMenuPersonalInfo ul li a p.linkTerm {
  padding-left: 28px;
}

#slideMenuPersonalInfo .linkTermPoint {
  width: 94px;
}

#slideMenuPersonalInfo ul li a p.linkTerm.linkTermPoint {
  background: url("/assets/img/common/icons/icon_pointradius_ora.svg") no-repeat 5px center;
  background-size: 16px 16px;
}

#slideMenuPersonalInfo ul li a p.linkTerm.linkTermCoupon {
  background: url("/assets/img/common/icons/icon_coupon24_ora.svg") no-repeat 5px center;
  background-size: 16px 11px;
}

#slideMenuPersonalInfo .linkTermScore {
  width: 80px;
}

#slideMenuPersonalInfo ul li a p.linkTerm.linkTermScore {
  background: url("/assets/img/common/icons/icon_scoreradius_ora.svg") no-repeat 5px center;
  background-size: 16px 16px;
}

#slideMenuPersonalInfo .possessionLink__value {
  text-align: right;
  line-height: 1.2;
  color: #e77611;
}

#slideMenuPersonalInfo .possessionLink__scoreNumber {
  font-size: 12px;
}

#slideMenuPersonalInfo .possessionLink__unit {
  display: inline-block;
  font-weight: normal;
}

#slideMenuPersonalInfo .possessionLink__unit--point,
#slideMenuPersonalInfo .possessionLink__unit--score {
  margin-left: 2px;
  font-size: 10px;
}

#slideMenuPersonalInfo .linkToStageSimulation {
  padding: 0;
  margin: 8px 0;
  background-image: none;
}

#slideMenuPersonalInfo .scoreLinkBox {
  margin-top: 4px;
  line-height: 1;
  text-align: right;
}

#slideMenuPersonalInfo .scoreLinkBox__link {
  display: inline-block;
  width: auto;
  height: 18px;
  padding: 0 0 0 10px;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  color: #1558ce;
  text-align: right;
  letter-spacing: 0.05px;
  vertical-align: baseline;
  background: url(/assets/img/common/icons/icon_triangle_ora.svg) no-repeat left center;
  background-size: 6px 8px;
  border: 0;
}

#slideMenuPersonalInfo ul li .scoreNote {
  display: block;
  padding: 6px 8px;
  font-size: 10px;
  background: #fbf4ea;
  border-radius: 4px;
}

#slideMenuPersonalInfo ul li .scoreNote span {
  display: block;
  font-size: 10px;
  font-weight: normal;
}

#slideMenuLinkList ul {
  margin-bottom: 12px;
  border-top: solid 1px #e0dbd7;
}

#slideMenuLinkList ul li {
  border-bottom: solid 1px #e0dbd7;
}

#slideMenuLinkList ul li a {
  font-size: 12px;
  font-weight: bold;
  line-height: 42px;
  display: block;
  overflow: hidden;
  height: 42px;
  padding: 0 23px 0 8px;
  color: #5b4843;
  background: url("/assets/img/common/icons/icon_arrowright_gra.svg") no-repeat 252px center;
  background-size: 7px 12px;
}

#slideMenuLogout {
  margin-top: 20px;
  text-align: center;
}

#slideMenuLogout .slideMenuBtnLogout {
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  width: 142px;
  height: 32px;
  text-align: center;
  vertical-align: bottom;
  white-space: nowrap;
  color: #3b1800;
  border: solid 1px #938c89;
  border-radius: 4px;
  background: -webkit-linear-gradient(top, #fff 0%, #eae6e5 100%);
  background: linear-gradient(to bottom, #fff 0%, #eae6e5 100%);
}

.slideMenuBtnClose {
  font-size: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  overflow: hidden;
  width: 24px;
  height: 24px;
  text-indent: 100%;
  background: url("/assets/img/pages/smart/header/btn_slideMenu_close.svg") no-repeat center;
  background-size: 18px 24px;
}

/* slideMenuOverlay */
#slideMenuOverlay {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  content: '';
  opacity: 0;
  background: #fff;
}

/* openSlideMenu */
body.openSlideMenu {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

/* bug fix */
/* USW1101, USW1102 */
.ui-body-x .header li
{
  border: none;
  text-shadow: none;
}

/* custom.css */
#header #slideMenu li:last-child {
  margin-top: 0;
}