.ldst__body {
  background-color: #3f4345;
}
.ldst__bg {
  position: relative;
  height: 1%;
  background-color: #e6e6e6;
  color: #404040;
}
.ldst__bg--bg {
  background-color: #f3f3f3;
}
.ldst__bg #sns_btn {
  margin-bottom: 10px;
}
.ldst__bg--color {
  color: #cccccc;
}
.ldst__bg--color .heading__title {
  width: 956px;
}
.ldst__contents {
  width: 960px;
  padding-bottom: 40px;
  margin: 0 auto;
}
.ldst__contents a {
  color: #2556b8;
}
.ldst__contents--mypage {
  width: 100%;
  min-width: 960px;
  margin: 0 auto;
}
.ldst__contents--mypage a {
  color: #2556b8;
}
.ldst__main {
  float: left;
  width: 620px;
  margin-left: 10px;
}
.ldst__single_column {
  width: 960px;
  margin: 0 auto;
}
.ldst__single_column .ldst__window {
  width: 940px;
  margin: 0 auto 10px;
}
.ldst__window {
  position: relative;
  padding-bottom: 1px;
  margin-bottom: 10px;
  height: 1%;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.ldst__news {
  margin-top: 5px;
}
.ldst__column {
  width: 620px;
  margin: 0 auto 40px;
  padding-top: 16px;
}
.ldst__column a {
  color: #2556b8;
}
.ldst__error {
  width: 620px;
  margin: 0 auto 40px;
  padding: 10px 0 32px;
}
.ldst__error a {
  color: #2556b8;
}
.ldst__popup {
  width: 620px;
  margin: 0 auto 20px;
}
.ldst__popup a {
  color: #2556b8;
}
.ldst__top {
  padding-top: 20px;
}
.ldst__side {
  float: right;
  width: 300px;
  margin-right: 10px;
}
.ldst__side__box {
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.ldst__side__box--pvpteam {
  padding-bottom: 0;
}
.ldst__side__btn {
  display: table;
  width: 100%;
  margin-bottom: 16px;
}
.ldst__side__btn:after {
  content: '';
  clear: both;
  display: block;
}
.ldst__side__btn li {
  float: left;
  width: 150px;
  vertical-align: top;
}
.ldst__side__btn li:nth-child(1) a {
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.ldst__side__btn li:nth-child(1) a:hover {
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.ldst__side__btn li:nth-child(1) a.press {
  color: #404040;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.ldst__side__btn a {
  display: table-cell;
  vertical-align: middle;
  width: 150px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #404040;
  font-weight: bold;
}
.ldst__side__btn i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.ldst__category {
  float: left;
  width: 160px;
}
.ldst__achievement {
  float: left;
  width: 460px;
  padding-bottom: 16px;
}
.ldst__upload {
  z-index: 10008;
  width: 620px;
  height: auto;
  color: #404040;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.ldst__banner {
  width: 940px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.ldst__banner li {
  float: left;
  margin: 0 20px 10px 0;
}
.ldst__banner li:nth-child(3n) {
  margin-right: 0;
}
.ldst-popup-time {
  color: #d98041 !important;
  font-weight: bold;
}
.ldst-popup-time:hover {
  text-decoration: none;
}
.ldst-popup-time-wrap {
  display: inline-block;
  position: relative;
}
.ldst-popup-time-popup {
  background: #ffffff;
  padding: 8px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  z-index: 10008;
  display: none;
}
.ldst-popup-time-popup p {
  display: flex;
  margin-bottom: 8px;
  white-space: nowrap;
}
.ldst-popup-time-popup p:last-of-type {
  margin-bottom: 0;
}
.ldst-popup-time-popup p img {
  width: auto;
  height: 13px;
  margin-right: 8px;
}
.ldst-popup-time-popup p span {
  color: #d98041;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}
.toggle_trigger--hidden {
  display: none;
  overflow: hidden;
}
.ldst-nav {
  margin-bottom: 16px;
}
.ldst-nav li {
  padding: 0 0 0 0;
  margin: 0 0 16px 0;
  font-size: 14px;
  min-width: 240px;
  text-align: left;
}
.ldst-nav li li {
  padding: 0 0 0 20px;
  margin: 0 0 0 0;
  font-size: 12px;
}
.ldst-nav a {
  color: #2556b8;
}
.ldst-nav__floating {
  position: static;
  top: 8px;
  z-index: 10000;
}
.ldst-nav__floating__icon {
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//SHm9-qLWAuZIPY9Kw2gKgobW3M.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  float: right;
  cursor: pointer;
  margin-left: 4px;
  line-height: 1;
}
.ldst-nav__floating__icon:hover {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//yNNBBt2kfL0fbdkga1T_3n5EYw.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
}
.ldst-nav__floating--fixed {
  position: fixed;
  top: 16px;
  right: auto;
}
.ldst-nav__floating__bace_position {
  position: absolute;
  top: 8px;
  right: 8px;
}
.ldst-nav__floating__list {
  background: #f3f3f3;
  width: auto;
  max-width: 560px;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  padding: 16px;
  height: 1%;
  float: right;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  position: relative;
  z-index: 10;
}
.ldst-nav__floating__list ul {
  margin-bottom: 0;
  overflow-y: auto;
  max-height: calc(100vh - 48px);
}
.ldst-nav__floating__list li:nth-last-child(1) {
  margin-bottom: 0;
}
.ldst-nav__floating__list li ul {
  width: auto;
  max-width: 100%;
}
.ldst-nav__floating__list li ul li {
  width: auto;
  max-width: 100%;
  min-width: auto;
  display: block;
}
.ldst-fixed_nav li {
  padding: 0 0 0 0;
  margin: 0 0 16px 0;
  font-size: 14px;
  min-width: 240px;
  text-align: left;
}
.ldst-fixed_nav li li {
  padding: 0 0 0 20px;
  margin: 0 0 0 0;
  font-size: 12px;
}
.ldst-fixed_nav a {
  color: #2556b8;
  font-weight: bold;
}
.ldst-fixed_nav__floating {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.ldst-fixed_nav__icon {
  display: none;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//SHm9-qLWAuZIPY9Kw2gKgobW3M.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  margin-left: 4px;
  line-height: 1;
}
.ldst-fixed_nav__icon:hover {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//yNNBBt2kfL0fbdkga1T_3n5EYw.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
}
.ldst-fixed_nav--fixed {
  position: fixed;
  top: 8px;
  right: 8px;
}
.ldst-fixed_nav__wrapper {
  position: relative;
  width: 960px;
}
.ldst-fixed_nav__bace_position {
  position: absolute;
  top: 0;
  right: 8px;
  width: 100%;
  z-index: 10;
}
.ldst-fixed_nav__list {
  background: #f3f3f3;
  width: 272px;
  max-width: 560px;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  padding: 16px;
  height: 1%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  position: relative;
  z-index: 10;
}
.ldst-fixed_nav__list ul {
  margin-bottom: 0;
  overflow-y: auto;
  max-height: calc(100vh - 48px);
}
.ldst-fixed_nav__list li:nth-last-child(1) {
  margin-bottom: 0;
}
.ldst-fixed_nav__list li ul {
  width: auto;
  max-width: 100%;
}
.ldst-fixed_nav__list li ul li {
  width: auto;
  max-width: 100%;
  min-width: auto;
  display: block;
}
.heading__title {
  width: 940px;
  margin: 0 auto 10px;
  padding: 4px 8px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-color: #293c66;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset 0px -1px 0px 0px
    rgba(0, 0, 0, 0.1) inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset -1px 0px
    0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset 0px -1px 0px
    0px rgba(0, 0, 0, 0.1) inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset -1px
    0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset 0px -1px 0px 0px rgba(
      0,
      0,
      0,
      0.1
    ) inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset -1px 0px 0px 0px
    rgba(0, 0, 0, 0.1) inset;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
}
.heading__title a {
  font-size: 16px;
  color: #e57e17;
}
.heading__title a:hover {
  color: #ff8c19;
  text-decoration: none;
}
.heading__title--mypage {
  font-size: 14px;
}
.heading__title--mypage i {
  line-height: 2;
}
.heading__title--column {
  width: 620px;
}
.heading--lg {
  padding: 4px 8px 4px 8px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #293c66;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset 0px -1px 0px 0px
    rgba(0, 0, 0, 0.1) inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset -1px 0px
    0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset 0px -1px 0px
    0px rgba(0, 0, 0, 0.1) inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset -1px
    0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset 0px -1px 0px 0px rgba(
      0,
      0,
      0,
      0.1
    ) inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset -1px 0px 0px 0px
    rgba(0, 0, 0, 0.1) inset;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
}
.heading--side {
  position: relative;
  padding: 4px 8px 4px 10px;
  font-weight: bold;
  color: #fff;
  background-color: #293c66;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset 0px -1px 0px 0px
    rgba(0, 0, 0, 0.1) inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset -1px 0px
    0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset 0px -1px 0px
    0px rgba(0, 0, 0, 0.1) inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset -1px
    0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset 0px -1px 0px 0px rgba(
      0,
      0,
      0,
      0.1
    ) inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset -1px 0px 0px 0px
    rgba(0, 0, 0, 0.1) inset;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
}
.heading--side h2,
.heading--side h3,
.heading--side h4 {
  font-size: 16px;
}
.heading--side__icon {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}
.heading--side--sm {
  padding: 16px 10px 6px;
  border-bottom: solid 1px #ccc;
  font-size: 12px;
  font-weight: bold;
  color: #404040;
}
.heading--side--lead {
  padding: 0 10px 4px 0;
  font-size: 12px;
  font-weight: bold;
  color: #404040;
}
.heading--md {
  padding: 22px 8px 8px 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  border-bottom: solid 1px #ccc;
}
.heading--md__rss {
  padding: 22px 36px 8px 10px;
  position: relative;
}
.heading--md__rss a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
  bottom: 6px;
}
.heading--md__rss i {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//f7Q2i_BQg5zSn-vEkbkrDAcr3w.png) no-repeat 0 0;
  background-size: 100% auto;
  display: block;
  width: 100%;
  height: 100%;
}
.heading--md-normal {
  padding: 0 8px 5px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #404040;
}
.heading--md-slide {
  padding: 12px 10px 6px 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  border-bottom: solid 1px #ccc;
}
.heading--md-first {
  padding: 0 10px 6px 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  border-bottom: solid 1px #ccc;
}
.heading--md-blue {
  padding: 22px 10px 6px 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #506fb3;
  border-bottom: solid 1px #ccc;
}
.heading--md-thread {
  padding: 22px 10px 8px 10px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #404040;
  border-bottom: solid 1px #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.heading--md-thread h2 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-weight: bold;
}
.heading__icon {
  position: relative;
  padding: 22px 38px 6px 10px;
  margin-bottom: 10px;
  color: #404040;
  border-bottom: solid 1px #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.heading__icon:after {
  content: '';
  clear: both;
  display: block;
}
.heading__icon h2,
.heading__icon h3,
.heading__icon h4 {
  font-size: 14px;
}
.heading__icon a,
.heading__icon i,
.heading__icon__text {
  position: absolute;
  right: 8px;
  bottom: 4px;
}
.heading__icon__update {
  position: absolute;
  top: 50%;
  right: 8px;
  color: #e57e17;
  font-size: 12px;
}
.heading__icon .btn__color {
  width: auto;
  margin: 0;
}
.heading--sm-line {
  padding: 0 10px 6px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ccc;
  font-size: 12px;
  font-weight: bold;
  color: #404040;
}
.heading--sm {
  padding: 0 10px 0 10px;
  font-size: 12px;
  font-weight: bold;
  color: #404040;
}
.heading--sm-blue {
  padding: 0 10px 0 10px;
  font-size: 12px;
  font-weight: bold;
  color: #506fb3;
}
.heading__item {
  color: #506fb3;
  font-size: 14px;
  font-weight: bold;
}
.heading__toggle {
  position: relative;
}
.heading__toggle__btn {
  position: absolute;
  top: 4px;
  right: 10px;
  cursor: pointer;
}
.heading__toggle__btn--md {
  position: absolute;
  top: 14px;
  right: 10px;
  cursor: pointer;
}
.heading__toggle__btn--md-slide {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.heading--lead {
  color: #506fb3;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
  margin-left: 10px;
}
.heading--lead i {
  margin-right: 4px;
}
.heading--lead__blue {
  color: #506fb3;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
  margin: 0 10px 8px;
}
.heading--lead__orange {
  color: #d98041;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
  margin: 0 10px;
}
.heading__linkshell {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 10px 10px;
  margin-bottom: 16px;
}
.heading__linkshell:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.heading__linkshell__profile {
  display: table;
}
.heading__linkshell__icon {
  display: table-cell;
  vertical-align: middle;
  width: 40px;
  padding-right: 4px;
}
.heading__linkshell__name {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
}
.heading__linkshell__toggle_btn {
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  width: 40px;
  height: 40px;
  margin-top: -22px;
  cursor: pointer;
}
.heading__linkshell__toggle_btn i {
  position: relative;
  top: 10px;
  left: 8px;
}
.heading__cwls__dcname {
  display: block;
  font-size: 12px;
  line-height: 1;
  color: #999;
  font-weight: normal;
}
.heading__cwls__formed {
  display: block;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  bottom: 8px;
  right: 10px;
  text-align: right;
  color: #404040;
}
.heading__cwls__toggle_btn {
  display: block;
  position: absolute;
  top: 0;
  right: 6px;
  width: 40px;
  height: 40px;
  margin-top: 0;
  cursor: pointer;
}
.heading__cwls__toggle_btn i {
  position: relative;
  top: 10px;
  left: 8px;
}
.heading__cwls__list li:first-of-type .heading__cwls__list--text {
  padding: 0 10px 10px;
}
.heading__cwls__list--text {
  padding: 10px;
  font-weight: bold;
}
.heading--pickup {
  position: relative;
  background: #662929;
  display: flex;
  align-items: center;
}
.heading--pickup h2 {
  margin-right: auto;
  font-size: 16px;
}
.heading--pickup p {
  font-size: 12px;
  font-weight: normal;
  color: #e57e17;
}
.heading--pickup__update {
  padding: 16px 10px 6px 10px;
  border-bottom: solid 1px #ccc;
  color: #404040;
  text-align: right;
  font-size: 12px;
  color: #e57e17;
}
.heading__flex {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 22px 10px 6px 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.heading__flex h3 {
  font-size: 14px;
  margin-right: auto;
  color: #404040;
}
.heading__flex__text {
  margin-right: 8px;
  font-size: 12px;
  font-weight: bold;
}
.parts__update {
  background: #f3f3f3;
  margin: 0 16px 10px;
  padding: 4px;
  box-shadow: 0px 0px 0px 1px #e57e17 inset;
  border-radius: 4px;
  font-size: 12px;
  color: #e57e17;
  text-align: center;
}
.parts__fraction,
.parts__total {
  padding-right: 10px;
  text-align: right;
  font-size: 14px;
  color: #404040;
}
.parts__connect {
  position: absolute;
  right: 4px;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
}
.parts__connect i {
  position: relative;
  top: 10px;
  left: 10px;
}
.parts__connect_off {
  width: 20px;
  height: 20px;
  background-position: -104px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
  opacity: 0.25;
  display: inline-block;
}
.parts__connect_on {
  width: 20px;
  height: 20px;
  background-position: -185px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
  display: inline-block;
}
.parts__connect_on_32 {
  width: 16px;
  height: 16px;
  background-position: -205px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
  display: inline-block;
}
.parts__connect--state {
  display: block;
  position: absolute;
  top: 11px;
  right: 4px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.parts__connect--state i {
  position: relative;
  top: 10px;
  left: 10px;
}
.parts__switch {
  display: none;
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 100;
  width: 320px;
  padding: 10px 0;
  margin-top: 12px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.parts__switch.show {
  display: block;
}
.parts__switch--filter {
  margin-top: 24px;
  right: 8px;
}
.parts__switch.mypage-wall_filter {
  width: 924px;
}
.parts__switch__link {
  position: relative;
  display: block;
  padding: 6px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  color: #404040 !important;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.parts__switch__link:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.parts__switch__link:hover {
  text-decoration: none;
  background-color: #fff;
}
.parts__switch__link:hover:after {
  background-color: #fff;
}
.parts__switch__link.press {
  background-color: #eee;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.parts__switch__link.press:after {
  background-color: #eee;
}
.parts__switch i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.parts__slide_toggle {
  padding-bottom: 6px;
}
.parts__slide_toggle--hidden {
  display: none;
  border-bottom: solid 1px #ccc;
  padding-bottom: 6px;
}
.parts__online_on {
  position: absolute;
  bottom: 10px;
  left: 53px;
  width: 10px;
  height: 10px;
  background-position: -451px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
}
.parts__online_off {
  position: absolute;
  bottom: 10px;
  left: 53px;
  width: 10px;
  height: 10px;
  background-position: -441px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
}
.parts__text {
  padding: 0 10px 16px;
}
.parts__text.parts__space--reset {
  padding-bottom: 0;
}
.parts__text__error {
  color: #b2122d;
}
.parts__text__notes {
  font-size: 12px;
  color: #b2122d;
}
.parts__text__msg {
  color: #b2122d;
}
.parts__text__link {
  color: #4769b3;
}
.parts__text__supple {
  font-size: 12px;
  color: #999;
}
.parts__text__login {
  text-align: center;
  margin-bottom: 16px;
}
.parts__text__mog {
  margin: 0 10px 16px;
}
.parts__text__box {
  font-size: 12px;
  border: solid 1px #ccc;
  padding: 16px;
  margin: 16px 24px;
}
.parts__active {
  color: #e57e17;
}
.parts__zero {
  padding: 32px 10px;
  text-align: center;
  color: #999;
}
.parts__zero--left {
  padding: 32px 10px;
  color: #999;
  text-align: left;
}
.parts__zero--character {
  padding: 16px 10px 32px 10px;
}
.parts__zero--side {
  padding: 16px 10px;
  text-align: center;
  color: #999;
}
.parts__loading {
  text-align: center;
  margin-bottom: 32px;
}
.parts__layout--left {
  text-align: left;
}
.parts__layout--center {
  text-align: center;
}
.parts__layout--right {
  text-align: right;
}
.parts__layout--image {
  text-align: center;
}
.parts__layout--img_right {
  float: right;
  padding: 0 10px;
}
.parts__space--reset {
  margin-bottom: 0 !important;
}
.parts__space--add {
  margin-bottom: 10px !important;
}
.parts__space--8 {
  margin-bottom: 8px !important;
}
.parts__space--16 {
  margin-bottom: 16px !important;
}
.parts__space--20 {
  margin-bottom: 20px !important;
}
.parts__space--32 {
  margin-bottom: 32px !important;
}
.parts__space--40 {
  margin-bottom: 40px !important;
}
.parts__space--pt10 {
  padding-top: 10px !important;
}
.parts__space--pt16 {
  padding-top: 16px !important;
}
.parts__space--pb20 {
  padding-bottom: 20px !important;
}
.parts__space--pt24 {
  padding-top: 24px !important;
}
.parts__space--pb16 {
  padding-bottom: 16px;
}
.parts__space--pt8 {
  padding-top: 8px !important;
}
.parts__space--mt10 {
  margin-top: 10px !important;
}
.parts__space--mt16 {
  margin-top: 16px !important;
}
.parts__space--plr12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.parts__space--plr10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.parts__space--notes {
  margin-bottom: 4px !important;
}
.parts__space--topicpath {
  padding-top: 32px;
}
.parts__space--last {
  margin-bottom: 32px;
}
.parts__space--ldst {
  padding-bottom: 32px;
}
.parts__font-10 {
  font-size: 10px !important;
}
.parts__font-12 {
  font-size: 12px !important;
}
.parts__font-14 {
  font-size: 14px !important;
}
.parts__font-16 {
  font-size: 16px !important;
}
.parts__z-index-10 {
  z-index: 10 !important;
}
.parts__z-index-09 {
  z-index: 9 !important;
}
.parts__table {
  margin: 0 16px 16px;
}
.parts__table table {
  width: 100%;
}
.parts__table th,
.parts__table dt {
  position: relative;
  font-size: 14px;
  color: #fff;
  background-color: #293c66;
  padding: 3px 8px 2px 8px;
  font-weight: normal;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parts__table td,
.parts__table dd {
  padding: 8px 8px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  text-align: center;
  border-collapse: collapse;
  font-size: 12px;
  text-align: left;
}
.parts__table--spacer {
  background: none !important;
  padding: 0 !important;
  min-width: 4px;
}
.parts__table--serial {
  border-bottom: none !important;
}
.parts__table--none {
  border-bottom: none !important;
}
.parts__social--right {
  float: right;
  width: 50%;
}
.parts__social:after {
  content: '';
  clear: both;
  display: block;
}
.parts__social li {
  float: right;
  margin-right: 10px;
  height: 20px;
}
.parts__none {
  display: none;
}
.parts__none.selected {
  display: block;
}
.parts__line {
  background: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  height: 1px;
  margin-bottom: 10px;
  background-color: #ccc;
}
.parts__line:after {
  position: absolute;
  left: 1px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #f3f3f3;
}
.parts__bottom-radius {
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.parts__list-cat {
  margin-top: 6px;
  line-height: 1.4;
}
.parts__list-cat li {
  margin-bottom: 4px;
  vertical-align: top;
  padding: 0 0 0 28px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat 10px -1px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  font-size: 12px;
}
.parts__highlight {
  padding: 6px 10px;
  margin-bottom: 16px;
  background-color: #fff;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.parts__highlight pre {
  display: block;
  white-space: pre-wrap;
}
.parts__section {
  margin-top: 16px;
}
.parts__section__border {
  padding: 16px 0 8px;
  border-top: 1px solid #ccc;
}
.parts__section__border:last-of-type {
  padding: 16px 0 0;
}
.parts__section__table {
  width: 100%;
  text-align: center;
}
.parts__section__table th {
  background: #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
.parts__section__table td {
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
.notice__message a {
  position: relative;
  display: block;
  padding: 7px 30px 6px 10px;
  margin: 0 10px 10px;
  font-size: 14px;
  color: #b2122d;
  background: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px #b2122d inset;
  -webkit-box-shadow: 0px 0px 0px 1px #b2122d inset;
  box-shadow: 0px 0px 0px 1px #b2122d inset;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.notice__message a:before {
  content: ' ';
  width: 16px;
  height: 16px;
  background-position: -97px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.notice__message a:hover {
  text-decoration: none;
  background: #ffebee;
}
.notice__message a:active {
  background: #f3f3f3;
}
.title__comment {
  padding: 6px 10px 5px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  background: #404040;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.icon-menu__linkshell {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//sdHWnoNaGTGn6iGfhTZVBf4Y3Q.png) no-repeat 0 0;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  -webkit-background-size: 20px;
  background-size: 20px;
}
.icon-menu__linkshell_40 {
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 4px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//sdHWnoNaGTGn6iGfhTZVBf4Y3Q.png) no-repeat 0 0;
  -moz-background-size: 40px;
  -o-background-size: 40px;
  -webkit-background-size: 40px;
  background-size: 40px;
}
.icon-menu__linkshell_64 {
  display: block;
  width: 64px;
  height: 64px;
  margin-right: 4px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//sdHWnoNaGTGn6iGfhTZVBf4Y3Q.png) no-repeat 0 0;
  -moz-background-size: 64px;
  -o-background-size: 64px;
  -webkit-background-size: 64px;
  background-size: 64px;
}
.icon-menu__control {
  width: 20px;
  height: 20px;
  background-position: -124px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-menu__friend {
  display: block;
  width: 32px;
  height: 32px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//WC7mmfQLpb5swx_NjaA75epMuQ.png) no-repeat 0 0;
  -moz-background-size: 32px;
  -o-background-size: 32px;
  -webkit-background-size: 32px;
  background-size: 32px;
}
.icon-menu__friend_metal {
  display: block;
  width: 40px;
  height: 40px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ilS6zmPf0bn7CRzmLYkVJZEdr4.png) no-repeat 0 0;
  -moz-background-size: 40px;
  -o-background-size: 40px;
  -webkit-background-size: 40px;
  background-size: 40px;
}
.icon-menu__follow {
  display: block;
  width: 32px;
  height: 32px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ZXhFupB-4YaP8q8BT94OFTFVhA.png) no-repeat 0 0;
  -moz-background-size: 32px;
  -o-background-size: 32px;
  -webkit-background-size: 32px;
  background-size: 32px;
}
.icon-menu__follow_metal {
  display: block;
  width: 40px;
  height: 40px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//aYFxV0TPHKNydNppB7MDXOTgzQ.png) no-repeat 0 0;
  -moz-background-size: 40px;
  -o-background-size: 40px;
  -webkit-background-size: 40px;
  background-size: 40px;
}
.icon-menu__cwls {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//4_6qlZUYui4tW5ktSgjd-uYbxk.png) no-repeat 0 0;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  -webkit-background-size: 20px;
  background-size: 20px;
}
.icon-menu__cwls_40 {
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 4px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//4_6qlZUYui4tW5ktSgjd-uYbxk.png) no-repeat 0 0;
  -moz-background-size: 40px;
  -o-background-size: 40px;
  -webkit-background-size: 40px;
  background-size: 40px;
}
.icon-menu__cwls_64 {
  display: block;
  width: 64px;
  height: 64px;
  margin-right: 4px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//4_6qlZUYui4tW5ktSgjd-uYbxk.png) no-repeat 0 0;
  -moz-background-size: 64px;
  -o-background-size: 64px;
  -webkit-background-size: 64px;
  background-size: 64px;
}
.frame__chara {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.frame__chara--side {
  margin-bottom: 8px;
}
.frame__chara__inner {
  position: relative;
}
.frame__chara__link {
  display: table;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  width: 100%;
  height: 65px;
  padding: 0 44px 0 10px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.frame__chara__link:hover {
  text-decoration: none;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.frame__chara__link.press {
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.frame__chara__link--side {
  height: auto;
  min-height: 42px;
}
.frame__chara__link--icon {
  display: table;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  width: 100%;
  padding: 0 44px 0 16px;
  height: 50px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.frame__chara__face {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  padding-right: 8px;
}
.frame__chara__face img {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  width: 50px;
  height: 50px;
}
.frame__chara__icon {
  display: table-cell;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  padding-right: 8px;
}
.frame__chara__icon img {
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  width: 32px;
  height: 32px;
}
.frame__chara__box {
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.frame__chara__title {
  font-size: 10px;
  color: #404040;
  line-height: 1;
}
.frame__chara__name {
  font-size: 14px;
  color: #404040;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.frame__chara__name--side {
  text-overflow: normal;
  white-space: normal;
  margin-top: 8px;
}
.frame__chara__world {
  font-size: 10px;
  color: #999;
  line-height: 1;
}
.frame__chara__world--side {
  margin-bottom: 8px;
}
.frame__chara__btn {
  display: block;
  position: absolute;
  right: 4px;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
}
.frame__chara__btn i {
  position: relative;
  top: 10px;
  left: 10px;
}
.frame__toggle_btn {
  display: block;
  position: absolute;
  top: 16px;
  right: 4px;
  width: 40px;
  height: 40px;
}
.frame__toggle_btn i {
  position: relative;
  top: 10px;
  left: 10px;
}
.list__ic__class {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}
.list__ic__class img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.list__ic__crest {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 2px;
}
.list__ic__crest:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-position: -313px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.list__ic__crest img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -9px;
}
.icon-btn__switch {
  width: 20px;
  height: 20px;
  background-position: -604px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-btn__connect_off {
  width: 20px;
  height: 20px;
  background-position: -104px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-btn__connect_on {
  width: 20px;
  height: 20px;
  background-position: -185px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
}
.icon-btn__filter {
  width: 20px;
  height: 20px;
  background-position: -236px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
  cursor: pointer;
}
.icon-btn__filter_28 {
  width: 28px;
  height: 28px;
  background-position: -256px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-btn__search {
  width: 20px;
  height: 20px;
  background-position: -556px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-btn__search_28 {
  width: 28px;
  height: 28px;
  background-position: -576px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-btn__control {
  width: 20px;
  height: 20px;
  background-position: -124px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-btn__control_28 {
  width: 28px;
  height: 28px;
  background-position: -144px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-btn__release {
  width: 20px;
  height: 20px;
  background-position: -536px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
  opacity: 0.25;
}
.icon-btn__follow {
  width: 20px;
  height: 20px;
  background-position: -284px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-btn__create {
  width: 20px;
  height: 20px;
  background-position: -172px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-btn__create_28 {
  width: 28px;
  height: 28px;
  background-position: -192px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-btn__check {
  width: 20px;
  height: 20px;
  background-position: -145px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
}
.icon-btn__help {
  width: 16px;
  height: 16px;
  background-position: -304px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-btn__change_list {
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  display: block;
  margin-right: 4px;
  cursor: pointer;
  float: left;
}
.icon-btn__change_list img {
  display: block;
}
.icon-btn__change_list:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.icon-btn__change_list.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.icon-btn__change_list.selected {
  color: #fff;
  background-color: #e67e17;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.icon-btn__calendar {
  width: 20px;
  height: 20px;
  background-position: -64px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-list__rich-mode {
  width: 16px;
  height: 16px;
  background-position: -461px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
}
.entry__blog_block__header .icon-list__rich-mode {
  width: 12px;
  height: 12px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//nEEgiVbFJRvfdQAP0wBkxiFEoo.png) no-repeat 0 0;
  -moz-background-size: 12px 12px;
  -o-background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
  background-size: 12px 12px;
}
.icon-list__views {
  width: 16px;
  height: 16px;
  background-position: -640px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-list__comment {
  width: 20px;
  height: 20px;
  background-position: -84px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-list__comment_16 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//_uKhMhZGd5RzwXBBtqLhsGRdDM.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.entry__blog_block__header .icon-list__comment_16 {
  width: 12px;
  height: 12px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//_uKhMhZGd5RzwXBBtqLhsGRdDM.png) no-repeat 0 0;
  -moz-background-size: 12px 12px;
  -o-background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
  background-size: 12px 12px;
}
.icon-list__like {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//R1gUTWG7Bdpvd2Qau2NRpQ4X4g.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.entry__blog_block__header .icon-list__like {
  width: 12px;
  height: 12px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//R1gUTWG7Bdpvd2Qau2NRpQ4X4g.png) no-repeat 0 0;
  -moz-background-size: 12px 12px;
  -o-background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
  background-size: 12px 12px;
}
.icon-list__liked {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//j8Cn-ZKbAV5wrVpFCsZB-odKOU.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.icon-list__liked + span {
  color: #e65c5c;
}
.entry__blog_block__header .icon-list__liked {
  width: 12px;
  height: 12px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//j8Cn-ZKbAV5wrVpFCsZB-odKOU.png) no-repeat 0 0;
  -moz-background-size: 12px 12px;
  -o-background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
  background-size: 12px 12px;
}
.icon-list__photo {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//t10u3aKdvQIrtNEg51wud6JSqY.png) no-repeat 0 0;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.icon-list__tag {
  width: 16px;
  height: 16px;
  background-position: -624px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-list__toggle {
  width: 16px;
  height: 16px;
  background-position: 0 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-list__toggle.close {
  width: 16px;
  height: 16px;
  background-position: -48px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-list__toggle.close.quest {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//pKVx8YjQ_Ym0l-iQ_FhOhUhWJY.png) no-repeat 0 0;
  background-size: 16px 16px;
}
.icon-list__toggle_20 {
  display: block;
  width: 20px;
  height: 20px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//bqRjVK-NjTjxXE_g-18dy1uVXQ.png) no-repeat 0 0;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  -webkit-background-size: 20px;
  background-size: 20px;
}
.icon-list__toggle_20.close {
  display: block;
  width: 20px;
  height: 20px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//pKVx8YjQ_Ym0l-iQ_FhOhUhWJY.png) no-repeat 0 0;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  -webkit-background-size: 20px;
  background-size: 20px;
}
.icon-list__loading {
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//RxskSJ4bsPAh9Mxuw9WB4sqePA.gif) no-repeat 0 0;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  -moz-background-size: 60px;
  -o-background-size: 60px;
  -webkit-background-size: 60px;
  background-size: 60px;
}
.icon-list__pager {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//bbQTiPbopfv5Q9k3WOgYNuqSHg.png) no-repeat 0 0;
}
.icon-list__side {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//jM9GlSaChPCkJrGr3Jan1xnQvk.png) no-repeat 0 0;
}
.icon-list__delete {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//WVbpYHVtXmTn0QnICMAmhmFiHk.png) no-repeat 0 0;
  -moz-background-size: 16px;
  -o-background-size: 16px;
  -webkit-background-size: 16px;
  background-size: 16px;
}
.icon-list__delete_20 {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 18px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//WVbpYHVtXmTn0QnICMAmhmFiHk.png) no-repeat 0 0;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  -webkit-background-size: 20px;
  background-size: 20px;
  cursor: pointer;
}
.icon-list__arrow {
  width: 16px;
  height: 16px;
  background-position: -32px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.icon-list__close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//xsfK32w6BHG5iunXqNnPBI0jcw.png) no-repeat 0 0;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//DskB_b-FaQSYIHbWzLcGwUs-XY.png) no-repeat 0 0;
  background-size: 32px;
  width: 32px;
  height: 32px;
  z-index: 10011;
}
.icon-list__close:hover {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//xsfK32w6BHG5iunXqNnPBI0jcw.png) no-repeat 0 0;
  background-size: 32px;
}
.blog__area--simple .blog__area__like__bt_like {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//B5faabimIY6CTnOim8IeAINBrE.png) no-repeat 0 0;
  background-size: 20px;
}
.blog__area__like__list__text {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//R1gUTWG7Bdpvd2Qau2NRpQ4X4g.png) no-repeat 16px
    16px;
  background-size: 16px;
}
.icon-crystal {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Q0eeEqmeuJgDkk6impXbMuoyJI.png) no-repeat 0 0;
  -moz-background-size: 288px 32px;
  -o-background-size: 288px 32px;
  -webkit-background-size: 288px 32px;
  background-size: 288px 32px;
}
.icon-crystal__title_01 {
  background-position: 0 0;
}
.icon-crystal__title_02 {
  background-position: -32px 0;
}
.icon-crystal__title_03 {
  background-position: -64px 0;
}
.icon-crystal__element_01 {
  background-position: -96px 0;
}
.icon-crystal__element_02 {
  background-position: -128px 0;
}
.icon-crystal__element_03 {
  background-position: -160px 0;
}
.icon-crystal__element_04 {
  background-position: -192px 0;
}
.icon-crystal__element_05 {
  background-position: -224px 0;
}
.icon-crystal__element_06 {
  background-position: -256px 0;
}
.item-block {
  display: table;
  padding: 0 10px;
  margin-bottom: 8px;
}
.item-block img {
  display: table-cell;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.item-block p {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  font-size: 14px;
  color: #404040;
}
.item-block p span {
  font-size: 12px;
  display: block;
  line-height: 1.2;
}
.item-block--off {
  opacity: 0.5;
}
.item-list {
  position: relative;
  width: 100%;
}
.item-list__link {
  display: table;
  padding: 4px 10px 1px;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.item-list__link:hover {
  text-decoration: none;
}
.item-list__link:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.item-list__link a {
  color: #404040;
}
.item-list__link a:hover {
  text-decoration: none;
}
.item-list__header {
  display: table;
  width: 600px;
  margin: 0 10px;
  padding-bottom: 4px;
}
.item-list__header__cell {
  background: #4769b3;
  display: table-cell;
  vertical-align: middle;
  padding: 4px 0;
  text-align: center;
  color: #fff;
  font-size: 12px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.item-list__header__retainer--name {
  width: 516px;
}
.item-list__header__retainer--quantity {
  width: 80px;
}
.item-list__table {
  display: table;
  width: 600px;
  margin: 0 10px 4px;
}
.item-list__cell {
  background: #4769b3;
  display: table-cell;
  vertical-align: middle;
  padding: 4px 0;
  text-align: center;
  color: #fff;
  font-size: 12px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.item-list__cell--md {
  width: 120px;
}
.item-list__cell--sm {
  width: 100px;
}
.item-list__cell--mannequin {
  width: 312px;
  font-weight: bold;
  text-align: center;
}
.item-list__spacer {
  width: 4px;
  display: table-cell;
}
.item-list__list {
  position: relative;
  display: table;
  width: 600px;
  padding: 4px 10px 1px 10px;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.item-list__list:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.item-list__list .item-list__cell--md,
.item-list__list .item-list__cell--sm {
  padding-left: 4px;
  text-align: center;
}
.item-list__block {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 16px;
  overflow: hidden;
  width: 100%;
}
.item-list__item {
  display: table-cell;
  vertical-align: middle;
}
.item-list__icon {
  position: relative;
  display: table-cell;
  width: 48px;
  height: 48px;
}
.item-list__icon .staining {
  position: absolute;
  top: 1px;
  right: 3px;
  z-index: 1;
  width: 8px;
  height: 8px;
  border: 1px solid #3f3f3f;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.item-list__icon .ic_masterpiece {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
  color: #ffffff;
  text-shadow: 0px 0px 2px #000;
}
.item-list__frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//-A7DYl4vvLtvGz_nshoUsqtrEc.png) no-repeat;
  cursor: pointer;
}
.item-list__frame--cursor {
  cursor: default;
}
.item-list__image {
  position: absolute;
  top: 2px;
  left: 4px;
}
.item-list__title {
  display: table;
}
.item-list__title .item-list__name {
  width: auto;
}
.item-list__number {
  color: #404040;
  width: 80px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}
.item-list__name {
  display: table-cell;
  width: 472px;
  vertical-align: middle;
  padding-left: 8px;
  color: #404040;
  font-weight: normal;
  font-size: 12px;
}
.item-list__name a {
  color: #404040;
}
.item-list__name--inline {
  display: inline-block;
  font-weight: normal;
}
.item-list__name--cell {
  width: 472px;
}
.item-list__name--flex {
  display: flex;
}
.item-list__name--wrapper {
  position: relative;
  display: inline-block;
}
.item-list__name img {
  margin-left: 2px;
}
.achievement__base--complete .item-list__name {
  color: #404040;
}
.item-list__name .icon-c__mannequin {
  margin-right: 2px;
}
.item-list__name .icon {
  margin-left: 2px;
}
.item-list__relative {
  position: relative;
  display: inline;
}
.item-list__worldstatus {
  display: table;
  width: 100%;
  padding: 10px 10px 10px;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item-list__worldstatus:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.item-list__worldstatus h3 {
  display: table-cell;
  vertical-align: middle;
  padding-left: 18px;
  font-weight: normal;
}
.item-list__worldstatus h3 i {
  display: block;
  position: absolute;
  top: 48%;
  left: 10px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #e57e17;
}
.item-list__worldstatus h3 i:before {
  font-size: 16px;
}
.item-list__worldstatus p {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-right: 4px;
}
.item-list__worldstatus i {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.table__crystal {
  background: #eee;
  padding: 16px 60px;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.table__crystal td,
.table__crystal th {
  width: 125px;
  padding: 4px 0;
  vertical-align: middle;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  color: #404040;
  text-align: center;
}
.table__crystal td a,
.table__crystal th a {
  color: #404040;
}
.table__crystal thead th {
  padding-bottom: 8px;
}
.table__setting {
  width: 600px;
  margin: 0 10px 16px;
}
.table__setting th,
.table__setting td {
  vertical-align: middle;
  text-align: left;
  font-weight: normal;
}
.table__setting th {
  padding: 7px 10px 6px 32px;
}
.table__setting td {
  padding: 7px 10px 6px 10px;
}
.table__setting--login {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//x230Hf0eytnxGjd7v40BIMPj0A.png) no-repeat left
    center;
}
.table__setting--achievement {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//xrsP0I-J24A5NcvkQrqq7aBhB8.png) no-repeat left
    center;
}
.table__setting--friend {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//WC7mmfQLpb5swx_NjaA75epMuQ.png) no-repeat left
    center;
  -moz-background-size: 28px auto;
  -o-background-size: 28px auto;
  -webkit-background-size: 28px auto;
  background-size: 28px auto;
}
.table__setting--follow {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ZXhFupB-4YaP8q8BT94OFTFVhA.png) no-repeat left
    center;
  -moz-background-size: 28px auto;
  -o-background-size: 28px auto;
  -webkit-background-size: 28px auto;
  background-size: 28px auto;
}
.table__coordinate {
  position: relative;
  display: table;
  width: 100%;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  padding: 10px 0;
}
.table__coordinate:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.table__coordinate--title {
  display: table-cell;
  width: 50%;
  text-align: center;
  color: #506fb3;
  font-weight: bold;
}
.table__coordinate--text {
  display: table-cell;
  width: 50%;
  text-align: center;
}
.search-condition {
  color: #404040;
  font-size: 12px;
  padding: 8px 16px;
  vertical-align: text-bottom;
}
.search-condition--monthfilter {
  padding-top: 0;
}
.search-condition__area {
  width: 100%;
  overflow: hidden;
}
.search-condition p {
  font-size: 12px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.search-condition strong {
  color: #e57e17;
  font-weight: normal;
  -webkit-box-orient: vertical;
}
.search-condition__open p {
  -webkit-line-clamp: 999;
}
.sharing__text {
  margin: 0 16px 16px;
  text-align: center;
}
.tooltip__text {
  display: block;
  background: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 6px 8px 4px 8px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-size: 12px;
  color: #404040;
  max-width: 284px;
  z-index: 99999;
}
.help {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
.help__icon {
  position: absolute;
  top: -1px;
  right: 0;
  cursor: pointer;
}
.help__tooltip {
  display: block;
  position: fixed;
  top: -9999px;
  left: -9999px;
  padding: 6px 8px 4px 8px;
  color: #404040;
  z-index: 20;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0px 0px 0px 1px #e57e17 inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  font-weight: normal;
  width: auto;
  max-width: 284px;
}
.overlay__area {
  position: absolute;
  z-index: 10009;
  width: 404px;
  padding: 16px 20px 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.overlay__text--icon {
  position: relative;
  min-height: 50px;
  max-height: 500px;
  overflow-y: auto;
  padding-left: 48px;
  color: #404040;
}
.overlay__text--icon:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 40px;
  height: 40px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//sXmTdGPK8CfGF62t6PU3RqQ1PE.png) no-repeat 0 0;
}
.overlay__btn {
  display: table;
  text-align: center;
  width: 336px;
  margin: 32px auto 0;
}
.overlay__btn li {
  display: table-cell;
  width: 160px;
  padding: 0 4px;
  vertical-align: top;
}
.overlay__btn a {
  width: 160px;
  padding: 9px 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  line-height: 1.2;
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  height: auto;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  font-size: inherit;
  cursor: pointer;
}
.overlay__btn a:hover {
  text-decoration: none;
}
.overlay__btn a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.overlay__btn a.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.mirage_staining {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 1px;
  right: 3px;
  z-index: 2;
  background-repeat: no-repeat;
}
.mirage_staining.unpaitable {
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ySikzUa1OIIqeiy4XgFB6LUfks.png);
}
.mirage_staining.painted_cover {
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//a8TSnWOd-CVf5TSO4cAg0n3rDE.png);
}
.mirage_staining.no_paint {
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//SipWtH1iYV18qNQBaU2j-70g9I.png);
}
.mirage_staining.error {
  width: 16px;
  height: 16px;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//WfPFxBxmCrzXvludKsRYKKeU_c.png);
  top: auto;
  bottom: 3px;
}
.mirage_staining--19 {
  width: 19px;
  height: 19px;
  position: absolute;
  top: 2px;
  right: 6px;
  z-index: 2;
  background-repeat: no-repeat;
}
.mirage_staining--19 .unpaitable {
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//C2BwsSmczNtlcaIs0iARprrCEQ.png);
}
.mirage_staining--19 .painted_cover {
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//VjFMrY9f5vkyk47_qsLRBKi_7w.png);
}
.mirage_staining--19 .no_paint {
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//iJJToKJTLKKjkeNy_QXtdQn7vc.png);
}
.mirage_staining--19 .error {
  width: 20px;
  height: 20px;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//DZD0bDw0aPdnYePLkmG-hlkTFs.png);
  top: auto;
  bottom: 6px;
}
.mirage_staining_unopen {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 1px;
  right: 3px;
  z-index: 2;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//_mHwlnXNmmxf7hyWVlkpDcouCg.png) no-repeat 0 0;
}
.mirage_staining_unopen--19 {
  width: 19px;
  height: 19px;
  position: absolute;
  top: 2px;
  right: 6px;
  z-index: 2;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//4w3LCA-DmpMtYN-k3NmKZ5Ia8c.png) no-repeat 0 0;
}
.staining_unopen {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 1px;
  right: 3px;
  z-index: 2;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//lPhvur3oFRh8-QmEDPu74Lm8Wg.png) no-repeat 0 0;
}
.staining_unopen--19 {
  width: 19px;
  height: 19px;
  position: absolute;
  top: 2px;
  right: 6px;
  z-index: 2;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//UG328HXywvR4cqo7EUgZN-1_wE.png) no-repeat 0 0;
}
.db-view__item__icon .staining_unopen {
  width: 19px;
  height: 19px;
  position: absolute;
  top: 6px;
  right: 12px;
  z-index: 2;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//UG328HXywvR4cqo7EUgZN-1_wE.png) no-repeat 0 0;
}
.patchnote_logoarea {
  background: #262626;
  padding: 8px 0;
  text-align: center;
  position: relative;
}
.wysiwyg__renewal.wysiwyg_colorpicker {
  border: none;
  padding: 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  background: #f3f3f3;
}
.wysiwyg__renewal .wysiwyg_colorpicker__inner {
  border: none;
}
.wysiwyg__renewal.wysiwyg_insertlink,
.wysiwyg__renewal.wysiwyg_insertvideo {
  border: none;
  padding-top: 8px;
  width: 600px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  background: #f3f3f3;
}
.wysiwyg__renewal .bt_decision,
.wysiwyg__renewal .bt_cancel {
  background-image: none;
  text-indent: 0;
}
.error__body {
  background: #484c4e;
}
.error__bg {
  position: relative;
  height: 1%;
  padding-bottom: 1px;
  color: #404040;
  background-color: #e6e6e6;
}
.error__bg a {
  color: #2556b8;
}
.error__logo {
  padding: 32px 0;
  text-align: center;
}
.error__heading {
  padding: 0 10px 6px 10px;
  margin-bottom: 32px;
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  border-bottom: solid 1px #ccc;
}
.error__text {
  padding: 0 30px 32px;
  font-size: 14px;
}
.error__ps3 {
  position: relative;
  height: 1%;
  color: #404040;
  background-color: #faf4ed;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Apu9lC7Szu8LIqHk3tndUcjvL8.png);
  text-align: center;
}
.error__ps3--ja {
  height: 710px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//qYZDqDSUgojuaOlLmAoZABzOjo.png) no-repeat top
    center;
}
.error__ps3--en-us {
  height: 710px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//8OzjCUHcTElDEAB2KwBehyLyys.png) no-repeat top
    center;
}
.error__ps3--en-gb {
  height: 710px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//8OzjCUHcTElDEAB2KwBehyLyys.png) no-repeat top
    center;
}
.error__ps3--fr {
  height: 710px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//edrgx1plUqNYOXLB7WR7uh3LwA.png) no-repeat top
    center;
}
.error__ps3--de {
  height: 710px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//b6JCOTw_uzH1KtvP72Nul39mYY.png) no-repeat top
    center;
}
#slider {
  width: 620px;
  height: 262px;
  padding-bottom: 20px;
}
#slider_bnr_area {
  position: relative;
  height: 242px;
}
#slider_bnr_area li {
  position: absolute;
  display: block;
}
#slider_bnr_area a {
  display: block;
  width: 620px;
  height: 242px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}
#slider_pn_area {
  height: 20px;
  text-align: center;
}
#slider_pn_area li {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
}
#slider_pn_area a {
  display: block;
  width: 20px;
  height: 20px;
}
#slider_pn_area a.bt_slider_pn {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//jOZsaZQUy2vFs1_pvWo0k7EFGo.png) no-repeat 0 0;
}
#slider_pn_area a.bt_slider_pn:hover {
  background-position: left center;
}
#slider_pn_area li.slide_current {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//jOZsaZQUy2vFs1_pvWo0k7EFGo.png) no-repeat left
    bottom;
}
#option_service td {
  text-align: center;
}
.txt__red {
  color: #b2122d;
}
.code_copy_success,
.code_copy_error {
  width: 100%;
  height: 46px;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: -23px 0 0;
  text-align: center;
  background: #368024;
  color: #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 99999;
}
.code_copy_success span,
.code_copy_error span {
  display: inline-block;
  padding: 14px 0;
  font-size: 14px;
}
.code_copy_error {
  background: #800000;
}
.tooltip-check {
  position: absolute;
  bottom: 36px;
  right: -12px;
  display: inline-block;
  max-width: 240px;
}
.tooltip-check__heading {
  position: relative;
  padding: 3px 4px 2px 8px;
  background: #336633;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
  color: #ffffff;
}
.tooltip-check__title {
  font-size: 14px;
  font-weight: bold;
}
.tooltip-check__text {
  padding: 4px 8px 4px;
  color: #404040;
  background: #ffffff;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tooltip-check__icon {
  position: absolute;
  top: 5px;
  right: 4px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//MvZHqkdyjd4b7sdbj7iDmtkeG8.png) no-repeat 0 0;
  background-size: 16px;
  display: block;
  width: 16px;
  height: 16px;
}
.tooltip-check__character_currency {
  position: absolute;
  top: -55px;
  left: 80px;
  z-index: 2;
}
.tooltip-check__character_currency .tooltip-check {
  position: relative;
  bottom: auto;
  right: auto;
}
.tooltip-check__side_token {
  position: absolute;
  top: 24px;
  left: 0;
  width: 240px;
  z-index: 10000;
}
.tooltip-check__minionmount_sort {
  position: absolute;
  top: -4px;
  left: auto;
  right: 0;
  z-index: 2;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.tooltip-check__minionmount_sort .tooltip-check {
  position: relative;
  bottom: auto;
  right: auto;
}
.icon-activity__achievement {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//2RxxUX23JZOKGmx4715bMdK4Ks.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  opacity: 0.5;
}
.side__list__box .icon-activity__achievement {
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.icon-activity__blog {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//WaUuKpKmFEw73EwMxqXmd4bXkI.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  opacity: 0.5;
}
.side__list__box .icon-activity__blog {
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.icon-activity__db {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//N2sozmdxJ-65KiZZqHkJrW0Efg.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  opacity: 0.5;
}
.side__list__box .icon-activity__db {
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.icon-activity__event {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//m6P1CP0EVqbiiHzmioOxr_ZwLA.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  opacity: 0.5;
}
.side__list__box .icon-activity__event {
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.icon-activity__community_finder {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//m6P1CP0EVqbiiHzmioOxr_ZwLA.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  opacity: 0.5;
}
.side__list__box .icon-activity__community_finder {
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.icon-activity__fc {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//n-mQ1942PexW4XgUebHG5GbUzw.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  opacity: 0.5;
}
.side__list__box .icon-activity__fc {
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.icon-activity__follow {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//PtSXWb2hE2clIaSo2yKYwnhatM.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  opacity: 0.5;
}
.side__list__box .icon-activity__follow {
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.icon-activity__friend {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//GqeUg2hGRGQWsfWOVXZw4yQkJQ.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  opacity: 0.5;
}
.side__list__box .icon-activity__friend {
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.icon-activity__login {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//0VWUxvhIRco16sSmEHEXpVf4GA.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  opacity: 0.5;
}
.side__list__box .icon-activity__login {
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.icon-activity__ls {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//3ATO6RyOHJrlp_CAwUJyRRVNW8.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  opacity: 0.5;
}
.side__list__box .icon-activity__ls {
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.icon-activity__rankin {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//yBDAu7d4j8_SHWq-T3CGxnxSV4.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  opacity: 0.5;
}
.side__list__box .icon-activity__rankin {
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.icon-activity__pvpteam {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//J3y-6qFQzJdp18oSw0vYr4ov5w.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  opacity: 0.5;
}
.side__list__box .icon-activity__pvpteam {
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.icon-activity__cwls {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//utAX4h4p7h2TwJJvgO_yqJjPFI.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  opacity: 0.5;
}
.side__list__box .icon-activity__cwls {
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.icon-activity__community_finder {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//nT2JMRpra1y1hLguku1ytguzd8.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  opacity: 0.5;
}
.side__list__box .icon-activity__community_finder {
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.external_image__wrapper {
  width: 768px;
  height: 360px;
  background: #f3f3f3;
  position: relative;
  overflow: hidden;
}
.external_image__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.external_image__inner p {
  color: #404040;
  text-align: center;
  margin-bottom: 32px;
  font-size: 14px;
}
.external_image__inner .ic {
  margin-right: 4px;
}
#fancybox-content.external_image::after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//GwVuY-JB3L0DlPNVd0sZb-dyBY.png);
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 32px;
  height: 32px;
}
.ranking__dc__popup_base {
  background-color: #f0f0ef;
  color: #404040;
}
.ranking-character {
  color: #585858;
}
.ranking-character tr.hover td {
  background: rgba(255, 255, 255, 0.3);
}
.ranking-character tr.mine td {
  background: rgba(255, 223, 127, 0.2);
}
.ranking-character tr.mine.hover td {
  background: rgba(255, 236, 178, 0.2);
}
.ranking-character td {
  border-bottom: solid 1px #ccc;
}
.ranking-character__crest__bg {
  background: #404040;
}
.ranking-character__no_data {
  border-bottom: 1px solid #ccc;
}
.ranking__no_data {
  border-bottom: solid 1px #ccc;
}
#breadcrumb {
  width: 100%;
  height: 27px;
  line-height: 27px;
  margin-bottom: 10px;
  overflow: hidden;
  color: #404040;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//6MPl3saVRfk_TlwNb-Oxx5mvUk.png) repeat-x 0 0
    #e6e6e6;
}
#breadcrumb ul {
  width: 960px;
  margin: 0 auto;
}
#breadcrumb li {
  float: left;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 27px;
  zoom: 1;
}
.breadcrumb__link {
  position: relative;
  display: block;
  padding-right: 19px;
  margin-right: 8px;
  line-height: 27px;
  color: #404040 !important;
}
.breadcrumb__link:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 24px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Yt8Dce_OF5-fscApr2T5i_g5fI.png) no-repeat right
    top;
}
.breadcrumb__link:hover {
  color: #4990ff;
}
.breadcrumb__home {
  position: relative;
}
.breadcrumb__home:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 24px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Yt8Dce_OF5-fscApr2T5i_g5fI.png) no-repeat right
    top;
}
.breadcrumb__home a {
  display: block;
  width: 20px;
  height: 20px;
  padding: 0 12px 0 0;
  margin: 2px 0 0 4px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//HBNbyaAAWRv_TpJIIUDEgyKJ_A.png) no-repeat left
    top;
}
.breadcrumb__home a:hover {
  background-position: left bottom;
}
.breadcrumb__home span {
  display: none;
}
.breadcrumb.home_first_account {
  display: block;
  height: 20px;
  height: 25px;
  padding-top: 2px;
  margin-right: 8px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//HBNbyaAAWRv_TpJIIUDEgyKJ_A.png) no-repeat left
    top;
}
.breadcrumb.home_first_account div {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  padding: 0 12px 0 4px;
}
.icon-c--0 {
  float: left;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//mtNnou0UTXvUNJowSYdy_od2M0.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: block;
  background-size: 48px auto;
}
.icon-c--1 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//mtNnou0UTXvUNJowSYdy_od2M0.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: block;
  background-size: 48px auto;
}
.icon-c--2 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//yFYzr3MsoOwa903TORtTkCNbgo.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: block;
  background-size: 48px auto;
}
.icon-c--3 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//3ZGSMqkE3dp22nLQ7VDviN593A.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: block;
  background-size: 48px auto;
}
.icon-c--4 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//j01DcG9E75A4v22IObCufIAjTo.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: block;
  background-size: 48px auto;
}
.icon-c--5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//RLi7YFHps0DXhE3SEVc37LTtFA.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: block;
  background-size: 48px auto;
}
.icon-c--6 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//I7TzgwvmgUrKR-D0gjch_ullYg.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: block;
  background-size: 48px auto;
}
.icon-c--7 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//rtXgCGmdNG5Yl7Rzb0aC3Dz4RU.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: block;
  background-size: 48px auto;
}
.icon-c--8 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//LpauiLwCKzVPqLzMrC_BlS0MgI.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: block;
  background-size: 48px auto;
}
.icon-c--9 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//N9G11AlGZU7v7Ls9TYvVx3sfa0.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: block;
  background-size: 48px auto;
}
.icon-c--10 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//VPwTZhtTXKT0P04NJU01m1ZtYI.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: block;
  background-size: 48px auto;
}
.icon-c--11 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Xv-fBjmPkm4Jv4hcukJo69-Leo.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: block;
  background-size: 48px auto;
}
.icon-c--12 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Xv-fBjmPkm4Jv4hcukJo69-Leo.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: block;
  background-size: 48px auto;
}
.icon-c--13 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//BvKxMwolC1uK54EhC0OCvZnAqY.png) no-repeat 0 0;
  margin-bottom: 0;
  width: 48px;
  height: 48px;
  display: block;
  background-size: 48px auto;
}
.icon-c__attributes {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//y9OT7RFm__NkhT04XNgSosTDmU.png) no-repeat 0 0;
}
.icon-c__offense {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//nnvuWFxdrkMf6k8OauuXQ_p0WQ.png) no-repeat 0 0;
}
.icon-c__deffense {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//7L5xPSKuqWkwcPNS3RUFIQ0Efk.png) no-repeat 0 0;
}
.icon-c__melle {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//p2dtCxFhVSUkytmEzzjFPyLxWI.png) no-repeat 0 0;
}
.icon-c__melle_resists {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//NXgh_Re2SXPuk4-dRygihOyR80.png) no-repeat 0 0;
}
.icon-c__spell {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//9Asj5hsQ0V8rXWwCcDFFiaA0Hs.png) no-repeat 0 0;
}
.icon-c__role {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//TXDV9J6VJkqjzYuce7Oxl0X9Y8.png) no-repeat 0 0;
}
.icon-c__crafting {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//aS6M3F8mhDIe1G59Gj9SHFLxi0.png) no-repeat 0 0;
}
.icon-c__gathering {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//LksN2ooDNgbWElU8raUNhvtQDU.png) no-repeat 0 0;
}
.icon-c__resists {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//D_QTa4MW6GKGCvy6Xx-ygvm8Tg.png) no-repeat 0 0;
}
.icon-c__equipment {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ZhAjsbmlJTh-vmspy28oD0-kZI.png) no-repeat 0 0;
}
.icon-c--title {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  -webkit-background-size: 20px;
  background-size: 20px;
}
.icon-c__achievement-item {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//fq0CoBrAOU5VtgPtMxL6yfwaTg.png) no-repeat 0 0;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  -webkit-background-size: 20px;
  background-size: 20px;
}
.icon-c__achievement-medal {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//e7gjCEA9Gp7F_khXPuadhwck3Q.png) no-repeat 0 0;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  -webkit-background-size: 20px;
  background-size: 20px;
}
.icon-c__achievement-takeover {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//JsN1_9W8p3nQbqrhfqOVI3MzkA.png) no-repeat 0 0;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  -webkit-background-size: 20px;
  background-size: 20px;
}
.icon-c__mannequin {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//lVVoBHZFYnKR38zaw6Di4PI62k.png) no-repeat 0 0;
}
.icon-c__mannequin.set {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Z2GJy0MvJXh-qu5-73234ZS20Q.png) no-repeat 0 0;
}
.icon-c__level_sync {
  display: inline-block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//NQ6Gl1R_kOFRQXuORqAlSKwwJI.png) no-repeat 0 0;
  position: absolute;
  bottom: 5px;
  left: 3px;
  z-index: 1;
  width: 16px;
  height: 16px;
  -moz-background-size: 16px;
  -o-background-size: 16px;
  -webkit-background-size: 16px;
  background-size: 16px;
  pointer-events: none;
}
.icon-c__level_sync-popup {
  display: inline-block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//NQ6Gl1R_kOFRQXuORqAlSKwwJI.png) no-repeat 0 0;
  position: absolute;
  bottom: 8px;
  left: 5px;
  z-index: 1;
  width: 20px;
  height: 20px;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  -webkit-background-size: 20px;
  background-size: 20px;
  pointer-events: none;
}
.icon-c__level_sync_side {
  display: inline-block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//NQ6Gl1R_kOFRQXuORqAlSKwwJI.png) no-repeat 0 0;
  position: absolute;
  bottom: 3px;
  left: 2px;
  z-index: 1;
  width: 13px;
  height: 13px;
  -moz-background-size: 13px;
  -o-background-size: 13px;
  -webkit-background-size: 13px;
  background-size: 13px;
  pointer-events: none;
}
.character__content {
  padding-bottom: 16px;
  display: none;
}
.character__content.selected {
  display: block;
}
.character__menu li {
  float: left;
}
.character__profile_tab {
  display: block;
  padding: 0 8px;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: -4px;
}
.character__profile_tab:after {
  content: '';
  clear: both;
  display: block;
}
.character__profile_tab__wrapper {
  position: relative;
}
.character__profile_tab li {
  float: left;
  display: block;
  width: 147px;
  margin: 0 2px 4px;
}
.character__profile_tab a,
.character__profile_tab span {
  width: 147px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  line-height: 1.2;
  height: 32px;
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  line-height: 1.1;
}
.character__profile_tab a:hover,
.character__profile_tab span:hover {
  text-decoration: none;
}
.character__profile_tab a:hover,
.character__profile_tab span:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.character__profile_tab a.press,
.character__profile_tab span.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.character__profile_tab a.selected,
.character__profile_tab span.selected {
  color: #fff;
  background-color: #e67e17;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.character__profile_tab a.disable,
.character__profile_tab span.disable {
  opacity: 0.25;
}
.character__profile__data {
  float: left;
  width: 230px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.character__profile__data__detail {
  margin-bottom: 8px;
  height: 1%;
}
.character__profile__detail {
  float: right;
  padding-right: 10px;
  width: 372px;
}
.character__tgl {
  display: none;
}
.character__tgl + .character__tgl-btn {
  box-sizing: border-box;
}
.character__tgl + .character__tgl-btn::selection {
  background: none;
}
.character__tgl + .character__tgl-btn {
  position: relative;
  display: block;
  width: 32px;
  height: 16px;
  cursor: pointer;
  outline: 0;
  user-select: none;
  background: #e6e6e6;
  border-radius: 2em;
  transition: all 0.4s ease;
  padding: 0 1px;
  box-shadow: 0px 1px 2px 0px #ccc inset;
}
.character__tgl + .character__tgl-btn:after,
.character__tgl + .character__tgl-btn:before {
  position: relative;
  display: block;
  content: '';
  width: 14px;
  height: 14px;
}
.character__tgl + .character__tgl-btn:before {
  display: none;
}
.character__tgl + .character__tgl-btn:after {
  left: 0;
  border-radius: 2em;
  background: #ffffff;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    padding 0.3s ease, margin 0.3s ease;
  border: solid 1px #ccc;
  border-radius: 50%;
  box-shadow: 2px 0px 2px 0px rgba(204, 204, 204, 0.5);
}
.character__tgl + .character__tgl-btn:hover:after {
  will-change: padding;
}
.character__tgl:checked + .character__tgl-btn:after {
  left: 50%;
}
.character__tgl:checked + .character__tgl-btn {
  background: #e67e17;
  box-shadow: 0px 1px 2px 0px #cc7014 inset;
}
.character__tgl:checked + .character__tgl-btn:after {
  border: solid 1px #cc7014;
  box-shadow: -2px 0px 2px 0px rgba(204, 112, 20, 0.5);
}
.character__tgl:checked + .character__tgl-btn:active {
  box-shadow: none;
}
.character-block {
  display: table;
  margin: 0 0 8px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.character-block img,
.character-block__img {
  display: table-cell;
  width: 32px;
  height: 32px;
  vertical-align: top;
}
.character-block img img,
.character-block__img img {
  display: block;
}
.character-block__box {
  display: table-cell;
  padding: 2px 0 0 4px;
  vertical-align: top;
}
.character-block__box--beast_tribe {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0;
}
.character-block__box--beast_tribe__name {
  font-size: 12px;
  line-height: 1.2;
}
.character-block__box--middle {
  vertical-align: middle;
}
.character-block__face {
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}
.character-block__title {
  font-size: 10px;
  line-height: 1.2;
}
.character-block__name {
  font-size: 12px;
  line-height: 1.2;
}
.character-block__friendship {
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 1.2;
}
.character-block__value,
.character-block__profile {
  font-size: 14px;
  line-height: 1.2;
}
.character-block__point {
  font-size: 12px;
  color: #999;
  text-align: right;
}
.character-block__birth {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1.2;
}
.character-block--off {
  opacity: 0.5;
}
.character__freecompany__crest,
.character__pvpteam__crest {
  position: relative;
  width: 32px;
  height: 32px;
}
.character__freecompany__crest__image,
.character__pvpteam__crest__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background: #404040;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.character__freecompany__crest__image img,
.character__pvpteam__crest__image img {
  position: absolute;
  display: block;
  margin: 0 auto;
  top: 0;
  left: 0;
}
.character__freecompany__crest__base,
.character__pvpteam__crest__base {
  display: block;
  width: 32px;
  height: 32px;
}
.character__freecompany__box,
.character__pvpteam__box {
  overflow: hidden;
  display: table-cell;
}
.character__freecompany__name,
.character__pvpteam__name {
  width: 190px;
  overflow: hidden;
  color: #404040;
}
.character__freecompany__name p,
.character__pvpteam__name p {
  display: block;
  font-size: 10px;
  line-height: 1.2;
}
.character__freecompany__name h4,
.character__pvpteam__name h4 {
  font-size: 12px;
}
.character__freecompany__name h4 a,
.character__pvpteam__name h4 a {
  color: #404040;
}
.character__linkshell__icon {
  position: relative;
  width: 32px;
  height: 32px;
}
.character__linkshell__icon__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
}
.character__linkshell__icon__base {
  display: block;
  width: 32px;
  height: 32px;
}
.character__linkshell__box {
  overflow: hidden;
  display: table-cell;
}
.character__linkshell__name {
  width: 190px;
  overflow: hidden;
  color: #404040;
}
.character__linkshell__name p {
  display: block;
  font-size: 10px;
  line-height: 1.2;
}
.character__linkshell__name p.cwls {
  margin-bottom: 4px;
}
.character__linkshell__name ul li {
  font-size: 12px;
  margin-bottom: 4px;
}
.character__linkshell__name ul li a {
  color: #404040;
  font-weight: bold;
}
.character__linkshell__list {
  padding-left: 8px;
}
.character__level {
  width: 276px;
  margin: 0 0 0 54px;
}
.character__level__list--p_range {
  float: left;
  margin-right: 32px;
}
.character__level__list--m_range {
  margin-left: 0;
  float: left;
}
.character__level__list ul {
  line-height: 1;
}
.character__level__list ul li {
  float: left;
  width: 24px;
  margin: 0 4px 6px 0;
  text-align: center;
  font-size: 12px;
  line-height: 1;
}
.character__level__list ul li:nth-last-child(1) {
  margin-right: 0;
}
.character__level__list ul li img {
  display: block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.character__class {
  margin: 0 4px 4px 0;
  height: 48px;
}
.character__class__arms {
  float: left;
}
.character__class__data {
  margin-left: 52px;
  font-size: 12px;
  line-height: 1;
}
.character__class__data p {
  font-size: 12px;
  margin-bottom: 2px;
}
.character__class_icon {
  display: inline-block;
  margin: 2px 2px 0 0;
  float: left;
  width: 24px;
  height: 24px;
}
.character__classjob {
  float: left;
  display: block;
  width: 266px;
  height: 28px;
}
.character__view {
  width: 362px;
  margin: 0 auto 8px;
}
.character__item_icon {
  position: relative;
  width: 48px;
  height: 48px;
}
.character__item_icon__img {
  position: absolute;
  top: 2px !important;
  left: 50% !important;
  margin-left: -20px;
  display: block;
}
.character__item_icon__hover {
  position: absolute;
  top: 0px !important;
  left: 50% !important;
  margin-left: -24px;
  display: block;
  opacity: 0;
  -moz-transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.character__item_icon__hover:hover {
  opacity: 1;
}
.character__item_icon--frame {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//-A7DYl4vvLtvGz_nshoUsqtrEc.png) no-repeat;
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.character__detail {
  width: 366px;
  float: left;
}
.character__detail__image {
  width: 264px;
  height: 360px;
  position: relative;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  margin: 0 3px;
  float: left;
}
.character__detail__image a,
.character__detail__image img {
  display: block;
  width: 264px;
  height: 360px;
}
.character__detail__icon {
  width: 48px;
  float: left;
}
.character__detail__avg {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 16px;
  padding-left: 16px;
  line-height: 1;
  text-align: right;
  font-size: 18px;
  color: #45b2ae;
  text-shadow: #000000 0 1px 4px;
}
.character__detail__avg:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -120px 0;
  -moz-background-size: 136px auto;
  -o-background-size: 136px auto;
  -webkit-background-size: 136px auto;
  background-size: 136px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//I_9wveYc3ix6Pyq42llcQUozkc.png);
  background-repeat: no-repeat;
}
.character__detail__popup {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 32px !important;
  height: 32px !important;
}
.character__selfintroduction {
  padding: 16px 10px;
  margin-bottom: 16px;
  background: #1b1b1b;
  color: #cccccc;
  white-space: pre-wrap;
}
.character__selfintroduction i {
  font-family: '微软雅黑';
  font-size: inherit;
}
.character__selfintroduction span {
  font-size: inherit;
}
.character__selfintroduction a {
  color: #73bfe6;
}
.character__job {
  margin-bottom: 8px;
  height: 1%;
}
.character__job__role {
  width: 300px;
  float: left;
  margin-right: 10px;
}
.character__job li {
  display: table;
  width: 290px;
  height: 24px;
  padding: 0 0 8px 10px;
  line-height: 1.4;
}
.character__job__icon {
  position: relative;
  display: table-cell;
  padding-right: 3px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.character__job__icon__title {
  display: inline-block;
  margin-right: 4px;
}
.character__job__level {
  font-size: 18px;
  width: 34px;
  text-align: center;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.character__job__name {
  font-size: 14px;
  color: #404040;
  margin-right: 8px;
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}
.character__job__name--meister {
  color: #e57e17;
}
.character__job__exp {
  font-size: 12px;
  color: #999;
  text-align: right;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
}
.character__job__list {
  display: table;
  width: 100%;
  height: 24px;
  padding: 0 10px 8px;
  box-sizing: border-box;
}
.character__job__webfont {
  position: relative;
  display: table-cell;
  width: 24px;
  padding-right: 3px;
  font-size: 24px;
  vertical-align: middle;
}
.character__job__webfont i,
.character__job__webfont i:before {
  font-size: 24px;
}
.character__param {
  width: 266px;
  padding: 16px 10px;
  margin: 0 0 8px 55px;
  background: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px #ccc inset;
  -webkit-box-shadow: 0px 0px 0px 1px #ccc inset;
  box-shadow: 0px 0px 0px 1px #ccc inset;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.character__param li {
  width: 110px;
  margin-left: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  display: inline-block;
}
.character__param li:nth-child(1) {
  margin-left: 5px;
}
.character__param div {
  display: table;
}
.character__param__text {
  width: 28px;
  height: 12px;
  text-indent: -9999px;
  display: table-cell;
  vertical-align: text-bottom;
}
.character__param__text__hp--ja {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//HI3E4MBuo1lfXN_cQUxj5SXtQs.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__hp--en-us,
.character__param__text__hp--en-gb {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//HI3E4MBuo1lfXN_cQUxj5SXtQs.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__hp--fr {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//XI7kUq144zdXsXbrB5AZ4i0Kjw.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__hp--de {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//CcqPki70HueMERNri-Nkrg1Z5A.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__mp--ja {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//anRw10I31FQUNun8vwgfSg2aiw.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__mp--en-us,
.character__param__text__mp--en-gb {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//anRw10I31FQUNun8vwgfSg2aiw.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__mp--fr {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//M6EDxkQOzUGME_3a5J-YRxcdYw.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__mp--de {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//EKAYTSIrzNW_atrd07r4GqkMyA.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__cp--ja {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//JRhmY8cUnRrqkmSdz3jfsCej9k.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__cp--en-us,
.character__param__text__cp--en-gb {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//JRhmY8cUnRrqkmSdz3jfsCej9k.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__cp--fr {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//vOunyUcaKmu7fiPIEbuELCwcvo.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__cp--de {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Qxf-cXQZSDY2LhRWoLPy8GjAac.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__gp--ja {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//LTUfgg0dcICILcvybpI7x8Gwkw.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__gp--en-us,
.character__param__text__gp--en-gb {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//LTUfgg0dcICILcvybpI7x8Gwkw.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__gp--fr {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//OMkE623mArvY-eH-dBnDX_g0ZQ.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__gp--de {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//affznH7xRGCPrycf7PBAwlrpz4.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__tp--ja {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//6bxG-59Xp_xQJ-uwlJNGMHfq-k.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__tp--en-us,
.character__param__text__tp--en-gb {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//6bxG-59Xp_xQJ-uwlJNGMHfq-k.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__tp--fr {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//l5dQoq6_QeGJQXmj-sl-Gw68Ac.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param__text__tp--de {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//qaqB9xKblfkHKsY5aIorG1yjlI.png) no-repeat left
    bottom;
  -moz-background-size: 28px 12px;
  -o-background-size: 28px 12px;
  -webkit-background-size: 28px 12px;
  background-size: 28px 12px;
}
.character__param span {
  width: 82px;
  height: 12px;
  line-height: 1;
  font-size: 16px;
  text-align: right;
  display: table-cell;
  vertical-align: text-bottom;
}
.character__param i {
  display: block;
  width: 100%;
  height: 2px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  line-height: 2px;
  margin: 0;
  padding: 0;
}
.character__param--hp {
  background-color: #81a721;
}
.character__param--mp {
  background-color: #dc7d9d;
}
.character__param--tp {
  background-color: #f59d26;
}
.character__param--cp {
  background-color: #bb99ff;
}
.character__param--gp {
  background-color: #79bbdc;
}
.character__param__list {
  width: 100%;
  line-height: 1;
}
.character__param__list th {
  padding: 0 0 8px 30px;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
  line-height: 1;
}
.character__param__list td {
  padding: 0 0 8px 0;
  text-align: right;
  vertical-align: middle;
  line-height: 1;
}
.character__param__list tr:last-child th,
.character__param__list tr:last-child td {
  padding-bottom: 16px;
}
.character__param__list .pb-0 {
  padding-bottom: 0 !important;
}
.character__param__element {
  margin: 0 0 0 12px;
}
.character__param__element li {
  display: inline-block;
  width: 58px;
  font-size: 12px;
  color: #404040;
  line-height: 16px;
}
.character__param__element li:nth-last-child(1) {
  width: 56px;
}
.character__param__element li i {
  margin-right: 2px;
}
.character__resists,
.character__melee_resists {
  width: 300px;
  padding-right: 10px;
  float: left;
}
.character__icon__list {
  margin: 0 22px;
  height: 1%;
  line-height: 1;
}
.character__icon__list li {
  display: inline-block;
  cursor: pointer;
}
.character__currency {
  position: relative;
  float: left;
  width: 310px;
}
.character__currency__list {
  margin: 0;
}
.character__currency__list li {
  margin-bottom: 8px;
}
.character__currency__wrapper {
  margin-bottom: 16px;
}
.character__currency__wrapper .currency__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 6px;
  padding: 4px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  align-items: center;
}
.character__currency__wrapper .currency__box__icon {
  display: block;
  width: 32px;
}
.character__currency__wrapper .currency__box__text {
  padding-left: 4px;
  font-size: 14px;
  line-height: 1.2;
}
.character__currency__wrapper .currency__box__text__name {
  font-size: 12px;
  display: block;
}
.character__currency__wrapper a.currency__box {
  border-radius: 4px;
  font-size: 14px;
  color: #404040;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  position: relative;
}
.character__currency__wrapper a.currency__box::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-position: -32px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}
.character__currency__wrapper a.currency__box:hover {
  text-decoration: none;
  color: #404040;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.character__currency__wrapper a.currency__box:active,
.character__currency__wrapper a.currency__box .press {
  color: #404040;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.character__beast_currency__list {
  margin: 0 7px;
}
.character__beast_currency__list li {
  width: 202px;
  float: left;
}
.character__beast_currency__list li .currency__box {
  margin: 0;
}
.character__reputation__list li {
  margin-bottom: 8px;
}
.character__beastman_relations__list li {
  width: 300px;
  float: left;
  margin-right: 10px;
}
.character__bar {
  position: relative;
  width: 100%;
  height: 2px;
  margin-bottom: 2px;
  background: #404040;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
.character__bar div {
  position: absolute;
  top: -1px;
  left: 0;
  height: 4px;
  background: #70cc14;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.character__bar.pvp-series-rank div {
  background: #ac73e5;
}
.character__pvp {
  display: table;
  width: 600px;
  margin: 0 10px;
}
.character__pvp__img {
  display: table-cell;
  vertical-align: top;
  width: 64px;
  height: 64px;
}
.character__pvp__box {
  display: table-cell;
  vertical-align: top;
  padding-left: 4px;
  width: 528px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.character__pvp__rank {
  font-size: 14px;
}
.character__pvp__rank .rank-max {
  color: #e67e17;
  font-size: 14px;
}
.character__pvp__rank__title {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: normal;
}
.character__pvp__exp {
  display: table;
  width: 100%;
}
.character__pvp__exp--total {
  text-align: left;
  font-size: 12px;
  color: #999;
  display: table-cell;
}
.character__pvp__exp--next {
  text-align: right;
  font-size: 12px;
  color: #999;
  display: table-cell;
}
.character__pvp__profile {
  width: 310px;
  float: left;
}
.character__pvp__maxrating {
  margin-top: 9px;
}
.character__pvp__maxrating__emblem {
  margin-top: -9px;
  display: block;
}
.character__pvp__data {
  width: 100%;
}
.character__pvp__data__played {
  font-size: 14px;
}
.character__pvp__data th {
  padding-left: 10px;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}
.character__pvp__data td {
  padding: 0 10px;
  text-align: right;
}
.character__pvp__data.championship {
  width: auto;
}
.character__pvp__data.championship th {
  white-space: normal;
}
.character__pvp__data.championship td {
  text-align: left;
}
.character__pvp__emblem {
  margin: 18px auto 0;
  display: block;
}
.character__pvp__star {
  color: #e67e17;
  font-size: 14px;
}
.character__ranking__link {
  margin-bottom: 32px !important;
}
.character__ranking__bnr {
  display: block;
  width: 530px;
  height: 100px;
  overflow: hidden;
  margin: 0 auto 16px;
}
.character__ranking__bnr img {
  width: 100%;
  height: auto;
  display: block;
}
.character__ranking__bnr:hover img {
  position: relative;
  margin-top: -100px;
}
.character__ranking__bnr_mini {
  display: block;
  width: 290px;
  height: 55px;
  overflow: hidden;
  margin: 0 auto 16px;
}
.character__ranking__bnr_mini img {
  width: 100%;
  height: auto;
  display: block;
}
.character__ranking__bnr_mini:hover img {
  position: relative;
  margin-top: -55px;
}
.character__ranking__data {
  width: 100%;
  margin-bottom: 8px;
}
.character__ranking__data th {
  padding: 0 0 0 10px;
  text-align: left;
  font-weight: normal;
  font-size: 12px;
}
.character__ranking__data td {
  padding: 0 10px 0 8px;
  text-align: right;
}
.character__ranking__area {
  display: flex;
  flex-wrap: wrap;
}
.character__ranking__box {
  width: 50%;
}
.character__ranking__box .btn__color {
  width: 220px;
}
.character__goldsaucer__list {
  margin: 0 0 16px;
}
.character__goldsaucer__list li {
  margin-bottom: 8px;
}
.character__goldsaucer__data {
  width: 100%;
}
.character__goldsaucer__data li {
  margin: 0 10px;
  font-size: 14px;
}
.character__goldsaucer__text {
  margin: 0 10px;
  font-size: 14px;
}
.character__goldsaucer__text__number {
  margin: 0 10px 16px;
  font-size: 14px;
}
.character__goldsaucer__notes {
  font-size: 12px;
  color: #b2122d;
  margin: 0 10px 8px;
}
.character__connect__view {
  display: none;
  background: #eee;
  color: #404040;
}
.character__connect__text {
  color: #404040;
  background: #eee;
  padding: 5px 10px 4px;
  font-weight: bold;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.character__connect__list {
  padding-bottom: 4px;
  background: #eee;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.character__connect__list li {
  position: relative;
  display: block;
  padding: 0 10px 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #404040;
}
.character__connect__form .btn__color {
  margin-bottom: 0;
}
.character__select__text {
  min-height: 40px;
  padding-left: 50px;
  margin: 0 10px 20px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//sXmTdGPK8CfGF62t6PU3RqQ1PE.png) no-repeat left
    center;
}
.character__side {
  width: 290px;
  margin: 0 auto;
}
.character__side__class {
  margin: 0 0 2px 0;
  height: 38px;
}
.character__side__class__arms {
  float: left;
}
.character__side__class__data {
  margin-left: 42px;
  font-size: 12px;
  line-height: 1;
}
.character__side__class__data p {
  color: #404040;
}
.character__side__class_icon {
  display: inline-block;
  margin: 2px 2px 0 0;
  float: left;
  width: 20px;
  height: 20px;
}
.character__side__classjob {
  float: left;
  display: block;
  width: 212px;
  height: auto;
}
.character__side__item_icon {
  position: relative;
  width: 38px;
  height: 38px;
}
.character__side__item_icon__img {
  position: absolute;
  top: 1px !important;
  left: 50% !important;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: -16px;
}
.character__side__item_icon--frame {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 38px;
  height: 38px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//-A7DYl4vvLtvGz_nshoUsqtrEc.png) no-repeat;
  -moz-background-size: 38px auto;
  -o-background-size: 38px auto;
  -webkit-background-size: 38px auto;
  background-size: 38px auto;
  cursor: pointer;
}
.character__side__item_icon--0 {
  float: left;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//mtNnou0UTXvUNJowSYdy_od2M0.png) no-repeat 0 0;
  background-size: 38px auto;
}
.character__side__item_icon--1 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//mtNnou0UTXvUNJowSYdy_od2M0.png) no-repeat 0 0;
  background-size: 38px auto;
}
.character__side__item_icon--2 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//yFYzr3MsoOwa903TORtTkCNbgo.png) no-repeat 0 0;
  background-size: 38px auto;
}
.character__side__item_icon--3 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//3ZGSMqkE3dp22nLQ7VDviN593A.png) no-repeat 0 0;
  background-size: 38px auto;
}
.character__side__item_icon--4 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//j01DcG9E75A4v22IObCufIAjTo.png) no-repeat 0 0;
  background-size: 38px auto;
}
.character__side__item_icon--5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//RLi7YFHps0DXhE3SEVc37LTtFA.png) no-repeat 0 0;
  background-size: 38px auto;
}
.character__side__item_icon--6 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//I7TzgwvmgUrKR-D0gjch_ullYg.png) no-repeat 0 0;
  background-size: 38px auto;
}
.character__side__item_icon--7 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//rtXgCGmdNG5Yl7Rzb0aC3Dz4RU.png) no-repeat 0 0;
  background-size: 38px auto;
}
.character__side__item_icon--8 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//LpauiLwCKzVPqLzMrC_BlS0MgI.png) no-repeat 0 0;
  background-size: 38px auto;
}
.character__side__item_icon--9 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//N9G11AlGZU7v7Ls9TYvVx3sfa0.png) no-repeat 0 0;
  background-size: 38px auto;
}
.character__side__item_icon--10 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//VPwTZhtTXKT0P04NJU01m1ZtYI.png) no-repeat 0 0;
  background-size: 38px auto;
}
.character__side__item_icon--11 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Xv-fBjmPkm4Jv4hcukJo69-Leo.png) no-repeat 0 0;
  background-size: 38px auto;
}
.character__side__item_icon--12 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Xv-fBjmPkm4Jv4hcukJo69-Leo.png) no-repeat 0 0;
  background-size: 38px auto;
}
.character__side__item_icon--13 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//BvKxMwolC1uK54EhC0OCvZnAqY.png) no-repeat 0 0;
  margin-bottom: 0;
  background-size: 38px auto;
}
.character__side__detail {
  width: 290px;
  margin: 0 auto 10px;
}
.character__side__detail__image {
  float: left;
  position: relative;
  width: 214px;
  margin: 0 1px 0 2px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.character__side__detail__image a,
.character__side__detail__image img {
  display: block;
  width: 100%;
  height: auto;
}
.character__side__detail__icon {
  float: left;
  width: 36px;
}
.character__side__detail__avg {
  position: absolute;
  top: 6px;
  right: 6px;
  height: 16px;
  padding-left: 16px;
  line-height: 1;
  text-align: right;
  font-size: 16px;
  color: #45b2ae;
  text-shadow: #000000 0 1px 4px;
}
.character__side__detail__avg:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -120px 0;
  -moz-background-size: 136px auto;
  -o-background-size: 136px auto;
  -webkit-background-size: 136px auto;
  background-size: 136px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//I_9wveYc3ix6Pyq42llcQUozkc.png);
  background-repeat: no-repeat;
}
.character__side__currency {
  margin: 0 5px;
  position: relative;
}
.character__side__currency__list li {
  float: left;
  position: relative;
  margin: 0 4px 10px;
  width: 64px;
  height: 64px;
}
.character__side__currency__list li a,
.character__side__currency__list li div {
  display: block;
  width: 64px;
  height: 64px;
  background: #f3f3f3;
  border: 1px solid #ccc;
  -moz-border-radius: 64px;
  -webkit-border-radius: 64px;
  border-radius: 64px;
  text-align: center;
  vertical-align: middle;
  color: #404040;
  font-size: 12px;
  padding-top: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
}
.character__side__currency__list li a::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-position: -32px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  opacity: 0.3;
}
.character__side__currency__list li a:hover {
  background: #fff;
}
.character__side__currency__list li img {
  margin: 0 auto;
  vertical-align: middle;
  display: block;
}
.character__side__currency__list li.blank {
  background: #e6e6e6;
  border-radius: 64px;
}
.character__side__currency__list.token_max {
  margin: 0;
}
.character__side__currency__list.token_max li {
  width: 48px;
  margin: 0 5px 10px;
}
.character__side__currency__list.token_max li a,
.character__side__currency__list.token_max li div {
  width: 48px;
  border-radius: 24px;
}
.character__side__currency__list.token_max li a::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//6WbS4aHE688eu1Je_tr1T4AZnQ.png) no-repeat 0 0;
  background-size: 8px 8px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
}
.character__side__currency__list.token_max li a:hover {
  background: #fff;
  background-size: 8px 8px;
}
.character__side__currency__list.token_max li.blank {
  border-radius: 24px;
}
.character__side__currency__list__weekly {
  position: absolute;
  top: -8px;
  right: -4px;
  background: #404040;
  width: 36px;
  height: 20px;
  border-radius: 10px;
  display: block;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  pointer-events: none;
}
.buddy__profile {
  position: relative;
  padding: 8px 10px;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  margin-bottom: 16px;
}
.buddy__profile:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.buddy__profile__name {
  font-size: 16px;
  color: #404040;
  font-weight: bold;
}
.buddy__rank {
  padding-bottom: 2px;
}
.buddy__rank:after {
  content: '';
  clear: both;
  display: block;
}
.buddy__rank__number {
  float: left;
  padding: 0 8px 0 0;
  font-size: 14px;
}
.buddy__rank__number span {
  font-size: 14px;
}
.buddy__rank__icon {
  float: left;
  margin: 2px 0 0 -4px;
}
.buddy__skill {
  padding: 0 10px;
}
.buddy__skill--title {
  display: table-cell;
  width: 104px;
  vertical-align: top;
}
.buddy__skill--title:after {
  content: '';
  clear: both;
  display: block;
}
.buddy__skill--title i {
  float: left;
  margin-right: 2px;
}
.buddy__skill--title h4 {
  padding-top: 5px;
  color: #999;
  font-size: 10px;
  font-weight: normal;
  line-height: 1;
}
.buddy__skill--title p {
  line-height: 1;
}
.buddy__skill--box {
  display: table-cell;
  vertical-align: top;
}
.buddy__skill--box:after {
  content: '';
  clear: both;
  display: block;
}
.buddy__skill--list {
  position: relative;
  float: left;
  width: 48px;
  height: 48px;
  margin-left: -3px;
  margin-bottom: 10px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//qq0m1OpfsgasfZ0KpFXhZME-tA.png) no-repeat 0 0;
}
.buddy__skill--list .item_detail_box {
  top: 48px;
}
.buddy__skill--icon {
  margin: 2px 0 0 4px;
}
.buddy__skill--off {
  margin: 2px 0 0 4px;
}
.buddy__skill--number {
  position: absolute;
  left: 6px;
  bottom: 3px;
  display: block;
  color: #ff4c4c;
  text-shadow: 2px 2px 2px #000000;
}
.buddy__skill--line {
  position: relative;
  float: left;
  z-index: 1;
  width: 8px;
  height: 48px;
  margin-left: -3px;
  overflow: hidden;
}
.buddy__skill--line.active img {
  position: relative;
  top: -48px;
}
.buddy__skill--frame {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//tJqa1xM8pxlvrsaWHTHwuzbK8U.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
}
.buddy__skill--attacker {
  margin-bottom: 6px;
}
.buddy__color {
  position: relative;
  min-height: 260px;
}
.buddy__color__name {
  margin-left: 10px;
  margin-bottom: 16px;
  font-weight: normal;
}
.buddy__color__name span {
  vertical-align: middle;
}
.buddy__color__frame {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  margin-right: 4px;
}
.buddy__color__img {
  position: absolute;
  top: 0;
  right: 100px;
}
.buddy__equipment {
  margin: 0 10px 16px;
}
.buddy__equipment__box {
  display: table;
  width: 100%;
}
.buddy__equipment__box p {
  display: table-cell;
  vertical-align: middle;
  padding-left: 4px;
}
.buddy__equipment__bg {
  display: table-cell;
}
.buddy__equipment__img {
  position: relative;
}
.buddy__equipment__img img {
  display: block;
  position: absolute;
  left: 4px;
  top: 2px;
}
.buddy__equipment__cover {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 48px;
  height: 48px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//fKdoRlkBksNlX0w8C8Zu2NTB0s.png) no-repeat 0 0;
}
.buddy__notes {
  font-size: 14px;
  color: #b2122d;
  margin: 0 16px 32px;
}
.buddy__popup {
  width: 380px;
  padding: 0 10px;
}
.buddy__popup .ic_frame_popup {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Jjrx6rIouX-QVVLqtYgX4YN-30.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
}
.buddy__popup .ic_skill {
  position: relative;
  float: left;
  width: 48px;
  height: 48px;
  margin-left: 2px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//qq0m1OpfsgasfZ0KpFXhZME-tA.png) no-repeat 0 0;
}
.buddy__popup .ic_skill img {
  margin: 2px 4px;
}
.buddy__popup h4 {
  margin-left: 55px;
  font-size: 14px;
}
.buddy__popup .kind {
  margin-left: 55px;
  color: #bfb097;
}
.buddy__popup hr {
  margin-top: 6px;
}
.buddy__popup .detail {
  padding: 0 2px;
}
.retainer__data {
  position: relative;
  width: 100%;
  margin-bottom: 16px;
}
.retainer__data::after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.retainer__data__profile {
  position: relative;
  height: 100%;
  padding: 5px 10px 10px;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.retainer__data--name {
  font-size: 16px;
  font-weight: bold;
}
.retainer__data--level {
  font-size: 12px;
}
.retainer__data--class {
  height: 24px;
}
.retainer__data--class__icon {
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  float: left;
}
.retainer__data--class__icon img {
  position: absolute;
  top: 0;
  left: 0;
}
.retainer__data--class__name {
  float: left;
  display: block;
}
.retainer__data--not_class {
  font-size: 12px;
}
.retainer__data__toggle_btn {
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 40px;
  height: 40px;
  margin-top: -22px;
  cursor: pointer;
}
.retainer__data__toggle_btn i {
  position: relative;
  top: 10px;
  left: 8px;
}
.retainer__text {
  margin: 0 16px 16px;
}
.retainer__content {
  display: none;
  height: 1%;
  margin-bottom: 16px;
  background-color: #eee;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.retainer__content.active {
  display: block;
}
.bluemage__title {
  position: relative;
  padding: 22px 38px 6px 16px;
  margin-bottom: 10px;
  color: #404040;
  border-bottom: solid 1px #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bluemage__title h3 {
  font-size: 14px;
}
.bluemage__title__select {
  position: absolute;
  right: 10px;
  bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.bluemage__title__select li {
  padding-left: 16px;
}
.bluemage-action__zero img {
  display: block;
  margin: 0 auto 16px;
}
.bluemage-action__zero p {
  margin: 10px;
}
.bluemage-action__list {
  display: -ms-flexbox;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 9px;
  padding-top: 6px;
}
.bluemage-action__list__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.bluemage-action__list__inner .ic_new {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 2;
}
.bluemage-action__list__item {
  width: 200px;
  min-height: 64px;
  height: auto;
  position: relative;
}
.bluemage-action__icon {
  width: 48px;
  margin-right: 4px;
}
.bluemage-action__icon__inner {
  display: block;
  position: relative;
  width: 48px;
  height: 48px;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-box-align: start;
  -o-box-align: start;
  box-align: start;
  -webkit-align-items: start;
  align-items: start;
  margin-right: 4px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//cHl5zHiAEQITvB3EsCIFl1sDNM.png) no-repeat center
    2px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
.bluemage-action__icon__inner::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//-A7DYl4vvLtvGz_nshoUsqtrEc.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
}
.bluemage-action__icon__image {
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
.bluemage-action__text {
  width: 148px;
  min-height: 40px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.bluemage-action__index {
  display: block;
  color: #999;
  font-size: 12px;
  margin-bottom: 2px;
  line-height: 1;
}
.bluemage-action__name {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  line-height: 1.2;
}
.bluemage-tooltip {
  background: #333233;
  width: 400px;
  border-radius: 8px;
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
  padding-bottom: 16px;
  overflow: hidden;
  display: none;
  z-index: 20;
}
.bluemage-tooltip__header {
  background: #1c304d;
  -moz-box-shadow: 0px 2px 0px 0px #425166 inset, 0px -1px 0px 0px #262526 inset;
  -webkit-box-shadow: 0px 2px 0px 0px #425166 inset,
    0px -1px 0px 0px #262526 inset;
  box-shadow: 0px 2px 0px 0px #425166 inset, 0px -1px 0px 0px #262526 inset;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 8px 16px 8px;
}
.bluemage-tooltip__header span {
  font-weight: normal;
  margin-right: 12px;
}
.bluemage-tooltip__action {
  padding: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.bluemage-tooltip__action__icon {
  width: 64px;
  height: 64px;
  margin-right: 16px;
  position: relative;
}
.bluemage-tooltip__action__icon::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//9JH-DXjtZqXPP_PrEb6iNTpj08.png) no-repeat 0 0;
  width: 64px;
  height: 64px;
}
.bluemage-tooltip__action__type {
  font-size: 12px;
  font-weight: normal;
  color: #cccccc;
}
.bluemage-tooltip__action__type strong {
  font-size: 12px;
  font-weight: normal;
  color: #00b21e;
}
.bluemage-tooltip__text {
  padding: 16px;
  font-size: 12px;
  color: #cccccc;
  background: #3d3c3d;
  margin-bottom: 8px;
}
.bluemage-tooltip__hint__title {
  background: #262626;
  padding: 2px 16px;
  font-size: 12px;
  color: #cccccc;
  margin-bottom: 8px;
}
.bluemage-tooltip__hint__text {
  font-size: 12px;
  color: #ccb177;
  line-height: 24px;
  vertical-align: middle;
  padding: 0 16px;
}
.bluemage-tooltip__hint .ic_monster,
.bluemage-tooltip__hint .ic_quest,
.bluemage-tooltip__hint .ic_totem,
.bluemage-tooltip__hint .ic_content {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 2px;
}
.bluemage-tooltip__hint .ic_monster {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//SjJ0eVwVIMPoAsOFZeBEfNX79w.png) no-repeat 0 0;
  background-size: 24px 24px;
}
.bluemage-tooltip__hint .ic_quest {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//t3LTAtzmXb-qQVsVnPSyo2uvlw.png) no-repeat 0 0;
  background-size: 24px 24px;
}
.bluemage-tooltip__hint .ic_totem {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//RNPSIEwfmHxQxYx3T3O_Ovnm-0.png) no-repeat 0 0;
  background-size: 24px 24px;
}
.bluemage-tooltip__hint .ic_content {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//nrUIkp38uCBgAXVmS7bdD2zF9o.png) no-repeat 0 0;
  background-size: 24px 24px;
}
.bluemage-tooltip__hint__requirequest {
  text-align: center;
  padding: 32px 16px 0;
  color: #cccccc;
}
.bluemage-tooltip__hint__requirequest a {
  color: #73bfe6;
}
.trust__menu {
  width: 600px;
  margin: 0 auto 32px;
  display: flex;
  justify-content: center;
}
.trust__menu li {
  width: 96px;
  margin: 0 2px;
}
.trust__menu li.member_7 {
  width: 82px;
}
.trust__menu li.member_8 {
  width: 71px;
}
.trust__menu li.member_8 .trust__menu__level {
  font-size: 28px;
}
.trust__menu li.member_9 {
  width: 64px;
  margin: 0 1px;
}
.trust__menu li.member_9 .trust__menu__level {
  font-size: 28px;
}
.trust__menu li a {
  display: block;
  position: relative;
}
.trust__menu li a::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//T2JdqO3TW7o21oEuzroAhI5_Qw.png);
  background-size: 100% 100%;
  opacity: 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.trust__menu li a:hover::after,
.trust__menu li a.active::after {
  opacity: 1;
}
.trust__menu li a img {
  width: 100%;
  height: auto;
  display: block;
}
.trust__menu__level {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 32px;
  font-weight: bold;
  font-family: '微软雅黑';
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 4px #000000, 0px 0px 4px #000000;
}
.trust__character {
  position: relative;
  width: 600px;
  height: 600px;
  margin: 0 auto;
}
.trust__character li {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-box-align: start;
  -o-box-align: start;
  box-align: start;
  -webkit-align-items: start;
  align-items: start;
  align-items: start;
}
.trust__character li.active {
  opacity: 1;
}
.trust__character__name {
  font-size: 18px;
  font-weight: bold;
  color: #404040;
  margin-bottom: 13px;
  line-height: 1;
}
.trust__character__inner {
  width: 300px;
}
.trust__job {
  height: 32px;
  padding-bottom: 32px;
}
.trust__job__icon {
  position: relative;
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 2px;
}
.trust__job__icon img {
  display: block;
}
.trust__job__icon::after {
  content: '';
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//IVWubUM67V2R73InARFd9g78yw.png);
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
}
.trust__job__name {
  float: left;
  position: relative;
  height: 32px;
  padding-top: 2px;
  box-sizing: border-box;
}
.trust__job__name::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: 0;
  bottom: 0;
}
.trust__job__name span {
  display: block;
  position: absolute;
  bottom: 2px;
  right: 0;
  font-size: 12px;
  color: #404040;
}
.trust__level {
  width: 290px;
  margin-bottom: 32px;
}
.trust__level__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 140px;
  height: 140px;
  margin: 0 auto;
  background: #f3f3f3;
  border: 1px solid #ccc;
  border-radius: 70px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.trust__level__inner {
  width: 140px;
}
.trust__level span {
  display: block;
  width: 140px;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #999;
  font-family: '微软雅黑';
  line-height: 1;
}
.trust__level p {
  width: 140px;
  text-align: center;
  color: #404040;
  font-size: 64px;
  font-weight: bold;
  font-family: '微软雅黑';
  line-height: 1;
}
.trust__data {
  width: 290px;
}
.trust__data__exp,
.trust__data__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  margin-bottom: 8px;
  vertical-align: text-bottom;
  line-height: 1;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -ms-box-align: baseline;
  -o-box-align: baseline;
  box-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.trust__data__exp p,
.trust__data__next p {
  font-size: 16px;
  font-family: '微软雅黑';
  color: #999;
  font-weight: 400;
  vertical-align: text-bottom;
}
.trust__data__exp span,
.trust__data__next span {
  display: block;
  font-size: 24px;
  font-family: '微软雅黑';
  font-weight: 700;
  color: #404040;
  text-align: right;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.trust__data__next {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.trust__data__next span {
  font-weight: 400;
}
.minion__list_icon,
.mount__list_icon {
  position: relative;
}
.minion__list_icon .character__item_icon .ic_new,
.mount__list_icon .character__item_icon .ic_new {
  display: block;
  position: absolute;
  top: -2px;
  right: 0;
}
.minion__sort,
.mount__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-box-align: end;
  -o-box-align: end;
  box-align: end;
  -webkit-align-items: end;
  align-items: end;
  padding: 0 14px 10px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
}
.minion__sort__pulldown,
.mount__sort__pulldown {
  width: 236px;
  margin-bottom: 0 !important;
}
.minion__sort__total,
.mount__sort__total {
  text-align: right;
  font-size: 12px;
  font-weight: normal;
  font-family: '微软雅黑';
  color: #404040;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 8px 10px 0 0;
}
.minion__sort__total span,
.mount__sort__total span {
  font-size: 24px;
  font-weight: bold;
  color: #404040;
  padding-left: 4px;
}
.minion__tooltip,
.mount__tooltip {
  position: absolute;
  top: 48px;
  left: 24px;
  width: 460px;
  background: #333333;
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  overflow: hidden;
  z-index: 101;
  display: none;
  cursor: default;
}
.minion__header,
.mount__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-box-align: end;
  -o-box-align: end;
  box-align: end;
  -webkit-align-items: end;
  align-items: end;
  background: #004466;
  -moz-box-shadow: 0px 2px 0px 0px #406a80 inset, 0px -1px 0px 0px #262626 inset;
  -webkit-box-shadow: 0px 2px 0px 0px #406a80 inset,
    0px -1px 0px 0px #262626 inset;
  box-shadow: 0px 2px 0px 0px #406a80 inset, 0px -1px 0px 0px #262626 inset;
  padding: 8px 16px;
  position: relative;
}
.minion__header__label,
.mount__header__label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  padding-top: 8px;
}
.minion__header__data,
.mount__header__data {
  padding-top: 16px;
  text-align: right;
}
.minion__header__data span,
.mount__header__data span {
  font-size: 12px;
  color: #999999;
}
.minion__header img,
.mount__header img {
  display: block;
  position: absolute;
  top: 8px;
  right: 16px;
  height: 14px;
  width: auto;
}
.minion__body,
.mount__body {
  padding: 16px;
}
.minion__text,
.mount__text {
  font-size: 12px;
  color: #cccccc;
  line-height: 1.4;
  margin-bottom: 16px;
}
.minion__view,
.mount__view {
  height: 198px;
  position: relative;
}
.minion__detail,
.mount__detail {
  display: inline-block;
  width: 108px;
  vertical-align: text-bottom;
}
.minion__foot,
.mount__foot {
  display: inline-block;
  width: 128px;
  margin-top: 64px;
  vertical-align: text-bottom;
}
.minion__image,
.mount__image {
  display: inline-block;
  width: 192px;
  vertical-align: text-bottom;
}
.minion__item_icon,
.mount__item_icon {
  position: relative;
  width: 48px;
  height: 48px;
  display: block;
}
.minion__item_icon__img,
.mount__item_icon__img {
  position: absolute;
  top: 2px !important;
  left: 50% !important;
  margin-left: -20px;
  display: block;
}
.minion__item_icon--frame,
.mount__item_icon--frame {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//-A7DYl4vvLtvGz_nshoUsqtrEc.png) no-repeat;
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.minion__type,
.mount__type {
  font-size: 12px;
  color: #999999;
  margin-bottom: 16px;
}
.minion__type span,
.mount__type span {
  display: block;
  padding-top: 8px;
  color: #cccccc;
}
.minion__item,
.mount__item {
  font-size: 12px;
  color: #999999;
  margin-bottom: 8px;
}
.mount__header {
  background: #004d0a;
  -moz-box-shadow: 0px 2px 0px 0px #33663a inset, 0px -1px 0px 0px #262626 inset;
  -webkit-box-shadow: 0px 2px 0px 0px #33663a inset,
    0px -1px 0px 0px #262626 inset;
  box-shadow: 0px 2px 0px 0px #33663a inset, 0px -1px 0px 0px #262626 inset;
}
.mount__ride img {
  vertical-align: middle;
  margin-right: 3px;
  display: inline-block;
}
.mount__action {
  padding-top: 8px;
}
.mount__action__icon {
  display: inline-block;
  position: relative;
  width: 38px;
  height: 38px;
  padding-top: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mount__action__icon img {
  width: 32px;
  height: 32px;
  display: block;
  margin: 0 auto;
}
.mount__action__icon::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//tJqa1xM8pxlvrsaWHTHwuzbK8U.png);
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.mypage_list_new,
.mypage_list_activity {
  display: none;
}
.orchestrion-menu {
  background: #e5e0ca;
  -moz-box-shadow: 0px 0px 4px 0px rgba(76, 69, 38, 0.2) inset;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(76, 69, 38, 0.2) inset;
  box-shadow: 0px 0px 4px 0px rgba(76, 69, 38, 0.2) inset;
  border-radius: 8px;
  margin: 0 10px;
  padding: 2px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.orchestrion-menu li {
  width: 48px;
  position: relative;
}
.orchestrion-menu li img {
  display: block;
  width: 100%;
  height: auto;
}
.orchestrion-menu li a {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 42px;
  height: 42px;
  display: block;
}
.orchestrion-menu li a img {
  opacity: 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.orchestrion-menu li a.selected img,
.orchestrion-menu li a:hover img {
  opacity: 1;
}
.orchestrion-menu__wrapper {
  position: relative;
}
.orchestrion-menu.fixed {
  position: fixed;
  top: 0;
  width: 600px;
  box-sizing: border-box;
  z-index: 2;
}
.orchestrion-title {
  position: relative;
  padding: 22px 38px 6px 16px;
  margin-bottom: 16px;
  border-bottom: solid 1px #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.orchestrion-title h3 {
  font-size: 14px;
  color: #506fb3;
}
.orchestrion-title__select {
  position: absolute;
  right: 10px;
  bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.orchestrion-title__select .form__checkbox__label {
  font-size: 12px;
}
.orchestrion-title__select li {
  padding-left: 16px;
}
.orchestrion-list {
  padding: 0 9px;
}
.orchestrion-list li {
  position: relative;
  border-radius: 6px;
  margin-bottom: 8px;
  padding: 9px 48px 9px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  line-height: 1.2;
}
.orchestrion-list li.unacquired {
  background: rgba(255, 255, 255, 0.3);
}
.orchestrion-list li:nth-last-child(1) {
  margin-bottom: 0;
}
.orchestrion-list li .ic_new {
  display: block;
  width: 48px;
  height: 16px;
  position: absolute;
  top: -6px;
  left: 0;
}
.orchestrion-list li .ic {
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -14px;
  width: 28px;
  height: 28px;
  display: block;
}
.orchestrion-list li.unacquired .orchestrion-list__num,
.orchestrion-list li.unacquired .orchestrion-list__name {
  opacity: 0.3;
  font-weight: normal;
}
.orchestrion-list__num {
  display: inline-block;
  white-space: nowrap;
  margin-right: 16px;
  color: #404040;
  font-size: 12px;
  font-weight: bold;
}
.orchestrion-list__name {
  color: #404040 !important;
  font-size: 12px;
  font-weight: bold;
}
.orchestrion-list__name:hover {
  text-decoration: none;
}
.orchestrion-tooltip {
  width: 400px;
  border-radius: 8px;
  overflow: hidden;
  background: #ebe6d3;
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 11;
  opacity: 0;
  display: none;
}
.orchestrion-tooltip__header {
  background: #805733;
  -moz-box-shadow: 0px 2px 0px 0px #a67142 inset, 0px -1px 0px 0px #593d24 inset;
  -webkit-box-shadow: 0px 2px 0px 0px #a67142 inset,
    0px -1px 0px 0px #593d24 inset;
  box-shadow: 0px 2px 0px 0px #a67142 inset, 0px -1px 0px 0px #593d24 inset;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 16px;
}
.orchestrion-tooltip__header span {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  margin-right: 16px;
}
.orchestrion-tooltip__inner {
  padding: 16px 0 0 0;
}
.orchestrion-tooltip__title {
  font-size: 12px;
  font-weight: bold;
  color: #0077b2;
  padding: 0 16px 6px;
}
.orchestrion-tooltip__text {
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  padding: 0 16px 12px;
  line-height: 1.4;
}
.orchestrion-tooltip__item h3 {
  background: #f5f0dc;
  padding: 4px 16px;
  font-size: 12px;
  font-weight: bold;
  color: #805733;
}
.orchestrion-tooltip .db_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 6px 16px 8px;
}
.orchestrion-tooltip .db_link__icon {
  width: 48px;
  margin-right: 4px;
}
.orchestrion-tooltip .db_link__text {
  width: calc(100% - 52px);
}
.orchestrion-tooltip .db_link__text a {
  color: #404040;
  font-size: 12px;
  font-weight: normal;
}
.tripletriad-title {
  padding-top: 15px;
  margin-bottom: 0;
}
.tripletriad-settings {
  margin-bottom: 16px;
  padding: 16px 10px 4px;
  border-bottom: solid 1px #ccc;
}
.tripletriad-settings__wrapper {
  width: 100%;
  margin-bottom: 16px;
}
.tripletriad-settings__wrapper th {
  padding-right: 16px;
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
  width: 100px;
  box-sizing: border-box;
}
.tripletriad-settings__wrapper td {
  color: #e57e17;
}
.tripletriad-settings__list {
  font-size: 12px;
}
.tripletriad-settings__list li {
  display: inline;
  color: #404040;
}
.tripletriad-settings__list span {
  color: #e57e17;
}
.tripletriad-settings__list i {
  width: 16px;
  text-align: center;
  display: inline-block;
}
.tripletriad-settings__total {
  text-align: right;
  font-size: 12px;
  font-weight: bold;
}
.tripletriad-settings__total span {
  color: #e57e17;
}
.tripletriad-form {
  padding-top: 16px;
}
.tripletriad-form__container.disabled {
  opacity: 0.25;
  pointer-events: none;
}
.tripletriad-form__lead {
  font-size: 12px;
  font-weight: bold;
  color: #506fb3;
  margin-bottom: 8px;
  line-height: 1.2;
}
.tripletriad-form__title {
  font-weight: bold;
}
.tripletriad-form__wrapper {
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #eee;
  padding: 16px;
  box-sizing: border-box;
  margin-bottom: 16px;
}
.tripletriad-form .form__list {
  display: flex;
}
.tripletriad-form .form__list li {
  width: 20%;
  display: flex;
  align-items: center;
  height: 24px;
  margin-bottom: 16px !important;
}
.tripletriad-form .form__list li .form__checkbox__label,
.tripletriad-form .form__list li .form__radio__label {
  height: 24px;
  display: flex !important;
  align-items: center;
}
.tripletriad-form .form__list li .form__checkbox__label::before,
.tripletriad-form .form__list li .form__radio__label::before {
  top: 50% !important;
  margin-top: -8px;
}
.tripletriad-form .form__list li .form__checkbox__label::after,
.tripletriad-form .form__list li .form__radio__label::after {
  top: 8px !important;
}
.tripletriad-form .form__list.filter li {
  width: 100%;
}
.tripletriad-form .form__list.tripletriad-form__filter li {
  width: calc(100% / 3);
}
.tripletriad-form__rarity {
  width: 64px;
  height: 16px;
  white-space: nowrap;
  padding-left: 4px;
  display: flex !important;
}
.tripletriad-form__rarity img {
  display: inline-block;
  margin-left: -4px;
  flex-shrink: 0;
}
.tripletriad-form__type,
.tripletriad-form__extra,
.tripletriad-form__asc_desc {
  font-size: 12px !important;
  color: inherit !important;
  align-items: center;
  display: flex !important;
}
.tripletriad-form__type img,
.tripletriad-form__extra img,
.tripletriad-form__asc_desc img {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.tripletriad-form__type__list,
.tripletriad-form__extra__list,
.tripletriad-form__asc_desc__list {
  display: flex;
  align-items: center;
}
.tripletriad-form__extra,
.tripletriad-form__asc_desc {
  white-space: nowrap;
}
.tripletriad-form__pulldown {
  width: 130px !important;
  margin-bottom: 0 !important;
}
.tripletriad-form__sort {
  display: flex;
  margin-bottom: 16px;
  padding-top: 4px;
  justify-content: space-between;
}
.tripletriad-form__sort li {
  width: calc((100% - 24px) / 4);
  display: flex;
  align-items: center;
}
.tripletriad-form__sort li span {
  display: block;
  margin-right: 6px;
  font-size: 14px;
  font-weight: bold;
  color: #404040;
}
.tripletriad-form__sort_asc_desc.form__list li {
  margin-bottom: 0 !important;
}
.tripletriad-form__sort_pulldown {
  width: 160px !important;
  margin-bottom: 0 !important;
}
.tripletriad-card_list {
  margin: 0 9px 8px;
}
.tripletriad-card_list li {
  width: 100%;
  height: 53px;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 16px;
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  margin-bottom: 8px;
}
.tripletriad-card_list li > .ic_new {
  position: absolute;
  left: 0;
  top: -6px;
  display: block;
}
.tripletriad-card_list li > .num {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  display: block;
  margin-right: 16px;
  color: #404040;
  width: 60px;
  white-space: nowrap;
}
.tripletriad-card_list li > .num.na {
  width: 44px;
}
.tripletriad-card_list li > .num.eu {
  width: 44px;
}
.tripletriad-card_list li > .num.fr {
  width: 80px;
}
.tripletriad-card_list li > .num.de {
  width: 44px;
}
.tripletriad-card_list li > .num span {
  display: inline-block;
}
.tripletriad-card_list li > .icon {
  display: block;
  position: relative;
  width: 48px;
  height: 48px;
  margin: 4px 18px 0 0;
  cursor: pointer;
}
.tripletriad-card_list li > .icon img {
  display: block;
  margin: 2px auto 0;
  width: 40px;
  height: auto;
}
.tripletriad-card_list li > .icon::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 48px;
  height: 48px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//fKdoRlkBksNlX0w8C8Zu2NTB0s.png) no-repeat 0 0;
}
.tripletriad-card_list li > .name {
  font-size: 12px;
  font-weight: bold;
  color: #404040;
  cursor: pointer;
  flex-grow: 1;
}
.tripletriad-card_list li > .name span {
  display: inline-block;
}
.tripletriad-card_list li > .type {
  display: block;
  margin-right: 8px;
  flex-shrink: 0;
  white-space: nowrap;
}
.tripletriad-card_list li > .rarity {
  width: 64px;
  height: 16px;
  margin-right: 12px;
  white-space: nowrap;
  padding-left: 4px;
  display: flex;
}
.tripletriad-card_list li > .rarity img {
  display: inline-block;
  margin-left: -4px;
  flex-shrink: 0;
}
.tripletriad-card_list li > .strength {
  background: #f3f3f3;
  width: 56px;
  height: 36px;
  position: relative;
  border-radius: 6px;
}
.tripletriad-card_list li > .strength img {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
}
.tripletriad-card_list li > .strength img.up {
  top: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tripletriad-card_list li > .strength img.down {
  bottom: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tripletriad-card_list li > .strength img.left {
  top: 10px;
  left: 4px;
}
.tripletriad-card_list li > .strength img.right {
  top: 10px;
  right: 4px;
}
.tripletriad-card_list li.unsettled {
  background: rgba(255, 255, 255, 0.3);
}
.tripletriad-card_list li.unsettled > .num,
.tripletriad-card_list li.unsettled > .name {
  opacity: 0.3;
  font-weight: normal;
}
.tripletriad-tooltip {
  width: 450px;
  border-radius: 8px;
  overflow: hidden;
  background: #333333;
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 11;
  opacity: 0;
  display: none;
}
.tripletriad-tooltip__header {
  background: #293c66;
  -moz-box-shadow: 0px 2px 0px 0px #38538c inset 0px -1px 0px 0px #192640 inset;
  -webkit-box-shadow: 0px 2px 0px 0px #38538c inset 0px -1px 0px 0px #192640 inset;
  box-shadow: 0px 2px 0px 0px #38538c inset 0px -1px 0px 0px #192640 inset;
  padding: 8px 16px;
  min-height: 32px;
  box-sizing: border-box;
  display: flex;
  line-height: 1.3;
}
.tripletriad-tooltip__header span {
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  margin-right: 16px;
  flex-shrink: 0;
  line-height: 1.5;
}
.tripletriad-tooltip__header p {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}
.tripletriad-tooltip__inner {
  padding: 10px 16px 16px;
  display: flex;
}
.tripletriad-tooltip__card {
  position: relative;
  width: 104px;
  height: 128px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//tCUCAcnqVM0p9typDvWD8tg-EI.png) no-repeat 0 0;
  margin: 6px 16px 0 0;
}
.tripletriad-tooltip__card .card {
  display: block;
  width: 104px;
  height: 128px;
}
.tripletriad-tooltip__card .rarity {
  width: 32px;
  height: 31px;
  position: absolute;
  top: 4px;
  left: 6px;
}
.tripletriad-tooltip__card .rarity img {
  position: absolute;
  display: block;
}
.tripletriad-tooltip__card .rarity img:nth-child(1) {
  top: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tripletriad-tooltip__card .rarity img:nth-child(2) {
  top: 6px;
  left: 0;
}
.tripletriad-tooltip__card .rarity img:nth-child(3) {
  top: 6px;
  right: 0;
}
.tripletriad-tooltip__card .rarity img:nth-child(4) {
  left: 3px;
  bottom: 0;
}
.tripletriad-tooltip__card .rarity img:nth-child(5) {
  right: 3px;
  bottom: 0;
}
.tripletriad-tooltip__card .type {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 2px;
  right: 2px;
}
.tripletriad-tooltip__card .strength {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ZoX3EipL1d2fkeBRFTloMWrRjo.png) no-repeat center
    center;
  background-size: auto 100%;
  width: 40px;
  height: 32px;
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tripletriad-tooltip__card .strength img {
  display: block;
  position: absolute;
}
.tripletriad-tooltip__card .strength .up {
  top: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tripletriad-tooltip__card .strength .down {
  bottom: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tripletriad-tooltip__card .strength .left {
  top: 8px;
  left: 0;
}
.tripletriad-tooltip__card .strength .right {
  top: 8px;
  right: 0;
}
.tripletriad-tooltip__text {
  width: calc(100% - 120px);
}
.tripletriad-tooltip__text .type {
  display: flex;
  align-items: center;
  color: #999999;
  font-size: 12px;
  margin-bottom: 6px;
  line-height: 1;
  height: 24px;
  font-weight: normal;
}
.tripletriad-tooltip__text .type img {
  display: block;
  margin: 0 2px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.tripletriad-tooltip__text .flavor {
  font-size: 12px;
  font-weight: normal;
  color: #cccccc;
  line-height: 1.5;
}
.tripletriad-tooltip__title {
  background: #404040;
  display: flex;
  align-items: center;
  height: 24px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: bold;
  color: #cccccc;
}
.tripletriad-tooltip__item {
  display: flex;
  align-items: center;
  padding: 8px 16px 12px 16px;
}
.tripletriad-tooltip__item__icon {
  flex-shrink: 0;
}
.tripletriad-tooltip__item__icon .db-list__item__icon {
  padding-right: 0;
  margin-right: 4px;
}
.tripletriad-tooltip__item__text {
  display: flex;
  align-items: center;
}
.tripletriad-tooltip__item__text a {
  font-size: 12px;
  font-weight: bold;
  color: #73bfe6;
}
.tripletriad-tooltip__item__text span {
  font-size: 12px;
  font-weight: bold;
  color: #cccccc;
}
.tripletriad-tooltip__link {
  display: flex;
  align-items: center;
  padding: 16px;
}
.tripletriad-tooltip__link a {
  font-size: 12px;
  font-weight: bold;
  color: #73bfe6;
}
.quest-form {
  display: none;
}
.quest-form > div {
  padding: 16px 10px 0;
}
.quest__category {
  padding-bottom: 10px;
}
.quest__category a,
.quest__category span {
  color: #404040;
  cursor: pointer;
  position: relative;
  display: block;
  padding: 6px 24px 6px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.quest__category a:hover,
.quest__category span:hover {
  text-decoration: none;
  background-color: #fff;
}
.quest__category a.press,
.quest__category span.press {
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.quest__category a.active,
.quest__category span.active {
  color: #404040;
  background-color: #f7e3ad;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.quest__category a.active .close,
.quest__category span.active .close {
  width: 16px;
  height: 16px;
  background-position: -129px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
}
.quest__category a.disabled,
.quest__category span.disabled {
  cursor: default;
}
.quest__category a.disabled.press,
.quest__category a.disabled:hover,
.quest__category span.disabled.press,
.quest__category span.disabled:hover {
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  cursor: default;
}
.quest__category a.top i,
.quest__category span.top i {
  display: none;
}
.quest__category a i,
.quest__category span i {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -8px;
}
.quest__category--second {
  display: block;
  padding: 6px 10px 6px;
  background-color: #f3f3f3;
}
.quest__category--second:hover {
  text-decoration: none;
  background-color: #fff;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.quest__category--second.press {
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.quest__category--second.active {
  background-color: #f7e3ad;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.quest__category .btn__category__list {
  display: none;
}
.quest__category .btn__category__list.open {
  display: block;
}
.quest__category dt.open span {
  background: #f7e3ad;
  color: #404040;
}
.quest__category dt span.disabled {
  opacity: 0.25;
}
.quest__category dd {
  position: relative;
}
.quest__category dd.open::after {
  content: '';
  width: 4px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #f7e3ad;
  border-left: 1px solid #decc9b;
  box-sizing: border-box;
}
.quest__category dd a.active {
  background: #f7e3ad;
}
.entry__quest > a,
.entry__quest > div {
  display: flex;
  align-items: center;
  padding: 8px 10px 8px 10px;
  width: 100%;
  position: relative;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__quest > a:after,
.entry__quest > div:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.entry__quest > a.link:hover,
.entry__quest > div.link:hover {
  text-decoration: none;
  background-color: #fff;
}
.entry__quest > a.link:hover:after,
.entry__quest > div.link:hover:after {
  background-color: #fff;
}
.entry__quest > a.link.press,
.entry__quest > div.link.press {
  background-color: #eee;
}
.entry__quest > a.link.press:after,
.entry__quest > div.link.press:after {
  background-color: #eee;
}
.entry__quest > a {
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.entry__quest a,
.entry__quest p,
.entry__quest span {
  color: inherit;
}
.entry__quest a:hover,
.entry__quest a:hover *,
.entry__quest p:hover,
.entry__quest p:hover *,
.entry__quest span:hover,
.entry__quest span:hover * {
  text-decoration: none;
}
.entry__quest__icon {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  padding: 0;
}
.entry__quest__name {
  flex-grow: 1;
  padding-right: 10px;
}
.entry__quest__completed {
  display: flex;
  max-width: 127px;
  height: 20px;
  border-radius: 10px;
  background: #e67e17;
  color: #ffffff;
  align-items: center;
  position: relative;
  padding: 0 28px 0 8px;
  box-sizing: border-box;
}
.entry__quest__completed span,
.entry__quest__completed time {
  font-size: inherit;
  color: #ffffff;
}
.entry__quest__completed.fr {
  height: 30px;
  border-radius: 14px;
  line-height: 1.1;
  padding-left: 12px;
}
.entry__quest__completed::after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//7usPnY-N5-jHtCUyd56McYG3sA.png) no-repeat 0 0;
  background-size: 20px 20px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -10px;
}
.quest__search_parameters {
  padding-top: 8px;
  display: flex;
  align-items: flex-end;
}
.quest__search_parameters .parts__total {
  flex-grow: 1;
  white-space: nowrap;
}
.quest__search_parameters .search_parameters {
  font-size: 12px;
  padding: 0 16px;
}
.quest__search_parameters .search_parameters span {
  color: #e67e17;
}
.freecompany__text {
  margin: 0 10px 24px;
}
.freecompany__text__tag {
  font-size: 12px;
  color: #999;
  font-weight: normal;
}
.freecompany__text__name {
  margin: 0 10px;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
}
.freecompany__text__slogan span {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//8LelRFvWzl2q5yHPJ0xNHu9-dI.png) no-repeat left
      50%,
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//B3zUxTzae2rXdVODdHQ5k41Z00.png) no-repeat right 50%;
  padding: 2px 15px;
  -moz-background-size: 16px;
  -o-background-size: 16px;
  -webkit-background-size: 16px;
  background-size: 16px;
}
.freecompany__text__message {
  background: #eee;
  padding: 10px;
  margin: 0 0 24px;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.freecompany__reputation {
  display: table;
  padding: 0 10px 8px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.freecompany__reputation.last {
  margin-bottom: 24px;
}
.freecompany__reputation__icon {
  display: table-cell;
  width: 32px;
  vertical-align: middle;
}
.freecompany__reputation__data {
  display: table-cell;
  vertical-align: middle;
  padding-left: 8px;
}
.freecompany__reputation__gcname {
  font-size: 10px;
  line-height: 1;
}
.freecompany__reputation__rank {
  font-size: 12px;
}
.freecompany__ranking__notes {
  font-size: 12px;
  margin: 0 10px 8px;
  color: #999;
}
.freecompany__estate__title {
  margin: 0 10px;
  font-size: 10px;
  color: #999;
}
.freecompany__estate__name {
  margin: 0 10px;
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: bold;
}
.freecompany__estate__none {
  margin: 0 10px;
  padding-bottom: 24px;
  color: #999;
}
.freecompany__estate__greeting {
  margin: 0 10px;
  padding-bottom: 8px;
}
.freecompany__estate__text {
  margin: 0 10px;
  padding-bottom: 8px;
}
.freecompany__recruitment {
  color: #e57e17;
}
.freecompany__focus_icon {
  margin: 0 0 20px 10px;
}
.freecompany__focus_icon--role {
  margin-right: 20px;
}
.freecompany__focus_icon--off {
  opacity: 0.15;
}
.freecompany__focus_icon li {
  width: 147px;
  height: 32px;
  display: block;
  margin: 0 4px 4px 0;
  float: left;
}
.freecompany__focus_icon li div {
  width: 32px;
  display: table-cell;
  vertical-align: middle;
}
.freecompany__focus_icon li img {
  display: block;
}
.freecompany__focus_icon li p {
  display: table-cell;
  padding-left: 4px;
  vertical-align: middle;
}
.freecompany__seeking_icon {
  margin: 0 10px 32px;
}
.freecompany__seeking_icon--off {
  opacity: 0.15;
}
.freecompany__seeking_icon li {
  float: left;
  margin-right: 8px;
}
.freecompany__chest {
  background: #e6e6e6;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  padding-top: 8px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.freecompany__chest__list {
  margin-bottom: 16px;
  height: 1%;
}
.freecompany__chest__list__item .item-list:nth-last-child(1) .item-list__link {
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.freecompany__chest__header--gil {
  width: 310px;
  float: left;
}
.freecompany__chest__header--update {
  width: 310px;
  float: right;
}
.entry__freecompany {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 20px 8px 8px;
  margin-bottom: 16px;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__freecompany * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__freecompany:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -32px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.entry__freecompany:hover {
  text-decoration: none;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.entry__freecompany.press {
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.entry__freecompany__link {
  position: absolute;
  top: 38px;
  left: 160px;
  color: #404040 !important;
  font-size: 10px;
  line-height: 1;
}
.entry__freecompany__crest {
  display: table-cell;
  width: 68px;
  height: 68px;
  padding-right: 8px;
}
.entry__freecompany__crest--position {
  position: relative;
  width: 68px;
  height: 68px;
}
.entry__freecompany__crest__base {
  position: absolute;
  left: 0;
}
.entry__freecompany__crest__image {
  position: relative;
  width: 64px;
  height: 64px;
  top: 2px;
  left: 2px;
}
.entry__freecompany__crest__image img {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
}
.entry__freecompany__side {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  padding-right: 8px;
}
.entry__freecompany__side__image {
  position: relative;
  width: 38px;
  height: 38px;
  top: 1px;
  left: 1px;
}
.entry__freecompany__side__image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.entry__freecompany__box {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
}
.entry__freecompany__online {
  top: 50px;
}
.entry__freecompany__center {
  display: table-cell;
  vertical-align: middle;
  padding-left: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__freecompany__info {
  display: table;
}
.entry__freecompany__info li {
  display: table-cell;
  vertical-align: middle;
  padding-right: 16px;
  color: #404040;
  font-size: 10px;
  line-height: 1;
}
.entry__freecompany__info img,
.entry__freecompany__info span {
  vertical-align: middle;
}
.entry__freecompany__info--class {
  display: inline-block;
  padding: 2px 0 0 4px;
}
.entry__freecompany__gc {
  font-size: 12px;
  color: #999;
  line-height: 1.4;
}
.entry__freecompany__name {
  font-size: 16px;
  color: #404040;
  font-weight: bold;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entry__freecompany__name--side {
  font-size: 14px;
  color: #404040;
  font-weight: bold;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entry__freecompany--off {
  opacity: 0.15;
}
.entry__freecompany__inner {
  position: relative;
  padding-bottom: 8px;
}
.entry__freecompany__data {
  position: absolute;
  top: 0;
  right: 0;
}
.entry__freecompany__data li {
  float: left;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  line-height: 1;
}
.entry__freecompany__fcprofile {
  margin-bottom: 4px;
}
.entry__freecompany__role {
  padding-left: 96px;
}
.entry__freecompany__fc-data {
  font-size: 12px;
  color: #404040;
}
.entry__freecompany__fc-data li {
  position: relative;
  float: left;
  padding: 0 16px 0 20px;
}
.entry__freecompany__fc-data li:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  -moz-background-size: 16px;
  -o-background-size: 16px;
  -webkit-background-size: 16px;
  background-size: 16px;
}
.entry__freecompany__fc-member:before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//yeViC_W2Q8vQ5nn7qp97iqHhFs.png) no-repeat 0 0;
}
.entry__freecompany__fc-housing:before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//mvhFw9UKLC9fpSw-tfMEOxwrc8.png) no-repeat 0 0;
}
.entry__freecompany__fc-day:before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//dcKuQkUl5seJ0-yqV4ZBNNVu8E.png) no-repeat 0 0;
}
.entry__freecompany__fc-active {
  color: #404040;
  padding-left: 0 !important;
}
.entry__freecompany__fc-comment {
  position: relative;
  padding-left: 22px;
  margin: 8px 0 6px;
  font-size: 12px;
  color: #404040;
}
.entry__freecompany__fc-comment:before {
  content: ' ';
  position: absolute;
  top: -1px;
  left: 0;
  width: 20px;
  height: 20px;
  background-position: -84px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.entry__freecompany__fc-comment span {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//YOpg9SGdpVa4w-GqqLa2coJZis.png) no-repeat left
    50%;
  padding-left: 14px;
}
.entry__freecompany__fc-comment span:after {
  content: ' ';
  padding-right: 10px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//RMvLxVUmhKJsUdoSZ3qfWCFebo.png) no-repeat 0
    center;
}
.entry__freecompany__update {
  text-align: right;
  font-size: 10px;
  color: #999;
}
.entry__freecompany__update span {
  font-size: 10px;
}
.entry__freecompany__update--no {
  position: absolute;
  right: 10px;
  bottom: 8px;
  text-align: right;
  font-size: 10px;
  color: #999;
}
.thread__ic_lock {
  display: inline-block;
  margin-right: 4px;
}
.thread__list {
  position: relative;
  display: block;
  width: 100%;
  padding: 8px 10px 8px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #404040;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.thread__list:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.thread__list:hover {
  text-decoration: none;
  background-color: #fff;
}
.thread__list:hover:after {
  background-color: #fff;
}
.thread__list.press {
  background-color: #eee;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.thread__list.press:after {
  background-color: #eee;
}
.thread__list * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.thread__list__view {
  position: relative;
  display: block;
  width: 100%;
  padding: 8px 10px 8px 10px;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #404040;
}
.thread__list__view * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.thread__list__view:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.thread__list__header {
  position: relative;
  margin-bottom: 8px;
}
.thread__list__header__comment {
  float: right;
  color: #404040;
  font-size: 12px;
}
.thread__list__header__comment::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//_uKhMhZGd5RzwXBBtqLhsGRdDM.png) no-repeat 0 -2px;
  -moz-background-size: 16px;
  -o-background-size: 16px;
  -webkit-background-size: 16px;
  background-size: 16px;
  vertical-align: bottom;
}
.thread__list__time {
  margin-bottom: 8px;
  float: right;
}
.thread__list__time p {
  float: left;
  vertical-align: middle;
  line-height: 1;
  margin-right: 16px;
}
.thread__list__time p img {
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
}
.thread__list__time span {
  font-size: 10px;
}
.thread__list__time--created {
  color: #404040;
}
.thread__list__time--updata {
  color: #e57e17;
}
.thread__list__inner {
  display: table;
  height: 50px;
  padding-left: 50px;
  margin-bottom: 4px;
}
.thread__list__area {
  display: table-cell;
  vertical-align: middle;
}
.thread__list__face {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 50px;
}
.thread__list__face img {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  display: block;
}
.thread__list__face--link {
  position: absolute;
  top: 38px;
  left: 10px;
  width: 50px;
  height: 50px;
}
.thread__list__title {
  width: 542px;
  padding-left: 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  color: #404040 !important;
}
.thread__list__creator--name {
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  display: inline-block;
}
.thread__list__creator--worldname {
  padding-left: 8px;
  font-size: 10px;
  font-weight: normal;
  color: #999;
  display: inline-block;
}
.thread__list__creator--worldname i::before {
  vertical-align: text-bottom;
}
.thread__state {
  float: left;
}
.thread__state span {
  display: inline-block;
  padding: 4px 8px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.thread__state__genre {
  margin-right: 4px;
  display: inline-block;
}
.thread__state__genre--normal {
  background-color: #999;
}
.thread__state__genre--sticky {
  background-color: #b2122d;
}
.thread__state__status {
  display: inline-block;
}
.thread__state__status--public {
  background-color: #3d6629;
}
.thread__state__status--only {
  background-color: #264b80;
}
.thread__state__status--drafts {
  background-color: #807333;
}
.thread__body {
  padding: 16px 0;
}
.thread__body__text {
  margin: 0 10px;
  white-space: pre-wrap;
}
.thread__image {
  margin: 0 0 4px 10px;
}
.thread__image--hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 110px;
  height: 110px;
  -moz-box-shadow: 0 0 0 3px #e57e17;
  -webkit-box-shadow: 0 0 0 3px #e57e17;
  box-shadow: 0 0 0 3px #e57e17;
  cursor: pointer;
}
.thread__image__external::after {
  content: '';
  width: 20px;
  height: 20px;
  background-position: -293px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}
.thread__image li {
  position: relative;
  float: left;
  margin: 0 11px 12px 1px;
  background: #ccc;
  width: 110px;
  height: 110px;
  text-align: center;
}
.thread__image li:nth-last-child(1) {
  margin-right: 0;
}
.thread__image a {
  display: table-cell;
  vertical-align: middle;
  width: 110px;
  height: 110px;
  text-align: center;
}
.thread__image img {
  position: relative;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}
.thread__text {
  margin: 0 10px 16px;
  white-space: pre-wrap;
}
.thread__report {
  float: left;
}
.thread__social {
  position: relative;
  margin: 0 10px 16px;
}
.thread__social ul {
  float: right;
}
.thread__social__report {
  position: absolute;
  top: 0;
  left: 0;
}
.thread__comment {
  height: 1%;
}
.thread__comment__body {
  margin: 16px;
  white-space: pre-wrap;
}
.thread__comment__delete {
  padding: 0 10px;
  color: #999;
}
.thread__comment__line {
  padding-top: 16px;
  border-top: solid 1px #ccc;
}
.thread__quote {
  margin: 0 10px 16px;
  padding: 8px 0;
  background: #fff;
  border-radius: 4px;
  color: #999;
}
.thread__quote__header {
  margin: 0 10px 8px;
}
.thread__quote__header--name {
  float: left;
  margin-right: 8px;
  color: #404040;
  display: block;
}
.thread__quote .thread__quote {
  -moz-box-shadow: 0px 0px 0px 1px #ccc inset;
  -webkit-box-shadow: 0px 0px 0px 1px #ccc inset;
  box-shadow: 0px 0px 0px 1px #ccc inset;
  margin-bottom: 8px;
}
.thread__quote .thread__quote .thread__quote__header--name {
  color: #999;
}
.thread__quote .thread__text {
  margin-bottom: 0;
  white-space: pre-wrap;
}
.thread__jump {
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
  float: right;
}
.thread__jump::after {
  content: '';
  width: 20px;
  height: 20px;
  background-position: -357px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
  display: block;
}
.thread__notes {
  padding-left: 4px;
  color: #b2122d;
  font-size: 12px;
  font-weight: normal;
}
.entry {
  position: relative;
  width: 100%;
}
.entry * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry.anchor_target {
  margin-top: -45px;
  padding-top: 45px;
}
.entry__link {
  display: table;
  padding: 0 10px;
  height: 67px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.entry__link:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.entry__link:hover {
  text-decoration: none;
  background-color: #fff;
}
.entry__link:hover:after {
  background-color: #fff;
}
.entry__link.press {
  background-color: #eee;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.entry__link.press:after {
  background-color: #eee;
}
.entry__link--chara {
  display: table;
  padding: 8px 10px;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.entry__link--chara:hover {
  text-decoration: none;
}
.entry__link--line {
  display: table;
  width: 100%;
  padding: 8px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.entry__link--line:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.entry__link--line:hover {
  text-decoration: none;
  background-color: #fff;
}
.entry__link--line:hover:after {
  background-color: #fff;
}
.entry__link--line.press {
  background-color: #eee;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.entry__link--line.press:after {
  background-color: #eee;
}
.entry__link__inner {
  padding-right: 44px;
}
.entry__link__block {
  display: block;
  height: auto;
}
.entry__link__icon {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 50px;
  height: 50px;
  display: block;
  margin-top: -25px;
}
.entry__link__follow {
  height: 76px;
}
.entry__link__follow .parts__online_off,
.entry__link__follow .parts__online_on {
  bottom: auto;
  top: 50%;
  margin-top: 17px;
}
.entry__chara * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__chara__face {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  height: 50px;
}
.entry__chara__face img {
  display: block;
  width: 50px;
  height: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.entry__chara__icon {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__chara__icon img {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
}
.entry__chara__text {
  color: #404040;
}
.entry__chara__lang {
  position: relative;
  top: 4px;
  right: 0;
  text-align: right;
  color: #404040;
}
.entry__box {
  display: table-cell;
  vertical-align: top;
  padding: 12px 0 0 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__box--world {
  padding-top: 6px;
}
.entry__box__inner {
  margin-left: 8px;
  overflow: hidden;
}
.entry__name {
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.2;
  color: #404040;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entry__name--side {
  text-overflow: none;
  white-space: normal;
}
.entry__name--linkshell {
  text-overflow: none;
  white-space: normal;
  width: 236px;
}
.entry__name--freecompany {
  text-overflow: none;
  white-space: normal;
  width: 196px;
}
.entry__world {
  font-size: 10px;
  color: #999;
  line-height: 1.4;
}
.entry__limit {
  font-size: 12px;
  color: #999;
  line-height: 1.4;
}
.entry__search__name {
  font-size: 12px;
  line-height: 1.2;
  color: #404040;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entry__search__world {
  font-size: 10px;
  color: #999;
  font-weight: normal;
}
.entry__time--comment {
  position: relative;
  padding-left: 18px;
  font-size: 10px;
  color: #404040;
  line-height: 1;
}
.entry__time--comment:after {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -220px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.entry__time--comment span {
  font-size: 10px;
}
.entry-off {
  position: relative;
}
.entry-off__link {
  display: block;
  padding: 8px 10px;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.entry-off__link:hover {
  text-decoration: none;
  background-color: #fff;
}
.entry-off__link.press {
  background-color: #eee;
}
.entry-off__box {
  display: table;
  width: 100%;
}
.entry__notice {
  background: #f3f3f3;
  padding: 8px 16px;
  border-bottom: 1px solid #ccc;
  color: #b2122d;
  font-size: 14px;
}
.entry__chara_info {
  height: 20px;
  width: 100%;
}
.entry__chara_info li {
  color: #404040;
  font-size: 10px;
  padding-right: 16px;
  line-height: 1;
}
.entry__chara_info li:nth-child(1) {
  position: absolute;
  top: 38px;
  left: 68px;
}
.entry__chara_info li:nth-child(2) {
  position: absolute;
  top: 38px;
  left: 124px;
}
.entry__chara_info span {
  display: inline-block;
  vertical-align: middle;
}
.entry__chara_info__linkshell {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #404040;
  font-size: 10px;
  line-height: 1;
}
.entry__chara_info__linkshell img {
  vertical-align: middle;
}
.entry__chara_info__linkshell span {
  vertical-align: middle;
}
.entry__activity {
  display: table;
  width: 100%;
  padding: 8px 10px 8px 68px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 67px;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.entry__activity:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.entry__activity:hover {
  text-decoration: none;
  background-color: #fff;
}
.entry__activity:hover:after {
  background-color: #fff;
}
.entry__activity.press {
  background-color: #eee;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.entry__activity.press:after {
  background-color: #eee;
}
.entry__activity * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__activity__box {
  display: table-cell;
  vertical-align: top;
}
.entry__activity__box__header--common {
  line-height: 1;
}
.entry__activity__box__header--common * {
  line-height: 1;
}
.entry__activity__time,
.entry__activity__time--common {
  font-size: 12px;
  color: #999;
  display: block;
  float: right;
}
.side__list__box .entry__activity__time,
.side__list__box .entry__activity__time--common {
  float: none;
  line-height: 1.1;
}
.entry__activity__time span,
.entry__activity__time--common span {
  color: inherit;
}
.entry__activity__data {
  float: left;
}
.side__list__box .entry__activity__data {
  float: none;
  width: 222px;
  word-break: break-all;
}
.side__list__box .entry__activity__data .entry__activity__data--name {
  word-break: break-all;
}
.entry__activity__data--name {
  font-size: 12px;
  color: #404040;
  font-weight: bold;
  display: inline-block;
  margin-right: 8px;
}
.entry__activity__data--world {
  font-size: 10px;
  color: #999;
  display: inline-block;
}
.entry__activity__link {
  position: absolute;
  top: 8px;
  left: 10px;
  display: block;
  width: 50px;
  height: 50px;
}
.entry__activity__txt {
  font-size: 12px;
  color: #404040;
  display: table;
}
.entry__activity__txt--icon {
  display: table-cell;
  vertical-align: top;
  width: 36px;
}
.side__list__box .entry__activity__txt--icon {
  width: 28px;
}
.entry__activity__txt--message {
  display: table-cell;
  vertical-align: middle;
}
.entry__activity__txt--message p {
  width: 506px;
}
.side__list__box .entry__activity__txt--message {
  vertical-align: top;
  padding-top: 4px;
  width: 194px;
}
.side__list__box .entry__activity__txt--message p {
  width: 194px;
}
.side__list__box .entry__activity__txt {
  width: 222px;
}
.entry__activity__crest {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 3px;
  overflow: hidden;
}
.entry__activity__crest img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
}
.entry__txt__follow {
  position: absolute;
  left: 68px;
  bottom: 2px;
  font-size: 10px;
  font-weight: bold;
  color: #e57e17;
}
.entry__txt__follow--request {
  position: absolute;
  left: 68px;
  bottom: 2px;
  font-size: 10px;
  font-weight: bold;
  color: #404040;
}
.entry__toggle {
  background: #f3f3f3;
  border-bottom: 1px solid #ccc;
  padding-top: 16px;
}
.entry__toggle__text {
  padding: 0 10px 16px;
  font-size: 12px;
  color: #404040;
}
.entry__toggle__text__8 {
  padding: 8px 16px 16px;
  font-size: 14px;
}
.entry__event {
  position: relative;
  display: table;
  width: 100%;
  padding: 8px 10px 8px 10px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 67px;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.entry__event:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.entry__event:hover {
  text-decoration: none;
  background-color: #fff;
}
.entry__event:hover:after {
  background-color: #fff;
}
.entry__event.press {
  background-color: #eee;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.entry__event.press:after {
  background-color: #eee;
}
.entry__event__time {
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
  color: #404040;
}
.entry__event__txt {
  font-size: 14px;
  font-weight: bold;
  color: #404040;
}
.side__list__box .entry__event__txt {
  width: 224px;
}
.entry__event__box {
  padding-left: 56px;
}
.entry__event__face {
  position: absolute;
  top: 8px;
  left: 10px;
  display: block;
}
.entry__linkshell {
  display: table-cell;
  vertical-align: middle;
}
.entry__linkshell__icon {
  display: table-cell;
  width: 40px;
}
.entry__linkshell__member {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  color: #999;
}
.entry__linkshell__member span {
  color: #404040;
}
.entry__ranking {
  position: relative;
  display: block;
  min-height: 67px;
}
.entry__ranking__link {
  position: relative;
  display: table;
  width: 100%;
  overflow: hidden;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__ranking__link:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.entry__ranking__link:hover {
  text-decoration: none;
  background-color: #fff;
}
.entry__ranking__link.press {
  background-color: #eee;
}
.entry__ranking__rank {
  display: table-cell;
  width: 48px;
  height: 67px;
  padding-left: 10px;
  text-align: center;
  vertical-align: middle;
  font-family: '微软雅黑';
  font-size: 40px;
  font-weight: bold;
  color: #404040;
  line-height: 1;
}
.entry__ranking__data {
  display: table-cell;
  width: 242px;
  height: 67px;
  padding: 0 10px 0 58px;
  vertical-align: middle;
  text-align: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__ranking__data .entry__name {
  width: 174px;
}
.entry__ranking__face {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 56px;
  margin-top: -25px;
  border-radius: 50px;
  overflow: hidden;
}
.entry__ranking__face img {
  width: 100%;
  height: 100%;
  display: block;
}
.entry__ranking__crest {
  display: block;
  background: #404040;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 59px;
  margin-top: -20px;
  overflow: hidden;
  border-radius: 3px;
}
.entry__ranking__crest img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.entry__ranking__thefeast {
  display: block;
  width: 100%;
  padding: 8px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #404040 !important;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.entry__ranking__thefeast:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.entry__ranking__thefeast:hover {
  text-decoration: none;
  background-color: #fff;
}
.entry__ranking__thefeast:hover:after {
  background-color: #fff;
}
.entry__ranking__thefeast.press {
  background-color: #eee;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.entry__ranking__thefeast.press:after {
  background-color: #eee;
}
.entry__bg {
  position: relative;
  display: block;
  width: 100%;
  padding: 8px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.entry__bg:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.entry__bg:hover {
  text-decoration: none;
  background-color: #fff;
}
.entry__bg:hover:after {
  background-color: #fff;
}
.entry__bg.press {
  background-color: #eee;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.entry__bg.press:after {
  background-color: #eee;
}
.entry__bg * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__block {
  position: relative;
  display: block;
  width: 100%;
  padding: 8px 10px 8px 10px;
  overflow: hidden;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__block:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.entry__block:hover {
  text-decoration: none;
  background-color: #fff;
}
.entry__block.press {
  background-color: #eee;
}
.entry__comment {
  position: relative;
  display: block;
  width: 100%;
  padding: 8px 10px 8px 10px;
  overflow: hidden;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__comment:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.entry__left {
  float: left;
}
.entry__flex {
  display: table;
  width: 100%;
}
.entry__delete {
  font-size: 12px;
  color: #b2122d;
}
.entry__change {
  padding-top: 8px;
  font-size: 12px;
  color: #999;
}
.entry__side__box {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding-left: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.entry__side__icon {
  display: table-cell;
  vertical-align: middle;
}
.entry--self .entry__activity {
  background-color: #faedc8;
}
.entry--self .entry__activity:after {
  background-color: #faedc8;
}
.entry--self .entry__activity:hover {
  background-color: #faf3e1;
}
.entry--self .entry__activity:hover:after {
  background-color: #faf3e1;
}
.entry--self .entry__activity.press {
  background-color: #faedc8;
}
.entry--self .entry__activity.press:after {
  background-color: #faedc8;
}
.entry__pickup {
  position: relative;
  width: 100%;
  padding: 10px 6px;
  box-sizing: border-box;
  overflow: hidden;
}
.entry__pickup__area {
  float: left;
  width: 928px;
}
.entry__pickup__inner {
  padding-bottom: 10px;
  -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.entry__pickup .entry__blog_block {
  float: left;
  margin: 0 6px;
  opacity: 1;
}
.entry__pickup .entry__blog_block__title {
  display: flex;
  align-items: center;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.entry__pickup__text {
  padding: 0 12px 6px;
}
.entry__pickup__text-side {
  padding: 12px 10px 0;
}
.entry__pickup__ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.entry__pvpteam {
  height: 100px;
  position: relative;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//iFijQKt4_RhVsDSuNK-zhJkANg.png) no-repeat 0 0
    #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 10px 0 8px;
}
.entry__pvpteam__crest {
  display: block;
  width: 68px;
  height: 68px;
  margin-right: 8px;
}
.entry__pvpteam__crest--position {
  position: relative;
  width: 68px;
  height: 68px;
}
.entry__pvpteam__crest__base {
  position: absolute;
  left: 0;
}
.entry__pvpteam__crest__image {
  position: relative;
  width: 64px;
  height: 64px;
  top: 2px;
  left: 2px;
}
.entry__pvpteam__crest__image img {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
}
.entry__pvpteam__name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.entry__pvpteam__name--team {
  font-size: 16px;
  font-weight: bold;
  color: #404040;
  text-shadow: 1px 0px 1px rgba(238, 238, 238, 0.6),
    -1px 0px 1px rgba(238, 238, 238, 0.6), 0px 1px 1px rgba(238, 238, 238, 0.6),
    0px -1px 1px rgba(238, 238, 238, 0.6);
}
.entry__pvpteam__name--dc {
  font-size: 12px;
  color: #999;
  line-height: 1;
}
.entry__pvpteam__data {
  text-align: right;
}
.entry__pvpteam__data--points {
  font-family: '微软雅黑';
  font-size: 40px;
  font-weight: bold;
  color: #e57e17;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 10px;
}
.entry__pvpteam__data--rank {
  display: block;
  position: absolute;
  top: 38px;
  right: 10px;
}
.entry__pvpteam__data--formed {
  display: block;
  text-align: right;
  font-size: 10px;
  color: #ffffff;
  line-height: 1;
  position: absolute;
  bottom: 8px;
  right: 10px;
}
.entry__pvpteam__result,
.entry__pvpteam__delete {
  width: 100%;
  padding: 8px 10px 8px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  display: block;
}
.entry__pvpteam__result:after,
.entry__pvpteam__delete:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.entry__pvpteam__result:hover,
.entry__pvpteam__delete:hover {
  text-decoration: none;
  background-color: #fff;
}
.entry__pvpteam__result:hover:after,
.entry__pvpteam__delete:hover:after {
  background-color: #fff;
}
.entry__pvpteam__result.press,
.entry__pvpteam__delete.press {
  background-color: #eee;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.entry__pvpteam__result.press:after,
.entry__pvpteam__delete.press:after {
  background-color: #eee;
}
.entry__pvpteam__result__separator,
.entry__pvpteam__delete__separator {
  height: 16px;
  background: none;
  margin-top: 0;
  padding-bottom: 0;
  border-bottom: solid 1px #ccc;
}
.entry__pvpteam__result *,
.entry__pvpteam__delete * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__pvpteam__result__box,
.entry__pvpteam__delete__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.entry__pvpteam__result__zero,
.entry__pvpteam__delete__zero {
  padding-bottom: 10px;
}
.entry__pvpteam__result__crest,
.entry__pvpteam__delete__crest {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 3px;
  overflow: hidden;
  margin-right: 8px;
}
.entry__pvpteam__result__crest__base,
.entry__pvpteam__delete__crest__base {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.entry__pvpteam__result__crest__image img,
.entry__pvpteam__delete__crest__image img {
  position: absolute;
  top: 1px;
  left: 1px;
  display: block;
  width: 48px;
  height: 48px;
}
.entry__pvpteam__result__data,
.entry__pvpteam__delete__data {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 222px;
}
.entry__pvpteam__result__data--time,
.entry__pvpteam__delete__data--time {
  font-size: 12px;
  color: #999;
  display: block;
  line-height: 1.1;
}
.entry__pvpteam__result__data--name,
.entry__pvpteam__delete__data--name {
  font-size: 14px;
  color: #404040;
  font-weight: bold;
}
.entry__pvpteam__result__data--result,
.entry__pvpteam__delete__data--result {
  text-align: right;
}
.entry__pvpteam__result__data--result .win,
.entry__pvpteam__result__data--result .lose,
.entry__pvpteam__result__data--result .draw,
.entry__pvpteam__delete__data--result .win,
.entry__pvpteam__delete__data--result .lose,
.entry__pvpteam__delete__data--result .draw {
  font-family: '微软雅黑';
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  border-radius: 10px;
  height: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 20px;
}
.entry__pvpteam__result__data--result .win,
.entry__pvpteam__delete__data--result .win {
  color: #ffffff;
  background: #e57e17;
}
.entry__pvpteam__result__data--result .lose,
.entry__pvpteam__delete__data--result .lose {
  color: #ffffff;
  background: #999999;
}
.entry__pvpteam__result__data--result .draw,
.entry__pvpteam__delete__data--result .draw {
  color: #999999;
  background: rgba(153, 153, 153, 0.1);
}
.entry__pvpteam__result__data--result.jp span,
.entry__pvpteam__delete__data--result.jp span {
  width: 94px;
}
.entry__pvpteam__result__data--result.na span,
.entry__pvpteam__delete__data--result.na span {
  width: 88px;
}
.entry__pvpteam__result__data--result.eu span,
.entry__pvpteam__delete__data--result.eu span {
  width: 88px;
}
.entry__pvpteam__result__data--result.de span,
.entry__pvpteam__delete__data--result.de span {
  width: 176px;
}
.entry__pvpteam__result__data--result.fr span,
.entry__pvpteam__delete__data--result.fr span {
  width: 132px;
}
.entry__pvpteam__delete {
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.entry__pvpteam__delete:hover {
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.entry__pvpteam__social {
  padding: 20px 0;
}
.entry__pvpteam__search__inner {
  position: relative;
}
.entry__pvpteam__search__crest {
  display: table-cell;
  width: 50px;
  height: 50px;
  padding-right: 8px;
}
.entry__pvpteam__search__crest--position {
  position: relative;
  width: 50px;
  height: 50px;
}
.entry__pvpteam__search__crest__base {
  position: absolute;
  left: 0;
}
.entry__pvpteam__search__crest__image {
  position: relative;
  width: 48px;
  height: 48px;
  top: 1px;
  left: 1px;
}
.entry__pvpteam__search__crest__image img {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
}
html.ja {
  font-family: '微软雅黑';
}
html.ja input,
html.ja textarea,
html.ja keygen,
html.ja select,
html.ja button {
  font-family: '微软雅黑';
}
html.en-us,
html.en-gb,
html.fr,
html.de {
  font-family: '微软雅黑';
}
html.en-us input,
html.en-us textarea,
html.en-us keygen,
html.en-us select,
html.en-us button,
html.en-gb input,
html.en-gb textarea,
html.en-gb keygen,
html.en-gb select,
html.en-gb button,
html.fr input,
html.fr textarea,
html.fr keygen,
html.fr select,
html.fr button,
html.de input,
html.de textarea,
html.de keygen,
html.de select,
html.de button {
  font-family: '微软雅黑';
}
input[type='submit'] {
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
}
input[type='text'].form__control,
textarea.form__control {
  display: block;
  width: 100%;
  padding: 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  font-size: 12px;
  color: #404040;
  background-image: none;
  background-color: #fff;
  border: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
  -webkit-appearance: none;
  line-height: 1.1;
}
input[type='text'].form__control::-webkit-input-placeholder,
textarea.form__control::-webkit-input-placeholder {
  color: #ccc;
}
input[type='text'].form__control:-moz-placeholder,
textarea.form__control:-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
input[type='text'].form__control::-moz-placeholder,
textarea.form__control::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
input[type='text'].form__control:-ms-input-placeholder,
textarea.form__control:-ms-input-placeholder {
  color: #ccc;
}
input[type='text'].form__control:focus,
textarea.form__control:focus {
  background: #fff;
  -moz-box-shadow: 0px 1px 0px 0px #e57e17 inset, 0px -1px 0px 0px #e57e17 inset,
    1px 0px 0px 0px #e57e17 inset, -1px 0px 0px 0px #e57e17 inset;
  -webkit-box-shadow: 0px 1px 0px 0px #e57e17 inset,
    0px -1px 0px 0px #e57e17 inset, 1px 0px 0px 0px #e57e17 inset,
    -1px 0px 0px 0px #e57e17 inset;
  box-shadow: 0px 1px 0px 0px #e57e17 inset, 0px -1px 0px 0px #e57e17 inset,
    1px 0px 0px 0px #e57e17 inset, -1px 0px 0px 0px #e57e17 inset;
}
input[type='text'].form__control {
  min-height: 24px;
  margin-bottom: 16px;
}
textarea.form__control {
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: auto;
}
input:disabled.form__control,
textarea:disabled.form__control {
  opacity: 1;
  background: #ccc;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select-pulldown.disabled {
  opacity: 0.25;
}
.select-pulldown.disabled select:disabled {
  opacity: 1;
}
input[type='radio'].form__radio,
input[type='checkbox'].form__checkbox {
  display: none;
}
.error_box input[type='text'].form__control,
.error_box textarea.form__control {
  background: #fff4b2;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
}
.error_box .form__submit input[type='submit'] {
  border: none;
}
.select-pulldown {
  position: relative;
  overflow: hidden;
  margin: 0 10px 16px;
  z-index: 10;
}
.select-pulldown:after {
  content: ' ';
  position: absolute;
  top: 8px;
  right: 8px;
  pointer-events: none;
  width: 17px;
  height: 19px;
  background-position: -16px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
}
.select-pulldown option:disabled {
  color: #ccc;
}
.select-pulldown__open {
  display: inline-block;
  width: 100%;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 8px 24px 8px 8px;
  color: #404040;
  line-height: 1.2;
  background-color: #fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-appearance: button;
  -webkit-appearance: button;
  cursor: pointer;
  font-size: 14px;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: none;
}
.select-pulldown__open::-ms-expand {
  display: none;
}
.select-pulldown__open:not(:target) {
  padding-right: 8px\9;
}
.select-pulldown__open option {
  color: #333;
}
.select-pulldown__open--active {
  background-color: #fff;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.select-pulldown__open.press {
  background-color: #fff;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.select-pulldown__box {
  position: relative;
  margin-bottom: 10px;
}
.select-pulldown__box:after {
  content: '';
  clear: both;
  display: block;
}
.select-pulldown__box .select-pulldown {
  width: 480px;
  margin-bottom: 0;
}
.select-pulldown__box .select-pulldown.fr,
.select-pulldown__box .select-pulldown.de {
  width: 460px;
}
.select-pulldown__box .parts__fraction,
.select-pulldown__box .parts__total {
  position: absolute;
  top: 6px;
  right: 40px;
}
.select-pulldown__count {
  position: relative;
  margin-bottom: 10px;
}
.select-pulldown__count .select-pulldown {
  width: 520px;
  margin-bottom: 0;
}
.select-pulldown__count .select-pulldown.fr,
.select-pulldown__count .select-pulldown.de {
  width: 500px;
}
.select-pulldown__count .parts__fraction,
.select-pulldown__count .parts__total {
  position: absolute;
  top: 6px;
  right: 0;
}
.select-pulldown__limit--ja,
.select-pulldown__limit--en-us,
.select-pulldown__limit--en-gb {
  width: 480px !important;
}
.select-pulldown__limit--fr,
.select-pulldown__limit--de {
  width: 460px !important;
}
.select-pulldown__limit--block {
  width: 800px !important;
}
.select-pulldown__icon {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.select-pulldown__icon .select-pulldown {
  width: 558px;
  margin-bottom: 0;
}
.select-pulldown__calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.select-pulldown__calendar .select-pulldown {
  -webkit-flex: 1;
  flex: 1;
  min-width: 400px;
  margin-right: auto;
  margin-bottom: 0;
}
.select-pulldown__calendar .parts__total {
  margin-left: 10px;
}
.select-pulldown__calendar .select-pulldown__filter {
  position: static;
  margin-right: 16px;
  margin-left: 10px;
}
.select-pulldown__calendar .icon-btn__calendar {
  cursor: pointer;
}
.select-pulldown__filter {
  position: absolute;
  top: 8px;
  right: 16px;
  cursor: pointer;
}
.select-pulldown__years {
  text-align: center;
}
.select-pulldown__years .select-pulldown {
  display: inline-block;
  width: 31.33%;
  margin-right: 2% !important;
  margin-bottom: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.select-pulldown__years .select-pulldown:nth-child(1) {
  width: 33.33%;
}
.select-pulldown__years .select-pulldown:nth-child(3) {
  margin-right: 0 !important;
}
.form__horizontal {
  padding-right: 10px;
  padding-left: 10px;
}
.form__horizontal .select-pulldown {
  margin-right: 0;
  margin-left: 0;
}
.form__horizontal .heading--sm {
  padding-right: 0;
  padding-left: 0;
}
.form__horizontal .parts__text {
  padding-right: 0;
  padding-left: 0;
}
.form__compact--left {
  float: left;
  width: 310px;
}
.form__compact--right {
  float: right;
  width: 310px;
}
.form__list {
  width: 100%;
}
.form__list:after {
  content: '';
  clear: both;
  display: block;
}
.form__list li {
  float: left;
  display: inline-block;
  vertical-align: top;
  width: 25%;
  margin-bottom: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.form__list__compact li {
  margin-bottom: 16px;
}
.form__list__pad {
  width: auto !important;
  margin-right: 10px;
}
.form__list--half li {
  width: 50%;
  margin-bottom: 16px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.form__list--half li:nth-child(odd) {
  padding-right: 8px;
}
.form__list--3column li {
  width: 33%;
  margin-bottom: 16px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.form__list--3column li ul {
  padding-top: 3px;
  margin-bottom: 16px;
}
.form__list--3column li li {
  width: 100%;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.form__list--new_activity li {
  margin-bottom: 8px;
}
.form__list--float li {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px 16px 0;
}
.form__list__icon {
  width: 100%;
  margin-bottom: 4px;
}
.form__list__icon li {
  display: inline-block;
  width: 25%;
  padding-bottom: 12px;
  vertical-align: middle;
}
.form__list__icon li.notset {
  padding-left: 8px;
}
.form__list__filter {
  display: table;
  width: 570px;
  padding-top: 6px;
  margin-bottom: 2px;
}
.form__list__filter li {
  display: table-cell;
  padding-right: 8px;
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.form__list__filter li:nth-child(6) {
  padding-right: 0;
}
.form__list__filter--fr:first-child,
.form__list__filter--de:first-child {
  padding-top: 0;
}
.form__list__filter--fr li,
.form__list__filter--de li {
  width: 25%;
}
.form__row {
  width: 100%;
  margin-bottom: 8px;
}
.form__row li {
  padding-bottom: 8px;
  vertical-align: top;
}
.form__row--tags li {
  display: inline-block;
  margin-right: 16px;
}
.form__half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.form__half__box {
  width: 450px;
}
.form__half__box:first-child {
  margin-right: auto;
}
.form__error {
  color: #b2122d;
}
.form__count {
  padding: 4px 6px 0;
  margin-bottom: 16px;
  text-align: right;
  font-size: 12px;
}
.form__count:after {
  content: '';
  clear: both;
  display: block;
}
.form__count__text {
  float: left;
  color: #999;
}
.form__count .input_charcounter-over {
  color: #b2122d !important;
}
.form__radio__label {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.2;
  vertical-align: middle;
  cursor: pointer;
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.form__radio__label::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  border: none;
  background-color: #fff;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
}
input[type='radio']:checked + .form__radio__label {
  color: #e57e17;
}
input[type='radio']:checked + .form__radio__label::after {
  position: absolute;
  content: '';
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #e57e17;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}
.form__radio__label span {
  display: block;
  font-size: 10px;
  color: #999;
}
.form__radio__label.disabled {
  opacity: 0.25;
}
.form__checkbox__label {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.2;
  vertical-align: middle;
  cursor: pointer;
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.form__checkbox__label::before {
  position: absolute;
  content: '';
  top: -1px;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: none;
  background-color: #fff;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
}
input[type='checkbox']:checked + .form__checkbox__label {
  color: #e57e17;
}
input[type='checkbox']:checked + .form__checkbox__label::after {
  position: absolute;
  content: '';
  top: 2px;
  left: 2px;
  width: 10px;
  height: 4px;
  border-left: 2px solid #e57e17;
  border-bottom: 2px solid #e57e17;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.form__checkbox__label span {
  display: block;
  font-size: 10px;
  color: #999;
}
.form__checkbox__label.disabled {
  opacity: 0.25;
}
.form__checkbox__label--none {
  padding-left: 26px;
  font-size: 12px;
}
.form__checkbox__label--none::before {
  left: 0;
}
input[type='checkbox']:checked + .form__checkbox__label--none::after {
  top: 3px;
}
.form__icon {
  display: none;
}
.form__icon__img {
  position: absolute;
  content: ' ';
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
}
.form__icon__img ::selection {
  background: none;
}
.form__icon__img ::-moz-selection {
  background: none;
}
.form__icon__label {
  position: relative;
  display: table;
  height: 32px;
  padding-left: 34px;
  line-height: 1.2;
  vertical-align: middle;
  cursor: pointer;
}
input[type='checkbox']:checked + .form__icon__label {
  color: #e57e17;
}
input[type='checkbox']:checked + .form__icon__label .form__icon__img::after {
  position: absolute;
  content: ' ';
  top: 12px;
  left: 12px;
  width: 20px;
  height: 20px;
  background-position: -165px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
}
.form__icon__label P {
  display: table-cell;
  vertical-align: middle;
}
.form__icon__label span {
  display: block;
  font-size: 10px;
  color: #999;
}
.form__icon__label.disabled {
  opacity: 0.25;
}
.form__submit {
  width: 320px;
  margin: 0 auto 10px;
}
.form__submit--full {
  width: 100%;
}
.form__submit input[type='submit'] {
  display: block;
  width: 100%;
  height: 32px;
  padding: 0 8px;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
}
.form__submit input[type='submit']:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.form__submit input[type='submit'].press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.form__submit--square input[type='submit'] {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.form__submit__color {
  text-align: center;
}
.form__submit__color input[type='submit'] {
  width: 100%;
  display: block;
}
.form__emotion {
  margin-bottom: 13px;
}
.form__emotion__list {
  float: left;
  width: 50px;
  padding: 3px 26px 3px 0;
}
.form__emotion__list:first-child {
  padding-left: 16px;
}
.form__emotion__list:last-child {
  padding-right: 0;
}
.form__emotion__list input[type='radio'] {
  display: block;
  opacity: 0;
  position: absolute;
}
.form__emotion__list input[type='radio']:checked ~ label .form__emotion__face {
  -moz-box-shadow: 0 0 0 3px #e57e17;
  -webkit-box-shadow: 0 0 0 3px #e57e17;
  box-shadow: 0 0 0 3px #e57e17;
}
.form__emotion__face {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.form__blog__img {
  position: relative;
  float: left;
  width: 110px;
  height: 110px;
  margin: 0 12px 0 0;
  background: #ccc;
  cursor: pointer;
}
.form__blog__img:nth-last-child(1) {
  margin-right: 0;
}
.form__blog__img__list {
  margin-left: 1px;
  margin-bottom: 8px;
}
.form__blog__img__view {
  display: none;
}
.form__blog__img__view__text {
  font-size: 12px;
  color: #404040;
}
.form__blog__img__remove {
  display: block;
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//WyGyCeLotG1ONjr1RYsPldraME.png) no-repeat 0 0;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  z-index: 10;
}
.form__blog__img.selected {
  -moz-box-shadow: 0 0 0 3px #e57e17;
  -webkit-box-shadow: 0 0 0 3px #e57e17;
  box-shadow: 0 0 0 3px #e57e17;
}
.form__blog__img__inner {
  width: 110px;
  height: 110px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.form__blog__img__inner img {
  display: block;
  max-width: 110px;
  max-height: 110px;
  width: auto;
  height: auto;
  margin: 0 auto !important;
}
.form__filter dt {
  font-weight: bold;
  margin-bottom: 12px;
}
.form__filter dd {
  margin-left: 20px;
}
.form__filter li {
  margin-bottom: 12px;
}
.form__filter__check {
  position: absolute;
  content: '';
  top: 0;
  right: 8px;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: none;
  background-color: #fff;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
  margin-right: 0 !important;
  cursor: pointer;
}
.form__filter__check::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  right: 0;
  margin: -1px auto 0;
  width: 8px;
  height: 2px;
  background: #e57e17;
  z-index: 2;
}
.form__filter__check.all_check::after {
  position: absolute;
  content: '';
  top: 2px;
  left: 2px;
  width: 10px;
  height: 4px;
  margin: 0;
  right: auto;
  background: none;
  border-left: 2px solid #e57e17;
  border-bottom: 2px solid #e57e17;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.form__filter__check.no_check::after {
  display: none;
}
.form__number {
  display: table;
}
.form__number--min,
.form__number--max {
  display: table-cell;
  width: 100px;
}
.form__number--hyphen {
  display: table-cell;
  vertical-align: top;
  width: 22px;
  text-align: center;
}
.form__classjob {
  margin-bottom: 8px;
}
.form__classjob__title {
  font-size: 12px;
  margin-bottom: 5px;
}
.form__classjob li {
  display: inline-block;
  width: 32px;
  margin: 0 8px 8px 0;
  cursor: pointer;
}
.form__classjob li label {
  position: relative;
  display: block;
  width: 32px;
  text-align: center;
  cursor: pointer;
}
.form__classjob__cover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//IVWubUM67V2R73InARFd9g78yw.png) no-repeat 0 0;
  -moz-background-size: 32px;
  -o-background-size: 32px;
  -webkit-background-size: 32px;
  background-size: 32px;
}
.form__classjob input:checked + .form__classjob__cover {
  display: block;
}
.form__message--error {
  padding: 5px;
  margin: 0 10px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px #b2122d inset;
  -webkit-box-shadow: 0px 0px 0px 1px #b2122d inset;
  box-shadow: 0px 0px 0px 1px #b2122d inset;
  font-size: 12px;
  color: #b2122d;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
}
.form__message--confirm {
  padding: 5px;
  margin: 0 10px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px #e57e17 inset;
  -webkit-box-shadow: 0px 0px 0px 1px #e57e17 inset;
  box-shadow: 0px 0px 0px 1px #e57e17 inset;
  font-size: 12px;
  color: #e57e17;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.form__message--delete {
  padding: 5px;
  margin: 32px 10px 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px #999 inset;
  -webkit-box-shadow: 0px 0px 0px 1px #999 inset;
  box-shadow: 0px 0px 0px 1px #999 inset;
  text-align: center;
  font-size: 12px;
  color: #999;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.form__message--complete {
  padding: 5px;
  margin: 0 10px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px #548c38 inset;
  -webkit-box-shadow: 0px 0px 0px 1px #548c38 inset;
  box-shadow: 0px 0px 0px 1px #548c38 inset;
  font-size: 12px;
  color: #548c38;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
}
.form__comment--error {
  padding: 5px;
  margin: 32px 10px 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px #b2122d inset;
  -webkit-box-shadow: 0px 0px 0px 1px #b2122d inset;
  box-shadow: 0px 0px 0px 1px #b2122d inset;
  font-size: 12px;
  color: #b2122d;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
}
.form__calendar--all {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 14px;
}
.form__calendar--year {
  margin-bottom: 4px;
  font-weight: bold;
}
.form__calendar--months {
  margin-bottom: 8px;
}
.form__calendar--months a {
  display: inline-block;
  font-size: 14px;
}
.form__calendar--months a.active {
  color: #e57e17;
}
.form__option_group {
  background: #eeeeee;
  -moz-box-shadow: 0px 0px 0px 1px #ccc inset;
  -webkit-box-shadow: 0px 0px 0px 1px #ccc inset;
  box-shadow: 0px 0px 0px 1px #ccc inset;
  padding: 8px 2px 0;
  border-radius: 6px;
  margin-bottom: 16px;
}
.form__option_group__box {
  width: 213px;
  margin: 0 8px;
  display: inline-block;
  vertical-align: top;
}
.form__option_group__tag {
  height: 70px;
  line-height: 1.4 !important;
  vertical-align: top;
  margin-bottom: 8px;
}
.form__option_group__key {
  margin: 0 8px;
  padding-bottom: 8px;
}
.form__option_group__key input[type='text'].form__control {
  margin-bottom: 8px;
}
.form__option_group__flex {
  display: flex;
}
.form__option_group__flex input[type='text'] {
  margin-right: 8px;
}
.form__option_group__flex input[type='text']:last-of-type {
  margin-right: 0;
}
.form__option_group__input {
  margin-top: -2px;
  margin-left: 18px;
}
.form__option_group__input .form__checkbox__label {
  font-size: 12px;
}
.form__outbound {
  position: relative;
  display: inline-block;
  padding-left: 48px;
  line-height: 1.5;
  vertical-align: middle;
  cursor: pointer;
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
  font-size: 12px;
  color: #404040;
}
.form__outbound::before {
  top: 0;
  left: 28px;
}
.form__outbound::after {
  top: 3px !important;
  left: 30px !important;
}
.btn__menu {
  display: block;
  height: 40px;
  padding: 0 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
  color: #404040;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__menu:hover {
  text-decoration: none;
  color: #404040;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__menu.press {
  color: #404040;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__menu--active,
.btn__menu--active.press {
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  color: #fff !important;
}
.btn__menu--active:hover,
.btn__menu--active.press:hover {
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__menu--disable {
  font-size: 14px;
  color: #404040;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  color: rgba(64, 64, 64, 0.25);
}
.btn__menu--disable:hover,
.btn__menu--disable.press {
  font-size: 14px;
  color: #404040;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  color: rgba(64, 64, 64, 0.25);
}
.btn__menu-2 {
  display: table;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px;
  margin-bottom: 10px;
}
.btn__menu-2:after {
  content: '';
  clear: both;
  display: block;
}
.btn__menu-2 li {
  float: left;
  width: 50%;
  vertical-align: top;
}
.btn__menu-2 li:nth-child(1) a,
.btn__menu-2 li.btn__menu--disable:nth-child(1) {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn__menu-2 li:nth-child(2) a,
.btn__menu-2 li.btn__menu--disable:nth-child(2) {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn__menu-2 a {
  width: 310px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  line-height: 1.2;
  color: #404040;
  padding-top: 0;
  padding-bottom: 0;
}
.btn__menu-2 a:hover {
  text-decoration: none;
}
.btn__menu-3 {
  display: table;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px;
  margin-bottom: 10px;
}
.btn__menu-3:after {
  content: '';
  clear: both;
  display: block;
}
.btn__menu-3 li {
  float: left;
  width: 201px;
}
.btn__menu-3 li:nth-child(1) a,
.btn__menu-3 li.btn__menu--disable:nth-child(1) {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn__menu-3 li:nth-child(2) a,
.btn__menu-3 li.btn__menu--disable:nth-child(2) {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.btn__menu-3 li:nth-child(3) a,
.btn__menu-3 li.btn__menu--disable:nth-child(3) {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn__menu-3 a {
  width: 201px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  line-height: 1.2;
  color: #404040;
  padding-top: 0;
  padding-bottom: 0;
}
.btn__menu-3 a:hover {
  text-decoration: none;
}
.btn__link {
  width: 100%;
  text-align: right;
}
.btn__link a {
  display: block;
  position: relative;
  padding: 8px 24px 8px 8px;
  background-color: #4769b3;
  color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
}
.btn__link a:before {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -113px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
}
.btn__link a:hover {
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__link a.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__link a.patchnote {
  position: relative;
  padding: 8px 24px 8px 8px;
  display: block;
  font-size: 14px;
  line-height: 1.2;
  color: #404040;
  text-decoration: none;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__link a.patchnote:before {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -32px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.btn__link a.patchnote:hover {
  text-decoration: none;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__link a.patchnote.press {
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__link--left {
  text-align: left;
}
.btn__link--patchsite {
  margin-bottom: 20px;
}
.btn__next {
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.btn__next a {
  display: block;
  padding: 8px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  text-decoration: none;
}
.btn__next a:hover {
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__next a.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__next i {
  width: 16px;
  height: 16px;
  background-position: -33px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
.btn__prev {
  width: 100%;
  text-align: left;
}
.btn__prev a {
  position: relative;
  padding: 8px 8px 8px 24px;
  display: block;
  font-size: 14px;
  line-height: 1.2;
  color: #404040;
  text-decoration: none;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__prev a:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -16px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.btn__prev a:hover {
  text-decoration: none;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__prev a.press {
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__prev__submit {
  width: 100%;
  text-align: left;
  position: relative;
  padding: 12px 8px 12px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__prev__submit:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -16px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.btn__prev__submit input {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  color: #404040;
  text-decoration: none;
  text-align: left;
  -webkit-appearance: none;
  padding: 0;
  background: none;
}
.btn__prev__submit:hover {
  text-decoration: none;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__prev__submit.press {
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__nav {
  position: relative;
  display: table;
  width: 100%;
  height: 32px;
  padding: 7px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eee;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__nav__prev {
  display: table-cell;
  vertical-align: middle;
}
.btn__nav__prev a {
  padding-left: 16px;
}
.btn__nav__prev a:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-position: -16px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.btn__nav__next {
  display: table-cell;
  vertical-align: middle;
  margin-left: auto;
  text-align: right;
}
.btn__nav__next a {
  padding-right: 16px;
}
.btn__nav__next a:before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background-position: -32px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.btn__nav__center {
  position: absolute;
  left: 50%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.btn__nav a {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 1.2;
  color: #404040 !important;
}
.btn__footer {
  width: 100%;
  text-align: right;
}
.btn__footer a {
  position: relative;
  display: block;
  padding: 8px 24px 8px 10px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  text-decoration: none;
}
.btn__footer a:before {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -113px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
}
.btn__footer a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__footer a.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__icon a {
  display: table;
  position: relative;
  width: 100%;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 24px 8px 8px;
  font-size: 14px;
  color: #404040;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__icon a:before {
  content: ' ';
  position: absolute;
  top: 31%;
  right: 8px;
  width: 16px;
  height: 16px;
  background-position: -32px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.btn__icon a:hover {
  text-decoration: none;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__icon a.press {
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__icon i {
  display: table-cell;
  vertical-align: middle;
}
.btn__icon p {
  display: table-cell;
  vertical-align: middle;
  padding-left: 4px;
}
.btn__icon .item-icon {
  margin-right: 6px;
}
.btn__icon__inner {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding-right: 4px;
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.btn__icon__inner h4 {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.btn__icon__inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.btn__icon__inner li {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-size: 10px;
  color: #999;
}
.btn__icon__inner li span {
  color: #404040;
}
.btn__icon__inner--left {
  text-align: left;
}
.btn__icon__inner--right {
  text-align: right;
}
.btn__color {
  display: block;
  width: 304px;
  padding: 6px 8px 5px;
  margin: 0 auto 10px;
  text-align: center;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  color: #fff !important;
}
.btn__color:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__color.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__color.selected {
  color: #fff;
  background-color: #e67e17;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__color__nav {
  display: table;
  padding: 0 6px;
  margin: 0 auto 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.btn__color__nav li {
  display: inline-block;
  width: 160px;
  margin: 0 4px;
}
.btn__color__nav a {
  width: 160px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  line-height: 1.2;
  height: 32px;
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.btn__color__nav a:hover {
  text-decoration: none;
}
.btn__color__nav a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__color__nav a.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__color__nav--radius {
  display: table;
  vertical-align: top;
  padding-bottom: 10px;
  margin: 0 auto;
}
.btn__color__nav--radius li {
  display: table-cell;
  vertical-align: top;
  width: 160px;
  vertical-align: top;
  padding: 0 4px;
}
.btn__color__nav--radius a,
.btn__color__nav--radius input {
  width: 160px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  line-height: 1.2;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  height: auto;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  cursor: pointer;
}
.btn__color__nav--radius a:hover,
.btn__color__nav--radius input:hover {
  text-decoration: none;
}
.btn__color__nav--radius a:hover,
.btn__color__nav--radius input:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__color__nav--radius a.press,
.btn__color__nav--radius input.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__color__nav--radius a.btn__color__approval,
.btn__color__nav--radius input.btn__color__approval {
  background: #548c38;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__color__nav--radius a.btn__color__approval.press,
.btn__color__nav--radius input.btn__color__approval.press {
  background: #548c38;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__color__nav--radius a.btn__color__reject,
.btn__color__nav--radius input.btn__color__reject {
  background: #bf4358;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__color__nav--radius a.btn__color__reject.press,
.btn__color__nav--radius input.btn__color__reject.press {
  background: #bf4358;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__color--radius {
  display: block;
  width: 304px;
  padding: 6px 8px 5px;
  margin: 0 auto 10px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  color: #fff !important;
}
.btn__color--radius:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__color--radius.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__color--radius_small {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 20px);
  height: 28px;
  padding: 0 8px;
  margin: 10px auto 0;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  color: #fff !important;
  font-size: 14px;
  font-weight: bold;
  box-sizing: border-box;
  border-radius: 14px;
}
.btn__color--radius_small:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__color--radius_small.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__color--disable {
  opacity: 0.25;
}
.btn__color-2 li {
  float: left;
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn__color-2 li:nth-child(odd) {
  padding: 0 4px 0 10px;
}
.btn__color-2 li:nth-child(even) {
  padding: 0 10px 0 4px;
}
.btn__color-2 a {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn__color-2 a.selected {
  color: #fff;
  background-color: #e67e17;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__color-2_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.btn__color-2_flex li {
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn__color-2_flex li:nth-child(odd) {
  padding: 0 4px 0 10px;
}
.btn__color-2_flex li:nth-child(even) {
  padding: 0 10px 0 4px;
}
.btn__color-2_flex a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn__color-2_flex a.selected {
  color: #fff;
  background-color: #e67e17;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__color-playguide li {
  float: left;
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn__color-playguide li:nth-child(odd) {
  padding: 0 4px 0 10px;
}
.btn__color-playguide li:nth-child(even) {
  padding: 0 10px 0 4px;
}
.btn__color-playguide a {
  width: 100%;
  height: 100px;
  line-height: 100px;
  padding: 2px 8px;
  font-size: 20px;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn__color-playguide a.selected {
  color: #fff;
  background-color: #e67e17;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__color__clipboard {
  padding-top: 10px;
  margin-bottom: 10px;
}
.btn__color__clipboard--title {
  width: 438px;
  font-size: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #3d5a99;
  display: block;
  padding: 6px 8px 5px;
  margin: 0 auto 10px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  cursor: pointer;
}
.btn__color__clipboard--title:hover {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  color: #fff;
  text-decoration: none;
  background: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__color__clipboard--title:active {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  color: #fff;
  background: #3d5a99;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__color__clipboard--code {
  width: auto;
  font-size: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #3d5a99;
  display: block;
  padding: 6px 8px 5px;
  margin: 10px 10px 0 10px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  cursor: pointer;
}
.btn__color__clipboard--code:hover {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  color: #fff;
  text-decoration: none;
  background: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__color__clipboard--code:active {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  color: #fff;
  background: #3d5a99;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__radius__mini {
  width: 120px;
  padding: 6px 12px 5px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  border-radius: 24px;
  font-size: 12px;
  line-height: 1.1;
  color: #fff !important;
}
.btn__radius__mini:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__radius__mini.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__switch {
  display: table;
  padding: 0 12px;
}
.btn__switch li {
  display: table-cell;
  width: 140px;
  padding: 0 4px;
  vertical-align: top;
}
.btn__switch a,
.btn__switch input {
  width: 140px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  line-height: 1.2;
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  height: auto;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  font-size: inherit;
  cursor: pointer;
}
.btn__switch a:hover,
.btn__switch input:hover {
  text-decoration: none;
}
.btn__switch a:hover,
.btn__switch input:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__switch a.press,
.btn__switch input.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__switch a.btn__color__approval,
.btn__switch input.btn__color__approval {
  background: #548c38;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__switch a.btn__color__approval.press,
.btn__switch input.btn__color__approval.press {
  background: #548c38;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__switch a.btn__color__approval:hover,
.btn__switch input.btn__color__approval:hover {
  background: #6cbf43;
}
.btn__switch a.btn__color__reject,
.btn__switch input.btn__color__reject {
  background: #bf4358;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__switch a.btn__color__reject.press,
.btn__switch input.btn__color__reject.press {
  background: #bf4358;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__switch a.btn__color__reject:hover,
.btn__switch input.btn__color__reject:hover {
  background: #e65069;
}
.btn__switch a {
  padding: 9px 0;
}
.btn__switch input {
  padding: 8px 0;
}
.btn__report {
  position: relative;
  display: inline-block;
  padding: 6px 12px 5px 30px;
  border-radius: 24px;
  font-size: 12px;
  line-height: 1.1;
  color: #404040 !important;
  background-color: #eeeeee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__report:before {
  content: ' ';
  position: absolute;
  top: 4px;
  left: 12px;
  width: 16px;
  height: 16px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//-uW6x6jyvN94DkeI6tav7Wbk5k.png) no-repeat 0 0;
  background-size: 16px;
}
.btn__report:hover {
  text-decoration: none;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  background-color: #fff;
}
.btn__report.press {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  background-color: #eee;
}
.btn__astral_era {
  display: block;
  padding: 16px;
  margin: 0 10px 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  font-size: 12px;
  line-height: 1.1;
  background-color: #404040;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  color: #fff !important;
}
.btn__astral_era:hover {
  text-decoration: none;
  background-color: #737373;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__astral_era.press {
  background-color: #404040;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__astral_era.active {
  color: #404040 !important;
  background-color: #f7e3ad;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__category a {
  color: #404040;
}
.btn__category dt a {
  position: relative;
  display: block;
  padding: 6px 24px 6px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__category dt a.top {
  padding-right: 10px;
}
.btn__category dt a:hover {
  text-decoration: none;
  background-color: #fff;
}
.btn__category dt a.press {
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__category dt a.active {
  color: #404040;
  background-color: #f7e3ad;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__category dt a.active .close {
  width: 16px;
  height: 16px;
  background-position: -129px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
}
.btn__category dt a.top i {
  display: none;
}
.btn__category dt a i {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -8px;
}
.btn__category__list a {
  display: block;
  padding: 6px 10px 6px;
  background-color: #f3f3f3;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__category__list a:hover {
  text-decoration: none;
  background-color: #fff;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__category__list a.press {
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__category__list a.active {
  color: #404040;
  background-color: #f7e3ad;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__comment {
  position: relative;
  z-index: 10;
  margin: 0 8px 10px;
  color: #fff !important;
}
.btn__comment:after {
  content: '.';
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.btn__comment__area {
  padding: 0 10px;
  margin-bottom: 10px;
}
.btn__comment__area:after {
  content: '';
  clear: both;
  display: block;
}
.btn__comment__area .btn__comment {
  float: left;
  margin-bottom: 0;
}
.btn__mini {
  padding: 0 10px;
  margin-bottom: 10px;
  text-align: right;
}
.btn__mini a {
  display: inline-block;
  padding: 6px 12px 5px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  color: #fff;
  font-size: 12px;
  line-height: 1.1;
  background-color: #404040;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  color: #fff;
  text-align: center;
}
.btn__mini a:hover {
  text-decoration: none;
  background-color: #737373;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__mini a.press {
  background-color: #404040;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__edit {
  padding: 0 2px 0 10px;
  margin-bottom: 10px;
  display: table-cell;
  text-align: right;
  float: right;
}
.btn__edit li {
  min-width: 80px;
  padding-right: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
}
.btn__edit li a {
  display: block;
  padding: 6px 12px 5px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  color: #fff;
  font-size: 12px;
  line-height: 1.1;
  background-color: #404040;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  text-align: center;
}
.btn__edit li a:hover {
  text-decoration: none;
  background-color: #737373;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__edit li a.press {
  background-color: #404040;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__edit--unlock {
  display: block;
  text-align: center;
}
.btn__edit--unlock li {
  display: inline-block;
}
.btn__delete {
  float: right;
  display: block;
  width: 50%;
  padding: 5px 0 4px;
  color: #fff !important;
  text-align: center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 1.1;
  background-color: #404040;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__delete:hover {
  text-decoration: none;
  background-color: #737373;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__delete.press {
  background-color: #404040;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__black {
  float: right;
  display: block;
  padding: 6px 12px 5px;
  color: #fff !important;
  text-align: center;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  color: #fff;
  font-size: 12px;
  line-height: 1.1;
  background-color: #404040;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__black:hover {
  text-decoration: none;
  background-color: #737373;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__black.press {
  background-color: #404040;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__cfmaster {
  display: inline-block;
  padding: 5px 12px 4px;
  text-align: center;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  background-color: #404040;
}
.btn__login {
  text-align: center;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  line-height: 1.2;
  width: auto;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  background-color: #bf4358;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  display: block;
  width: 320px;
  height: 32px;
  margin: 0 auto 10px;
  font-weight: bold;
  line-height: 32px;
  color: #fff !important;
}
.btn__login:hover {
  text-decoration: none;
}
.btn__login:hover {
  background-color: #e55069;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  text-decoration: none;
}
.btn__login.press {
  background-color: #bf4358;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__corner_block {
  width: 920px;
  margin: 0 auto 10px;
}
.btn__corner_block--2 li,
.btn__corner_block--2 a,
.btn__corner_block--2 span {
  width: 460px;
}
.btn__corner_block--2 li:nth-child(2) a,
.btn__corner_block--2 li:nth-child(2) span,
.btn__corner_block--2 li.btn__menu--disable:nth-child(2),
.btn__corner_block--2 a:nth-child(2) a,
.btn__corner_block--2 a:nth-child(2) span,
.btn__corner_block--2 a.btn__menu--disable:nth-child(2),
.btn__corner_block--2 span:nth-child(2) a,
.btn__corner_block--2 span:nth-child(2) span,
.btn__corner_block--2 span.btn__menu--disable:nth-child(2) {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.btn__corner_block--3 li,
.btn__corner_block--3 a,
.btn__corner_block--3 span {
  width: 307px;
}
.btn__corner_block--3 li:nth-child(3) a,
.btn__corner_block--3 li:nth-child(3) span,
.btn__corner_block--3 li.btn__menu--disable:nth-child(3),
.btn__corner_block--3 a:nth-child(3) a,
.btn__corner_block--3 a:nth-child(3) span,
.btn__corner_block--3 a.btn__menu--disable:nth-child(3),
.btn__corner_block--3 span:nth-child(3) a,
.btn__corner_block--3 span:nth-child(3) span,
.btn__corner_block--3 span.btn__menu--disable:nth-child(3) {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.btn__corner_block--3 li:nth-child(2),
.btn__corner_block--3 a:nth-child(2),
.btn__corner_block--3 span:nth-child(2) {
  width: 306px;
}
.btn__corner_block--3 li:nth-child(2) a,
.btn__corner_block--3 li:nth-child(2) span,
.btn__corner_block--3 a:nth-child(2) a,
.btn__corner_block--3 a:nth-child(2) span,
.btn__corner_block--3 span:nth-child(2) a,
.btn__corner_block--3 span:nth-child(2) span {
  width: 306px;
}
.btn__corner_block--5 li,
.btn__corner_block--5 a,
.btn__corner_block--5 span {
  width: 184px;
}
.btn__corner_block--5 li:nth-child(5) a,
.btn__corner_block--5 li:nth-child(5) span,
.btn__corner_block--5 li.btn__menu--disable:nth-child(5),
.btn__corner_block--5 a:nth-child(5) a,
.btn__corner_block--5 a:nth-child(5) span,
.btn__corner_block--5 a.btn__menu--disable:nth-child(5),
.btn__corner_block--5 span:nth-child(5) a,
.btn__corner_block--5 span:nth-child(5) span,
.btn__corner_block--5 span.btn__menu--disable:nth-child(5) {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.btn__corner_block ul {
  display: table;
  width: 100%;
}
.btn__corner_block ul:after {
  content: '';
  clear: both;
  display: block;
}
.btn__corner_block ul li {
  float: left;
  vertical-align: top;
}
.btn__corner_block ul li:nth-child(1) a,
.btn__corner_block ul li:nth-child(1) span,
.btn__corner_block ul li.btn__menu--disable:nth-child(1) {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn__corner_block ul a,
.btn__corner_block ul span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  line-height: 1.2;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.btn__corner_block ul a:hover,
.btn__corner_block ul span:hover {
  text-decoration: none;
}
.btn__mycharacter,
.btn__mypage_cf {
  display: table;
  width: 100%;
  margin-bottom: 16px;
}
.btn__mycharacter:after,
.btn__mypage_cf:after {
  content: '';
  clear: both;
  display: block;
}
.btn__mycharacter li,
.btn__mypage_cf li {
  float: left;
  width: 50%;
  vertical-align: top;
}
.btn__mycharacter li:nth-child(1) a,
.btn__mypage_cf li:nth-child(1) a {
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__mycharacter li:nth-child(1) a:hover,
.btn__mypage_cf li:nth-child(1) a:hover {
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__mycharacter li:nth-child(1) a.press,
.btn__mypage_cf li:nth-child(1) a.press {
  color: #404040;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__mycharacter a,
.btn__mypage_cf a {
  display: table-cell;
  vertical-align: middle;
  width: 310px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #404040;
  font-weight: bold;
}
.btn__mycharacter i,
.btn__mypage_cf i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.btn__mycharacter span,
.btn__mypage_cf span {
  position: relative;
  display: inline-block;
  padding: 2px 0 0 22px;
  font-size: 14px;
  line-height: 1.2;
  text-align: left;
}
.btn__mycharacter span:after,
.btn__mypage_cf span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
}
.btn__mycharacter .icon__create:after,
.btn__mypage_cf .icon__create:after {
  width: 20px;
  height: 20px;
  background-position: -172px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.btn__mycharacter .icon__search:after,
.btn__mypage_cf .icon__search:after {
  width: 20px;
  height: 20px;
  background-position: -556px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.btn__mypage_cf li a {
  font-size: 14px;
  color: #404040;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__mypage_cf li a:hover {
  text-decoration: none;
  color: #404040;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__mypage_cf li a.press {
  color: #404040;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__mypage_cf li:nth-child(1) a {
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__mypage_cf li:nth-child(1) a:hover {
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__mypage_cf li:nth-child(1) a.press {
  color: #404040;
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__mogstation {
  position: relative;
  display: block;
  margin: 0 auto 16px;
  text-align: center;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 320px;
  height: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #404040;
  font-size: 14px;
  line-height: 1.2;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  overflow: hidden;
  color: #404040 !important;
  line-height: 32px;
  cursor: pointer;
}
.btn__mogstation__icon {
  position: absolute;
  top: 50%;
  left: 0;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//mpSfeDYR_PjWlRbsVuvqku5qbc.png) no-repeat 0 0;
  opacity: 0.5;
  -moz-background-size: 60px;
  -o-background-size: 60px;
  -webkit-background-size: 60px;
  background-size: 60px;
}
.btn__mogstation:hover {
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  text-decoration: none;
}
.btn__mogstation.press {
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__pager {
  display: table;
  width: 100%;
  padding: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn__pager li {
  display: table-cell;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.btn__pager a {
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.btn__pager__current {
  width: 100% !important;
  text-align: center;
  font-size: 14px;
}
.btn__pager__prev--all {
  background-position: 0 0;
}
.btn__pager__prev--all:hover {
  background-position: 0 -24px;
}
.btn__pager__prev--all.btn__pager__no {
  background-position: 0 -24px;
}
.btn__pager__prev {
  background-position: -24px 0;
}
.btn__pager__prev:hover {
  background-position: -24px -24px;
}
.btn__pager__prev.btn__pager__no {
  background-position: -24px -24px;
}
.btn__pager__next {
  background-position: -48px 0;
}
.btn__pager__next:hover {
  background-position: -48px -24px;
}
.btn__pager__next.btn__pager__no {
  background-position: -48px -24px;
}
.btn__pager__next--all {
  background-position: -72px 0;
}
.btn__pager__next--all:hover {
  background-position: -72px -24px;
}
.btn__pager__next--all.btn__pager__no {
  background-position: -72px -24px;
}
.btn__pager__no {
  cursor: default;
  opacity: 0.25;
}
.btn__pager--selected {
  background-color: #e67e17;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  color: #ffffff !important;
  border-radius: 6px;
}
.btn__banner {
  -moz-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  opacity: 1;
}
.btn__banner:hover {
  opacity: 0.7;
}
.btn__pulldown {
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  color: #fff !important;
}
.btn__pulldown:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__pulldown.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.btn__text_link {
  color: #404040 !important;
}
.btn__general {
  border-radius: 8px;
  display: block;
  margin: 0 auto 16px;
  position: relative;
  width: 570px;
  height: 152px;
  overflow: hidden;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(0, 0, 0, 0.4);
}
.btn__general img {
  display: block;
  border-radius: 8px;
}
.btn__general img.on {
  -moz-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0;
  z-index: 1;
}
.btn__general:hover img.on {
  opacity: 1;
}
.tab__menu-2 {
  display: table;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
}
.tab__menu-2:after {
  content: '';
  clear: both;
  display: block;
}
.tab__menu-2 li {
  float: left;
  width: 50%;
}
.tab__menu-2 a {
  width: 300px;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  line-height: 1.2;
}
.tab__menu-2 a:hover {
  text-decoration: none;
}
.tab__menu-3 {
  display: table;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
}
.tab__menu-3:after {
  content: '';
  clear: both;
  display: block;
}
.tab__menu-3 li {
  float: left;
  width: 200px;
  height: 40px;
}
.tab__menu-3 a {
  width: 200px;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  line-height: 1.2;
}
.tab__menu-3 a:hover {
  text-decoration: none;
}
.tab__chest {
  width: 100%;
  padding: 0 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tab__chest li {
  height: 40px;
}
.tab__chest--list {
  width: 78px;
  float: left;
}
.tab__chest--list a,
.tab__chest--list span {
  font-size: 12px;
  display: table-cell;
  width: 78px;
  height: 40px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
}
.tab__chest--crystal {
  width: 210px;
  float: left;
}
.tab__chest--crystal a,
.tab__chest--crystal span {
  font-size: 12px;
  display: table-cell;
  width: 210px;
  height: 40px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
}
.tab__chest a {
  color: #404040;
  line-height: 1.2;
  background-color: #f3f3f3;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.tab__chest a.active {
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.tab__chest a.active:hover {
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.tab__chest a:hover {
  background-color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.tab__chest a.press {
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.tab__chest span.disable {
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  line-height: 1.2;
  color: #404040;
  line-height: 1.2;
  background-color: #f3f3f3;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  color: rgba(64, 64, 64, 0.25);
}
.tab__chest span.disable:hover {
  text-decoration: none;
}
.tab__menu-a a {
  color: #404040;
  line-height: 1.2;
  background-color: #f3f3f3;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.tab__menu-a a.active {
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.tab__menu-a a.active:hover {
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.tab__menu-a a:hover {
  background-color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.tab__menu-a a.press {
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.tab__menu-a span.disable {
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  line-height: 1.2;
  color: #404040;
  line-height: 1.2;
  background-color: #f3f3f3;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  color: rgba(64, 64, 64, 0.25);
}
.tab__menu-a span.disable:hover {
  text-decoration: none;
}
.tab__menu-b {
  border-bottom: solid 4px #4769b3;
  margin-bottom: 10px;
}
.tab__menu-b a {
  color: #404040;
  line-height: 1.2;
  background-color: #f3f3f3;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.tab__menu-b a.active {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.tab__menu-b a.active:hover {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.tab__menu-b a:hover {
  background-color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.tab__menu-b a.press {
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.tab__menu-b span.disable {
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  line-height: 1.2;
  color: #404040;
  line-height: 1.2;
  background-color: #f3f3f3;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  color: rgba(64, 64, 64, 0.25);
  display: block;
}
.tab__menu-b span.disable:hover {
  text-decoration: none;
}
.tab__content {
  padding: 8px 0 0 0;
  background-color: #eee;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.tab__content__filter {
  position: relative;
  width: 570px;
  padding: 8px 40px 8px 10px;
  min-height: 28px;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  background-color: #eee;
  border-bottom: solid 1px #ccc;
}
.tab__content__filter i {
  position: absolute;
  top: 8px;
  right: 10px;
}
.tab__color-2 {
  margin-left: 10px;
}
.tab__color-2 li {
  float: left;
  width: 296px;
}
.tab__color-2 li:first-child {
  margin-right: 8px;
}
.tab__color-2 li .btn__color {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tab__color-2 li .btn__color.selected {
  color: #fff;
  background-color: #e67e17;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.tab__color-3 {
  margin-left: 10px;
}
.tab__color-3 li {
  float: left;
  width: 195px;
  margin-right: 8px;
}
.tab__color-3 li:last-child {
  margin-right: 0;
}
.tab__color-3 li .btn__color {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tab__color-3 li .btn__color.selected {
  color: #fff;
  background-color: #e67e17;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.js__slide_trigger {
  cursor: pointer;
}
.blog__area {
  padding: 16px 25px;
  margin-bottom: 32px;
  background: #1b1b1b;
  color: #cccccc;
}
.blog__area a {
  color: #73bfe6;
}
.blog__area--simple {
  padding: 16px 25px 10px;
  margin-bottom: 32px;
  background: #eee;
  color: #404040;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.blog__area--simple a {
  color: #2556b8;
}
.blog__area--simple .thumb_list li {
  background-color: #ccc;
}
.blog__area--black {
  padding: 16px 25px 10px;
  margin-bottom: 32px;
  background: #262626;
  color: #cccccc;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.blog__area--black a {
  color: #73bfe6;
}
.blog__area--black .thumb_list li {
  background-color: #1b1b1b;
}
.blog__area--black .img_box {
  background-color: #1b1b1b;
}
.blog__area--white {
  padding: 16px 25px 10px;
  margin-bottom: 32px;
  background: #eeeeee;
  color: #404040;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.blog__area--white a {
  color: #2556b8;
}
.blog__area--white .thumb_list li {
  background-color: #cccccc;
}
.blog__area--white .img_box {
  background-color: #cccccc;
}
.blog__area .img_box {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin: 0 4px 0 0;
  line-height: 1%;
  font-size: 1%;
}
.blog__area .img_box a {
  display: block;
  position: relative;
  width: 110px;
  height: 110px;
}
.blog__area .img_box a img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  line-height: 1%;
  font-size: 1%;
}
.blog__area .align-left {
  display: inline-block;
  width: 100%;
  text-align: left;
}
.blog__area .align-center {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.blog__area .align-right {
  display: inline-block;
  width: 100%;
  text-align: right;
}
.blog__area__like {
  padding-top: 20px;
  text-align: right;
  margin-right: -11px;
}
.blog__area__like__bt_like {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  vertical-align: middle;
  cursor: pointer;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//EKSt4UnCVepfA1p10jHyS05uaE.png) no-repeat 0 0;
  background-size: 20px;
}
.blog__area--simple .blog__area__like__bt_like {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//B5faabimIY6CTnOim8IeAINBrE.png) no-repeat 0 0;
  background-size: 20px;
}
.blog__area--white .blog__area__like__bt_like {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//B5faabimIY6CTnOim8IeAINBrE.png) no-repeat 0 0;
  background-size: 20px;
}
.blog__area__like__bt_like:hover {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Dda8WXbwe5J2BHpdfiGRaT9TSo.png) no-repeat 0 0;
  background-size: 20px;
}
.blog__area__like__bt_liked {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Dda8WXbwe5J2BHpdfiGRaT9TSo.png) no-repeat 0 0;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//1dkr-UWQUP_GJRCRLAqtlcdAac.png) no-repeat 0 0;
  background-size: 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  vertical-align: middle;
  cursor: pointer;
  color: #404040;
}
.blog__area__like__bt_liked:hover {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Dda8WXbwe5J2BHpdfiGRaT9TSo.png) no-repeat 0 0;
  background-size: 20px;
}
.blog__area__like__text,
.blog__area__like__text__zero {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  color: #ccc !important;
}
.blog__area--white .blog__area__like__text,
.blog__area--white .blog__area__like__text__zero {
  color: #404040 !important;
}
.blog__area--simple .blog__area__like__text,
.blog__area--simple .blog__area__like__text__zero {
  color: #404040 !important;
}
.blog__area__like__text__zero,
.blog__area__like__text__zero__zero {
  color: #666 !important;
}
.blog__area--white .blog__area__like__text__zero,
.blog__area--white .blog__area__like__text__zero__zero {
  color: #999 !important;
}
.blog__area--simple .blog__area__like__text__zero,
.blog__area--simple .blog__area__like__text__zero__zero {
  color: #999 !important;
}
.blog__area__like__list {
  border-radius: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 740px;
  height: 400px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  margin: 0;
  transform: translate(-50%, -50%);
  background: #f3f3f3;
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.blog__area__like__list__wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  min-width: 960px;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10010;
  display: none;
}
.blog__area__like__list--white {
  background: #f3f3f3;
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.blog__area__like__list--black {
  background: #f3f3f3;
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.blog__area__like__list__text {
  font-size: 14px;
  line-height: 1;
  text-align: left;
  padding: 16px 0 16px 36px;
  color: #404040;
  padding-top: 16px;
  position: relative;
}
.blog__area__like__list__text strong {
  font-size: 20px;
  font-weight: bold;
  color: #e57e17;
}
.blog__area__like__list__text:after {
  content: '';
  display: block;
  width: 740px;
  height: 18px;
  position: absolute;
  bottom: -348px;
  left: 0;
}
.blog__area__like__list .entry {
  width: 360px;
  margin-right: 2px;
  float: left;
}
.blog__area__like__list .entry__link--line {
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.blog__area__like__list .entry__link--line:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.blog__area__like__list .entry__link--line:hover {
  text-decoration: none;
  background-color: #fff;
}
.blog__area__like__list .entry__link--line:hover:after {
  background-color: #fff;
}
.blog__area__like__list .entry__link--line.press {
  background-color: #eee;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.blog__area__like__list .entry__link--line.press:after {
  background-color: #eee;
}
.blog__area__like__list__member {
  height: 330px;
  overflow: hidden;
  position: relative;
  padding-right: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.blog__area__like__list__member .ps__rail-y {
  position: relative;
  margin-left: 725px;
}
.blog__area__like__list__member .ps__rail-y .ps__thumb-y {
  position: absolute;
  right: -8px !important;
  width: 4px;
  background: #333;
  border-radius: 4px;
  opacity: 1;
  cursor: pointer;
}
.blog__area__like__list__member .ps__rail-y .ps__thumb-y:hover {
  background: #666;
}
.blog__area__like__list__member .frame__chara__name {
  width: 282px;
}
.blog__comment_box {
  position: relative;
  height: 1%;
  width: 620px !important;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.blog__comment_box__bace {
  height: 285px;
  position: relative;
}
.blog__comment_box__wrapper {
  position: absolute;
  left: 0;
  width: 620px !important;
}
.blog__comment_box__inner {
  padding-top: 42px;
  position: relative;
}
.blog__comment_box__header {
  position: absolute;
  top: 0 !important;
  left: 0;
  width: 620px !important;
  height: 32px !important;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 8px 4px 8px;
  font-size: 16px;
  font-weight: bold;
  color: #fff !important;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.blog__comment_box__header:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.blog__comment_box__header.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.blog__comment_box textarea {
  width: 100%;
  height: auto;
  padding: 5px;
  border: none;
}
.blog__edit {
  float: left;
}
.blog__edit .btn_edit {
  float: left;
}
.blog__report {
  float: left;
}
.entry__blog {
  position: relative;
}
.entry__blog * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__blog__link {
  position: relative;
  display: block;
  padding: 8px 10px;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.entry__blog__link:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.entry__blog__link:hover {
  text-decoration: none;
  background-color: #fff;
}
.entry__blog__link:hover:after {
  background-color: #fff;
}
.entry__blog__link.press {
  background-color: #eee;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.entry__blog__link.press:after {
  background-color: #eee;
}
.entry__blog__link--self .entry__blog__link {
  background-color: #faedc8;
}
.entry__blog__link--self .entry__blog__link:after {
  background-color: #faedc8;
}
.entry__blog__link--self .entry__blog__link:hover {
  background-color: #faf3e1;
}
.entry__blog__link--self .entry__blog__link:hover:after {
  background-color: #faf3e1;
}
.entry__blog__link--self .entry__blog__link.press {
  background-color: #faedc8;
}
.entry__blog__link--self .entry__blog__link.press:after {
  background-color: #faedc8;
}
.entry__blog__link--self .entry__blog__title,
.entry__blog__link--self .entry__blog__header ul li,
.entry__blog__link--self .entry__blog__search__chara__name {
  color: #404040;
}
.entry__blog__link--self:after {
  background-color: #faedc8;
}
.entry__blog__link--search {
  padding-bottom: 48px;
}
.entry__blog__view {
  position: relative;
  display: block;
  padding: 8px 10px;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.entry__blog__view--others {
  margin-top: 10px;
}
.entry__blog__view--white {
  background-color: #eeeeee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  color: #404040;
}
.entry__blog__view--white .icon-list__views {
  width: 16px;
  height: 16px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//316q6kysUBEOJN3-NIhSEKocNA.png) 0 0 no-repeat;
  background-size: 16px;
}
.entry__blog__view--white .icon-list__comment_16 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//_uKhMhZGd5RzwXBBtqLhsGRdDM.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.entry__blog__view--white .icon-list__tag {
  width: 16px;
  height: 16px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//D6Mj5pPNtZyyDdmN_hRFEvrnaM.png) 0 0 no-repeat;
  background-size: 16px;
}
.entry__blog__view--black {
  background-color: #262626;
  -moz-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  color: #ccc;
}
.entry__blog__view--black .icon-list__views {
  width: 16px;
  height: 16px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//8cvkq-p798Mp-ia57iOo7TirI4.png) 0 0 no-repeat;
  background-size: 16px;
}
.entry__blog__view--black .icon-list__comment_16 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Vgp0i3mka6uqjBD0_1Qp7iQNV4.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.entry__blog__view--black .icon-list__tag {
  width: 16px;
  height: 16px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//CgpjLA62HsegIeOLTEszmuHA2M.png) 0 0 no-repeat;
  background-size: 16px;
}
.entry__blog__header {
  display: block;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 4px;
}
.entry__blog__header time {
  float: left;
  display: block;
  vertical-align: middle;
  font-size: 12px;
  color: #999;
}
.entry__blog__header ul {
  float: right;
  display: block;
  text-align: right;
}
.entry__blog__header ul li {
  display: table-cell;
  vertical-align: middle;
  color: #404040;
  line-height: 1;
  font-size: 12px;
  vertical-align: middle;
}
.entry__blog__view--black .entry__blog__header ul li {
  color: #cccccc;
}
.entry__blog__view--white .entry__blog__header ul li {
  color: #404040;
}
.entry__blog__header ul li span {
  display: table-cell;
  line-height: 1;
  vertical-align: middle;
  padding-left: 2px;
}
.entry__blog__header--side time {
  width: 115px;
}
.entry__blog__header__views,
.entry__blog__header__comment {
  padding-right: 4px;
}
.entry__blog__header__views i,
.entry__blog__header__comment i {
  display: table-cell;
}
.entry__blog__header__like i {
  display: table-cell;
}
.entry__blog__inner {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  padding-bottom: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__blog__inner__search {
  padding-bottom: 0;
}
.entry__blog__title {
  margin-bottom: 4px;
  color: #404040;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
}
.entry__blog__title.search {
  width: 552px;
}
.entry__blog__view--black .entry__blog__title {
  color: #cccccc;
}
.entry__blog__view--white .entry__blog__title {
  color: #404040;
}
.entry__blog__title--side {
  margin-bottom: 8px;
  color: #404040;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
}
.entry__blog__time {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  color: #999;
}
.entry__blog__face {
  display: table-cell;
  vertical-align: top;
  width: 40px;
  height: 40px;
}
.entry__blog__face img {
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  width: 40px;
  height: 40px;
}
.entry__blog__box.add_image .entry__blog__inner {
  width: 506px;
  min-height: 74px;
}
.entry__blog__box__area {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__blog__box__area .btn__radius__mini {
  position: absolute;
  right: 0;
  bottom: 0;
}
.entry__blog__area {
  display: table-cell;
  vertical-align: top;
  padding-left: 8px;
}
.entry__blog__img {
  background: #ccc;
  width: 74px;
  height: 74px;
  margin-left: 20px;
  padding-left: 74px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
}
.entry__blog__img__inner {
  width: 74px;
  height: 74px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
.entry__blog__img__inner img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.entry__blog__img__inner .icon-list__photo {
  width: 16px;
  height: 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
}
.entry__blog__tag {
  margin-bottom: 4px;
  padding-left: 18px;
  min-height: 14px;
  position: relative;
  line-height: 1.3;
  vertical-align: text-bottom;
}
.entry__blog__tag--add_image {
  margin-bottom: 48px;
}
.entry__blog__tag i {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
}
.entry__blog__tag li {
  display: inline-block;
  margin-right: 2px;
  color: #999;
  font-size: 12px;
  line-height: 1.3;
}
.ldst__side__box .entry__blog__tag li {
  max-width: 260px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.entry__blog__tag a {
  color: #999;
}
.entry__blog .entry__blog__status--open,
.entry__blog .entry__blog__status--freecompany,
.entry__blog .entry__blog__status--friend,
.entry__blog .entry__blog__status--rough,
.entry__blog .entry__blog__status--pvpteam,
.entry__blog .entry__blog_block__status--open,
.entry__blog .entry__blog_block__status--freecompany,
.entry__blog .entry__blog_block__status--friend,
.entry__blog .entry__blog_block__status--rough,
.entry__blog .entry__blog_block__status--pvpteam {
  font-size: 12px;
  font-weight: bold;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff;
  padding: 2px 8px 1px;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.entry__blog__status--open {
  background: #3d6629;
}
.entry__blog__status--freecompany {
  background: #264b80;
}
.entry__blog__status--friend {
  background: #802653;
}
.entry__blog__status--rough {
  background: #807333;
}
.entry__blog__status--pvpteam {
  background: #622680;
}
.entry__blog__search {
  position: absolute;
  bottom: 8px;
  left: 10px;
  display: table;
}
.entry__blog__search__chara__face {
  display: table-cell;
  width: 40px;
  height: 40px;
  padding-right: 8px;
}
.entry__blog__search__chara__face img {
  border-radius: 20px;
  width: 40px;
  height: 40px;
}
.entry__blog__search__chara__box {
  display: table-cell;
  vertical-align: middle;
}
.entry__blog__search__chara__name {
  font-size: 12px;
  color: #404040;
  font-weight: bold;
  width: 100%;
}
.entry__blog__search__chara__world {
  font-size: 10px;
  color: #999;
  line-height: 1;
}
.entry__blog_block {
  width: 220px;
  position: relative;
  margin: 0 10px 20px;
  display: block;
  vertical-align: top;
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-radius: 6px;
  opacity: 0;
}
.entry__blog_block * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__blog_block__wrapper {
  min-width: 200px;
}
.entry__blog_block__pager {
  margin: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.entry__blog_block__pager--change_list {
  width: 64px;
  padding: 6px 4px 0 0;
}
.entry__blog_block__pager--select--block {
  width: 852px;
}
.entry__blog_block__pager--select--list {
  width: 532px;
}
.entry__blog_block__link {
  position: relative;
  display: block;
  padding: 8px;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  border: none;
  overflow: hidden;
  border-radius: 6px;
}
.entry__blog_block__link::after {
  display: none;
}
.entry__blog_block__link--self .entry__blog_block__link {
  background-color: #faedc8;
}
.entry__blog_block__link--self .entry__blog_block__link:after {
  background-color: #faedc8;
}
.entry__blog_block__link--self .entry__blog__title,
.entry__blog_block__link--self .entry__blog__header ul li,
.entry__blog_block__link--self .entry__blog__search__chara__name {
  color: #404040;
}
.entry__blog_block__link--self:after {
  background-color: #faedc8;
}
.entry__blog_block__view {
  position: relative;
  display: block;
  padding: 8px 10px;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.entry__blog_block__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 10px;
}
.entry__blog_block__header time {
  display: block;
  vertical-align: middle;
  font-size: 10px;
  color: #999;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.entry__blog_block__header time span {
  font-size: 10px;
}
.entry__blog_block__header ul {
  display: block;
  text-align: right;
}
.entry__blog_block__header ul li {
  display: table-cell;
  vertical-align: middle;
  color: #404040;
  line-height: 1;
  font-size: 10px;
  vertical-align: middle;
}
.entry__blog_block__header ul li span {
  display: table-cell;
  line-height: 1;
  vertical-align: middle;
  padding: 0 2px;
  font-size: 10px;
}
.entry__blog_block__header__views {
  padding-right: 4px;
}
.entry__blog_block__header__views i {
  display: table-cell;
}
.entry__blog_block__header__comment i,
.entry__blog_block__header__like i {
  display: table-cell;
}
.entry__blog_block__title {
  margin-bottom: 10px;
  color: #404040 !important;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  display: inline-block;
  width: 100%;
}
.entry__blog_block__time {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  color: #999;
}
.entry__blog_block__face {
  display: table-cell;
  vertical-align: top;
  width: 40px;
  height: 40px;
}
.entry__blog_block__face img {
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  width: 40px;
  height: 40px;
}
.entry__blog_block__box__area {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__blog_block__area {
  display: table-cell;
  vertical-align: top;
  padding-left: 8px;
}
.entry__blog_block__img {
  background: #ccc;
  width: 200px;
  height: 200px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 8px;
}
.entry__blog_block__img__inner {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
.entry__blog_block__img__inner img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.entry__blog_block__tag {
  margin-top: 8px;
  padding-left: 18px;
  min-height: 14px;
  position: relative;
  line-height: 1.3;
  vertical-align: text-bottom;
}
.entry__blog_block__tag i {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
}
.entry__blog_block__tag li {
  display: inline-block;
  margin-right: 2px;
  color: #999;
  font-size: 12px;
  line-height: 1.2;
}
.entry__blog_block__tag a {
  color: #999;
}
.entry__blog_block__status--open {
  background: #3d6629;
}
.entry__blog_block__status--freecompany {
  background: #264b80;
}
.entry__blog_block__status--friend {
  background: #802653;
}
.entry__blog_block__status--rough {
  background: #807333;
}
.entry__blog_block__status--pvpteam {
  background: #622680;
}
.entry__blog_block__search {
  display: table;
}
.entry__blog_block__search:hover {
  text-decoration: none;
}
.entry__blog_block__search__chara__face {
  display: table-cell;
  width: 40px;
  height: 40px;
  padding-right: 8px;
  position: relative;
  z-index: 2;
}
.entry__blog_block__search__chara__face img {
  border-radius: 20px;
  width: 40px;
  height: 40px;
}
.entry__blog_block__search__chara__box {
  display: table-cell;
  vertical-align: middle;
}
.entry__blog_block__search__chara__name {
  font-size: 12px;
  color: #404040 !important;
  display: block;
  font-weight: bold;
  width: 156px;
  line-height: 1.2;
}
.entry__blog_block__search__chara__world {
  font-size: 10px;
  color: #999 !important;
  display: block;
  line-height: 1;
}
.ldst__side__box .entry__blog__box.add_image .entry__blog__inner {
  width: 186px;
}
.ldst__side__box .entry__blog__title {
  font-size: 14px;
}
.achievement__category {
  padding-bottom: 10px;
}
.achievement__category a {
  color: #404040;
}
.achievement__category--second {
  display: block;
  padding: 6px 10px 6px;
  background-color: #f3f3f3;
}
.achievement__category--second:hover {
  text-decoration: none;
  background-color: #fff;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.achievement__category--second.press {
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.achievement__category--second.active {
  background-color: #f7e3ad;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.achievement__point {
  position: relative;
  height: 50px;
  padding: 20px 0 15px 32px;
  color: #e57e17;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1;
}
.achievement__point:before {
  position: absolute;
  content: ' ';
  top: 50%;
  left: 10px;
  margin-top: -8px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//naQjQgIqCXSJK-giQjiv2zxwP8.png) no-repeat 0 0;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
}
.achievement__switch {
  position: relative;
  color: #404040;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px;
}
.achievement__switch p {
  font-size: 12px;
  margin: 0 4px;
}
.achievement__switch:before {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//naQjQgIqCXSJK-giQjiv2zxwP8.png) no-repeat 0 0;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
}
.achievement__pulldown {
  position: relative;
  margin-top: 8px;
}
.achievement__pulldown:after {
  content: '';
  clear: both;
  display: block;
}
.achievement__pulldown .select-pulldown {
  float: left;
  width: 360px;
  margin-bottom: 10px;
}
.achievement__pulldown .select-pulldown.fr,
.achievement__pulldown .select-pulldown.de {
  width: 340px;
}
.achievement__pulldown .parts__total {
  position: absolute;
  top: 6px;
  right: 0;
}
.achievement__base {
  background: #eee;
  padding: 8px 10px;
  -moz-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.achievement__base--complete {
  background: #faedc8;
  color: #404040;
}
.achievement__base--text {
  margin-bottom: 16px;
}
.achievement__base--title {
  font-weight: bold;
  margin-bottom: 5px;
}
.achievement__view {
  padding-top: 50px;
}
.achievement__filter {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 4px 10px;
}
.achievement__filter img {
  cursor: pointer;
  width: 32px;
  height: auto;
}
.achievement__filter div {
  margin: 0 2px;
  width: 32px;
  height: 32px;
  overflow: hidden;
}
.achievement__filter div img {
  display: block;
}
.achievement__filter input[type='checkbox']:checked + div img {
  margin-top: -32px;
}
.entry__achievement {
  display: table;
  width: 100%;
  padding: 8px 10px 8px 10px;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__achievement:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.entry__achievement:hover {
  text-decoration: none;
  background-color: #fff;
}
.entry__achievement:hover:after {
  background-color: #fff;
}
.entry__achievement.press {
  background-color: #eee;
}
.entry__achievement.press:after {
  background-color: #eee;
}
.entry__achievement--side {
  display: table;
  padding: 8px 10px 8px 10px;
  width: 100%;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__achievement--side:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.entry__achievement--side:hover {
  text-decoration: none;
  background-color: #fff;
}
.entry__achievement--side.press {
  background-color: #eee;
}
.entry__achievement__view {
  display: table;
  padding: 8px 10px 8px 10px;
  width: 100%;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__achievement__view:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.entry__achievement__view--complete {
  background: #faedc8;
}
.entry__achievement__view--complete:after {
  background: #faedc8;
}
.entry__achievement--list {
  display: table-cell;
  vertical-align: top;
}
.entry__achievement--list .entry__activity__time {
  float: none;
}
.entry__achievement--history {
  padding-left: 8px;
}
.entry__achievement__icon {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.entry__achievement__icon img {
  display: inline-block;
  vertical-align: baseline;
}
.entry__achievement--complete {
  background: #faedc8;
}
.entry__achievement--complete:after {
  background: #faedc8;
}
.entry__achievement--complete:hover {
  background-color: #faf3e1;
}
.entry__achievement--complete:hover:after {
  background-color: #faf3e1;
}
.entry__achievement--complete.press {
  background-color: #faedc8;
}
.entry__achievement--complete.press:after {
  background-color: #faedc8;
}
.entry__achievement--complete .entry__activity__txt {
  color: #404040;
}
.entry__achievement--complete .entry__achievement__number {
  color: #e57e17;
}
.entry__achievement__item {
  display: table-cell;
  width: 48px;
  height: 48px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__achievement__frame {
  position: relative;
}
.entry__achievement__frame img {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}
.entry__achievement__frame:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 48px;
  height: 48px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//g9-WRQ9Mxx6c37ekifgjQ-nQwY.png) no-repeat 0 0;
}
.entry__achievement__number {
  display: inline-block;
  font-size: 28px;
  color: #404040;
  padding-left: 8px;
  word-break: normal;
  word-wrap: normal;
  min-width: 28px;
}
.ic__info {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//GK5Y3gQsnlxMRQ_pORu6lKQAJ0.png) no-repeat 0 0;
}
.ic__info.active {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//hu9OeFAv1VWVEJiaj9VWutGZDY.png) no-repeat 0 0;
}
.ic__info--list:after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//GK5Y3gQsnlxMRQ_pORu6lKQAJ0.png) no-repeat 0 0;
}
.ic__maintenance {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//6qzbI-6AwlXAfGhCBZU10jsoLA.png) no-repeat 0 0;
}
.ic__maintenance.active {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//fkkRxSJ3xbutTbnR5-IoNJaQS4.png) no-repeat 0 0;
}
.ic__maintenance--list:after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//6qzbI-6AwlXAfGhCBZU10jsoLA.png) no-repeat 0 0;
}
.ic__obstacle {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//8PRdUkaKFa8R5BKeQjRyItGoxY.png) no-repeat 0 0;
}
.ic__obstacle.active {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//De3IZrQ0TES-XZhWWJVA0dopMs.png) no-repeat 0 0;
}
.ic__obstacle--list:after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//8PRdUkaKFa8R5BKeQjRyItGoxY.png) no-repeat 0 0;
}
.ic__topics {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//_v7zlp4yma56rKwd8pIzU8wGFc.png) no-repeat 0 0;
}
.ic__topics.active {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//a9rtMOdGKGnaOETVeSrjmUodhs.png) no-repeat 0 0;
}
.ic__topics--list:after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//_v7zlp4yma56rKwd8pIzU8wGFc.png) no-repeat 0 0;
}
.ic__update {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//dFnS0OBVXIsmB74L65R7VHlpd8.png) no-repeat 0 0;
}
.ic__update.active {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//LOXGO1repPdiOniWd0s3K-o7pk.png) no-repeat 0 0;
}
.ic__update--list:after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//dFnS0OBVXIsmB74L65R7VHlpd8.png) no-repeat 0 0;
}
.ic__headline--ja {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Oftzj-Ba5uOLxYOuynUMOPCK-8.png) no-repeat 0 0;
}
.ic__headline--ja.active {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//rzRLogULpcwOTcrqoHprD-p7Co.png) no-repeat 0 0;
}
.ic__headline--en-gb,
.ic__headline--en-us {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Oftzj-Ba5uOLxYOuynUMOPCK-8.png) no-repeat 0 0;
}
.ic__headline--en-gb.active,
.ic__headline--en-us.active {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//rzRLogULpcwOTcrqoHprD-p7Co.png) no-repeat 0 0;
}
.ic__headline--fr {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//3GqWzyZhuN3FuCggl21gK-3ZGc.png) no-repeat 0 0;
}
.ic__headline--fr.active {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//270YFrlCxEXh384uhYUcMvg0jg.png) no-repeat 0 0;
}
.ic__headline--de {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//oBUGZeVgpQjIcMD7V10b6Lf6YM.png) no-repeat 0 0;
}
.ic__headline--de.active {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//2WEiq0Bnfq8pEyunupAFag5wPQ.png) no-repeat 0 0;
}
#toptabchanger {
  position: relative;
}
#toptabchanger #toptabchanger_newsarea .toptabchanger_newsbox {
  display: none;
}
#toptabchanger #toptabchanger_topicsarea .topics_list li {
  display: none;
}
#toptabchanger #toptabchanger_linkbutton {
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
#toptabchanger #toptabchanger_linkbutton a {
  display: none;
}
.l__news__list--last {
  margin-bottom: 32px;
}
.l__news__list__top {
  margin-bottom: 24px;
}
.l__news__item {
  background: #eee;
}
.l__news__item__text {
  padding-left: 6px;
}
.l__news__item__text--title {
  float: left;
  color: #404040;
}
.l__news__item__text--time {
  float: right;
  display: block;
  color: #999;
}
.l__news__item__text--important {
  color: #b2122d;
}
.l__news__item--pinned {
  background: #e6e6e6;
}
.l__news__item--pinned {
  background: #e6e6e6;
}
.l__news__item--pinned:nth-last-child(1) .l__news__item__text {
  border-bottom: 1px solid #ccc;
}
.l__news__item__banner {
  margin-right: 34px;
  text-align: center;
  padding-top: 6px;
}
.l__news__link {
  position: relative;
  display: block;
  width: 100%;
  padding: 6px 10px 6px 28px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.l__news__link:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.l__news__link:hover {
  text-decoration: none;
  background-color: #fff;
}
.l__news__link:hover:after {
  background-color: #fff;
}
.l__news__link.press {
  background-color: #eee;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.l__news__link.press:after {
  background-color: #eee;
}
.l__news__icon {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  -webkit-background-size: 20px;
  background-size: 20px;
  top: 4px;
  left: 10px;
}
.l__news__more {
  float: right;
  padding-right: 20px;
  color: #404040 !important;
  font-weight: bold;
  line-height: 16px;
  margin-top: 3px;
  position: relative;
}
.l__news__more:after {
  content: '';
  width: 16px;
  height: 16px;
  background-position: -504px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}
.l__news__category_menu {
  width: 100%;
  overflow: hidden;
  height: 52px;
  margin-bottom: 1px;
  background: #eee;
}
.l__news__category_menu--index {
  margin-bottom: 32px;
}
.l__news__category_menu__list {
  height: 52px;
  position: relative;
  left: 0;
  top: 0;
}
.l__news__category_menu__list li {
  display: inline-block;
  float: left;
}
.l__news__category_menu__list li a {
  display: block;
  padding: 16px 20px;
  white-space: nowrap;
  color: #404040;
  font-weight: bold;
}
.l__news__category_menu__list li a.active {
  color: #5990ff;
}
.l__news__detail img {
  max-width: 100%;
  height: auto;
}
.l__news__detail__header {
  padding: 12px 8px 8px 34px;
  position: relative;
  background: #eee;
}
.l__news__detail__header__text {
  padding: 0 8px 8px 6px;
}
.l__news__detail__header__text--time {
  display: block;
  color: #999;
  margin-bottom: 6px;
  line-height: 1;
}
.l__news__detail__header__text--title {
  color: #404040;
  font-weight: normal;
}
.l__news__detail__header__text--important {
  color: #b2122d;
}
.l__news__detail__icon {
  position: absolute;
  top: 26px;
  left: 4px;
}
.l__news__detail__content {
  background: #333;
  padding: 16px 24px 16px;
}
.l__news__detail__content a {
  color: #5990ff;
}
.l__news__detail__content img {
  max-width: 272px;
  height: auto;
}
.l__news__detail__social {
  padding-top: 32px;
}
.news__tab {
  display: block;
  width: 100%;
  border-bottom: solid 4px #4769b3;
}
.news__tab:after {
  content: '';
  clear: both;
  display: block;
}
.news__tab__line {
  width: 100%;
  height: 5px;
  padding: 0;
  margin: 0;
  background: #e6e6e6;
}
.news__tab--newrelease,
.news__tab--obstacle {
  width: 104px;
}
.news__tab--newrelease a,
.news__tab--obstacle a {
  width: 104px;
}
.news__tab--topics,
.news__tab--news,
.news__tab--maintenance,
.news__tab--update {
  width: 103px;
}
.news__tab--topics a,
.news__tab--news a,
.news__tab--maintenance a,
.news__tab--update a {
  width: 103px;
}
.news__tab li {
  float: left;
  height: 44px;
}
.news__tab a {
  display: table-cell;
  vertical-align: middle;
  height: 44px;
  text-align: center;
  color: #404040;
  line-height: 1.2;
  background-color: #f3f3f3;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.news__tab a.active {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.news__tab a.active:hover {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.news__tab a:hover {
  text-decoration: none;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.news__tab a.press {
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.news__tab span {
  padding-top: 5px;
  display: block;
  font-size: 11px;
}
.news__tab i {
  display: inline-block;
  text-align: center;
  width: 24px;
  height: 24px;
  -moz-background-size: 24px;
  -o-background-size: 24px;
  -webkit-background-size: 24px;
  background-size: 24px;
}
.news__tab i.active {
  -moz-background-size: 24px;
  -o-background-size: 24px;
  -webkit-background-size: 24px;
  background-size: 24px;
}
.news__tab--newrelease i {
  width: 64px;
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
}
.news__tab--newrelease i.active {
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
}
.news__tab--menu {
  margin-top: -5px;
}
.news__list--link {
  position: relative;
  display: block;
  background: #eee;
  padding: 5px 10px 5px 34px;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.news__list--link:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 10px;
  display: block;
  width: 20px;
  height: 20px;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  -webkit-background-size: 20px;
  background-size: 20px;
}
.news__list--link:hover {
  text-decoration: none;
  background-color: #fff;
}
.news__list--link.press {
  background-color: #eee;
}
.news__list--topics {
  position: relative;
  display: block;
  background: #eee;
  padding: 8px 10px 16px 34px;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.news__list--topics hr {
  height: 1px;
  background: #b3b3b3;
  margin: 0;
  padding: 0;
  font-size: 1%;
  line-height: 1%;
  margin-bottom: 16px;
}
.news__list--topics hr.dotted {
  background: none;
  border-bottom: dotted 1px #b3b3b3;
}
.news__list--topics:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 10px;
  display: block;
  width: 20px;
  height: 20px;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  -webkit-background-size: 20px;
  background-size: 20px;
}
.news__list--topics_top .news__list--topics:last-child {
  -moz-box-shadow: 0px -1px 0px 0px transparent inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px transparent inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px transparent inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.news__list--topics_top hr {
  height: 1px;
  background: #b3b3b3;
  margin: 0;
  padding: 0;
  font-size: 1%;
  line-height: 1%;
  margin-bottom: 16px;
}
.news__list--header {
  padding-bottom: 8px;
}
.news__list--title {
  float: left;
  width: 500px;
  color: #404040;
  font-size: 12px !important;
}
.news__list--title a {
  color: #404040;
}
.news__list--tag {
  color: #b2122d;
  padding-right: 2px;
  font-weight: bold;
}
.news__list--time {
  float: right;
  color: #999;
  font-size: 12px !important;
}
.news__list--banner {
  position: relative;
  top: 0;
  left: -8px;
  font-size: 14px;
}
.news__list--banner * {
  font-size: inherit;
}
.news__list--img {
  display: block;
  margin-bottom: 16px;
}
.news__content {
  position: relative;
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.news__content__bottom-radius {
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.news__content__title {
  padding: 0 0 4px 10px;
  color: #404040;
  font-size: 14px;
  font-weight: bold;
}
.news__content__title--related {
  padding-top: 14px;
  background: #f3f3f3;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.news__content__list--noactivity {
  padding: 32px 0;
  text-align: center;
  font-size: 12px;
}
.news__content__list--header {
  padding: 3px 10px 6px 10px;
}
.news__content__list--header__title {
  width: 516px;
  display: inline-block;
  font-size: 12px;
}
.news__content__list--header__title--related {
  width: 488px;
}
.news__content__list--header__title .tag {
  font-size: 12px;
  color: #cc2944;
  margin-right: 5px;
  font-weight: bold;
}
.news__content__list--header__datetime {
  width: 84px;
  float: right;
  text-align: right;
  color: #666666;
  font-size: 12px;
}
.news__content__list--header__datetime span {
  font-size: 12px;
}
.news__content__list--header a,
.news__content__list--header .link {
  color: #cccccc;
  font-size: 12px;
}
.news__content__list--header a:hover,
.news__content__list--header .link:hover {
  color: #ffffff;
  text-decoration: none;
}
.news__content__list__topics {
  padding-top: 1px;
}
.news__content__list__topics li {
  border-bottom: 1px solid #262626;
  padding-bottom: 15px;
  position: relative;
  font-size: 12px;
}
.news__content__list__topics--body {
  width: 570px;
  margin: 0 auto;
  font-size: 12px;
}
.news__content__list__topics__link_banner {
  display: block;
  margin: 0 0 5px 0;
}
.news__detail {
  position: relative;
  margin: 10px 0;
  background: #f3f3f3;
  color: #404040;
  height: 1%;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.news__detail * {
  font-size: 14px;
}
.news__detail .inner a,
.news__detail .inner span,
.news__detail .inner h1,
.news__detail .inner h2,
.news__detail .inner h3,
.news__detail .inner h4,
.news__detail .inner h5,
.news__detail .inner h6,
.news__detail .inner p,
.news__detail .inner blockquote,
.news__detail .inner pre,
.news__detail .inner address,
.news__detail .inner cite,
.news__detail .inner q,
.news__detail .inner small,
.news__detail .inner strong,
.news__detail .inner sub,
.news__detail .inner b,
.news__detail .inner i,
.news__detail .inner time,
.news__detail .inner em {
  font-size: inherit;
}
.news__detail p a,
.news__detail p span,
.news__detail p h1,
.news__detail p h2,
.news__detail p h3,
.news__detail p h4,
.news__detail p h5,
.news__detail p h6,
.news__detail p p,
.news__detail p blockquote,
.news__detail p pre,
.news__detail p address,
.news__detail p cite,
.news__detail p q,
.news__detail p small,
.news__detail p strong,
.news__detail p sub,
.news__detail p b,
.news__detail p i,
.news__detail p time,
.news__detail p em,
.news__detail li a,
.news__detail li span,
.news__detail li h1,
.news__detail li h2,
.news__detail li h3,
.news__detail li h4,
.news__detail li h5,
.news__detail li h6,
.news__detail li p,
.news__detail li blockquote,
.news__detail li pre,
.news__detail li address,
.news__detail li cite,
.news__detail li q,
.news__detail li small,
.news__detail li strong,
.news__detail li sub,
.news__detail li b,
.news__detail li i,
.news__detail li time,
.news__detail li em,
.news__detail th a,
.news__detail th span,
.news__detail th h1,
.news__detail th h2,
.news__detail th h3,
.news__detail th h4,
.news__detail th h5,
.news__detail th h6,
.news__detail th p,
.news__detail th blockquote,
.news__detail th pre,
.news__detail th address,
.news__detail th cite,
.news__detail th q,
.news__detail th small,
.news__detail th strong,
.news__detail th sub,
.news__detail th b,
.news__detail th i,
.news__detail th time,
.news__detail th em,
.news__detail td a,
.news__detail td span,
.news__detail td h1,
.news__detail td h2,
.news__detail td h3,
.news__detail td h4,
.news__detail td h5,
.news__detail td h6,
.news__detail td p,
.news__detail td blockquote,
.news__detail td pre,
.news__detail td address,
.news__detail td cite,
.news__detail td q,
.news__detail td small,
.news__detail td strong,
.news__detail td sub,
.news__detail td b,
.news__detail td i,
.news__detail td time,
.news__detail td em,
.news__detail span a,
.news__detail span span,
.news__detail span h1,
.news__detail span h2,
.news__detail span h3,
.news__detail span h4,
.news__detail span h5,
.news__detail span h6,
.news__detail span p,
.news__detail span blockquote,
.news__detail span pre,
.news__detail span address,
.news__detail span cite,
.news__detail span q,
.news__detail span small,
.news__detail span strong,
.news__detail span sub,
.news__detail span b,
.news__detail span i,
.news__detail span time,
.news__detail span em,
.news__detail strong a,
.news__detail strong span,
.news__detail strong h1,
.news__detail strong h2,
.news__detail strong h3,
.news__detail strong h4,
.news__detail strong h5,
.news__detail strong h6,
.news__detail strong p,
.news__detail strong blockquote,
.news__detail strong pre,
.news__detail strong address,
.news__detail strong cite,
.news__detail strong q,
.news__detail strong small,
.news__detail strong strong,
.news__detail strong sub,
.news__detail strong b,
.news__detail strong i,
.news__detail strong time,
.news__detail strong em,
.news__detail em a,
.news__detail em span,
.news__detail em h1,
.news__detail em h2,
.news__detail em h3,
.news__detail em h4,
.news__detail em h5,
.news__detail em h6,
.news__detail em p,
.news__detail em blockquote,
.news__detail em pre,
.news__detail em address,
.news__detail em cite,
.news__detail em q,
.news__detail em small,
.news__detail em strong,
.news__detail em sub,
.news__detail em b,
.news__detail em i,
.news__detail em time,
.news__detail em em {
  font-size: inherit;
}
.news__detail__wrapper {
  padding: 0 30px 24px;
}
.news__detail__wrapper hr {
  height: 1px;
  background: #b3b3b3;
  margin: 0;
  padding: 0;
  font-size: 1%;
  line-height: 1%;
  margin-bottom: 16px;
}
.news__detail__wrapper hr.dotted {
  background: none;
  border-bottom: dotted 1px #b3b3b3;
}
.news__detail__social {
  padding: 0 10px 20px 0;
}
.news__detail:before {
  position: absolute;
  left: 0;
  bottom: -7px;
  content: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//3C0SJYC-lq8A0tw9Qfqaf-QVeg.png);
  background-repeat: no-repeat;
  background-position: left top;
  height: 10px;
}
.news__detail:after {
  position: absolute;
  left: 0;
  top: -13px;
  content: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Q1lhKXpXXD_3euHk8U78cHR_G4.png);
  background-repeat: no-repeat;
  background-position: left top;
  height: 10px;
}
.news__detail a {
  color: #2556b8;
}
.news__detail a:hover {
  color: #4c88ff;
  text-decoration: none;
}
.news__detail strong {
  font-size: inherit;
  font-weight: bold;
}
.news__detail em {
  font-style: inherit;
  font-style: italic;
}
.news__header {
  padding: 10px 0;
  margin-bottom: 24px;
  background: #404040;
}
.news__header time {
  position: relative;
  display: block;
  padding: 2px 30px 2px 40px;
  font-size: 12px;
  color: #999;
}
.news__header h1 {
  padding: 0 30px 0 40px;
  font-size: 16px;
  font-weight: bold;
  color: #e6e6e6;
}
.news__header__tag {
  margin-right: 8px;
  font-size: 16px;
  color: #cc2944;
}
.news__ic--info {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//SK8mdlTjhjaZM-ZtZNYBaDo1ig.png) no-repeat 13px -1px;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
}
.news__ic--maintenance {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//DlQYVw2bqzA5ZOCfXKZ-Qe1IZU.svg) no-repeat 13px -1px;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
}
.news__ic--update {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//aL011xxU_6LyWUio1Gi2Fx7-qo.svg) no-repeat 13px -1px;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
}
.news__ic--obstacle {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//8cpkAxFUqEu8Khg3Ca4neBTiuc.svg) no-repeat 13px -1px;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
}
.news__ic--topics {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//CtEfIrQAujxk3py5UKSnVlfOPI.svg) no-repeat 13px -1px;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
}
.news__footer {
  background: #f3f3f3;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.news__nav {
  position: relative;
  display: table;
  width: 100%;
  padding: 7px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #383838;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.news__nav__prev {
  display: table-cell;
  vertical-align: middle;
}
.news__nav__prev a {
  padding-left: 16px;
}
.news__nav__prev a:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-position: -49px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
}
.news__nav__next {
  display: table-cell;
  vertical-align: middle;
  margin-left: auto;
  text-align: right;
}
.news__nav__next a {
  padding-right: 16px;
}
.news__nav__next a:before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background-position: -81px 0;
  -moz-background-size: 497px auto;
  -o-background-size: 497px auto;
  -webkit-background-size: 497px auto;
  background-size: 497px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y4OeTGfOS-SFPyeOSIuOnA_2lo.png);
  background-repeat: no-repeat;
}
.news__nav a {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 1.2;
  color: #cccccc !important;
}
.news__close {
  width: 100%;
  padding: 7px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #383838;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.mdl-img__visual {
  display: block;
  width: 560px;
  margin: 0 auto 24px;
}
.mdl-text__sm {
  margin-bottom: 32px;
  font-size: 14px;
  line-height: 1.5;
}
.mdl-text__sm-m16 {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.5;
}
.mdl-text__xs {
  margin: 0 0 12px 0;
  padding: 0 10px;
  font-size: 12px;
  line-height: 1.5;
}
.mdl-text__xs-m16 {
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1.5;
}
.mdl-text__indent {
  margin: 0 0 16px 28px;
}
.mdl-text__indent--48 {
  margin: 0 0 16px 48px;
}
.mdl-text__indent--68 {
  margin: 0 0 16px 68px;
}
.mdl-text__indent--88 {
  margin: 0 0 16px 88px;
}
.mdl-text__notes__border {
  margin-bottom: 32px;
  padding: 8px;
  border: 2px solid #a62137;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #a62137;
  line-height: 1.5;
}
.mdl-title__headline {
  padding: 0 0 0 28px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//BufQExgmJmDYlPBJ6J6zqWr1Zk.svg) no-repeat 6px 1px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  font-weight: bold;
  color: #6b993d;
}
.mdl-title__patch {
  position: relative;
  width: 620px;
  margin: 16px 0 32px -30px;
  padding: 10px 30px 10px 40px;
  background: #404040;
  font-size: 38px;
  letter-spacing: -0.025em;
  line-height: 1.3;
  color: #f3f3f3;
  font-family: '微软雅黑';
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
}
.news__list--topics .mdl-title__patch {
  margin: 16px 0 32px -26px;
}
.mdl-title__radius {
  background: #a62137;
  margin-bottom: 12px;
  padding: 5px;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.mdl-title__ancher {
  position: relative;
  margin: 0 0 10px -30px;
  padding-left: 30px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//l05ibEl6spcwr4ZdA80ODH0wbg.svg) no-repeat 6px 7px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  font-size: 20px;
  color: #6b993d;
  font-family: '微软雅黑';
  font-weight: bold;
}
.mdl-title__image {
  width: 620px;
  background: #75b324;
  margin: 0 0 2px -30px;
  padding: 0;
  line-height: 1%;
}
.news__list--topics .mdl-title__image {
  margin: 0 0 24px -26px;
}
.mdl-title__category {
  position: relative;
  width: 620px;
  padding: 8px 30px 8px 40px;
  margin: 0 0 24px -30px;
  background: #75b324;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
}
.news__list--topics .mdl-title__category {
  margin: 0 0 24px -26px;
}
.mdl-title__category h2 {
  font-size: 28px;
  color: #fff;
  font-weight: normal;
  line-height: 1.2;
}
.mdl-title__category h3 {
  font-size: 16px;
  color: #fff;
  font-family: '微软雅黑';
  font-weight: bold;
  line-height: 1.2;
}
.mdl-title__heading--lg {
  margin-bottom: 16px;
  padding-bottom: 2px;
  color: #6b993d;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.2;
  border-bottom: 3px solid #75b324;
}
.mdl-title__heading--sm,
.mdl-title__heading--sm-f16 {
  margin-bottom: 8px;
  font-weight: bold;
}
.mdl-title__heading--sm-f16,
.mdl-title__heading--sm-f16-f16 {
  font-size: 16px;
}
.mdl-title__heading--xs {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: bold;
}
.mdl-title__heading__gc--maelstrom {
  padding-left: 23px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//j4RXITp2Gl1mdv9D7ue0ItyrXQ.png) no-repeat left
    top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  font-size: 16px;
  margin-bottom: 8px;
}
.mdl-title__heading__gc--maelstrom span {
  font-weight: normal;
  font-size: 14px;
  margin-left: 16px;
}
.mdl-title__heading__gc--immortal {
  padding-left: 23px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//TMoW8hkpAcpkiKVNq4D2UepwB8.png) no-repeat left
    top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  font-size: 16px;
  margin-bottom: 8px;
}
.mdl-title__heading__gc--immortal span {
  font-weight: normal;
  font-size: 14px;
  margin-left: 16px;
}
.mdl-title__heading__gc--twinadder {
  padding-left: 23px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//gNaporVx02FjdyB2DtFKILseJ8.png) no-repeat left
    top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  font-size: 16px;
  margin-bottom: 8px;
}
.mdl-title__heading__gc--twinadder span {
  font-weight: normal;
  font-size: 14px;
  margin-left: 16px;
}
.mdl-ver__2,
.mdl-ver__2-m16 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Rw4Ohw6TbiJF20hnvvv3R0WCyw.svg) no-repeat left
    center;
  -moz-background-size: 40px 23px;
  -o-background-size: 40px 23px;
  -webkit-background-size: 40px 23px;
  background-size: 40px 23px;
  display: inline-block;
  width: 40px;
  height: 23px;
  margin: 0 2px 0 0;
}
.mdl-ver__2-m16,
.mdl-ver__2-m16-m16 {
  margin-top: 16px;
}
.mdl-ver__3,
.mdl-ver__3-m16 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//3K-T6-GRWhBraXc-FZHZhU_-vg.svg) no-repeat left
    center;
  -moz-background-size: 40px 23px;
  -o-background-size: 40px 23px;
  -webkit-background-size: 40px 23px;
  background-size: 40px 23px;
  display: inline-block;
  width: 40px;
  height: 23px;
  margin: 0 2px 0 0;
}
.mdl-ver__3-m16,
.mdl-ver__3-m16-m16 {
  margin-top: 16px;
}
.mdl-ver__4,
.mdl-ver__4-m16 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//N3ark3YO7F_fUx0Hj6emPaesUA.svg) no-repeat left
    center;
  -moz-background-size: 40px 23px;
  -o-background-size: 40px 23px;
  -webkit-background-size: 40px 23px;
  background-size: 40px 23px;
  display: inline-block;
  width: 40px;
  height: 23px;
  margin: 0 2px 0 0;
}
.mdl-ver__4-m16,
.mdl-ver__4-m16-m16 {
  margin-top: 16px;
}
.mdl-nav {
  margin-bottom: 32px;
}
.mdl-nav li {
  padding: 0 0 0 28px;
  margin: 0 0 0 0;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//4j9I1nezY-vraAi990Weu9Q1L4.svg) no-repeat 6px 1px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  font-size: 14px;
}
.mdl-nav li ul {
  margin-top: 2px;
  margin-bottom: 0;
  width: 541px;
  overflow: hidden;
}
.mdl-nav li ul li {
  display: inline-block;
  min-width: 258px;
  margin-right: 10px;
  margin-bottom: 2px;
  padding-right: 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-nav li li {
  padding: 0 0 0 20px;
  margin: 0 0 0 0;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat 2px 1px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  font-size: 12px;
}
.mdl-nav__floating {
  position: fixed;
  top: -48px;
  left: 4px;
  z-index: 10000;
  opacity: 0;
}
.mdl-nav__floating__icon {
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ZLIZsbcvpATOvRCX4-TNYrwavo.png) no-repeat 0 0,
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//IyZwOjbSwfMsyui4R0Q9UmVb5M.png) no-repeat -32px 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  float: left;
  cursor: pointer;
  margin-right: 4px;
  display: none;
}
.mdl-nav__floating__icon:hover {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//IyZwOjbSwfMsyui4R0Q9UmVb5M.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
}
.mdl-nav__floating__list {
  background: #f3f3f3;
  width: auto;
  max-width: 560px;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  padding: 16px;
  height: 1%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: -9999px;
}
.mdl-nav__floating__list.inside {
  position: static;
  display: none;
  float: left;
}
.mdl-nav__floating__list.outside {
  float: none;
  height: auto;
  position: absolute;
  top: 0;
  display: block;
}
.mdl-nav__floating__list ul {
  margin-bottom: 0;
}
.mdl-nav__floating__list li:nth-last-child(1) {
  margin-bottom: 0;
}
.mdl-nav__floating__list li ul {
  width: auto;
  max-width: 100%;
}
.mdl-nav__floating__list li ul li {
  width: auto;
  max-width: 100%;
  min-width: auto;
  display: block;
}
.mdl-patch {
  width: 524px;
  margin: 0 10px 32px;
  padding: 10px 8px 0 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #999;
  height: 1%;
}
.mdl-patch:after {
  content: '';
  clear: both;
  display: block;
}
.mdl-patch dt {
  margin-bottom: 6px;
  vertical-align: middle;
  clear: both;
}
.mdl-patch dt.mdl-patch--line {
  width: 48px;
  float: left;
  clear: both;
}
.mdl-patch dt img {
  margin-right: 4px;
}
.mdl-patch dd {
  margin-bottom: 6px;
  vertical-align: middle;
  font-size: 12px;
  line-height: 1.3;
}
.mdl-patch dd.mdl-patch--line {
  float: left;
  width: auto;
  width: 476px;
}
.mdl-patch__heading {
  padding-top: 16px;
  margin-bottom: 8px;
}
.mdl-patch__heading:after {
  content: '';
  clear: both;
  display: block;
}
.mdl-patch__heading img {
  float: left;
  margin-right: 4px;
}
.mdl-list__ver {
  margin: 0 10px 32px;
  padding: 10px 8px 0 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #999;
  height: 1%;
}
.mdl-list__ver li {
  width: 420px;
  min-height: 23px;
  margin-bottom: 6px;
  padding-left: 92px;
  vertical-align: middle;
  font-size: 12px;
  line-height: 1.3;
}
.mdl-list__ver--2 {
  position: relative;
}
.mdl-list__ver--2:before {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Rw4Ohw6TbiJF20hnvvv3R0WCyw.svg) no-repeat left
    center;
  -moz-background-size: 40px 23px;
  -o-background-size: 40px 23px;
  -webkit-background-size: 40px 23px;
  background-size: 40px 23px;
  width: 40px;
  height: 23px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
}
.mdl-list__ver--3 {
  position: relative;
}
.mdl-list__ver--3:before {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//3K-T6-GRWhBraXc-FZHZhU_-vg.svg) no-repeat left
    center;
  -moz-background-size: 40px 23px;
  -o-background-size: 40px 23px;
  -webkit-background-size: 40px 23px;
  background-size: 40px 23px;
  width: 40px;
  height: 23px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
}
.mdl-list__ver--all {
  position: relative;
}
.mdl-list__ver--all:before {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Rw4Ohw6TbiJF20hnvvv3R0WCyw.svg) no-repeat left
    center;
  -moz-background-size: 40px 23px;
  -o-background-size: 40px 23px;
  -webkit-background-size: 40px 23px;
  background-size: 40px 23px;
  width: 40px;
  height: 23px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
}
.mdl-list__ver--all:after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//3K-T6-GRWhBraXc-FZHZhU_-vg.svg) no-repeat left
    center;
  -moz-background-size: 40px 23px;
  -o-background-size: 40px 23px;
  -webkit-background-size: 40px 23px;
  background-size: 40px 23px;
  width: 40px;
  height: 23px;
  display: block;
  position: absolute;
  top: 50%;
  left: 44px;
  margin-top: -12px;
}
.mdl-list__sb_ver {
  margin: 0 10px 32px;
  padding: 10px 8px 0 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #999;
  height: 1%;
}
.mdl-list__sb_ver li {
  width: 476px;
  min-height: 23px;
  margin-bottom: 6px;
  padding-left: 48px;
  vertical-align: middle;
  font-size: 12px;
  line-height: 1.3;
}
.mdl-list__sb_ver--2 {
  position: relative;
}
.mdl-list__sb_ver--2:before {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Rw4Ohw6TbiJF20hnvvv3R0WCyw.svg) no-repeat left
    center;
  -moz-background-size: 40px 23px;
  -o-background-size: 40px 23px;
  -webkit-background-size: 40px 23px;
  background-size: 40px 23px;
  width: 40px;
  height: 23px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
}
.mdl-list__sb_ver--3 {
  position: relative;
}
.mdl-list__sb_ver--3:before {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//3K-T6-GRWhBraXc-FZHZhU_-vg.svg) no-repeat left
    center;
  -moz-background-size: 40px 23px;
  -o-background-size: 40px 23px;
  -webkit-background-size: 40px 23px;
  background-size: 40px 23px;
  width: 40px;
  height: 23px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
}
.mdl-list__sb_ver--4 {
  position: relative;
}
.mdl-list__sb_ver--4:before {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//N3ark3YO7F_fUx0Hj6emPaesUA.svg) no-repeat left
    center;
  -moz-background-size: 40px 23px;
  -o-background-size: 40px 23px;
  -webkit-background-size: 40px 23px;
  background-size: 40px 23px;
  width: 40px;
  height: 23px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
}
.mdl-list__sb_ver--all {
  position: relative;
}
.mdl-list__sb_ver--all:before {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Rw4Ohw6TbiJF20hnvvv3R0WCyw.svg) no-repeat left
    center;
  -moz-background-size: 40px 23px;
  -o-background-size: 40px 23px;
  -webkit-background-size: 40px 23px;
  background-size: 40px 23px;
  width: 40px;
  height: 23px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
}
.mdl-list__sb_ver--all:after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//3K-T6-GRWhBraXc-FZHZhU_-vg.svg) no-repeat left
    center;
  -moz-background-size: 40px 23px;
  -o-background-size: 40px 23px;
  -webkit-background-size: 40px 23px;
  background-size: 40px 23px;
  width: 40px;
  height: 23px;
  display: block;
  position: absolute;
  top: 50%;
  left: 44px;
  margin-top: -12px;
}
.mdl-list__sb_ver--2_3_4 {
  width: 100% !important;
  position: relative;
  padding-left: 0 !important;
  padding-top: 29px !important;
}
.mdl-list__sb_ver--2_3_4:before {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Rw4Ohw6TbiJF20hnvvv3R0WCyw.svg) no-repeat left
    center;
  -moz-background-size: 40px 23px;
  -o-background-size: 40px 23px;
  -webkit-background-size: 40px 23px;
  background-size: 40px 23px;
  width: 40px;
  height: 23px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.mdl-list__sb_ver--2_3_4:after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//3K-T6-GRWhBraXc-FZHZhU_-vg.svg) no-repeat left
      center,
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//N3ark3YO7F_fUx0Hj6emPaesUA.svg) no-repeat right center;
  -moz-background-size: 40px 23px;
  -o-background-size: 40px 23px;
  -webkit-background-size: 40px 23px;
  background-size: 40px 23px;
  width: 84px;
  height: 23px;
  display: block;
  position: absolute;
  top: 0;
  left: 44px;
}
.mdl-list__basic {
  margin-bottom: 32px;
}
.mdl-list__basic li {
  padding: 0 0 0 28px;
  margin: 0 0 16px 0;
  line-height: 1.4;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//4j9I1nezY-vraAi990Weu9Q1L4.svg) no-repeat 6px 1px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
}
.mdl-list__basic li.mdl-list__non {
  background: none;
  margin-bottom: 12px;
}
.mdl-list__basic li ul {
  margin-top: 2px;
  margin-bottom: 0;
  width: 541px;
  overflow: hidden;
  line-height: 1;
}
.mdl-list__basic li ul li {
  display: inline-block;
  min-width: 258px;
  margin-right: 10px;
  margin-bottom: 4px;
  padding-right: 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.mdl-list__basic li li {
  padding: 0 0 0 20px;
  margin: 0 0 0 0;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat 2px -1px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  font-size: 12px;
}
.mdl-list__basic-half li {
  width: 258px;
}
.mdl-list__basic2 {
  margin-bottom: 32px;
}
.mdl-list__basic2 li {
  padding: 0 0 0 28px;
  margin: 0 0 16px 0;
  line-height: 1.4;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//4j9I1nezY-vraAi990Weu9Q1L4.svg) no-repeat 6px 1px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
}
.mdl-list__basic2 li.mdl-list__non {
  background: none;
  margin-bottom: 12px;
}
.mdl-list__basic2 li ul {
  margin-top: 2px;
  margin-bottom: 0;
  width: 541px;
  overflow: hidden;
  line-height: 1;
}
.mdl-list__basic2 li ul li {
  min-width: 258px;
  margin-right: 10px;
  margin-bottom: 4px;
  padding-right: 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.mdl-list__basic2 li li {
  padding: 0 0 0 20px;
  margin: 0 0 0 0;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat 2px -1px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  font-size: 12px;
}
.mdl-list__basic2-half li {
  width: 258px;
}
.mdl-list__cat-12,
.mdl-list__cat-14 {
  margin-top: 6px;
  margin-bottom: 0;
  width: 541px;
  overflow: hidden;
  line-height: 1.4;
}
.mdl-list__cat-12 li,
.mdl-list__cat-14 li {
  margin-right: 10px;
  margin-bottom: 4px;
  padding-right: 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding: 0 0 0 28px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat 10px -1px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  font-size: 12px;
}
.mdl-list__cat-12-half li,
.mdl-list__cat-14-half li {
  width: 258px;
}
.mdl-list__cat-14 li {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat 10px
    0px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  font-size: 14px;
}
.mdl-quest,
.mdl-quest-main {
  margin-bottom: 16px;
  border: 1px solid #b3b3b3;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  padding-bottom: 2px;
}
.mdl-quest h4,
.mdl-quest-main h4 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//C0Jl2KM4o0KbUxbGBEJBayLddo.svg) no-repeat 479px
    center #e6e6e6;
  -moz-background-size: 80px 32px;
  -o-background-size: 80px 32px;
  -webkit-background-size: 80px 32px;
  background-size: 80px 32px;
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 8px;
  padding: 4px 50px 4px 10px;
  font-size: 14px;
  font-weight: normal;
}
.mdl-quest dl,
.mdl-quest-main dl {
  margin: 0 10px;
}
.mdl-quest dl dt,
.mdl-quest-main dl dt {
  margin-bottom: 4px;
  padding-left: 24px;
}
.mdl-quest dl dd,
.mdl-quest-main dl dd {
  margin: 0 0 4px 18px;
  font-size: 12px;
  padding-left: 20px;
}
.mdl-quest__place,
.mdl-quest-main__place {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//gn2brMN7qcum4PZWBNl4uqqRVw.svg) no-repeat left
    top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.mdl-quest__item,
.mdl-quest-main__item {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat 2px top;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
}
.mdl-quest__npc,
.mdl-quest-main__npc {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//iI3w-VgaXJ_yb0oqtc2ne3tcrQ.svg) no-repeat left
    top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.mdl-quest__terms,
.mdl-quest-main__terms {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//xo0YyWvD62f-Pqg4JCdxqh7JRk.svg) no-repeat left
    top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.mdl-quest-main h4,
.mdl-quest-main-main h4 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//36I0JCCJlpPvPD5RBngntl1Iqo.svg) no-repeat 479px
    center #e6e6e6;
  -moz-background-size: 80px 32px;
  -o-background-size: 80px 32px;
  -webkit-background-size: 80px 32px;
  background-size: 80px 32px;
}
.mdl-npc_place {
  margin-bottom: 24px;
}
.mdl-npc_place:after {
  content: '.';
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.mdl-npc_place li {
  width: 49.5%;
  display: inline-block;
  margin-bottom: 8px;
  padding: 0 20px 0 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 20px;
  vertical-align: top;
}
.mdl-npc_place__place {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//gn2brMN7qcum4PZWBNl4uqqRVw.svg) no-repeat 5px top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.mdl-npc_place__npc {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//iI3w-VgaXJ_yb0oqtc2ne3tcrQ.svg) no-repeat 5px top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.mdl-table,
.mdl-table-m16 {
  margin-bottom: 32px;
}
.mdl-table-m16,
.mdl-table-m16-m16 {
  margin-bottom: 16px;
}
.mdl-table__half,
.mdl-table-m16__half {
  width: 560px;
}
.mdl-table__half:after,
.mdl-table-m16__half:after {
  content: '.';
  display: block;
  visibility: hidden;
  height: 1%;
  font-size: 1%;
  line-height: 0;
  clear: both;
}
.mdl-table__half.mdl-table__tbody,
.mdl-table-m16__half.mdl-table__tbody {
  border-bottom: none;
}
.mdl-table__half.mdl-table__tbody > div:first-child,
.mdl-table-m16__half.mdl-table__tbody > div:first-child {
  padding-right: 0;
}
.mdl-table__half__th,
.mdl-table-m16__half__th {
  float: left;
  display: block;
  width: 264px;
  padding: 3px 0 2px;
  margin-right: 16px;
  background: #75b324;
  color: #fff;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-table__half__th:nth-last-child(1),
.mdl-table-m16__half__th:nth-last-child(1) {
  margin-right: 0;
  margin-left: 16px;
}
.mdl-table__half__th__before,
.mdl-table-m16__half__th__before {
  float: left;
  display: block;
  width: 264px;
  padding: 3px 0 2px;
  margin-right: 16px;
  background: #737373;
  color: #fff;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-table__half__td--center,
.mdl-table-m16__half__td--center {
  min-width: 264px;
  font-size: 12px;
  border-bottom: 1px solid #b3b3b3;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-collapse: collapse;
}
.mdl-table__half__td--center .inner,
.mdl-table-m16__half__td--center .inner {
  display: block;
  width: 264px;
  padding: 8px 10px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
}
.mdl-table__half__td--left,
.mdl-table-m16__half__td--left {
  min-width: 264px;
  font-size: 12px;
  border-bottom: 1px solid #b3b3b3;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  border-collapse: collapse;
}
.mdl-table__half__td--left .inner,
.mdl-table-m16__half__td--left .inner {
  display: block;
  width: 264px;
  padding: 8px 10px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
}
.mdl-table__icon--arrow,
.mdl-table-m16__icon--arrow {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//8h6sCiTwyPXVkygv1Twn1zKlG4.svg) no-repeat center
    center;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  min-width: 32px !important;
  width: 32px;
  display: table-cell;
  height: auto;
  border-collapse: collapse;
}
.mdl-table__icon--arrow .inner,
.mdl-table-m16__icon--arrow .inner {
  display: block;
  width: 32px;
}
.mdl-table__thead > div:first-child,
.mdl-table-m16__thead > div:first-child {
  margin-right: 10px;
}
.mdl-table__tbody,
.mdl-table-m16__tbody {
  border-bottom: 1px solid #b3b3b3;
}
.mdl-table__tbody > div:first-child,
.mdl-table-m16__tbody > div:first-child {
  padding-right: 10px;
}
.mdl-table__list,
.mdl-table-m16__list {
  width: 100%;
  display: table;
}
.mdl-table__list:after,
.mdl-table-m16__list:after {
  content: '.';
  display: block;
  visibility: hidden;
  height: 1%;
  font-size: 1%;
  line-height: 0;
  clear: both;
}
.mdl-table__list__th--name,
.mdl-table-m16__list__th--name {
  background: #75b324;
  width: 395px;
  display: block;
  float: left;
  padding: 3px 0 2px;
  color: #fff;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-table__list__th--credits,
.mdl-table-m16__list__th--credits {
  background: #75b324;
  width: 155px;
  display: block;
  float: left;
  padding: 3px 0 2px;
  color: #fff;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-table__list__th--same,
.mdl-table-m16__list__th--same {
  background: #75b324;
  width: 275px;
  display: block;
  float: left;
  padding: 3px 0 2px;
  color: #fff;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-table__list__td--name,
.mdl-table-m16__list__td--name {
  width: 395px;
  padding: 8px 10px 6px;
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  border-collapse: collapse;
}
.mdl-table__list__td--name .inner,
.mdl-table-m16__list__td--name .inner {
  display: table;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
}
.mdl-table__list__td--name .inner p,
.mdl-table-m16__list__td--name .inner p {
  margin-bottom: 4px;
}
.mdl-table__list__td--name .inner span,
.mdl-table-m16__list__td--name .inner span {
  color: #999;
}
.mdl-table__list__td--credits,
.mdl-table-m16__list__td--credits {
  width: 155px;
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-collapse: collapse;
}
.mdl-table__list__td--credits > .inner,
.mdl-table-m16__list__td--credits > .inner {
  display: table;
  width: 100%;
  padding: 8px 0 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
}
.mdl-table__list__td--credits.mdl-layout__left .inner,
.mdl-table-m16__list__td--credits.mdl-layout__left .inner {
  padding: 8px 0 6px;
  padding-right: 10px;
  padding-left: 10px;
}
.mdl-table__list__td--credits.mdl-layout__right .inner,
.mdl-table-m16__list__td--credits.mdl-layout__right .inner {
  padding: 8px 0 6px;
  padding-right: 10px;
  padding-left: 10px;
}
.mdl-table__list__td--credits.mdl-layout__center .inner,
.mdl-table-m16__list__td--credits.mdl-layout__center .inner {
  padding: 8px 0 6px;
  padding-right: 10px;
  padding-left: 10px;
}
.mdl-table__list__td--credits--before,
.mdl-table-m16__list__td--credits--before {
  display: table-cell;
  width: 70px;
}
.mdl-table__list__td--credits--before .inner,
.mdl-table-m16__list__td--credits--before .inner {
  width: 100%;
  font-size: 12px;
  padding: 8px 0 6px;
}
.mdl-table__list__td--credits--after,
.mdl-table-m16__list__td--credits--after {
  display: table-cell;
  width: 69px;
}
.mdl-table__list__td--credits--after .inner,
.mdl-table-m16__list__td--credits--after .inner {
  width: 100%;
  font-size: 12px;
  padding: 8px 0 6px;
}
.mdl-table__list__td--credits__icon--arrow,
.mdl-table-m16__list__td--credits__icon--arrow {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//8h6sCiTwyPXVkygv1Twn1zKlG4.svg) no-repeat center
    center;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  width: 32px;
  display: table-cell;
  height: auto;
  border-collapse: collapse;
}
.mdl-table__list__td--credits__icon--arrow .inner,
.mdl-table-m16__list__td--credits__icon--arrow .inner {
  display: block;
  width: 16px;
}
.mdl-table__list__td--same,
.mdl-table-m16__list__td--same {
  width: 275px;
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  border-collapse: collapse;
}
.mdl-table__list__td--same .inner,
.mdl-table-m16__list__td--same .inner {
  display: block;
  padding: 8px 3.63636% 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
}
.mdl-table__list__td--same .inner p,
.mdl-table-m16__list__td--same .inner p {
  margin-bottom: 4px;
}
.mdl-table__list__td--same .inner span,
.mdl-table-m16__list__td--same .inner span {
  color: #999;
}
.mdl-table__list__inline,
.mdl-table-m16__list__inline {
  padding-left: 10px;
  font-size: 12px;
}
.mdl-table__list__block,
.mdl-table-m16__list__block {
  display: block;
  margin-top: 4px;
  font-size: 12px;
}
.mdl-table__icon--arrow,
.mdl-table-m16__icon--arrow {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//8h6sCiTwyPXVkygv1Twn1zKlG4.svg) no-repeat center
    center;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  width: 32px;
  display: table-cell;
  height: auto;
  border-collapse: collapse;
  border-bottom: none !important;
}
.mdl-table__icon--arrow .inner,
.mdl-table-m16__icon--arrow .inner {
  display: block;
  width: 32px;
}
.mdl-table__controls--keyboard,
.mdl-table-m16__controls--keyboard {
  background: #75b324;
  width: 100%;
  display: block;
  padding: 3px 48px 2px 8px;
  font-weight: normal;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.mdl-table__controls--keyboard:after,
.mdl-table-m16__controls--keyboard:after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//fsdp40n92CbEj5YLB-apGPyqK8.svg) no-repeat center
    center;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -12px;
}
.mdl-table__controls--gamepad,
.mdl-table-m16__controls--gamepad {
  background: #75b324;
  width: 100%;
  display: block;
  padding: 3px 48px 2px 8px;
  font-weight: normal;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.mdl-table__controls--gamepad:after,
.mdl-table-m16__controls--gamepad:after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//PogdDnWYa7Wlb025RIedzxFfjk.svg) no-repeat center
    center;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -12px;
}
.mdl-table__controls--text,
.mdl-table-m16__controls--text {
  display: table-cell;
  width: 280px;
  padding: 8px 10px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #b3b3b3;
  vertical-align: middle;
  text-align: left;
  border-collapse: collapse;
  font-size: 12px;
}
.mdl-table__controls--text .inner,
.mdl-table-m16__controls--text .inner {
  font-size: 12px;
}
.mdl-table__controls--button,
.mdl-table-m16__controls--button {
  min-width: 280px;
  padding: 8px 0 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #b3b3b3;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-collapse: collapse;
  font-size: 12px;
}
.mdl-table__controls--button .inner,
.mdl-table-m16__controls--button .inner {
  font-size: 12px;
}
.mdl-table__layout,
.mdl-table__before_after,
.mdl-table-m16__layout,
.mdl-table-m16__before_after {
  width: 100%;
}
.mdl-table__layout th,
.mdl-table__before_after th,
.mdl-table-m16__layout th,
.mdl-table-m16__before_after th {
  background: #75b324;
  padding: 3px 8px 2px 8px;
  font-weight: normal;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 4px;
  text-align: center;
}
.mdl-table__layout th.mdl-table__layout--spacer,
.mdl-table__layout th.mdl-table__before_after--spacer,
.mdl-table__layout th.mdl-table-m16__layout--spacer,
.mdl-table__layout th.mdl-table-m16__before_after--spacer,
.mdl-table__before_after th.mdl-table__layout--spacer,
.mdl-table__before_after th.mdl-table__before_after--spacer,
.mdl-table__before_after th.mdl-table-m16__layout--spacer,
.mdl-table__before_after th.mdl-table-m16__before_after--spacer,
.mdl-table-m16__layout th.mdl-table__layout--spacer,
.mdl-table-m16__layout th.mdl-table__before_after--spacer,
.mdl-table-m16__layout th.mdl-table-m16__layout--spacer,
.mdl-table-m16__layout th.mdl-table-m16__before_after--spacer,
.mdl-table-m16__before_after th.mdl-table__layout--spacer,
.mdl-table-m16__before_after th.mdl-table__before_after--spacer,
.mdl-table-m16__before_after th.mdl-table-m16__layout--spacer,
.mdl-table-m16__before_after th.mdl-table-m16__before_after--spacer {
  background: none;
  padding: 0;
  min-width: 4px;
}
.mdl-table__layout th.mdl-table__before,
.mdl-table__before_after th.mdl-table__before,
.mdl-table-m16__layout th.mdl-table__before,
.mdl-table-m16__before_after th.mdl-table__before {
  background: #737373;
  color: #fff;
}
.mdl-table__layout th.mdl-layout__left,
.mdl-table__before_after th.mdl-layout__left,
.mdl-table-m16__layout th.mdl-layout__left,
.mdl-table-m16__before_after th.mdl-layout__left {
  text-align: left;
}
.mdl-table__layout th.mdl-layout__center,
.mdl-table__before_after th.mdl-layout__center,
.mdl-table-m16__layout th.mdl-layout__center,
.mdl-table-m16__before_after th.mdl-layout__center {
  text-align: center;
}
.mdl-table__layout th.mdl-layout__right,
.mdl-table__before_after th.mdl-layout__right,
.mdl-table-m16__layout th.mdl-layout__right,
.mdl-table-m16__before_after th.mdl-layout__right {
  text-align: right;
}
.mdl-table__layout td,
.mdl-table__before_after td,
.mdl-table-m16__layout td,
.mdl-table-m16__before_after td {
  padding: 8px 8px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #b3b3b3;
  vertical-align: middle;
  text-align: center;
  border-collapse: collapse;
  font-size: 12px;
}
.mdl-table__layout td span,
.mdl-table__before_after td span,
.mdl-table-m16__layout td span,
.mdl-table-m16__before_after td span {
  font-size: inherit;
  color: #999;
}
.mdl-table__layout td:nth-child(2),
.mdl-table__before_after td:nth-child(2),
.mdl-table-m16__layout td:nth-child(2),
.mdl-table-m16__before_after td:nth-child(2) {
  padding: 0 !important;
}
.mdl-table__layout td.mdl-layout__left,
.mdl-table__before_after td.mdl-layout__left,
.mdl-table-m16__layout td.mdl-layout__left,
.mdl-table-m16__before_after td.mdl-layout__left {
  text-align: left;
}
.mdl-table__layout td.mdl-layout__center,
.mdl-table__before_after td.mdl-layout__center,
.mdl-table-m16__layout td.mdl-layout__center,
.mdl-table-m16__before_after td.mdl-layout__center {
  text-align: center;
}
.mdl-table__layout td.mdl-layout__right,
.mdl-table__before_after td.mdl-layout__right,
.mdl-table-m16__layout td.mdl-layout__right,
.mdl-table-m16__before_after td.mdl-layout__right {
  text-align: right;
}
.mdl-table__layout--10,
.mdl-table__before_after--10,
.mdl-table-m16__layout--10,
.mdl-table-m16__before_after--10 {
  width: 9.5%;
}
.mdl-table__layout--20,
.mdl-table__before_after--20,
.mdl-table-m16__layout--20,
.mdl-table-m16__before_after--20 {
  width: 19.5%;
}
.mdl-table__layout--30,
.mdl-table__before_after--30,
.mdl-table-m16__layout--30,
.mdl-table-m16__before_after--30 {
  width: 29.5%;
}
.mdl-table__layout--40,
.mdl-table__before_after--40,
.mdl-table-m16__layout--40,
.mdl-table-m16__before_after--40 {
  width: 39.5%;
}
.mdl-table__layout--50,
.mdl-table__before_after--50,
.mdl-table-m16__layout--50,
.mdl-table-m16__before_after--50 {
  width: 49.5%;
}
.mdl-table__layout--60,
.mdl-table__before_after--60,
.mdl-table-m16__layout--60,
.mdl-table-m16__before_after--60 {
  width: 59.5%;
}
.mdl-table__layout--70,
.mdl-table__before_after--70,
.mdl-table-m16__layout--70,
.mdl-table-m16__before_after--70 {
  width: 69.5%;
}
.mdl-table__layout--80,
.mdl-table__before_after--80,
.mdl-table-m16__layout--80,
.mdl-table-m16__before_after--80 {
  width: 79.5%;
}
.mdl-table__layout--90,
.mdl-table__before_after--90,
.mdl-table-m16__layout--90,
.mdl-table-m16__before_after--90 {
  width: 89.5%;
}
.mdl-table__layout--01,
.mdl-table__before_after--01,
.mdl-table-m16__layout--01,
.mdl-table-m16__before_after--01 {
  width: 1%;
}
.mdl-table__layout .mdl-table__before_after td,
.mdl-table__before_after .mdl-table__before_after td,
.mdl-table-m16__layout .mdl-table__before_after td,
.mdl-table-m16__before_after .mdl-table__before_after td {
  border-bottom: none;
  padding: 0 8px;
}
.mdl-table__layout--bdr_none,
.mdl-table__before_after--bdr_none,
.mdl-table-m16__layout--bdr_none,
.mdl-table-m16__before_after--bdr_none {
  border-bottom: none !important;
}
.mdl-table__layout td.mdl-table__before,
.mdl-table__layout td.mdl-table__after,
.mdl-table__before_after td.mdl-table__before,
.mdl-table__before_after td.mdl-table__after,
.mdl-table-m16__layout td.mdl-table__before,
.mdl-table-m16__layout td.mdl-table__after,
.mdl-table-m16__before_after td.mdl-table__before,
.mdl-table-m16__before_after td.mdl-table__after {
  background: none;
  color: #404040;
}
.mdl-table__before,
.mdl-table-m16__before {
  background: #737373;
  color: #fff;
}
.mdl-table__after,
.mdl-table-m16__after {
  background: #75b324;
  color: #fff;
}
.mdl-img__normal,
.mdl-img__normal-m16 {
  margin-bottom: 32px;
  text-align: center;
}
.mdl-img__normal-m16,
.mdl-img__normal-m16-m16 {
  margin-bottom: 16px;
}
.mdl-img__normal img,
.mdl-img__normal-m16 img {
  max-width: 100%;
  height: auto;
}
.mdl-img__mult {
  margin-bottom: 8px;
  text-align: center;
}
.mdl-img__mult img {
  max-width: 100%;
  height: auto;
}
.mdl-img__radius {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.mdl-img__2column {
  max-width: 570px;
  margin: 0 auto;
}
.mdl-img__2column--box {
  width: 49%;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 0 16px;
}
.mdl-img__2column--box a {
  display: block;
  text-align: center;
}
.mdl-img__2column--box:nth-child(odd) a {
  margin-right: 8px;
}
.mdl-img__2column--box:nth-child(even) a {
  margin-left: 8px;
}
.mdl-image__compare {
  width: 530px;
  margin: 0 auto;
}
.mdl-youtube {
  margin-bottom: 32px;
}
.mdl-youtube__wrapper {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.mdl-youtube object,
.mdl-youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mdl-conf__title {
  font-size: 16px;
  font-weight: bold;
  color: #6b993d;
}
.mdl-conf__cap {
  font-size: 14px;
  color: #404040;
  font-weight: bold;
}
.mdl-conf__indent1 {
  font-size: 14px;
  margin-left: 28px;
}
.mdl-conf__indent2 {
  font-size: 14px;
  margin-left: 48px;
  padding: 0 0 0 16px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat 2px 4px;
  -moz-background-size: 12px 12px;
  -o-background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
  background-size: 12px 12px;
}
.mdl-conf__indent3 {
  font-size: 12px;
  margin-left: 68px;
  padding: 0 0 0 12px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat 2px 4px;
  -moz-background-size: 10px 10px;
  -o-background-size: 10px 10px;
  -webkit-background-size: 10px 10px;
  background-size: 10px 10px;
}
.mdl-menu dt {
  padding: 0 10px 8px 28px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//umUta_vvchrYVpDZ-tOtwfhqDc.svg) no-repeat 8px 2px;
  -moz-background-size: 16px auto;
  -o-background-size: 16px auto;
  -webkit-background-size: 16px auto;
  background-size: 16px auto;
  font-size: 14px;
  font-weight: bold;
}
.mdl-menu dd {
  padding: 0 10px 8px 28px;
  font-size: 14px;
}
.mdl-color__notes {
  color: #a62137 !important;
}
.mdl-color__notes-m16 {
  color: #a62137 !important;
  margin-bottom: 16px;
}
.mdl-color__green {
  color: #6b993d !important;
}
.mdl-color__glay {
  color: #404040 !important;
}
.mdl-color__gray {
  color: #404040 !important;
}
.mdl-color__orange {
  color: #d98041 !important;
}
.mdl-space--0 {
  margin-bottom: 0px !important;
}
.mdl-space--xs {
  margin-bottom: 8px !important;
}
.mdl-space--sm {
  margin-bottom: 16px !important;
}
.mdl-space--md {
  margin-bottom: 24px !important;
}
.mdl-space--lg {
  margin-bottom: 32px !important;
}
.mdl-space--4 {
  margin-bottom: 4px !important;
}
.mdl-space--48 {
  margin-bottom: 48px !important;
}
.mdl-layout__left {
  text-align: left !important;
}
.mdl-layout__center {
  text-align: center !important;
}
.mdl-layout__right {
  text-align: right !important;
}
.mdl-size--xs {
  font-size: 10px !important;
}
.mdl-size--sm {
  font-size: 12px !important;
}
.mdl-size--md {
  font-size: 14px !important;
}
.mdl-size--lg {
  font-size: 18px !important;
}
.mdl-size--16 {
  font-size: 16px !important;
}
.mdl-size--20 {
  font-size: 20px !important;
}
.mdl-size--24 {
  font-size: 24px !important;
}
.ja .mdl-quest__level {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Qg3qAfisMI7x6f9arprf7pIBHc.svg) no-repeat left
    top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.en-us .mdl-quest__level,
.en-gb .mdl-quest__level {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Qg3qAfisMI7x6f9arprf7pIBHc.svg) no-repeat left
    top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.fr .mdl-quest__level {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//7SAALHmDWztQUon8YLyTFNgvAA.svg) no-repeat left
    top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.de .mdl-quest__level {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//YPtvt33mK2W4w8mEHHDCOJORIk.svg) no-repeat left
    top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.no-svg .news__ic--info {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//GK5Y3gQsnlxMRQ_pORu6lKQAJ0.png) no-repeat 13px -1px;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
}
.no-svg .news__ic--maintenance {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//6qzbI-6AwlXAfGhCBZU10jsoLA.png) no-repeat 13px -1px;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
}
.no-svg .news__ic--update {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//dFnS0OBVXIsmB74L65R7VHlpd8.png) no-repeat 13px -1px;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
}
.no-svg .news__ic--obstacle {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//8PRdUkaKFa8R5BKeQjRyItGoxY.png) no-repeat 13px -1px;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
}
.no-svg .news__ic--topics {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//_v7zlp4yma56rKwd8pIzU8wGFc.png) no-repeat 13px -1px;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
}
.no-svg .mdl-title__headline {
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Nr1gskbTUoDJo0lTd43WzRtJWg.png);
}
.no-svg .mdl-title__ancher {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//RoveKVmtUdajUmbD5s0eotrn5Q.png);
}
.no-svg .mdl-nav li {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//UPUNpIDvZczvwu8wNoE6UVusic.png);
}
.no-svg .mdl-nav li li {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//BwZjv6H9TPU3-CV0wB9Ja5Eorc.png);
}
.no-svg .mdl-ver__2 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//vNEWMNCsOTu709b_kR7LodvPu8.png) no-repeat left
    center;
}
.no-svg .mdl-ver__3 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//IP5lnuVV5mjvgHcZpF5DclPW3E.png) no-repeat left
    center;
}
.no-svg .mdl-list__ver--2:before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//vNEWMNCsOTu709b_kR7LodvPu8.png) no-repeat left
    center;
}
.no-svg .mdl-list__ver--3:before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//IP5lnuVV5mjvgHcZpF5DclPW3E.png) no-repeat left
    center;
}
.no-svg .mdl-list__ver--all:before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//vNEWMNCsOTu709b_kR7LodvPu8.png) no-repeat left
    center;
}
.no-svg .mdl-list__ver--all:after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//IP5lnuVV5mjvgHcZpF5DclPW3E.png) no-repeat left
    center;
}
.no-svg .mdl-list__basic li {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//UPUNpIDvZczvwu8wNoE6UVusic.png) no-repeat 6px 1px;
}
.no-svg .mdl-list__basic li li {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//BwZjv6H9TPU3-CV0wB9Ja5Eorc.png) no-repeat 2px -3px;
}
.no-svg .mdl-list__cat-12 li,
.no-svg .mdl-list__cat-14 li {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//BwZjv6H9TPU3-CV0wB9Ja5Eorc.png);
}
.no-svg .mdl-list__cat-14 li {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//BwZjv6H9TPU3-CV0wB9Ja5Eorc.png);
}
.no-svg .mdl-quest h4,
.no-svg .mdl-quest-main h4 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Lc1OMeWCvohhKah4ta9DE6w7Ag.png) no-repeat 479px
    center #e6e6e6;
}
.no-svg .mdl-quest__place,
.no-svg .mdl-quest-main__place {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//HQzx0PqXJYI6_IhWbVF644b4f0.png) no-repeat left
    top;
}
.no-svg .mdl-quest__item,
.no-svg .mdl-quest-main__item {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//BwZjv6H9TPU3-CV0wB9Ja5Eorc.png) no-repeat 2px top;
}
.no-svg .mdl-quest__npc,
.no-svg .mdl-quest-main__npc {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//TeTvEvA6UbB47ehjgn-Hcchufg.png) no-repeat left
    top;
}
.no-svg .mdl-quest__terms,
.no-svg .mdl-quest-main__terms {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//3SPiXsIF7o07kxDObVb3iiWWTQ.png) no-repeat left
    top;
}
.no-svg .mdl-quest-main h4,
.no-svg .mdl-quest-main-main h4 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//8kjisCibRH-4brvECprQsmnXsw.png) no-repeat 479px
    center #e6e6e6;
}
.no-svg .mdl-npc_place__place {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//HQzx0PqXJYI6_IhWbVF644b4f0.png) no-repeat 5px top;
}
.no-svg .mdl-npc_place__npc {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//TeTvEvA6UbB47ehjgn-Hcchufg.png) no-repeat 5px top;
}
.no-svg .mdl-table__icon--arrow {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//rVLor5R9XZasjp0KkBXhfqCsYQ.png) no-repeat center
    center;
}
.no-svg .mdl-table__list__td--credits__icon--arrow {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//rVLor5R9XZasjp0KkBXhfqCsYQ.png) no-repeat center
    center;
}
.no-svg .mdl-table__icon--arrow {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//rVLor5R9XZasjp0KkBXhfqCsYQ.png) no-repeat center
    center;
}
.no-svg .mdl-table__controls--keyboard:after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//csX5iPBmI6LUoZZDc1gN9dwwjA.png) no-repeat center
    center;
}
.no-svg .mdl-table__controls--gamepad:after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//15hAXaKN2o3Vy0X1EEfqopQJoQ.png) no-repeat center
    center;
}
.no-svg .mdl-menu dt {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//8KOWqizJM9bJg90YvhvLOXQFNo.png) no-repeat 8px 2px;
}
.no-svg .ja .mdl-quest__level {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//bczm4t1hmLoeHhDX9rVXHc2ri4.png) no-repeat left
    top;
}
.no-svg .en-us .mdl-quest__level,
.no-svg .en-gb .mdl-quest__level {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//bczm4t1hmLoeHhDX9rVXHc2ri4.png) no-repeat left
    top;
}
.no-svg .fr .mdl-quest__level {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//bZva4Txda-ZPDnwt-3qG2Sddr8.png) no-repeat left
    top;
}
.no-svg .de .mdl-quest__level {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//QaEcmWczWbpYQzGlzrsZfd6IIw.png) no-repeat left
    top;
}
.ranking__detail {
  position: relative;
  width: 620px;
  margin: 10px 0;
  background: #262626;
  color: #404040;
  height: 1%;
}
.ranking__detail:before {
  position: absolute;
  left: 0;
  bottom: -7px;
  content: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//3C0SJYC-lq8A0tw9Qfqaf-QVeg.png);
  background-repeat: no-repeat;
  background-position: left top;
  height: 10px;
}
.ranking__detail:after {
  position: absolute;
  left: 0;
  top: -13px;
  content: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Q1lhKXpXXD_3euHk8U78cHR_G4.png);
  background-repeat: no-repeat;
  background-position: left top;
  height: 10px;
}
.ranking__title {
  background: #1b1b1b;
  padding: 8px 20px 6px;
  color: #cccccc;
  font-size: 12px;
  font-weight: bold;
}
.ranking__index {
  padding: 10px 20px;
}
.ranking__index:nth-last-child(1) {
  padding-bottom: 0;
}
.ranking__period {
  font-size: 12px;
  color: #cccccc;
  margin-bottom: 8px;
}
.ranking__btn {
  display: block;
  width: 290px;
  height: 40px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #4d4d4d),
    color-stop(100%, #333333)
  );
  background-image: -moz-linear-gradient(#4d4d4d 0%, #333333 100%);
  background-image: -webkit-linear-gradient(#4d4d4d 0%, #333333 100%);
  background-image: linear-gradient(#4d4d4d 0%, #333333 100%);
  -moz-box-shadow: 0px 1px 0px #666 inset, 0px -1px 0px #262626 inset;
  -webkit-box-shadow: 0px 1px 0px #666 inset, 0px -1px 0px #262626 inset;
  box-shadow: 0px 1px 0px #666 inset, 0px -1px 0px #262626 inset;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
  color: #bfa34c;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  line-height: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ranking__btn:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #707070),
    color-stop(100%, #4d4d4d)
  );
  background-image: -moz-linear-gradient(#707070 0%, #4d4d4d 100%);
  background-image: -webkit-linear-gradient(#707070 0%, #4d4d4d 100%);
  background-image: linear-gradient(#707070 0%, #4d4d4d 100%);
  -moz-box-shadow: 0px 1px 0px #999 inset, 0px -1px 0px #333 inset;
  -webkit-box-shadow: 0px 1px 0px #999 inset, 0px -1px 0px #333 inset;
  box-shadow: 0px 1px 0px #999 inset, 0px -1px 0px #333 inset;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
  color: #bfa34c;
  text-decoration: none;
}
.ranking__btn:active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #4d4d4d),
    color-stop(100%, #707070)
  );
  background-image: -moz-linear-gradient(#4d4d4d 0%, #707070 100%);
  background-image: -webkit-linear-gradient(#4d4d4d 0%, #707070 100%);
  background-image: linear-gradient(#4d4d4d 0%, #707070 100%);
  -moz-box-shadow: 0px 1px 2px #333 inset, 0px -1px 0px #999 inset;
  -webkit-box-shadow: 0px 1px 2px #333 inset, 0px -1px 0px #999 inset;
  box-shadow: 0px 1px 2px #333 inset, 0px -1px 0px #999 inset;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
  color: #bfa34c;
}
.ranking__btn__list li {
  margin: 0 10px 10px 0;
  float: left;
  width: 290px;
  height: 40px;
}
.ranking__btn__list li:nth-child(even) {
  margin-right: 0;
}
.topics__fancybox img {
  max-width: 100%;
  height: auto;
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
  content: ' ';
  display: block;
  background: #fff;
  position: absolute;
  z-index: 30;
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
  transition-duration: 0.5s;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
  transition-property: opacity;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.1em;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px;
}
.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px;
}
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px;
}
.twentytwenty-container {
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.twentytwenty-container img {
  max-width: 100%;
  position: absolute;
  top: 0;
  display: block;
}
.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
  background: transparent;
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active
  :hover.twentytwenty-overlay
  .twentytwenty-before-label,
.twentytwenty-container.active
  :hover.twentytwenty-overlay
  .twentytwenty-after-label {
  opacity: 0;
}
.twentytwenty-container * {
  box-sizing: content-box;
}
.twentytwenty-before-label {
  opacity: 0;
}
.twentytwenty-before-label:before {
  content: attr(data-content);
}
.twentytwenty-after-label {
  opacity: 0;
}
.twentytwenty-after-label:before {
  content: attr(data-content);
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px;
}
.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px;
}
.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px;
}
.twentytwenty-overlay {
  transition-property: background;
  background: transparent;
  z-index: 25;
}
.twentytwenty-overlay:hover {
  background: rgba(0, 0, 0, 0.5);
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
  opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
  opacity: 1;
}
.twentytwenty-before {
  z-index: 20;
}
.twentytwenty-after {
  z-index: 10;
}
.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid #fff;
  border-radius: 1000px;
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.7);
}
.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
  width: 2px;
  margin-left: -1px;
}
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
  width: 2px;
  margin-left: -1px;
}
.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  box-shadow: 3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  box-shadow: -3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-left-arrow {
  border-bottom: 2px solid white;
  border-left: 2px solid white;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4px;
  margin-left: -10px;
  width: 6px;
  height: 6px;
}
.twentytwenty-right-arrow {
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -4px;
  margin-right: -10px;
  width: 6px;
  height: 6px;
}
.twentytwenty-up-arrow {
  border-bottom: 6px solid #fff;
  top: 50%;
  margin-top: -17px;
}
.twentytwenty-down-arrow {
  border-top: 6px solid #fff;
  bottom: 50%;
  margin-bottom: -17px;
}
.image__checkbox {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  line-height: 1.2;
  vertical-align: middle;
  cursor: pointer;
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.image__checkbox::before {
  position: absolute;
  content: '';
  top: -2px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
  background-color: #fff;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
}
input[type='checkbox']:checked + .image__checkbox::after {
  position: absolute;
  content: '';
  top: 2px;
  left: 2px;
  width: 13px;
  height: 6px;
  border-left: 2px solid #e57e17;
  border-bottom: 2px solid #e57e17;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.image__file_memory {
  padding-right: 16px;
}
.image__delete {
  display: block;
  width: 160px;
  padding: 5px 0 4px;
  text-align: center;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  color: #fff !important;
}
.image__delete:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.image__delete.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.image__thumb {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 54px;
  height: 54px;
  line-height: 1%;
  font-size: 1%;
  background: #ccc;
}
.image__list {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 8px 16px;
  box-sizing: border-box;
  border-bottom: solid 1px #ccc;
}
.image__list .image__checkbox {
  top: 18px;
}
.image__list--header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
  box-sizing: border-box;
  border-bottom: solid 1px #ccc;
}
.image__list--pulldown {
  width: 350px;
  margin: 0 10px 0 20px;
}
.image__list__box {
  width: 390px;
  padding: 0 10px;
}
.image__list.de .image__list__box {
  width: 356px;
}
.image__list__box time span {
  vertical-align: top;
  font-size: 10px;
  color: #999;
}
.image__list__box h3 {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: normal;
}
.image__list__box h3 span {
  font-size: 14px;
}
.image__list__box .icon-btn__create {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  cursor: pointer;
}
.image__list__box .select-pulldown {
  margin-right: 0;
  margin-left: 0;
}
.image__used {
  padding: 2px 8px;
  font-size: 12px;
  color: #ffffff;
  border-radius: 4px;
  margin: 18px auto 0 0;
  background-color: #e57e17;
}
.image__unused {
  padding: 2px 8px;
  font-size: 12px;
  color: #ffffff;
  border-radius: 4px;
  margin: 18px auto 0 0;
  background-color: #878787;
}
.image__edit__heading {
  font-size: 10px;
}
.upload__list {
  padding: 0 10px;
}
.upload__list li {
  position: relative;
  float: left;
  margin: 0 5px;
  background: #ccc;
  width: 110px;
  height: 110px;
}
.upload__list li:nth-child(-n + 5) {
  margin-bottom: 10px;
}
.upload__list li.check:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 32px;
  height: 32px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//A34S2eSjt8E4ETOjYJHQZ6qQyA.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
}
.upload__list a {
  display: table-cell;
  vertical-align: middle;
  width: 110px;
  height: 110px;
  text-align: center;
}
.upload__list img {
  display: block;
  max-width: 110px;
  max-height: 110px;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.upload__btn-2 {
  padding: 0 10px;
}
.upload__btn-2 li {
  float: left;
  width: 296px;
}
.upload__btn-2 li:first-child {
  margin-right: 8px;
}
.upload__btn-2 li .btn__color--radius {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.upload__hidden {
  display: none;
}
.upload__file {
  position: relative;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.upload__file:after {
  clear: both;
}
.upload__file__list {
  height: 280px;
  background-color: #eee;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.upload__file li {
  float: left;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.upload__file--name {
  position: relative;
  width: 460px;
  padding: 8px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  color: #404040;
}
.upload__file--capacity {
  position: relative;
  width: 100px;
  padding: 8px 0;
  text-align: right;
  color: #999;
}
.upload__file--delete {
  position: relative;
  text-align: center;
  width: 40px;
  padding: 8px 0;
}
.upload__file--delete a {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3px;
}
.upload__file--error {
  color: #fff;
}
.upload__file__status {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.upload__file__status:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.upload__file__status--complete {
  background-color: #c7e6b8;
}
.upload__file__status--complete:after {
  background-color: #c7e6b8;
}
.upload__file__status--upload {
  background-color: #b8d2e5;
}
.upload__file__status--upload:after {
  background-color: #b8d2e5;
}
.upload__file__status--fail {
  background-color: #b2122d;
}
.upload__file__status--fail:after {
  background-color: #b2122d;
}
.upload__total__list {
  position: relative;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.upload__total__list li {
  float: left;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.upload__total__value {
  position: relative;
  width: 100px;
  padding: 8px 0;
  text-align: right;
  color: #404040;
}
.playguide .ldst__single_column {
  height: 1%;
}
.playguide__header {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//mA4MvLz40zji-Mgkqt0R_4AcFs.jpg) no-repeat center
    top #08244c;
  height: 176px;
  margin-bottom: 32px;
}
.playguide__header h1 {
  text-align: center;
}
.playguide__menu {
  width: 100%;
  height: 56px;
  background: rgba(0, 0, 0, 0.5);
}
.playguide__menu.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.playguide__menu ul {
  width: 100%;
  min-width: 960px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
}
.playguide__menu ul li {
  width: 220px;
  height: 40px;
  margin: 0 10px;
  border-radius: 8px;
}
.playguide__menu ul li a {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.playguide__menu ul li a img {
  position: relative;
  z-index: 3;
}
.playguide__menu ul li a::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjOTYwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1YzEyZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(
    linear,
    0% 50%,
    100% 50%,
    color-stop(0%, #cc9600),
    color-stop(100%, #e5c12e)
  );
  background: -moz-linear-gradient(left, #cc9600, #e5c12e);
  background: -webkit-linear-gradient(left, #cc9600, #e5c12e);
  background: linear-gradient(to right, #cc9600, #e5c12e);
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}
.playguide__menu ul li a::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1YzEzMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZDQzMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(
    linear,
    0% 50%,
    100% 50%,
    color-stop(0%, #f5c131),
    color-stop(100%, #f5d431)
  );
  background: -moz-linear-gradient(left, #f5c131, #f5d431);
  background: -webkit-linear-gradient(left, #f5c131, #f5d431);
  background: linear-gradient(to right, #f5c131, #f5d431);
  opacity: 0;
  -moz-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  border-radius: 8px;
}
.playguide__menu ul li a:hover::after {
  opacity: 1;
}
.playguide__window {
  position: relative;
  height: 1%;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  width: 940px;
  margin: 0 auto 32px;
  padding: 32px 0 32px;
}
.playguide__window.option_service {
  margin-bottom: 64px;
}
.playguide__window .anchor_point {
  position: absolute;
  top: -56px;
  left: 0;
  display: block;
}
.playguide__window .btn__color {
  width: 270px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 8px;
}
.playguide .ic_game_playguide {
  width: 40px;
  height: 40px;
  background-position: -360px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.playguide .ic_content_guide {
  width: 40px;
  height: 40px;
  background-position: -320px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.playguide .ic_side_storyes {
  width: 40px;
  height: 40px;
  background-position: -440px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.playguide .ic_option_service {
  width: 40px;
  height: 40px;
  background-position: -400px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.playguide__inner {
  margin: 0 32px 16px;
  padding: 16px 0 0;
  background: #eeeeee;
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1) inset;
  border-radius: 8px;
  height: 1%;
}
.playguide__inner.gamedata {
  margin-bottom: 16px;
}
.playguide__inner.returner {
  margin-bottom: 32px;
  position: relative;
}
.playguide__inner.option_service {
  margin-bottom: 0;
}
.playguide__icon {
  margin: 0 auto 8px;
}
.playguide__title__image {
  margin-bottom: 16px;
}
.playguide__title__image img {
  border-radius: 8px;
}
.playguide__notes {
  font-size: 12px;
  color: #b2122d;
  padding: 0 32px;
}
.playguide__content_title {
  margin: 0 auto 32px;
  font-size: 28px;
  font-weight: normal;
  color: #404040;
  text-align: center;
}
.playguide__content_lead {
  margin-bottom: 16px;
  font-size: 14px;
  color: #404040;
  text-align: center;
  padding: 0 32px;
}
.playguide__category_title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #404040;
  margin: 0 17px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.playguide__category_title.fr {
  font-size: 12px;
}
.playguide__category_title.gamedata {
  width: 270px;
}
.playguide__2column,
.playguide__3column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.playguide__2column__inner,
.playguide__3column__inner {
  width: 270px;
  margin: 0 8px;
}
.playguide__2column__inner .playguide__category_title,
.playguide__3column__inner .playguide__category_title {
  margin: 0 0 8px;
}
.playguide__2column__inner {
  width: 406px;
  margin: 0 16px;
}
.playguide__2column__inner .playguide__category_title {
  margin: 0 0 8px;
}
.playguide__side_story {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 876px;
  margin: 0 auto;
}
.playguide__side_story__inner {
  width: 406px;
  margin: 0 8px;
}
.playguide__link {
  padding-bottom: 8px;
}
.playguide__link_list {
  text-align: center;
  margin-bottom: 32px;
}
.playguide__link_list li {
  display: inline-block;
}
.playguide__link_list li a {
  font-size: 14px;
  color: #2556b8;
  font-weight: bold;
}
.playguide__link_list li span {
  margin: 0 4px;
  color: #404040;
}
.playguide__contentguide__lead {
  font-size: 18px;
  font-weight: bold;
  color: #e57e17;
  padding: 32px 0 0;
  text-align: center;
}
.playguide__optionservice_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 858px;
  margin: 0 auto 16px;
}
.playguide__optionservice_list li {
  width: 270px;
  height: 64px;
  margin: 0 8px 16px;
}
.playguide__optionservice_list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  width: 270px;
  height: 64px;
}
.playguide__optionservice_list li a div {
  width: 100%;
  text-align: center;
  font-size: inherit;
}
.playguide__optionservice_list li a div span {
  display: block;
  font-size: 10px;
}
.playguide__btn {
  display: block;
  width: 304px;
  padding: 6px 8px 5px;
  margin: 0 auto 10px;
  text-align: center;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  color: #fff !important;
}
.playguide__btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.playguide__btn.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.playguide__btn_infomation {
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  width: 406px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px;
  margin: 0 auto;
  text-align: center;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #fff !important;
  font-weight: bold;
}
.playguide__btn_infomation div {
  width: 100%;
  font-size: inherit;
}
.playguide__btn_infomation:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.playguide__btn_infomation.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.playguide__btn_option_service {
  color: #fff;
  font-size: 14px;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  width: 304px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px;
  margin: 0 auto 32px;
  text-align: center;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #fff !important;
  font-weight: bold;
}
.playguide__btn_option_service div {
  width: 100%;
  font-size: inherit;
}
.playguide__btn_option_service:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5990ff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.playguide__btn_option_service.press {
  color: #fff;
  background-color: #4769b3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.playguide .btn__image,
.playguide .btn__image__playguide,
.playguide .btn__image__contentguide,
.playguide .btn__image__side_storyes,
.playguide .btn__image__app,
.playguide .btn__image__returner {
  border-radius: 8px;
  display: block;
  margin: 0 auto 16px;
  position: relative;
  width: 270px;
  height: 72px;
  overflow: hidden;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(0, 0, 0, 0.4);
}
.playguide .btn__image__contentguide,
.playguide .btn__image__playguide__contentguide,
.playguide .btn__image__contentguide__contentguide,
.playguide .btn__image__side_storyes__contentguide,
.playguide .btn__image__app__contentguide,
.playguide .btn__image__returner__contentguide {
  width: 406px;
  height: 108px;
}
.playguide .btn__image__side_storyes,
.playguide .btn__image__playguide__side_storyes,
.playguide .btn__image__contentguide__side_storyes,
.playguide .btn__image__side_storyes__side_storyes,
.playguide .btn__image__app__side_storyes,
.playguide .btn__image__returner__side_storyes {
  width: 406px;
  height: 108px;
  margin-bottom: 32px;
}
.playguide .btn__image__app,
.playguide .btn__image__playguide__app,
.playguide .btn__image__contentguide__app,
.playguide .btn__image__side_storyes__app,
.playguide .btn__image__app__app,
.playguide .btn__image__returner__app {
  width: 406px;
  height: 108px;
  margin-bottom: 0;
}
.playguide .btn__image__app__wrapper,
.playguide .btn__image__playguide__app__wrapper,
.playguide .btn__image__contentguide__app__wrapper,
.playguide .btn__image__side_storyes__app__wrapper,
.playguide .btn__image__app__app__wrapper,
.playguide .btn__image__returner__app__wrapper {
  padding-bottom: 16px;
}
.playguide .btn__image__returner,
.playguide .btn__image__playguide__returner,
.playguide .btn__image__contentguide__returner,
.playguide .btn__image__side_storyes__returner,
.playguide .btn__image__app__returner,
.playguide .btn__image__returner__returner {
  width: 406px;
  height: 108px;
}
.playguide .btn__image img,
.playguide .btn__image__playguide img,
.playguide .btn__image__contentguide img,
.playguide .btn__image__side_storyes img,
.playguide .btn__image__app img,
.playguide .btn__image__returner img {
  display: block;
  border-radius: 8px;
}
.playguide .btn__image img.on,
.playguide .btn__image__playguide img.on,
.playguide .btn__image__contentguide img.on,
.playguide .btn__image__side_storyes img.on,
.playguide .btn__image__app img.on,
.playguide .btn__image__returner img.on {
  -moz-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0;
  z-index: 1;
}
.playguide .btn__image:hover img.on,
.playguide .btn__image__playguide:hover img.on,
.playguide .btn__image__contentguide:hover img.on,
.playguide .btn__image__side_storyes:hover img.on,
.playguide .btn__image__app:hover img.on,
.playguide .btn__image__returner:hover img.on {
  opacity: 1;
}
.playguide .btn__image .update,
.playguide .btn__image__playguide .update,
.playguide .btn__image__contentguide .update,
.playguide .btn__image__side_storyes .update,
.playguide .btn__image__app .update,
.playguide .btn__image__returner .update {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 4px;
  font-size: 12px;
  font-weight: bold;
  color: #ffb31a;
  text-align: center;
  text-shadow: 0px 0px 4px #80460d, 0px 0px 4px #80460d;
  z-index: 2;
  line-height: 1;
}
.playguide__related_site {
  width: 960px;
  margin: 0 auto;
  padding-bottom: 30px;
  height: 1%;
}
.playguide__related_site__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 960px;
  margin: 0 auto;
}
.playguide__related_site__list li {
  width: 300px;
  height: 80px;
  margin: 0 10px 10px;
}
.world-ic__1,
.world-ic__2,
.world-ic__3,
.world-ic__available,
.world-ic__unavailable {
  width: 16px;
  height: 16px;
  display: block;
}
.world__title {
  width: 940px;
  margin: 0 auto 8px;
  padding: 22px 0 8px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.world__tab {
  width: 920px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.world__tab:after {
  content: '';
  clear: both;
  display: block;
}
.world__tab li {
  width: 306px;
}
.world__tab li:nth-child(1) a,
.world__tab li.btn__menu--disable:nth-child(1) {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
.world__tab li:nth-child(2) a,
.world__tab li.btn__menu--disable:nth-child(2),
.world__tab li:nth-child(3) a,
.world__tab li.btn__menu--disable:nth-child(3) {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.world__tab li:nth-child(4) a,
.world__tab li.btn__menu--disable:nth-child(4) {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
.world__tab a {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  line-height: 1.2;
  color: #404040;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  align-items: center;
  cursor: pointer;
}
.world__tab a:hover {
  text-decoration: none;
}
.world__tab a span {
  margin: 0 auto;
  font-size: 14px;
}
.world__lead {
  position: relative;
  padding-bottom: 1px;
  height: 1%;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  width: 940px;
  margin: 0 auto 10px;
  padding: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.world__lead a {
  font-weight: bold;
}
.world__contents {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}
.world-status {
  width: 940px;
  background: #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 0 auto 10px;
  padding: 16px 0;
  border-radius: 6px;
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1) inset;
}
.world-status li {
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.world-status li:nth-last-child(1) {
  margin-right: 0;
}
.world-status li i {
  margin-right: 4px;
}
.world-status li span {
  display: block;
  font-size: 12px;
}
.world-ic__1 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//kfWHAYnuku9yWcGK1UqHRqlvLo.svg) no-repeat 0 0;
  background-size: 16px 16px;
}
.world-ic__2 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//IPZwKnj0FEtRwUbhXF_iwN8Mek.svg) no-repeat 0 0;
  background-size: 16px 16px;
}
.world-ic__3 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//PdnDggXseS3LNbq_K4FZd3D40I.svg) no-repeat 0 0;
  background-size: 16px 16px;
}
.world-ic__available {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//mAQB-FYQrpB0HHsvSNCMTwsBtw.svg) no-repeat 0 0;
  background-size: 16px 16px;
}
.world-ic__unavailable {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//3bcGHPVub6NxL_N_UqZ4251_yQ.svg) no-repeat 0 0;
  background-size: 16px 16px;
}
.world-dcgroup {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  width: 940px;
  margin: 0 auto;
}
.world-dcgroup__item {
  width: 300px;
  margin-right: 20px;
  padding-bottom: 7px;
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.world-dcgroup__item:nth-child(3n + 3) {
  margin-right: 0;
}
.world-dcgroup__header {
  padding: 4px 8px 4px 8px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #293c66;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset 0px -1px 0px 0px
    rgba(0, 0, 0, 0.1) inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset -1px 0px
    0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset 0px -1px 0px
    0px rgba(0, 0, 0, 0.1) inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset -1px
    0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset 0px -1px 0px 0px rgba(
      0,
      0,
      0,
      0.1
    ) inset 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset -1px 0px 0px 0px
    rgba(0, 0, 0, 0.1) inset;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
}
.world-dcgroup__header.my_dc {
  background: #e67e17;
}
.world-list {
  position: relative;
}
.world-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding: 10px 10px 10px;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
.world-list__item:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.world-list__partial_maintenance .world-list__item::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 217, 0, 0.1);
}
.world-list__maintenance .world-list__item::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 0, 0, 0.08);
}
.world-list__world_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.world-list__world_name .xiv-lds.xiv-lds-home-world {
  display: block;
  color: #e57e17;
  margin-right: 2px;
}
.world-list__world_name .xiv-lds.xiv-lds-home-world::before {
  line-height: 1;
  font-size: 16px;
}
.world-list__world_name p {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.world-list__world_name p.my_world {
  font-weight: bold;
}
.world-list__status_icon {
  width: 20px;
  position: relative;
}
.world-list__world_name {
  width: 122px;
  position: relative;
}
.world-list__world_category {
  width: 118px;
  text-align: center;
  position: relative;
}
.world-list__create_character {
  text-align: center;
  width: 32px;
  max-height: 32px;
  overflow: hidden;
  position: relative;
}
.world-list__create_character i {
  margin: 0 auto;
}
.world-popup {
  width: 640px;
  margin: 0 auto;
  padding-bottom: 48px;
  z-index: 10000;
  position: absolute;
  top: -99999px;
}
.world-popup__inner {
  border-radius: 6px;
  background: #f3f3f3;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.world-popup__close {
  position: absolute;
  top: 8px;
  right: 8px;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ObnJWALdI70YDHdfhUmKogymoY.png) no-repeat 0 0;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
}
.world-popup h1 {
  padding: 16px 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #404040;
  line-height: 1;
}
.world-popup footer {
  padding: 16px 32px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.world-popup footer .btn__color--radius {
  width: 160px;
  margin: 0 auto;
}
.world-popup__content {
  padding: 0 32px;
}
.world-popup__iamge_caption {
  padding: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #6b993d;
  text-align: center;
  line-height: 1;
}
.world-popup__image {
  display: block;
  margin: 0 auto 32px;
  border-radius: 8px;
}
.world-popup__title {
  font-size: 16px;
  font-weight: bold;
  color: #d98041;
  margin-bottom: 16px;
  line-height: 1;
}
.world-popup__text {
  font-size: 14px;
  color: #404040;
  margin-bottom: 16px;
}
.world-popup__text.mb32 {
  margin-bottom: 32px;
}
.world-popup__list {
  padding-bottom: 32px;
}
.world-popup__list li {
  margin-bottom: 4px;
  font-size: 12px;
  color: #404040;
  line-height: 1;
  vertical-align: top;
  padding: 0 0 0 16px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat left -1px;
  background-size: 16px 16px;
}
.world-popup__list li:nth-last-child(1) {
  margin-bottom: 0;
}
.patchnote__hotfix {
  text-align: right;
  width: 940px;
  margin: 0 auto 10px;
}
.patchnote__hotfix a {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2;
  color: #4769b3;
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
.patchnote__hotfix a:hover {
  color: #4769b3;
  text-decoration: underline;
}
.patchnote__hotfix a.press {
  color: #4769b3;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.patchnote__hotfix a:before {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -32px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.patchnote__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.patchnote__navi a {
  font-weight: bold;
}
.major_patch {
  width: 460px;
  margin: 0 10px 20px;
  padding: 10px 10px 2px;
  position: relative;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.major_patch__image {
  display: block;
  border-radius: 6px;
  overflow: hidden;
  width: 440px;
  height: 180px;
  margin-bottom: 8px;
  position: relative;
}
.major_patch__image:hover .major_patch__site {
  background: #e67e17;
}
.major_patch__site {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  width: 210px;
  height: 32px;
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-top: 3px;
  border-radius: 16px;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  font-family: '微软雅黑';
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.major_patch__site.jp {
  font-family: '微软雅黑';
}
.minor_patch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.minor_patch dt {
  width: 100%;
  margin-bottom: 8px;
}
.minor_patch dd {
  width: 216px;
  margin: 0 8px 8px 0;
}
.minor_patch dd:nth-child(odd) {
  margin-right: 0;
}
.minor_patch dd.goldsaucer.jp .btn__color {
  font-size: 12px;
}
.minor_patch a {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}
#breadcrumb.mypage-breadcrumb {
  margin-bottom: -2px;
}
.mypage-header {
  width: 100%;
  height: 240px;
  overflow: hidden;
  margin-bottom: 10px;
  font-family: '微软雅黑';
}
.mypage-header.jp {
  font-family: '微软雅黑';
}
.mypage-header.tank {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//IXhv--pcBJboiAE2ZjiTYU9tHc.png) repeat-x 0 0;
}
.mypage-header.healer {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Y7Ur5utfwSZxICyEJj_xsNBT-g.png) repeat-x 0 0;
}
.mypage-header.dps {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//kHR6uu8zhHgXpsFtBCUOfHLDwk.png) repeat-x 0 0;
}
.mypage-header.crafter {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//yzj8Lh_WY2Fk0_9N5-TlFO1b7k.png) repeat-x 0 0;
}
.mypage-header.gatherer {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//976ji0Y9AU146s10-8AVfig7aY.png) repeat-x 0 0;
}
.mypage-header__inner {
  width: 960px;
  height: 240px;
  padding: 0 10px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}
.mypage-character_info {
  width: 512px;
  height: 144px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
.mypage-character_info a {
  text-decoration: none;
  display: inline-block;
}
.mypage-character_info .name {
  font-size: 40px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 8px;
  font-feature-settings: 'palt';
}
.mypage-character_info .world {
  font-size: 14px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.35);
  line-height: 1;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-feature-settings: 'palt';
}
.mypage-character_info .world i {
  display: block;
  width: 14px;
  font-size: 14px;
}
.mypage-character_info .freecompany {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.mypage-character_info .freecompany-crest {
  width: 24px;
  height: 24px;
  position: relative;
  margin-right: 4px;
}
.mypage-character_info .freecompany-crest img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mypage-character_info .freecompany-name {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
.mypage-character_level {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 480px;
  padding-top: 7px;
  position: relative;
  z-index: 2;
}
.mypage-character_level .last {
  margin-right: 24px;
}
.mypage-character_level p {
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  line-height: 1;
  padding-top: 2px;
}
.mypage-character_level p.max {
  color: #ffcc00;
}
.mypage-character_level .extra i {
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  font-size: 16px;
  position: relative;
}
.mypage-character_level .extra i::before {
  display: block;
  line-height: 1;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: 0 auto;
  width: 16px;
}
.mypage-character_image {
  position: absolute;
  top: 0;
  left: 480px;
  width: 336px;
  height: 240px;
  overflow: hidden;
  z-index: 1;
}
.mypage-character_image img {
  display: block;
  width: 320px;
  height: 437px;
  position: absolute;
  top: -34px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.mypage-character_image::after {
  content: '';
  display: block;
  width: 336px;
  height: 240px;
  position: absolute;
  top: 0;
  left: 0;
}
.tank .mypage-character_image::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//cd1L0_33dR4AVGMTaddethgHsg.png) no-repeat 0 0;
}
.healer .mypage-character_image::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//9qpPhXpYsRbP9gZHiRCw8ZV6zg.png) no-repeat 0 0;
}
.dps .mypage-character_image::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//gFWuoZgY_-mQlNTCGGG6x05kBM.png) no-repeat 0 0;
}
.crafter .mypage-character_image::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//C0KQCM9nFy3N4TNWnCU3ZLB_04.png) no-repeat 0 0;
}
.gatherer .mypage-character_image::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//wIELqXaVkPRA-C4kS9v33l9YXw.png) no-repeat 0 0;
}
.mypage-character_job_name {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.mypage-character_job_name p {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding-left: 86px;
  line-height: 1;
  margin-bottom: 6px;
}
.mypage-character_job_name p span {
  font-size: 40px;
  font-weight: bold;
  padding-left: 4px;
}
.mypage-character_job_name p span.label {
  font-size: 14px;
  font-weight: normal;
  font-family: '微软雅黑';
}
.mypage-character_job_name img {
  display: block;
}
.mypage-symbol {
  position: absolute;
  left: 736px;
  top: 0;
  z-index: 2;
  display: block;
  pointer-events: none;
}
.mypage-character_select {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  z-index: 2;
  top: 8px;
  right: 10px;
}
.mypage-character_select .on {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.mypage-character_select:hover .on {
  opacity: 1;
}
.mypage-wrapper {
  width: 960px;
  margin: 0 auto;
  padding-bottom: 50px;
}
.mypage-column {
  width: 960px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 10px;
  margin: 0 auto;
  box-sizing: border-box;
}
.mypage-column .ic_option {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 4px;
  right: 4px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//GMNHceQvoa4rLoc9Sv7Zsk7GnE.png) no-repeat 0 0;
  background-size: 20px 20px;
  cursor: pointer;
}
.mypage-column .ic_option.hidden {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//LuckpWDK-z4zTRTAx3AlppCA1g.png) no-repeat 0 0;
  background-size: 20px 20px;
}
.mypage-box {
  width: 300px;
  margin-bottom: 20px;
}
.mypage-box__header {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
  background: linear-gradient(to bottom, #f3f3f3 0%, #e0e0e0 100%);
  color: #293c66;
  height: 32px;
  box-sizing: border-box;
  padding: 4px 32px 4px 8px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  font-family: '微软雅黑';
}
.mypage-box__header.jp {
  font-family: '微软雅黑';
}
.mypage-box__header.fs--small {
  font-size: 14px;
}
.mypage-box__link {
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//jr_wF7XHURgzlO615RSF7eGhF0.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
}
.mypage-box__body {
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 10px 0;
  box-sizing: border-box;
}
.mypage-box__body.stretch {
  height: calc(100% - 32px);
}
.mypage-box__body.blog {
  margin-bottom: 10px;
}
.mypage-box__body.blog .entry__blog__inner {
  width: 100%;
  min-height: none;
}
.mypage-box__body .js__scroll_wrapper,
.mypage-box__body .js__myachievement_list {
  height: 676px;
  position: relative;
  overflow: hidden;
}
.mypage-box__body .js__scroll_wrapper .ps__rail-y,
.mypage-box__body .js__myachievement_list .ps__rail-y {
  position: absolute;
  right: 4px;
  top: 0;
}
.mypage-box__body .js__scroll_wrapper .ps__rail-y .ps__thumb-y,
.mypage-box__body .js__myachievement_list .ps__rail-y .ps__thumb-y {
  position: absolute;
  right: -0 !important;
  width: 4px;
  background: #333;
  border-radius: 4px;
  opacity: 1 !important;
  cursor: pointer;
}
.mypage-box__body .js__scroll_wrapper .ps__rail-y .ps__thumb-y:hover,
.mypage-box__body .js__myachievement_list .ps__rail-y .ps__thumb-y:hover {
  background: #666;
}
.mypage-box__body .character__side__class {
  padding: 0 6px;
}
.mypage-box__body .character__side__item_icon--0 {
  float: left;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//mtNnou0UTXvUNJowSYdy_od2M0.png) no-repeat 0 0;
  background-size: 38px auto;
}
.mypage-box__body .character__side__item_icon--1 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//mtNnou0UTXvUNJowSYdy_od2M0.png) no-repeat 0 0;
  background-size: 38px auto;
}
.mypage-box__body .character__side__item_icon--2 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//yFYzr3MsoOwa903TORtTkCNbgo.png) no-repeat 0 0;
  background-size: 38px auto;
}
.mypage-box__body .character__side__item_icon--3 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//3ZGSMqkE3dp22nLQ7VDviN593A.png) no-repeat 0 0;
  background-size: 38px auto;
}
.mypage-box__body .character__side__item_icon--4 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//j01DcG9E75A4v22IObCufIAjTo.png) no-repeat 0 0;
  background-size: 38px auto;
}
.mypage-box__body .character__side__item_icon--5 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//RLi7YFHps0DXhE3SEVc37LTtFA.png) no-repeat 0 0;
  background-size: 38px auto;
}
.mypage-box__body .character__side__item_icon--6 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//I7TzgwvmgUrKR-D0gjch_ullYg.png) no-repeat 0 0;
  background-size: 38px auto;
}
.mypage-box__body .character__side__item_icon--7 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//rtXgCGmdNG5Yl7Rzb0aC3Dz4RU.png) no-repeat 0 0;
  background-size: 38px auto;
}
.mypage-box__body .character__side__item_icon--8 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//LpauiLwCKzVPqLzMrC_BlS0MgI.png) no-repeat 0 0;
  background-size: 38px auto;
}
.mypage-box__body .character__side__item_icon--9 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//N9G11AlGZU7v7Ls9TYvVx3sfa0.png) no-repeat 0 0;
  background-size: 38px auto;
}
.mypage-box__body .character__side__item_icon--10 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//VPwTZhtTXKT0P04NJU01m1ZtYI.png) no-repeat 0 0;
  background-size: 38px auto;
}
.mypage-box__body .character__side__item_icon--11 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Xv-fBjmPkm4Jv4hcukJo69-Leo.png) no-repeat 0 0;
  background-size: 38px auto;
}
.mypage-box__body .character__side__item_icon--12 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//Xv-fBjmPkm4Jv4hcukJo69-Leo.png) no-repeat 0 0;
  background-size: 38px auto;
}
.mypage-box__body .character__side__item_icon--13 {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//BvKxMwolC1uK54EhC0OCvZnAqY.png) no-repeat 0 0;
  margin-bottom: 0;
  background-size: 38px auto;
}
.mypage-box__body .tooltip-check__side_token {
  z-index: 99;
}
.mypage-box__body .entry__activity__time {
  float: none;
  color: inherit;
}
.mypage-box__body .myachievement .entry__activity__time {
  color: #999;
}
.mypage-box__body .mypage_list_activity .js__scroll_wrapper {
  height: 606px;
}
.mypage-mywall {
  position: relative;
  height: 100%;
}
.mypage-mywall .tab__content,
.mypage-mywall .parts__zero {
  height: 100%;
  box-sizing: border-box;
}
.mypage-mywall .heading--side--sm {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mypage-mywall .icon-btn__filter {
  position: absolute;
  top: 8px;
  right: 8px;
}
.mypage-mywall .entry__activity__txt--message p {
  width: auto;
}
.mypage-community {
  width: 620px;
}
.mypage-community .ic_recruiting {
  display: block;
  position: absolute;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//7eZ-xZoapfXlI4PFIRL44w1UGI.png) no-repeat 0 0;
  background-size: 100% auto;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  pointer-events: none;
  z-index: 2;
}
.mypage-community .js__toggle_wrapper {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 4px;
  right: 4px;
}
.mypage-community .js__toggle_wrapper .ic_option {
  position: relative;
  top: 0;
  right: 0;
}
.mypage-community .mypage-community__header .js__toggle_wrapper {
  top: 6px;
  right: 8px;
}
.mypage-community .parts__switch {
  width: auto;
}
.mypage-community .parts__switch p {
  padding: 0 10px;
  font-weight: normal;
  color: #404040;
  white-space: nowrap;
}
.mypage-community .parts__switch p a {
  font-weight: bold;
  color: #4769b3;
  display: inline;
}
.mypage-community .parts__switch p a.hide {
  display: none;
}
.mypage-community__header {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
  background: #eeeeee;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  box-sizing: border-box;
  font-size: 14px;
  color: #404040;
  position: relative;
}
.mypage-community__header i {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.mypage-community__header .ic_cf {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//kHxwEjpY-Fme83ta8VIfi1kyLU.png) no-repeat 0 0;
  background-size: 20px 20px;
}
.mypage-community__header .ic_fc {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//HuB9Qf1O1FrF0WEY6m4eMRB0g0.png) no-repeat 0 0;
  background-size: 20px 20px;
}
.mypage-community__header .ic_cwls {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//7pjxXZAGoqfr9QwuO_U_4W9axo.png) no-repeat 0 0;
  background-size: 20px 20px;
}
.mypage-community__header .ic_pvp {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//622mHKGGPr2Qj9LEL0IyaDPHP4.png) no-repeat 0 0;
  background-size: 20px 20px;
}
.mypage-community__header .ic_ls {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//TCYMrIB2anCibtT5Wisbo8UpdE.png) no-repeat 0 0;
  background-size: 20px 20px;
}
.mypage-community__header .ic_link {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//jr_wF7XHURgzlO615RSF7eGhF0.png) no-repeat 0 0;
  background-size: 20px 20px;
}
.mypage-community__body {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
  background: #eeeeee;
  border-radius: 6px;
  width: 295px;
  margin: 0 auto 10px;
  padding-bottom: 10px;
}
.mypage-community__body.cf {
  width: calc(100% - 20px);
}
.mypage-community__body .entry__link--line {
  display: flex;
  align-items: center;
}
.mypage-community__body .entry__activity__txt--message p {
  width: auto;
}
.mypage-community__body .entry__name--freecompany {
  width: auto;
}
.mypage-community__wrapper {
  margin: 0 10px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
  height: 2000px;
}
.mypage-community__wrapper .js__mypage-community_box {
  position: absolute;
  left: 0;
  top: 0;
}
.mypage-community__wrapper .js__mypage-community_box:nth-child(2) {
  top: 0;
  left: 305px;
}
.mypage-community .heading--sm-line {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.mypage-community__box {
  width: 295px;
}
.mypage-community .entry__freecompany {
  width: 295px;
}
.mypage-community .entry__freecompany .entry__freecompany__box {
  width: calc(100% - 76px);
}
.mypage-community
  .entry__freecompany
  .entry__freecompany__box
  .entry__freecompany__name {
  width: 100%;
  white-space: normal;
  font-size: 14px;
}
.mypage-cf_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mypage-cf_list li {
  width: 295px;
  height: 60px;
  position: relative;
  background-color: #eee;
}
.mypage-cf_list li:nth-child(even) {
  box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.mypage-cf_list li:after {
  content: '';
  display: block;
  width: calc(100% - 8px);
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
}
.mypage-cf_list li:hover {
  text-decoration: none;
  background-color: #fff;
}
.mypage-cf_list li:hover:after {
  background-color: #fff;
}
.mypage-cf_list li.press {
  background-color: #eee;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.mypage-cf_list li.press:after {
  background-color: #eee;
}
.mypage-cf_list li::before {
  content: '';
  display: block;
  width: 4px;
  height: calc(100% - 2px);
  position: absolute;
  top: 0;
  left: 0;
}
.mypage-cf_list li.fc::before {
  background: #0090cd;
}
.mypage-cf_list li.ls::before,
.mypage-cf_list li.cwls::before {
  background: #00a35a;
}
.mypage-cf_list li.pvp::before {
  background: #e24524;
}
.mypage-cf_list li a {
  display: flex;
  align-items: center;
  padding: 0 8px;
  height: 60px;
}
.mypage-cf_list li a:hover {
  text-decoration: none;
}
.mypage-cf_list li .crest {
  width: 40px;
  height: 40px;
  position: relative;
  margin-right: 8px;
}
.mypage-cf_list li .crest img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.mypage-cf_list li .text {
  width: calc(100% - 48px);
  line-height: 1;
}
.mypage-cf_list li .text .time {
  color: #999;
  font-size: 10px;
  margin-bottom: 2px;
  display: block;
}
.mypage-cf_list li .text .time span {
  font-size: inherit;
  color: inherit;
}
.mypage-cf_list li .text .community_name {
  color: #404040;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
}
.mypage-cf_list li .text .world {
  color: #999;
  font-size: 10px;
}
.mypage-cf_list li .contact_icon {
  display: block;
  position: absolute;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//YhJZHW656HycS4Bx8ShRXAVPRo.png) no-repeat 0 0;
  background-size: 100% auto;
  top: -8px;
  right: -8px;
  width: 24px;
  height: 24px;
}
.mypage-ls {
  display: table;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 10px;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #eee;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.mypage-ls:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #eee;
}
.mypage-ls:hover {
  text-decoration: none;
  background-color: #fff;
}
.mypage-ls:hover:after {
  background-color: #fff;
}
.mypage-ls.press {
  background-color: #eee;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.mypage-ls.press:after {
  background-color: #eee;
}
.mypage-ls__text {
  width: calc(100% - 44px);
}
.mypage-ls__name {
  overflow: hidden;
  font-size: 14px;
  line-height: 1.4;
  color: #404040;
  font-weight: bold;
}
.account-wrapper {
  width: 940px;
  margin: 0 auto 40px;
  position: relative;
  border-radius: 6px;
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
    0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.account-wrapper .btn__color--radius {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.account-wrapper .btn__color--radius img {
  display: block;
  margin-right: 4px;
}
.account-text {
  padding: 16px 20px 32px;
}
.account-title {
  padding: 0 10px 0 10px;
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  text-align: center;
  margin-bottom: 16px;
}
.account-tab {
  display: flex;
  justify-content: flex-start;
  padding: 0 10px;
}
.account-tab li {
  min-width: 60px;
}
.account-tab li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 16px;
  color: #404040;
  line-height: 1.2;
  background-color: #f3f3f3;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.account-tab li a:hover {
  background-color: #fff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.75) inset,
    1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.account-tab li a.press {
  background-color: #f3f3f3;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.account-tab li.active a {
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.account-tab li.active a:hover {
  background-color: #eee;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.account-content {
  display: none;
  background-color: #eee;
  padding: 24px 5px 0;
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.account-content.active {
  display: block;
}
.account-character {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 5px 6px;
}
.account-character li {
  margin: 0 0 10px;
  position: relative;
  width: calc(50% - 5px);
  min-height: 64px;
}
.account-character li a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
  padding: 8px 36px 8px 10px;
  border-radius: 8px;
  box-sizing: border-box;
  background: #f3f3f3;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.account-character li a:hover {
  background: #ffffff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.account-character li a::after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -32px 0;
  -moz-background-size: 656px auto;
  -o-background-size: 656px auto;
  -webkit-background-size: 656px auto;
  background-size: 656px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//U4lsnM4LXJ5XwJhxukc2H-0OFk.png);
  background-repeat: no-repeat;
}
.account-character li a:hover {
  text-decoration: none;
}
.account-character li a .frame__chara__box {
  margin-top: 8px;
}
.account-character li a .entry__chara__text {
  width: 100%;
}
.account-character li.selected a::after {
  content: none;
}
.account-character__inner {
  display: flex;
  align-items: center;
  width: 100%;
}
.account-reload_btn {
  padding: 32px 0;
}
.account-reload_btn .btn__color--disable {
  pointer-events: none;
}
.account-footer {
  padding: 32px 0 20px;
  border-top: 1px solid #ccc;
}
.account-notes {
  margin: 0 20px;
  padding-top: 48px;
  text-align: center;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20240329fallguyscollaboration//sXmTdGPK8CfGF62t6PU3RqQ1PE.png) no-repeat top
    center;
  background-size: 40px 40px;
}
.account-maintenance_text {
  padding: 0 10px;
  text-align: center;
  margin-top: 16px;
}
.account__loading {
  padding: 16px 0;
}