@charset "UTF-8";
.spwidget {
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  /* ローディング画像 */
  /* ボタンデザイン */
}
.spwidget div, .spwidget span, .spwidget applet, .spwidget object, .spwidget iframe,
.spwidget h1, .spwidget h2, .spwidget h3, .spwidget h4, .spwidget h5, .spwidget h6, .spwidget p, .spwidget blockquote, .spwidget pre,
.spwidget a, .spwidget abbr, .spwidget acronym, .spwidget address, .spwidget big, .spwidget cite, .spwidget code,
.spwidget del, .spwidget dfn, .spwidget em, .spwidget img, .spwidget ins, .spwidget kbd, .spwidget q, .spwidget s, .spwidget samp,
.spwidget small, .spwidget strike, .spwidget strong, .spwidget sub, .spwidget sup, .spwidget tt, .spwidget var,
.spwidget b, .spwidget u, .spwidget i, .spwidget center,
.spwidget dl, .spwidget dt, .spwidget dd, .spwidget ol, .spwidget ul, .spwidget li,
.spwidget fieldset, .spwidget form, .spwidget label, .spwidget legend,
.spwidget table, .spwidget caption, .spwidget tbody, .spwidget tfoot, .spwidget thead, .spwidget tr, .spwidget th, .spwidget td,
.spwidget article, .spwidget aside, .spwidget canvas, .spwidget details, .spwidget embed,
.spwidget figure, .spwidget figcaption, .spwidget footer, .spwidget header, .spwidget hgroup,
.spwidget menu, .spwidget nav, .spwidget output, .spwidget ruby, .spwidget section, .spwidget summary,
.spwidget time, .spwidget mark, .spwidget audio, .spwidget video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.spwidget table {
  border-collapse: collapse;
  border-spacing: 0;
}
.spwidget caption, .spwidget th, .spwidget td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
.spwidget q, .spwidget blockquote {
  quotes: none;
}
.spwidget q:before, .spwidget q:after, .spwidget blockquote:before, .spwidget blockquote:after {
  content: "";
  content: none;
}
.spwidget a img {
  border: none;
}
.spwidget article, .spwidget aside, .spwidget details, .spwidget figcaption, .spwidget figure, .spwidget footer, .spwidget header, .spwidget hgroup, .spwidget menu, .spwidget nav, .spwidget section, .spwidget summary {
  display: block;
}
.spwidget .spw_loading {
  clear: both;
  width: 32px;
  height: 32px;
  background: url("data:image/gif;base64,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") no-repeat 0 0;
  margin: auto;
}
.spwidget .spw_ButtonA {
  margin: 0px;
  padding: 10px;
  border: solid 1px #354242;
  border-radius: 10px;
  background-color: #354242;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: large;
}
.spwidget .spw_ButtonA:hover {
  background-color: #C9DE55;
  color: #354242;
}

.spw_activities {
  /* 全体の幅 */
  width: 280px;
  /* 全体調整 */
  color: #5D5D5D;
  font-family: Verdana, Arial, "メイリオ", "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 13px;
  text-align: left;
}
.spw_activities .spw_wrapper {
  background-color: #354242;
  border-radius: 2px;
}
.spw_activities .spw_wrapper .spw_header {
  /* header */
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding-left: 5px;
}
.spw_activities .spw_wrapper .spw_contents {
  /* contents */
  background-color: #fff;
  margin: 2px;
  /* 左右の枠を残す */
  border-radius: 2px;
  padding: 5px;
  position: relative;
  /* アクティビティーフィードの高さ */
  height: 360px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.spw_activities .spw_wrapper .spw_contents .spw_article_indicator {
  /* 読み込み中表示 インディケーター */
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 370px;
  /* アクティビティフィードの高さ + padding */
  background-color: transparent;
}
.spw_activities .spw_wrapper .spw_contents .spw_article_cushion.spw_me {
  /* article(増やす部分) 自分 */
  border-bottom: none;
  background-color: #C9DE55;
  border-radius: 2px;
}
.spw_activities .spw_wrapper .spw_contents .spw_article_cushion {
  /* article(増やす部分) 他人 */
  border-bottom: 1px #eee solid;
  background-color: #fff;
}
.spw_activities .spw_wrapper .spw_contents .spw_article_cushion .spw_article {
  padding: 5px;
  min-height: 45px;
}
.spw_activities .spw_wrapper .spw_contents .spw_article_cushion .spw_article > * {
  display: block;
}
.spw_activities .spw_wrapper .spw_contents .spw_article_cushion .spw_article > .spw_user_thumbnail {
  width: 35px;
  height: 35px;
  float: left;
}
.spw_activities .spw_wrapper .spw_contents .spw_article_cushion .spw_article > .spw_article_text {
  padding: 0 40px;
}
.spw_activities .spw_wrapper .spw_contents .spw_article_cushion .spw_article > .spw_reward_thumbnail {
  width: 35px;
  height: 35px;
  float: right;
}
.spw_activities .spw_wrapper .spw_contents .spw_article_cushion .spw_article .spw_value {
  font-weight: bold;
}
.spw_activities .spw_wrapper .spw_contents .spw_article_cushion .spw_article .spw_article_date {
  font-size: 11px;
}
.spw_activities .spw_wrapper .spw_footer {
  /* footer */
  font-size: 11px;
  line-height: 20px;
  padding: 0 5px;
  height: 20px;
}
.spw_activities .spw_wrapper .spw_footer > * {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.spw_activities .spw_wrapper .spw_footer > *:hover {
  color: #ccc;
}
.spw_activities .spw_wrapper .spw_footer > .spw_activities_stop {
  display: block;
  float: left;
}
.spw_activities .spw_wrapper .spw_footer > .spw_activities_hint {
  display: block;
  float: right;
}

.spw_headerTab {
  position: fixed;
  right: 5px;
  bottom: 0;
  padding: 3px;
  border-top: solid #354242 2px;
  border-right: solid #354242 2px;
  border-left: solid #354242 2px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #fff;
}
.spw_headerTab:after,
.spw_headerTab .spw_playerCard:after,
.spw_headerTab .spw_playerContent:after {
  display: block;
  clear: both;
  content: "";
}
.spw_headerTab .spw_playerPicContent,
.spw_headerTab .spw_currentLevel {
  width: 24px;
  line-height: 0;
}
.spw_headerTab .spw_playerPicContent img,
.spw_headerTab .spw_currentLevel img {
  max-width: 100%;
}
.spw_headerTab .spw_playerPicContent,
.spw_headerTab .spw_currentLevel,
.spw_headerTab .spw_playerContent,
.spw_headerTab .spw_display_name,
.spw_headerTab .spw_levelContent,
.spw_headerTab .spw_units-points-all,
.spw_headerTab .spw_units-badges-all {
  display: inline-block;
  vertical-align: middle;
}
.spw_headerTab .spw_display_name {
  font-weight: bold;
}
.spw_headerTab .spw_levelContent {
  font-size: small;
}
.spw_headerTab .spw_units-points-all span:nth-child(1),
.spw_headerTab .spw_units-badges-all span:nth-child(1) {
  font-weight: bold;
}
.spw_headerTab .spw_units-points-all span:nth-child(2),
.spw_headerTab .spw_units-badges-all span:nth-child(2) {
  font-size: x-small;
}

.spw_leaderboard {
  /* 全体の幅 */
  width: 280px;
  /* 全体調整 */
  color: #5D5D5D;
  font-family: Verdana, Arial, "メイリオ", "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 13px;
  text-align: left;
}
.spw_leaderboard > .spw_wrapper {
  background-color: #353562;
  border-radius: 2px;
  position: relative;
}
.spw_leaderboard > .spw_wrapper > .spw_article_indicator {
  /* 読み込み中表示 インディケーター */
  display: none;
  position: absolute;
  left: 0;
  top: 368px;
  width: 100%;
  height: 32px;
  background-color: transparent;
  z-index: 1000;
}
.spw_leaderboard > .spw_wrapper > .spw_header {
  /* header */
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding-left: 5px;
}
.spw_leaderboard > .spw_wrapper > .spw_dropdown_list {
  /* leaderboard ドロップダウンリスト */
  /* display: none; 必要に応じて消して下さい */
  padding: 0 2px;
}
.spw_leaderboard > .spw_wrapper > .spw_dropdown_list > select {
  border: none;
  display: block;
  width: 100%;
  background-color: #555582;
  color: #fff;
  cursor: pointer;
}
.spw_leaderboard > .spw_wrapper > .spw_dropdown_list > select > option {
  cursor: pointer;
  background-color: #555582;
  color: #fff;
}
.spw_leaderboard > .spw_wrapper > .spw_contents {
  /* contents */
  background-color: #fff;
  margin: 2px;
  /* 左右の枠を残す */
  border-radius: 2px;
  padding: 5px;
  /* アクティビティーフィードの高さ */
  height: 360px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}
.spw_leaderboard > .spw_wrapper > .spw_contents > .spw_article_cushion.spw_me {
  /* article(増やす部分) 自分 */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-bottom: none;
  background-color: #C9DE55;
  border-radius: 2px;
  padding: 0 5px;
}
.spw_leaderboard > .spw_wrapper > .spw_contents > .spw_article_cushion {
  /* article(増やす部分) 他人 */
  position: relative;
  border-bottom: 1px #eee solid;
  background-color: #fff;
}
.spw_leaderboard > .spw_wrapper > .spw_contents > .spw_article_cushion .spw_article {
  padding: 5px;
}
.spw_leaderboard > .spw_wrapper > .spw_contents > .spw_article_cushion .spw_article > * {
  display: block;
}
.spw_leaderboard > .spw_wrapper > .spw_contents > .spw_article_cushion .spw_article > .spw_user_ranking_order {
  /* 順位の数字 */
  float: left;
  width: 37px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 13px;
  margin-right: 5px;
  font-weight: bold;
}
.spw_leaderboard > .spw_wrapper > .spw_contents > .spw_article_cushion .spw_article > .spw_user_thumbnail {
  width: 42px;
  height: 42px;
  float: left;
}
.spw_leaderboard > .spw_wrapper > .spw_contents > .spw_article_cushion .spw_article > .spw_article_text {
  padding: 0 0 0 89px;
  line-height: 21px;
}
.spw_leaderboard > .spw_wrapper > .spw_contents > .spw_article_cushion .spw_article > .spw_article_text .spw_user_point {
  color: #778980;
}
.spw_leaderboard > .spw_wrapper > .spw_contents > .spw_article_cushion .spw_article > .spw_article_text .spw_param {
  font-size: 11px;
}
.spw_leaderboard > .spw_wrapper > .spw_contents > .spw_article_cushion .spw_article > .spw_article_text .spw_param > .spw_value {
  font-size: 13px;
  font-weight: bold;
  vertical-align: bottom;
}
.spw_leaderboard > .spw_wrapper > .spw_footer {
  /* footer */
  font-size: 11px;
  line-height: 20px;
  padding: 0 5px;
  height: 20px;
  text-align: center;
}
.spw_leaderboard > .spw_wrapper > .spw_footer > * {
  color: #fff;
}

.spwidget {
  /* リワード詳細用 */
  /* 禁則処理 */
}
.spwidget .spw_rewardCard {
  display: inline-block;
  margin: 5px 5px 5px;
  width: 60px;
  vertical-align: top;
  text-align: center;
  font-size: xx-small;
}
.spwidget .spw_rewardCard .spw_rewardCardImg {
  width: 60px;
  height: 60px;
}
.spwidget .spw_rewardCard .spw_rewardCardImg > img {
  max-width: 60px;
  max-height: 60px;
  width: auto;
  height: auto;
}
.spwidget .spw_rewardCardDetail {
  display: none;
  margin: 0px 5px 10px;
  padding: 5px;
  border: solid 2px #ddd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.85)), color-stop(0.05, rgba(240, 240, 240, 0.85)), color-stop(0.05, rgba(255, 255, 255, 0.85)), to(rgba(240, 240, 240, 0.85)));
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}
.spwidget .spw_rewardCardDetail:after,
.spwidget .spw_rewardCardDetail .spw_rewardCardWrap:after,
.spwidget .spw_rewardCardDetail .spw_rewardCardWrap .spw_rewardCard .spw_rewardCardImg:after {
  display: block;
  clear: both;
  content: "";
}
.spwidget .spw_rewardCardDetail .spw_rewardCardWrap .spw_rewardCard {
  margin: 0 0 5px;
  width: 100%;
  font-size: large;
}
.spwidget .spw_rewardCardDetail .spw_rewardCardWrap .spw_rewardCard .spw_rewardCardImg {
  width: 100%;
  height: auto;
}
.spwidget .spw_rewardCardDetail .spw_rewardCardWrap .spw_rewardCard .spw_rewardCardImg > img {
  max-width: 200px;
  max-height: 200px;
  width: auto;
  height: auto;
}
.spwidget .spw_rewardCardDetail .spw_rewardCardMessage {
  margin-bottom: 10px;
}
.spwidget .spw_rewardCardName,
.spwidget .spw_rewardCardMessage {
  overflow: auto;
  text-wrap: unrestricted;
  word-wrap: break-word;
  word-break: break-all;
}
.spwidget .spw_rewardDetailButton {
  position: absolute;
  top: -23px;
  right: 13px;
  z-index: 1001;
  padding: 5px 10px;
  width: 40px;
  border: solid 1px #E0E0E0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, left bottom, from(#c9de55), color-stop(0.3, #c9de55), color-stop(0.6, #b7ca4d), to(#b7ca4d));
  background-color: #C9DE55;
  color: #fff;
  text-align: center;
}

.spwidget {
  /* バルーン */
}
.spwidget .spw_messageBalloon {
  position: absolute;
  top: 40px;
  left: -2px;
  z-index: 1000;
  display: none;
  width: 100%;
}
.spwidget .spw_messageBalloonAfter {
  position: relative;
  top: -14px;
  left: 47px;
  z-index: 1000;
  margin-bottom: -17px;
  width: 21px;
  height: 14px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB9AAAAAoCAYAAACmXmGDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFNJREFUeNrs3U9rXFUYB+CTSyp+Axeu3AvuRBA/hmD8h3Rj3Vghbtx0U1ciFjdWSFx2EcFFVi7sKm4qWKVaqKAtA4mmpklMWjuZZjIznjMeJNR07p3MTOaKzwM/OnPP+77ncu/ykOnMN7dePBVCWIl5LgxQzDwWnn7yw/D4qSfCOLXav4frv74bur39stIrMS/EHBy++OxTnwcAAAAAAAAAGFUR046Zi9kZVJgOuBtbC/HTzFiTZlY4PN/J93jglQEAAAAAAAAwCUX+txFzpqz47t6PYX13eWybp1lpZgVn8j0CAAAAAAAAwEQUhz4vxSyWNaxuXwq7e9dG3jjNSLMqWMj3BgAAAAAAAAATUzz0/WzMjbKmXzY+Cg8O7hx709SbZlSQ7uUdrwkAAAAAAACASXv4AL0Z81JMa1BTp7sXGpuLx9409aYZJVr5XppeEwAAAAAAAACTVhxx7YeY+bLG3b3vw8a9r4beMPWk3grm870AAAAAAAAAwMQVj7j+ScxyWXNjcyHcf3Cz8mapNvVUsJzvAQAAAAAAAABORDFg7XTMatmAn26/H/YPtko3SjWptoLVvDcAAAAAAAAAnJhBB+jbMa/GdAYN6HTvh8ZW+V+Vp5pUW6KT99z2agAAAAAAAAA4SUXJ+krM+bIhO83vwtafXz9yPa2lmgrO5z0BAAAAAAAA4EQVFWrS766XHmrf2vw0tNrr/7qerqW1ClbyXgAAAAAAAABw4qocoKefVX8llPyseq/XPvKn3NO1tFZiO+/R8UoAAAAAAAAAmIaiYt1azOmY3qCiu3vXw287X/zzPX1O10r08uw1rwMAAAAAAACAaSmGqF2OuVhWtPbHUthpXu0nfa7gYp4NAAAAAAAAAFMzO2T9fMzzMc8MKrp55+Oq867lmQAAAAAAAAAwVcWQ9a2YuZjmoKJOt9VPiWae1fIaAAAAAAAAAJi24hg9N2LeHsPeZ/MsAAAAAAAAAJi64ph9n8UsjbBv6l30+AEAAAAAAACoi2KE3jdjGsfoa+ReAAAAAAAAAKiNUQ7Qd8Pf/4d5e4iedu7Z9egBAAAAAAAAqJNixP4rMeeGqD+XewAAAAAAAACgVooxzPgg5nKFusu5FgAAAAAAAABqZxwH6N2Y12I2BtSktddzLQAAAAAAAADUTjGmObdj3ojpHbHWy2vrHjcAAAAAAAAAdVWMcdaXMReOuH4hrwEAAAAAAABAbRVjnvdezLeHvl/N1wAAAAAAAACg1sZ9gL4f83LMvZy5fA0AAAAAAAAAam12AjN/jnkrZiZ/BgAAAAAAAIDam53Q3EseLQAAAAAAAAD/JTO9Xs9TAAAAAAAAAOB/r/AIAAAAAAAAAMABOgAAAAAAAAD0OUAHAAAAAAAAgOAAHQAAAAAAAAD6HKADAAAAAAAAQHCADgAAAAAAAAB9DtABAAAAAAAAIDhABwAAAAAAAIA+B+gAAAAAAAAAEP0lwAAu3AlYtJnXOgAAAABJRU5ErkJggg==") no-repeat 0 0;
  -webkit-background-size: 1000px auto;
  -moz-background-size: 1000px auto;
  -o-background-size: 1000px auto;
  background-size: 1000px auto;
}
.spwidget .spw_messageBalloonText {
  display: block;
  margin: 0 10px 10px;
  padding: 5px;
  border: 4px solid #C9DE55;
  border-radius: 10px;
  background-color: #fff;
  color: #96ae12;
  line-height: 1.2em;
}

.spwidget {
  /* リワード一覧 */
  /* ８つ */
  /* ７つ */
  /* ６つ */
  /* ５つ */
  /* ４つ */
}
.spwidget.spw_rewardList {
  overflow: auto;
  text-wrap: unrestricted;
  word-wrap: break-word;
  word-break: break-all;
}
.spwidget .spw_rewardListContent:after,
.spwidget .spw_rewardContent:after {
  display: block;
  clear: both;
  content: "";
}
.spwidget .spw_rewardListTitle {
  text-align: center;
}
.spwidget .spw_rewardListContent {
  margin: 0px 5px 10px;
  padding: 5px;
  border: solid 2px #ddd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.85)), color-stop(0.05, rgba(240, 240, 240, 0.85)), color-stop(0.05, rgba(255, 255, 255, 0.85)), to(rgba(240, 240, 240, 0.85)));
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}
.spwidget .spw_rewardContent {
  position: relative;
  margin: 0px auto;
  padding: 5px;
}
.spwidget .spw_rewardContent_nextButton {
  display: none;
}
@media screen and (min-width: 595px) and (max-width: 664px) {
  .spwidget .spw_rewardContent {
    max-width: 560px;
  }
}
@media screen and (min-width: 525px) and (max-width: 594px) {
  .spwidget .spw_rewardContent {
    max-width: 490px;
  }
}
@media screen and (min-width: 455px) and (max-width: 524px) {
  .spwidget .spw_rewardContent {
    max-width: 420px;
  }
}
@media screen and (min-width: 385px) and (max-width: 454px) {
  .spwidget .spw_rewardContent {
    max-width: 350px;
  }
}
@media screen and (max-width: 384px) {
  .spwidget .spw_rewardContent {
    max-width: 280px;
  }
}

.spw_missionProgress {
  overflow: auto;
  text-wrap: unrestricted;
  word-wrap: break-word;
  word-break: break-all;
}

.spw_missionProgress_header {
  text-align: center;
}

.spw_missions {
  overflow: auto;
  text-wrap: unrestricted;
  word-wrap: break-word;
  word-break: break-all;
  /* ミッション一覧 */
}
.spw_missions .spw_missionsContainer {
  position: relative;
  margin-bottom: 10px;
}
.spw_missions .spw_missionsContainer:after {
  display: block;
  clear: both;
  margin-bottom: 20px;
  padding-bottom: 10px;
  content: "";
}
.spw_missions .spw_missionCard {
  display: inline-block;
  margin: 0 2px 5px;
  padding: 3px 2px;
  width: 70px;
  vertical-align: top;
  text-align: center;
  font-size: xx-small;
}
.spw_missions .spw_missionCard.on {
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.05, white), color-stop(0.05, white), to(white));
  background-color: #fefefe;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) inset;
}
.spw_missions .spw_missionCard .spw_missionCardImg {
  width: 70px;
  height: 70px;
}
.spw_missions .spw_missionCard .spw_missionCardImg > img {
  max-width: 70px;
  max-height: 70px;
  width: auto;
  height: auto;
}
.spw_missions .spw_missionFractionWrap {
  position: absolute;
  bottom: -20px;
}
.spw_missions .spw_missionFraction {
  margin-top: 3px;
  padding: 2px;
  width: 65px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #aaa;
}
.spw_missions .spw_missionProgressBar {
  height: 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #354242;
}
.spw_missions .spw_missionProgressBar.spw_missionProgressBarComplete {
  background-color: #921A1E;
  -webkit-animation: blinkAanime 1.6s ease 0s infinite alternate;
  -moz-animation: blinkAanime 1.6s ease 0s infinite alternate;
  -ms-animation: blinkAanime 1.6s ease 0s infinite alternate;
  -o-animation: blinkAanime 1.6s ease 0s infinite alternate;
  animation: blinkAanime 1.6s ease 0s infinite alternate;
}

@-moz-keyframes blinkAanime {
  0% {
    background-color: #ee3232;
  }

  100% {
    background-color: #ffe957;
  }
}

@-webkit-keyframes blinkAanime {
  0% {
    background-color: #ee3232;
  }

  100% {
    background-color: #ffe957;
  }
}

@-o-keyframes blinkAanime {
  0% {
    background-color: #ee3232;
  }

  100% {
    background-color: #ffe957;
  }
}

/* 通知 */
.spw_notifyToast,
.spw_notifyCrouton {
  position: fixed;
  bottom: 0px;
  z-index: 9903;
  width: 100%;
}

.spw_notifyCrouton {
  z-index: 1003;
}

/* トースト */
.spw_Toast {
  overflow:hidden;
  display:none;
  width:1020px;
  height:75px;
  font-size:normal;
  background-color:#FCFCFC;
  color:#354242;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.4);
  box-shadow:0px 0px 5px rgba(0, 0, 0, 0.4);
  margin:0 auto -10px;
  padding:10px 5px 10px;
}
.spw_Toast .spw_rewardCard {
	display:none;
  float:left;
  margin:0 5px 0 0;
  padding:0;
  width:60px;
  height:60px;
}
.spw_Toast .spw_rewardCard > img {
  max-width:60px;
  max-height:60px;
  width:auto;
  height:auto;
}
.spw_Toast .spw_closeButton {
  float:right;
  margin-left:5px;
  padding:3px 6px 3px;
  border-radius:3px;
  background-color:#676767;
  color:#fff;
  text-align:center;
  font-weight:bold;
  font-size:15px;
  cursor:pointer;
}

/* クルトン */
.spw_crouton {
  clear: both;
  display: none;
  float: right;
  right: 0;
  min-width: 33%;
  font-size: x-small;
  background-color: #C9DE55;
  color: #354242;
  background: -webkit-gradient(linear, left top, left bottom, from(#c9de55), color-stop(0.3, #c9de55), color-stop(0.6, #b7ca4d), to(#b7ca4d));
  border: solid 1px #E0E0E0;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 0 5px 5px 50%;
  padding: 5px;
  /* クルトン初期画像 */
}
.spw_crouton .spw_behavior_icon {
  float: left;
  margin-right: 5px;
  width: 24px;
  height: 26px;
  background: url("https://s3.amazonaws.com/badgeville-production-images/v2/images/icon_sprite.png") no-repeat;
}
.spw_crouton .spw_behavior_icon.question_dialog {
  background-position: 0;
}
.spw_crouton .spw_behavior_icon.exclamation_dialog {
  background-position: -24px;
}
.spw_crouton .spw_behavior_icon.play {
  background-position: -48px;
}
.spw_crouton .spw_behavior_icon.heart {
  background-position: -72px;
}
.spw_crouton .spw_behavior_icon.dialog {
  background-position: -96px;
}
.spw_crouton .spw_behavior_icon.twitter_bird {
  background-position: -120px;
}
.spw_crouton .spw_behavior_icon.question {
  background-position: -144px;
}
.spw_crouton .spw_behavior_icon.star {
  background-position: -168px;
}
.spw_crouton .spw_behavior_icon.facebook {
  background-position: -192px;
}
.spw_crouton .spw_behavior_icon.like {
  background-position: -216px;
}
.spw_crouton .spw_behavior_icon.shopping {
  background-position: -240px;
}
.spw_crouton .spw_behavior_icon.graph {
  background-position: -264px;
}
.spw_crouton .spw_behavior_icon.mail {
  background-position: -288px;
}
.spw_crouton .spw_behavior_icon.burst {
  background-position: -312px;
}
.spw_crouton .spw_behavior_icon.star_dialog {
  background-position: -336px;
}
.spw_crouton .spw_behavior_icon.hand {
  background-position: -360px;
}
.spw_crouton .spw_behavior_icon.run {
  background-position: -384px;
}
.spw_crouton .spw_behavior_icon.thumbs_up {
  background-position: -408px;
}
.spw_crouton .spw_behavior_icon.price_tag {
  background-position: -432px;
}

/* 名前変更 */
.spw_playerNameEdit {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 4px 16px;
  padding-right: 14px \9;
  padding-left: 14px \9;
  width: 100%;
  height: 50px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #555555;
  vertical-align: middle;
  font-size: 28px;
  line-height: 36px;
  -webkit-transition: border linear, box-shadow linear;
  -webkit-transition-delay: 0.2s, 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.spw_playerNameEdit:focus {
  outline: 0;
  outline: thin dotted \9;
  border-color: rgba(82, 168, 236, 0.8);
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.spw_playerNameEdit .spw_loadingFrame {
  position: absolute;
  left: 50%;
}
.spw_playerNameEdit .spw_loading {
  position: relative;
  top: 20px;
  left: -50%;
}

.spw_playerNameCount {
  float: right;
}

/* プロフィール */
.spw_playerProfile {
  margin: 5px;
  overflow: auto;
  text-wrap: unrestricted;
  word-wrap: break-word;
  word-break: break-all;
  /* レベル進捗 */
}
.spw_playerProfile:after,
.spw_playerProfile .spw_playerCard:after,
.spw_playerProfile .spw_playerContent:after {
  display: block;
  clear: both;
  content: "";
}
.spw_playerProfile .spw_playerPicContent {
  float: left;
  margin-right: 5px;
  width: 80px;
}
.spw_playerProfile .spw_playerPicContent img {
  max-width: 100%;
}
.spw_playerProfile .spw_playerContent {
  float: left;
}
.spw_playerProfile .spw_display_name {
  font-weight: bold;
}
.spw_playerProfile .spw_levelContent {
  font-size: small;
}
.spw_playerProfile .spw_units-points-all,
.spw_playerProfile .spw_units-badges-all {
  color: #667F89;
}
.spw_playerProfile .spw_units-points-all span:nth-child(1),
.spw_playerProfile .spw_units-badges-all span:nth-child(1) {
  font-weight: bold;
}
.spw_playerProfile .spw_units-points-all span:nth-child(2),
.spw_playerProfile .spw_units-badges-all span:nth-child(2) {
  font-size: x-small;
}
.spw_playerProfile .spw_levelImg {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  padding-top: 8px;
  width: 100%;
}
.spw_playerProfile .spw_progress {
  margin-top: 7px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
}
.spw_playerProfile .spw_progressBG {
  margin: 0 5px;
  padding: 2px;
  border-radius: 10px;
  background-color: #354242;
}
.spw_playerProfile .spw_progressBar {
  height: 15px;
  border-radius: 10px;
  background-color: #667F74;
}
.spw_playerProfile .spw_currentLevel,
.spw_playerProfile .spw_nextLevel {
  width: 40px;
  text-align: center;
}
.spw_playerProfile .spw_currentLevel {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-box-ordinal-group: 1;
  box-ordinal-group: 1;
}
.spw_playerProfile .spw_nextLevel {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-box-ordinal-group: 3;
  box-ordinal-group: 3;
}
.spw_playerProfile .spw_currentLevel img,
.spw_playerProfile .spw_nextLevel img {
  max-width: 30px;
}
.spw_playerProfile .spw_currentLevelName,
.spw_playerProfile .spw_nextLevelName {
  width: 48%;
  font-size: xx-small;
  -moz-box-flex: 0;
}
.spw_playerProfile .spw_currentLevelName {
  float: left;
}
.spw_playerProfile .spw_nextLevelName {
  float: right;
  text-align: right;
}

.spwidget {
  /* リワード詳細用 */
  /* 禁則処理 */
}
.spwidget .spw_rewardCard {
  display: inline-block;
  margin: 5px 5px 5px;
  width: 60px;
  vertical-align: top;
  text-align: center;
  font-size: xx-small;
}
.spwidget .spw_rewardCard .spw_rewardCardImg {
  width: 60px;
  height: 60px;
}
.spwidget .spw_rewardCard .spw_rewardCardImg > img {
  max-width: 60px;
  max-height: 60px;
  width: auto;
  height: auto;
}
.spwidget .spw_rewardCardDetail {
  display: none;
  margin: 0px 5px 10px;
  padding: 5px;
  border: solid 2px #ddd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.85)), color-stop(0.05, rgba(240, 240, 240, 0.85)), color-stop(0.05, rgba(255, 255, 255, 0.85)), to(rgba(240, 240, 240, 0.85)));
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}
.spwidget .spw_rewardCardDetail:after,
.spwidget .spw_rewardCardDetail .spw_rewardCardWrap:after,
.spwidget .spw_rewardCardDetail .spw_rewardCardWrap .spw_rewardCard .spw_rewardCardImg:after {
  display: block;
  clear: both;
  content: "";
}
.spwidget .spw_rewardCardDetail .spw_rewardCardWrap .spw_rewardCard {
  margin: 0 0 5px;
  width: 100%;
  font-size: large;
}
.spwidget .spw_rewardCardDetail .spw_rewardCardWrap .spw_rewardCard .spw_rewardCardImg {
  width: 100%;
  height: auto;
}
.spwidget .spw_rewardCardDetail .spw_rewardCardWrap .spw_rewardCard .spw_rewardCardImg > img {
  max-width: 200px;
  max-height: 200px;
  width: auto;
  height: auto;
}
.spwidget .spw_rewardCardDetail .spw_rewardCardMessage {
  margin-bottom: 10px;
}
.spwidget .spw_rewardCardName,
.spwidget .spw_rewardCardMessage {
  overflow: auto;
  text-wrap: unrestricted;
  word-wrap: break-word;
  word-break: break-all;
}
.spwidget .spw_rewardDetailButton {
  position: absolute;
  top: -23px;
  right: 13px;
  z-index: 1001;
  padding: 5px 10px;
  width: 40px;
  border: solid 1px #E0E0E0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, left bottom, from(#c9de55), color-stop(0.3, #c9de55), color-stop(0.6, #b7ca4d), to(#b7ca4d));
  background-color: #C9DE55;
  color: #fff;
  text-align: center;
}

.spwidget {
  /* バルーン */
}
.spwidget .spw_messageBalloon {
  position: absolute;
  top: 40px;
  left: -2px;
  z-index: 1000;
  display: none;
  width: 100%;
}
.spwidget .spw_messageBalloonAfter {
  position: relative;
  top: -14px;
  left: 47px;
  z-index: 1000;
  margin-bottom: -17px;
  width: 21px;
  height: 14px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB9AAAAAoCAYAAACmXmGDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFNJREFUeNrs3U9rXFUYB+CTSyp+Axeu3AvuRBA/hmD8h3Rj3Vghbtx0U1ciFjdWSFx2EcFFVi7sKm4qWKVaqKAtA4mmpklMWjuZZjIznjMeJNR07p3MTOaKzwM/OnPP+77ncu/ykOnMN7dePBVCWIl5LgxQzDwWnn7yw/D4qSfCOLXav4frv74bur39stIrMS/EHBy++OxTnwcAAAAAAAAAGFUR046Zi9kZVJgOuBtbC/HTzFiTZlY4PN/J93jglQEAAAAAAAAwCUX+txFzpqz47t6PYX13eWybp1lpZgVn8j0CAAAAAAAAwEQUhz4vxSyWNaxuXwq7e9dG3jjNSLMqWMj3BgAAAAAAAAATUzz0/WzMjbKmXzY+Cg8O7hx709SbZlSQ7uUdrwkAAAAAAACASXv4AL0Z81JMa1BTp7sXGpuLx9409aYZJVr5XppeEwAAAAAAAACTVhxx7YeY+bLG3b3vw8a9r4beMPWk3grm870AAAAAAAAAwMQVj7j+ScxyWXNjcyHcf3Cz8mapNvVUsJzvAQAAAAAAAABORDFg7XTMatmAn26/H/YPtko3SjWptoLVvDcAAAAAAAAAnJhBB+jbMa/GdAYN6HTvh8ZW+V+Vp5pUW6KT99z2agAAAAAAAAA4SUXJ+krM+bIhO83vwtafXz9yPa2lmgrO5z0BAAAAAAAA4EQVFWrS766XHmrf2vw0tNrr/7qerqW1ClbyXgAAAAAAAABw4qocoKefVX8llPyseq/XPvKn3NO1tFZiO+/R8UoAAAAAAAAAmIaiYt1azOmY3qCiu3vXw287X/zzPX1O10r08uw1rwMAAAAAAACAaSmGqF2OuVhWtPbHUthpXu0nfa7gYp4NAAAAAAAAAFMzO2T9fMzzMc8MKrp55+Oq867lmQAAAAAAAAAwVcWQ9a2YuZjmoKJOt9VPiWae1fIaAAAAAAAAAJi24hg9N2LeHsPeZ/MsAAAAAAAAAJi64ph9n8UsjbBv6l30+AEAAAAAAACoi2KE3jdjGsfoa+ReAAAAAAAAAKiNUQ7Qd8Pf/4d5e4iedu7Z9egBAAAAAAAAqJNixP4rMeeGqD+XewAAAAAAAACgVooxzPgg5nKFusu5FgAAAAAAAABqZxwH6N2Y12I2BtSktddzLQAAAAAAAADUTjGmObdj3ojpHbHWy2vrHjcAAAAAAAAAdVWMcdaXMReOuH4hrwEAAAAAAABAbRVjnvdezLeHvl/N1wAAAAAAAACg1sZ9gL4f83LMvZy5fA0AAAAAAAAAam12AjN/jnkrZiZ/BgAAAAAAAIDam53Q3EseLQAAAAAAAAD/JTO9Xs9TAAAAAAAAAOB/r/AIAAAAAAAAAMABOgAAAAAAAAD0OUAHAAAAAAAAgOAAHQAAAAAAAAD6HKADAAAAAAAAQHCADgAAAAAAAAB9DtABAAAAAAAAIDhABwAAAAAAAIA+B+gAAAAAAAAAEP0lwAAu3AlYtJnXOgAAAABJRU5ErkJggg==") no-repeat 0 0;
  -webkit-background-size: 1000px auto;
  -moz-background-size: 1000px auto;
  -o-background-size: 1000px auto;
  background-size: 1000px auto;
}
.spwidget .spw_messageBalloonText {
  display: block;
  margin: 0 10px 10px;
  padding: 5px;
  border: 4px solid #C9DE55;
  border-radius: 10px;
  background-color: #fff;
  color: #96ae12;
  line-height: 1.2em;
}

.spwidget {
  /* リワード一覧 */
  /* ８つ */
  /* ７つ */
  /* ６つ */
  /* ５つ */
  /* ４つ */
}
.spwidget.spw_rewardList {
  overflow: auto;
  text-wrap: unrestricted;
  word-wrap: break-word;
  word-break: break-all;
}
.spwidget .spw_rewardListContent:after,
.spwidget .spw_rewardContent:after {
  display: block;
  clear: both;
  content: "";
}
.spwidget .spw_rewardListTitle {
  text-align: center;
}
.spwidget .spw_rewardListContent {
  margin: 0px 5px 10px;
  padding: 5px;
  border: solid 2px #ddd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.85)), color-stop(0.05, rgba(240, 240, 240, 0.85)), color-stop(0.05, rgba(255, 255, 255, 0.85)), to(rgba(240, 240, 240, 0.85)));
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}
.spwidget .spw_rewardContent {
  position: relative;
  margin: 0px auto;
  padding: 5px;
}
.spwidget .spw_rewardContent_nextButton {
  display: none;
}
@media screen and (min-width: 595px) and (max-width: 664px) {
  .spwidget .spw_rewardContent {
    max-width: 560px;
  }
}
@media screen and (min-width: 525px) and (max-width: 594px) {
  .spwidget .spw_rewardContent {
    max-width: 490px;
  }
}
@media screen and (min-width: 455px) and (max-width: 524px) {
  .spwidget .spw_rewardContent {
    max-width: 420px;
  }
}
@media screen and (min-width: 385px) and (max-width: 454px) {
  .spwidget .spw_rewardContent {
    max-width: 350px;
  }
}
@media screen and (max-width: 384px) {
  .spwidget .spw_rewardContent {
    max-width: 280px;
  }
}