@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese);
.txt-rarity_common {
  color: #f3f3f3;
}
.txt-rarity_uncommon {
  color: #c0ffc0;
}
.txt-rarity_magic {
  color: #d789b6;
}
.txt-rarity_artifact {
  color: #e5dd7e;
}
.txt-rarity_legend {
  color: #ffa666;
}
.txt-rarity_epic {
  color: #b38cff;
}
.txt-rarity_rare {
  color: #5990ff;
}
.txt_durability_calc_000 {
  color: #e56674;
}
.txt_durability_calc_010 {
  color: #ffd966;
}
.txt_durability_calc_099 {
  color: #e5e5e5;
}
.txt_durability_calc_100 {
  color: #a5d841;
}
.icon-list__loading {
  display: block;
  background: url(/lds/h/n/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;
}
.character__param__text__hp--ja {
  background: url(/lds/h/f/HI3E4MBuo1lfXN_cQUxj5SXtQs.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__hp--en-us,
.character__param__text__hp--en-gb {
  background: url(/lds/h/f/HI3E4MBuo1lfXN_cQUxj5SXtQs.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__hp--fr {
  background: url(/lds/h/Z/XI7kUq144zdXsXbrB5AZ4i0Kjw.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__hp--de {
  background: url(/lds/h/3/CcqPki70HueMERNri-Nkrg1Z5A.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__mp--ja {
  background: url(/lds/h/h/anRw10I31FQUNun8vwgfSg2aiw.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__mp--en-us,
.character__param__text__mp--en-gb {
  background: url(/lds/h/h/anRw10I31FQUNun8vwgfSg2aiw.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__mp--fr {
  background: url(/lds/h/K/M6EDxkQOzUGME_3a5J-YRxcdYw.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__mp--de {
  background: url(/lds/h/m/EKAYTSIrzNW_atrd07r4GqkMyA.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__cp--ja {
  background: url(/lds/h/d/JRhmY8cUnRrqkmSdz3jfsCej9k.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__cp--en-us,
.character__param__text__cp--en-gb {
  background: url(/lds/h/d/JRhmY8cUnRrqkmSdz3jfsCej9k.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__cp--fr {
  background: url(/lds/h/O/vOunyUcaKmu7fiPIEbuELCwcvo.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__cp--de {
  background: url(/lds/h/p/Qxf-cXQZSDY2LhRWoLPy8GjAac.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__gp--ja {
  background: url(/lds/h/X/LTUfgg0dcICILcvybpI7x8Gwkw.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__gp--en-us,
.character__param__text__gp--en-gb {
  background: url(/lds/h/X/LTUfgg0dcICILcvybpI7x8Gwkw.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__gp--fr {
  background: url(/lds/h/s/OMkE623mArvY-eH-dBnDX_g0ZQ.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__gp--de {
  background: url(/lds/h/I/affznH7xRGCPrycf7PBAwlrpz4.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__tp--ja {
  background: url(/lds/h/y/6bxG-59Xp_xQJ-uwlJNGMHfq-k.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__tp--en-us,
.character__param__text__tp--en-gb {
  background: url(/lds/h/y/6bxG-59Xp_xQJ-uwlJNGMHfq-k.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__tp--fr {
  background: url(/lds/h/4/l5dQoq6_QeGJQXmj-sl-Gw68Ac.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.character__param__text__tp--de {
  background: url(/lds/h/X/qaqB9xKblfkHKsY5aIorG1yjlI.png) no-repeat 0 0;
  -moz-background-size: 24px 10px;
  -o-background-size: 24px 10px;
  -webkit-background-size: 24px 10px;
  background-size: 24px 10px;
}
.ldst__bg {
  position: relative;
  height: 1%;
  background-color: #f3f3f3;
  color: #404040;
}
.ldst__bg--bg {
  background-color: #f3f3f3;
}
.ldst__bg #sns_btn {
  margin-bottom: 16px;
}
.ldst__bg a {
  color: #2556b8;
}
.ldst__bg--color {
  color: #cccccc;
}
.ldst__bg--color a {
  color: #73bfe6;
}
.toggle_trigger--hidden {
  display: none;
  border-bottom: solid 1px #ccc;
}
.ldst-nav,
.ldst-nav--page_link {
  margin-bottom: 16px;
}
.ldst-nav li,
.ldst-nav--page_link li {
  padding: 0 0 0 0;
  margin: 0 0 16px 0;
}
.ldst-nav li li,
.ldst-nav--page_link li li {
  padding: 0 0 0 16px;
  margin: 0 0 0 0;
}
.ldst-nav__floating,
.ldst-nav--page_link__floating {
  z-index: 10003;
  width: 100%;
  height: 100%;
}
.ldst-nav__floating__icon,
.ldst-nav--page_link__floating__icon {
  width: 32px;
  height: 32px;
  background-position: -384px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 54px;
  right: 4px;
  bottom: auto;
  cursor: pointer;
  z-index: 9998;
  -webkit-tap-highlight-color: transparent;
}
.ldst-nav__floating__icon.active,
.ldst-nav--page_link__floating__icon.active {
  width: 32px;
  height: 32px;
  background-position: -416px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ldst-nav__floating__scroll_area,
.ldst-nav--page_link__floating__scroll_area {
  padding: 16px 0;
}
.ldst-nav__floating__list,
.ldst-nav--page_link__floating__list {
  background: #f0f0ef;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  padding: 0 16px;
  overflow: hidden;
  border-radius: 4px;
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10003;
  max-height: 100%;
}
.ldst-nav__floating__list .mdl-nav,
.ldst-nav--page_link__floating__list .mdl-nav {
  display: block;
}
.ldst-nav__floating__list ul,
.ldst-nav--page_link__floating__list ul {
  margin-bottom: 0;
}
.ldst-nav__floating__list li a,
.ldst-nav--page_link__floating__list li a {
  color: #2556b8;
  font-weight: bold;
  display: block;
  -webkit-tap-highlight-color: transparent;
}
.ldst-nav__floating__list li:nth-last-child(1),
.ldst-nav--page_link__floating__list li:nth-last-child(1) {
  margin-bottom: 0;
}
.ldst-nav__floating__list__overlay,
.ldst-nav--page_link__floating__list__overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  z-index: 10001;
  display: none;
  position: fixed;
  top: 0;
  overflow: hidden;
  padding: 54px 4px 9px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ldst-nav__floating__list__close,
.ldst-nav--page_link__floating__list__close {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/xsfK32w6BHG5iunXqNnPBI0jcw.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;
  position: fixed;
  top: 54px;
  right: 4px;
  display: none;
  z-index: 10005;
  -webkit-tap-highlight-color: transparent;
}
.ldst-nav__floating__list__close.active,
.ldst-nav--page_link__floating__list__close.active {
  background: url(/lds/h/7/DskB_b-FaQSYIHbWzLcGwUs-XY.png) no-repeat 0 0;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
}
.heading__title {
  padding: 8px;
  margin-bottom: 16px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #506fb3;
}
.heading--lg {
  padding: 8px 8px 8px 16px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #506fb3;
}
.heading--md {
  padding: 22px 8px 8px 16px;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  border-bottom: solid 1px #ccc;
}
.heading--md__pos {
  position: relative;
}
.heading--md-normal {
  padding: 0 8px 8px 16px;
  font-size: 14px;
  font-weight: bold;
  color: #404040;
}
.heading--md-slide {
  padding: 8px 8px 8px 16px;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  border-bottom: solid 1px #ccc;
}
.heading--md-blue {
  padding: 22px 8px 8px 16px;
  font-size: 14px;
  font-weight: bold;
  color: #506fb3;
}
.heading--md-thread {
  padding: 22px 8px 8px 16px;
  margin-bottom: 16px;
  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;
  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 {
  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;
  align-items: center;
  padding: 22px 8px 4px 16px;
  margin-bottom: 16px;
  font-size: 14px;
  color: #404040;
  border-bottom: solid 1px #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.heading__icon h2,
.heading__icon h3,
.heading__icon p {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: block;
}
.heading--sm-line {
  padding: 0 8px 8px 16px;
  margin-bottom: 16px;
  border-bottom: solid 1px #ccc;
  font-size: 12px;
  font-weight: bold;
  color: #404040;
}
.heading--sm {
  padding: 0 8px 0 16px;
  font-size: 12px;
  font-weight: bold;
  color: #404040;
}
.heading__item {
  color: #506fb3;
  font-size: 14px;
  font-weight: bold;
}
.heading__toggle {
  position: relative;
}
.heading__toggle--wall_filter {
  padding-top: 41px;
  border-bottom: solid 1px #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.heading__toggle--wall_filter .heading__toggle__btn {
  top: 14px;
}
.heading__toggle__btn {
  position: absolute;
  top: 4px;
  right: 8px;
}
.heading__toggle__btn--md {
  position: absolute;
  top: 22px;
  right: 8px;
}
.heading__toggle__btn--md-slide {
  position: absolute;
  top: 4px;
  right: 8px;
}
.heading--lead {
  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;
  align-items: center;
  color: #506fb3;
  font-size: 14px;
  font-weight: bold;
  padding: 0 16px 8px 16px;
}
.heading--lead i {
  margin-right: 2px;
}
.heading--lead__orange {
  color: #d98041;
  font-size: 14px;
  font-weight: bold;
  padding: 0 16px 8px 16px;
}
.heading--radius {
  margin: 0 16px 16px;
  padding: 3px 8px 2px 8px;
  font-size: 14px;
  font-weight: nomal;
  color: #fff;
  background-color: #506fb3;
  border-radius: 4px;
}
.tab__menu-2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px;
}
.tab__menu-2 li {
  width: 50%;
  height: 40px;
}
.tab__menu-2 a {
  font-size: 12px;
  width: 100%;
  height: 40px;
  line-height: 1.2;
  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;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  text-align: center;
}
.tab__menu-3 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px;
}
.tab__menu-3 li {
  width: 33.33%;
  height: 40px;
}
.tab__menu-3 a {
  font-size: 12px;
  width: 100%;
  height: 40px;
  line-height: 1.2;
  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;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  text-align: center;
}
.tab__chest {
  width: 100%;
  padding: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tab__chest li {
  height: 40px;
}
.tab__chest--list {
  width: 13.32237%;
}
.tab__chest--crystal {
  width: 33.38816%;
}
.tab__chest a {
  font-size: 12px;
  width: 100%;
  height: 40px;
  line-height: 1.2;
  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;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  text-align: center;
}
.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.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0) 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 0px 0px 0px rgba(255, 255, 255, 0) 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 0px 0px 0px rgba(255, 255, 255, 0) 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 a.active {
  background-color: #e6e6e6;
  -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 span.disable {
  font-size: 12px;
  width: 100%;
  height: 40px;
  line-height: 1.2;
  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;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  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.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0) 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 0px 0px 0px rgba(255, 255, 255, 0) 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 0px 0px 0px rgba(255, 255, 255, 0) 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-b {
  border-bottom: solid 4px #4769b3;
  margin-bottom: 16px;
}
.tab__menu-b a {
  color: #404040;
  line-height: 1.2;
  background-color: #e6e6e6;
  -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.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 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 span.disable {
  font-size: 12px;
  width: 100%;
  height: 40px;
  line-height: 1.2;
  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;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  text-align: center;
  color: #404040;
  line-height: 1.2;
  background-color: #e6e6e6;
  -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__content {
  padding: 8px 0 0 0;
  background-color: #e6e6e6;
}
.parts__none {
  display: none;
}
.parts__none.selected {
  display: block;
}
.parts__update {
  background: #f3f3f3;
  margin: 0 16px 16px;
  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 {
  min-width: 42px;
  margin: 0 16px 0 0;
  text-align: right;
  font-size: 12px;
  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: -100px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
  opacity: 0.25;
  display: inline-block;
}
.parts__connect_on {
  width: 20px;
  height: 20px;
  background-position: -116px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
.parts__connect--state {
  display: block;
  position: absolute;
  top: 11px;
  right: 4px;
  width: 40px;
  height: 40px;
}
.parts__connect--state i {
  position: relative;
  top: 10px;
  left: 10px;
}
.parts__online_on {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 10px;
  height: 10px;
  background-position: -474px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parts__online_off {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 10px;
  height: 10px;
  background-position: -464px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parts__text {
  margin: 0 16px 16px;
}
.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__box {
  font-size: 12px;
  border: solid 1px #ccc;
  padding: 8px;
  margin: 16px 12px;
}
.parts__active {
  color: #e57e17;
}
.parts__logo {
  text-align: center;
}
.parts__zero,
.parts__zero--left {
  padding: 32px 16px;
  text-align: center;
  color: #999;
}
.parts__zero--left,
.parts__zero--left--left {
  text-align: left;
}
.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__space--reset {
  margin-bottom: 0 !important;
}
.parts__space--add {
  margin-bottom: 16px !important;
}
.parts__space--8 {
  margin-bottom: 8px !important;
}
.parts__space--16 {
  margin-bottom: 16px !important;
}
.parts__space--32 {
  margin-bottom: 32px !important;
}
.parts__space--40 {
  margin-bottom: 40px !important;
}
.parts__space--pb16 {
  padding-bottom: 16px !important;
}
.parts__space--pt16 {
  padding-top: 16px !important;
}
.parts__space--pt8 {
  padding-top: 8px !important;
}
.parts__space--pb20 {
  padding-bottom: 20px !important;
}
.parts__space--plr16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.parts__space--plr12 {
  padding-left: 12px !important;
  padding-right: 12px !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-12 {
  font-size: 12px !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: #506fb3;
  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__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: 0px;
  bottom: 0;
  display: block;
  content: '';
  width: 8px;
  height: 1px;
  background: #f3f3f3;
}
.parts__list-cat {
  margin-top: 6px;
  line-height: 1.4;
}
.parts__list-cat li {
  margin-right: 10px;
  margin-bottom: 4px;
  vertical-align: top;
  padding: 0 0 0 20px;
  background: url(/lds/h/0/ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat 2px 0;
  -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;
}
.parts__highlight pre {
  display: block;
  white-space: pre-wrap;
}
.parts__my_wall_filter {
  background-color: #f3f3f3;
  border-top: solid 1px #ccc;
  border-bottom: none;
}
.parts__section {
  margin-top: 8px;
}
.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;
}
.parts__switch {
  position: absolute;
  top: 24px;
  right: 0;
  background: #f3f3f3;
  border-radius: 4px;
  padding: 8px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  display: none;
}
.parts__switch p {
  font-weight: normal;
  color: #404040;
  white-space: nowrap;
  font-size: 12px;
}
.parts__switch p a {
  font-weight: bold;
  color: #4769b3;
  display: inline;
  font-size: 12px;
}
.parts__switch p a.hide {
  display: none;
}
.breadcrumbs {
  margin-top: 32px;
}
.notice__message a {
  display: block;
  padding: 14px 34px 14px 12px;
  margin: 0 16px 16px;
  font-size: 14px;
  color: #b2122d;
  background: #f3f3f3;
  box-shadow: 0px 0px 0px 1px #b2122d inset;
  border-radius: 4px;
  position: relative;
}
.notice__message a.press {
  background: #ffebee;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.notice__message a:before {
  content: ' ';
  width: 16px;
  height: 16px;
  background-position: -48px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -8px;
}
.title__comment {
  background: #404040;
  padding: 8px 16px;
  margin-bottom: 16px;
  color: #fff;
  font-size: 14px;
}
.icon-menu__linkshell {
  width: 32px;
  height: 32px;
  background-position: -232px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.icon-menu__friend {
  width: 32px;
  height: 32px;
  background-position: -200px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.icon-menu__follow {
  width: 32px;
  height: 32px;
  background-position: -168px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.icon-menu__control {
  width: 20px;
  height: 20px;
  background-position: -120px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.icon-menu__cwls {
  width: 32px;
  height: 32px;
  background-position: -136px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ic__info {
  width: 24px;
  height: 24px;
  background-position: -400px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.frame__chara,
.frame__cwls {
  position: relative;
  width: 100%;
  margin-bottom: 16px;
  overflow: hidden;
}
.frame__chara__inner,
.frame__cwls__inner {
  position: relative;
}
.frame__chara__link,
.frame__cwls__link {
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 44px 0 16px;
  height: 65px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.frame__chara__link--icon,
.frame__cwls__link--icon {
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  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__link.press,
.frame__cwls__link.press {
  background-color: #e6e6e6;
  -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__face,
.frame__cwls__face {
  display: block;
  width: 48px;
  height: 48px;
  margin-right: 8px;
}
.frame__chara__face img,
.frame__cwls__face img {
  border-radius: 48px;
  width: 48px;
  height: 48px;
}
.frame__chara__icon,
.frame__cwls__icon {
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.frame__chara__icon img,
.frame__cwls__icon img {
  border-radius: 32px;
  width: 32px;
  height: 32px;
}
.frame__chara__box,
.frame__cwls__box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.frame__chara__title,
.frame__cwls__title {
  font-size: 10px;
  color: #404040;
  line-height: 1;
}
.frame__chara__name,
.frame__cwls__name {
  font-size: 14px;
  color: #404040;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.frame__chara__world,
.frame__cwls__world {
  font-size: 10px;
  color: #999;
  line-height: 1;
}
.frame__chara__btn,
.frame__cwls__btn {
  display: block;
  position: absolute;
  right: 8px;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
}
.frame__chara__btn i,
.frame__cwls__btn i {
  position: relative;
  top: 10px;
  left: 10px;
}
.frame__toggle_btn {
  display: block;
  position: absolute;
  top: 12px;
  right: 4px;
  width: 40px;
  height: 40px;
}
.frame__toggle_btn i {
  position: relative;
  top: 10px;
  left: 10px;
}
.frame__cwls__link {
  height: 64px;
}
.frame__cwls__link--icon {
  height: 64px;
}
.frame__cwls__link--icon .parts__connect {
  margin-top: -24px;
}
.frame__cwls__box {
  line-height: 1;
}
.frame__cwls__name {
  line-height: 1.2;
}
.frame__cwls__formed {
  display: block;
  font-size: 10px;
  color: #404040;
  line-height: 1;
  position: relative;
  padding: 0 0 0 12px;
  position: absolute;
  right: 4px;
  bottom: 4px;
}
.frame__cwls__formed:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  background-position: -170px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.list__ic__class {
  position: relative;
  width: 16px;
  height: 16px;
  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: 16px;
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 2px;
}
.list__ic__crest:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-position: -324px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}
.list__ic__crest img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -7px;
}
.icon-btn__switch {
  width: 20px;
  height: 20px;
  background-position: -508px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.icon-btn__connect_off {
  width: 20px;
  height: 20px;
  background-position: -100px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.icon-btn__connect_on {
  width: 20px;
  height: 20px;
  background-position: -116px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.icon-btn__filter {
  width: 20px;
  height: 20px;
  background-position: -200px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.icon-btn__search {
  width: 20px;
  height: 20px;
  background-position: -488px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.icon-btn__control {
  width: 20px;
  height: 20px;
  background-position: -120px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.icon-btn__release {
  width: 20px;
  height: 20px;
  background-position: -456px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
  opacity: 0.25;
}
.icon-btn__follow {
  width: 20px;
  height: 20px;
  background-position: -220px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.icon-btn__create {
  width: 20px;
  height: 20px;
  background-position: -140px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.icon-btn__check {
  width: 20px;
  height: 20px;
  background-position: -80px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.icon-btn__calendar {
  width: 20px;
  height: 20px;
  background-position: -64px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.icon-list__rich-mode {
  width: 16px;
  height: 16px;
  background-position: -500px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.icon-list__views {
  width: 16px;
  height: 16px;
  background-position: -544px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.icon-list__comment {
  width: 16px;
  height: 16px;
  background-position: -84px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.icon-list__photo {
  width: 16px;
  height: 16px;
  background-position: -484px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  bottom: 0;
}
.icon-list__tag {
  width: 16px;
  height: 16px;
  background-position: -528px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.icon-list__toggle {
  width: 16px;
  height: 16px;
  background-position: 0 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.icon-list__toggle.close {
  width: 16px;
  height: 16px;
  background-position: -48px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.icon-list__like {
  background: url(/lds/h/J/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(/lds/h/J/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(/lds/h/p/1dkr-UWQUP_GJRCRLAqtlcdAac.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(/lds/h/p/1dkr-UWQUP_GJRCRLAqtlcdAac.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__close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/xsfK32w6BHG5iunXqNnPBI0jcw.png)
    no-repeat 0 0;
  background: url(/lds/h/7/DskB_b-FaQSYIHbWzLcGwUs-XY.png) no-repeat 0 0;
  background-size: 32px;
  width: 32px;
  height: 32px;
}
.icon-list__close.press {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/xsfK32w6BHG5iunXqNnPBI0jcw.png)
    no-repeat 0 0;
  background-size: 32px;
}
.blog__area__like__bt_like {
  background: url(/lds/h/G/B5faabimIY6CTnOim8IeAINBrE.png) no-repeat left center;
  background-size: 20px;
}
.blog__area__like__list__text {
  font-size: 14px;
  margin: 0 0 16px 16px;
  line-height: 1;
  text-align: left;
  padding-left: 20px;
  color: #404040;
  background: url(/lds/h/J/R1gUTWG7Bdpvd2Qau2NRpQ4X4g.png) no-repeat left center;
  background-size: 16px;
}
.blog__area__like__list__text strong {
  font-size: 20px;
  font-weight: bold;
  color: #e57e17;
}
.icon-crystal {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/lds/h/5/Q0eeEqmeuJgDkk6impXbMuoyJI.png) no-repeat 0 0;
  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: -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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 16px 0 16px;
  margin-bottom: 8px;
}
.item-block img {
  display: block;
  margin-right: 8px;
  width: 32px;
  height: 32px;
}
.item-block p {
  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;
  overflow: hidden;
  width: 100%;
}
.item-list a,
.item-list__link {
  display: block;
  padding: 8px 16px 4px;
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 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%;
}
.item-list a:after,
.item-list__link:after {
  content: '';
  width: 8px;
  height: 1px;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.item-list__retainer,
.item-list__chest {
  padding: 8px 16px 4px;
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  background-color: #e6e6e6;
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
}
.item-list__worldstatus {
  display: block;
  padding: 12px 16px 12px;
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 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%;
}
.item-list__worldstatus:after {
  content: '';
  width: 8px;
  height: 1px;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.item-list__worldstatus h3 {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding-left: 20px;
  font-weight: normal;
}
.item-list__worldstatus h3 i {
  display: block;
  position: absolute;
  top: 48%;
  left: 0;
  -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: 18px;
}
.item-list__worldstatus p {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: right;
  margin-right: 4px;
}
.item-list__worldstatus i {
  text-align: right;
}
.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;
  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-icon {
  margin-right: 6px;
  width: 38px;
}
.item-list__number {
  margin-right: 8px;
  color: #404040;
}
.item-list__name {
  color: #404040;
  font-weight: normal;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.item-list__name img {
  margin-left: 2px;
}
.item-list__name .icon {
  margin-left: 2px;
  font-weight: normal;
}
.achievement__base--complete .item-list__name {
  color: #404040;
}
.item-icon .ic_masterpiece {
  position: absolute;
  display: block;
  bottom: 0;
  right: 1px;
  z-index: 1;
  pointer-events: none;
  color: #ffffff;
  font-size: 10px;
  text-shadow: 0px 0px 2px #000;
}
.table__crystal {
  padding: 16px;
}
.table__crystal td,
.table__crystal th {
  width: 33.39844%;
  text-align: center;
  vertical-align: middle;
  color: #404040;
  border-bottom: 1px solid #ccc;
}
.table__crystal td a,
.table__crystal th a {
  color: #404040;
}
.table__crystal td:first-child,
.table__crystal th:first-child {
  width: 32px;
}
.table__crystal thead th {
  padding-bottom: 8px;
}
.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;
}
.mypage__news {
  margin: 0 16px 8px;
  padding: 2px 0;
  background: #b3122d;
  text-align: center;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 16px;
}
.mypage__news:before {
  content: '';
  width: 16px;
  height: 16px;
  background-position: -448px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 2px;
}
.mypage__news__txt {
  margin: 0 16px 24px;
  color: #404040;
}
.achievement__point {
  width: 100%;
  padding: 12px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #e6e6e6;
  text-align: center;
}
.achievement__point span {
  position: relative;
  padding-left: 24px;
  font-size: 20px;
  color: #e57e17;
  line-height: 1;
}
.achievement__point span:before {
  position: absolute;
  content: ' ';
  top: 50%;
  left: 0;
  margin-top: -12px;
  background: url(/lds/h/N/naQjQgIqCXSJK-giQjiv2zxwP8.png) no-repeat 0 0;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
.achievement__base {
  background: #e6e6e6;
  padding: 8px 16px;
}
.achievement__base--complete {
  background: #faedc8;
  color: #404040;
}
.achievement__base--text {
  margin-bottom: 16px;
}
.achievement__base--title {
  font-weight: bold;
  margin-bottom: 8px;
}
.sharing__text {
  margin: 0 16px 8px;
  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;
  line-height: 46px;
  font-size: 14px;
}
.code_copy_error {
  background: #800000;
}
.tooltip-check {
  position: fixed;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 10004;
  display: block;
  width: 100%;
  padding: 0 8px;
  box-sizing: border-box;
}
.tooltip-check__area {
  position: fixed;
  z-index: 10003;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.tooltip-check__heading {
  position: relative;
  padding: 4px 4px 4px 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: 6px 8px;
  font-size: 12px;
  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(/lds/h/q/MvZHqkdyjd4b7sdbj7iDmtkeG8.png) no-repeat 0 0;
  background-size: 16px;
  display: block;
  width: 16px;
  height: 16px;
}
.icon-activity__achievement {
  background: url(/lds/h/x/2RxxUX23JZOKGmx4715bMdK4Ks.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;
  display: block;
  opacity: 0.5;
}
.icon-activity__blog {
  background: url(/lds/h/I/WaUuKpKmFEw73EwMxqXmd4bXkI.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;
  display: block;
  opacity: 0.5;
}
.icon-activity__db {
  background: url(/lds/h/r/N2sozmdxJ-65KiZZqHkJrW0Efg.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;
  display: block;
  opacity: 0.5;
}
.icon-activity__event {
  background: url(/lds/h/o/m6P1CP0EVqbiiHzmioOxr_ZwLA.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;
  display: block;
  opacity: 0.5;
}
.icon-activity__community_finder {
  background: url(/lds/h/o/m6P1CP0EVqbiiHzmioOxr_ZwLA.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;
  display: block;
  opacity: 0.5;
}
.icon-activity__fc {
  background: url(/lds/h/U/n-mQ1942PexW4XgUebHG5GbUzw.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;
  display: block;
  opacity: 0.5;
}
.icon-activity__follow {
  background: url(/lds/h/l/PtSXWb2hE2clIaSo2yKYwnhatM.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;
  display: block;
  opacity: 0.5;
}
.icon-activity__friend {
  background: url(/lds/h/9/GqeUg2hGRGQWsfWOVXZw4yQkJQ.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;
  display: block;
  opacity: 0.5;
}
.icon-activity__login {
  background: url(/lds/h/6/0VWUxvhIRco16sSmEHEXpVf4GA.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;
  display: block;
  opacity: 0.5;
}
.icon-activity__ls {
  background: url(/lds/h/l/3ATO6RyOHJrlp_CAwUJyRRVNW8.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;
  display: block;
  opacity: 0.5;
}
.icon-activity__rankin {
  background: url(/lds/h/j/yBDAu7d4j8_SHWq-T3CGxnxSV4.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;
  display: block;
  opacity: 0.5;
}
.icon-activity__pvpteam {
  background: url(/lds/h/c/J3y-6qFQzJdp18oSw0vYr4ov5w.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;
  display: block;
  opacity: 0.5;
}
.icon-activity__cwls {
  background: url(/lds/h/R/utAX4h4p7h2TwJJvgO_yqJjPFI.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;
  display: block;
  opacity: 0.5;
}
.icon-activity__community_finder {
  background: url(/lds/h/M/nT2JMRpra1y1hLguku1ytguzd8.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;
  display: block;
  opacity: 0.5;
}
.ranking__dc__button {
  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;
}
.ranking__dc__button.press {
  color: #fff;
  background-color: #5990ff;
  -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;
}
.ranking__dc__list ul {
  background-color: #f0f0ef;
  color: #404040;
}
.ranking__calendar {
  background-color: #e6e6e6;
}
.ranking__calendar__prev {
  width: 16px;
  height: 16px;
  background-position: -16px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.ranking__calendar__next {
  width: 16px;
  height: 16px;
  background-position: -32px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.ranking-character__number {
  background-color: #e6e6e6;
}
.ranking-character__list {
  color: #585858 !important;
  border-bottom: 1px solid #ccc;
}
.ranking-character__crest__bg {
  background: #404040;
}
.ranking-character .mine {
  background-color: rgba(255, 223, 127, 0.2);
}
.ranking-character .mine .ranking-character__number {
  background-color: rgba(89, 81, 76, 0.1);
}
.ranking__no_data {
  border-bottom: 1px solid #ccc;
}
.ranking__pager {
  background-color: #e6e6e6;
}
.anchor_target {
  margin-top: -45px;
  padding-top: 45px;
  display: block;
}
.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: 10px;
  color: #404040 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.2;
  opacity: 0;
  -moz-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.show .tooltip__text {
  opacity: 1;
}
.entry {
  position: relative;
  overflow: hidden;
  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 {
  position: relative;
  display: block;
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #e6e6e6;
  -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;
  height: 65px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}
.entry__link * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__link:after {
  content: '';
  width: 8px;
  height: 1px;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.entry__link__inner {
  padding-right: 44px;
}
.entry__link__block {
  display: block;
  height: auto;
}
.entry__chara * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__chara__face {
  width: 48px;
  height: 48px;
  margin-right: 8px;
  padding-left: 48px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__chara__face img {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  position: absolute;
  top: 0;
  left: 0;
}
.entry__chara__link {
  position: relative;
  padding: 8px 16px;
  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;
  align-items: start;
  -webkit-align-items: start;
  align-items: start;
  background-color: #e6e6e6;
  -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;
  height: 65px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}
.entry__chara__link * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__chara__link:after {
  content: '';
  width: 8px;
  height: 1px;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.entry__chara__lang {
  margin-left: auto;
  text-align: right;
  font-size: 12px;
  color: #404040;
  white-space: nowrap;
}
.entry__box {
  display: block;
  width: 100%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__box__inner {
  margin-left: 8px;
  overflow: hidden;
}
.entry__box__lang {
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  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__world {
  font-size: 10px;
  color: #999;
  line-height: 1;
}
.entry__world + .entry__chara_info {
  padding-top: 2px;
}
.entry__time--comment {
  position: relative;
  padding-left: 12px;
  font-size: 10px;
  color: #404040;
  line-height: 1;
}
.entry__time--comment:after {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  background-position: -160px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.entry-off {
  position: relative;
}
.entry-off__link {
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  background: #ccc;
  box-shadow: none;
}
.entry-off__link:after {
  display: none;
}
.entry__notice {
  background: #f3f3f3;
  padding: 8px 16px;
  border-bottom: 1px solid #ccc;
  color: #b2122d;
  font-size: 14px;
}
.entry__chara_info {
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.entry__chara_info li {
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  color: #404040;
  font-size: 10px;
  padding-right: 8px;
  line-height: 1;
}
.entry__chara_info img {
  margin-right: 4px;
}
.entry__chara_info span {
  display: block;
}
.entry__chara_info__linkshell img {
  margin-right: 0;
}
.entry__activity {
  padding: 8px 16px;
  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;
  align-items: start;
  -webkit-align-items: start;
  align-items: start;
  background-color: #e6e6e6;
  -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;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__activity * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__activity:after {
  content: '';
  width: 8px;
  height: 1px;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.entry__activity__common {
  width: 48px;
  margin-right: 8px;
}
.entry__activity__time {
  font-size: 10px;
  color: #999;
  display: block;
}
.entry__activity__name {
  font-size: 12px;
  color: #404040;
  font-weight: bold;
  margin-right: 8px;
  display: inline-block;
}
.entry__activity__world {
  font-size: 10px;
  color: #999;
  display: inline-block;
}
.entry__activity__txt {
  font-size: 14px;
  color: #404040;
}
.entry__activity__txt p {
  margin-left: 28px;
  font-size: 14px;
  color: #404040;
  padding-top: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__activity__category {
  position: relative;
  float: left;
}
.entry__activity__category span {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  display: block;
  font-size: 24px;
}
.entry__activity__crest {
  width: 48px;
  height: 48px;
  margin-right: 8px;
  padding-left: 48px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__activity__crest img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 48px;
  height: 48px;
}
.entry__achievement {
  padding: 8px 16px;
  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;
  align-items: start;
  -webkit-align-items: start;
  align-items: start;
  background-color: #e6e6e6;
  -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;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.entry__achievement * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__achievement:after {
  content: '';
  width: 8px;
  height: 1px;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.entry__achievement--list {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.entry__achievement--list .entry__box {
  padding-right: 8px;
}
.entry__achievement--complete {
  background: #faedc8;
}
.entry__achievement--complete:after {
  background: #faedc8;
}
.entry__achievement--complete .entry__activity__txt {
  color: #404040;
}
.entry__achievement--complete .entry__achievement__number {
  color: #e57e17;
}
.entry__achievement__frame {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  position: relative;
  padding-left: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__achievement__frame img {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 2px;
}
.entry__achievement__frame:after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-position: -340px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}
.entry__achievement__number {
  font-size: 20px;
  color: #404040;
  margin-left: 4px;
  word-break: normal;
  word-wrap: normal;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: right;
  min-width: 28px;
}
.entry__txt__follow {
  height: 8px;
  margin: 0 0 0 0;
  padding: 2px 0 0 0;
  font-size: 16px;
  font-weight: bold;
  color: #e57e17;
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.entry__txt__follow--request {
  height: 8px;
  margin: 0 0 0 0;
  padding: 2px 0 0 0;
  font-size: 16px;
  font-weight: bold;
  color: #404040;
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.entry__toggle {
  background: #f3f3f3;
  border-bottom: 1px solid #ccc;
  padding: 8px 0 16px;
}
.entry__toggle__text {
  padding: 0 16px 16px;
  font-size: 14px;
}
.entry__toggle__text__8 {
  padding: 8px 16px 16px;
  font-size: 14px;
}
.entry__bg {
  position: relative;
  display: block;
  padding: 8px 16px;
  background-color: #e6e6e6;
  -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;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}
.entry__bg * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__bg:after {
  content: '';
  width: 8px;
  height: 1px;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.entry__block {
  display: block;
  width: 100%;
  padding: 8px 16px 8px 16px;
  overflow: hidden;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 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 {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
}
.entry__flex {
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.entry__delete {
  padding-top: 8px;
  font-size: 12px;
  color: #b2122d;
}
.entry--self {
  background-color: #faedc8;
}
.entry--self:after {
  background: #faedc8;
}
.entry__pickup__text {
  padding: 16px 16px 0;
}
.entry__pvpteam {
  position: relative;
  background: #e6e6e6;
  -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;
  padding: 8px 10px 6px 8px;
}
.entry__pvpteam__inner {
  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;
  align-items: start;
  -webkit-align-items: start;
  align-items: start;
  margin-bottom: 8px;
}
.entry__pvpteam__crest {
  display: block;
  width: 50px;
  height: 50px;
  padding-right: 8px;
}
.entry__pvpteam__crest--position {
  position: relative;
  width: 50px;
  height: 50px;
}
.entry__pvpteam__crest__base {
  position: absolute;
  left: 0;
  width: 50px;
  height: 50px;
}
.entry__pvpteam__crest__image {
  position: relative;
  width: 48px;
  height: 48px;
  top: 1px;
  left: 1px;
}
.entry__pvpteam__crest__image img {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
}
.entry__pvpteam__name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 0 8px 0 0;
}
.entry__pvpteam__name__inner {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
}
.entry__pvpteam__name--team {
  font-size: 16px;
  font-weight: bold;
  color: #404040;
}
.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: 20px;
  font-weight: bold;
  color: #e57e17;
  line-height: 1;
  white-space: nowrap;
}
.entry__pvpteam__data img {
  display: inline-block;
  line-height: 1%;
}
.entry__pvpteam__data--formed {
  display: block;
  float: right;
  font-size: 10px;
  color: #404040;
  line-height: 1;
  position: relative;
  padding: 0 0 0 12px;
}
.entry__pvpteam__data--formed:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  background-position: -170px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.entry__pvpteam__member__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.entry__pvpteam__member__info li {
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  color: #404040;
  font-size: 10px;
  padding-right: 8px;
  line-height: 1;
}
.entry__pvpteam__member__info li img,
.entry__pvpteam__member__info li span {
  display: block;
  line-height: 20px;
}
.entry__pvpteam__member__info li .list__ic__class {
  width: 20px;
  height: 20px;
  position: relative;
}
.entry__pvpteam__member__data {
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}
.entry__pvpteam__result {
  width: 100%;
  padding: 8px 10px 8px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e6e6e6;
  -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;
  display: block;
}
.entry__pvpteam__result__separator {
  height: 16px;
  background: none;
  margin-top: 0;
  padding-bottom: 0;
  border-bottom: solid 1px #ccc;
}
.entry__pvpteam__result__wrapper {
  margin-bottom: 32px;
}
.entry__pvpteam__result * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__pvpteam__result__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.entry__pvpteam__result__crest {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 3px;
  overflow: hidden;
  margin-right: 8px;
}
.entry__pvpteam__result__crest__base {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
}
.entry__pvpteam__result__crest__image img {
  position: absolute;
  top: 1px;
  left: 1px;
  display: block;
  width: 48px;
  height: 48px;
}
.entry__pvpteam__result__data {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.entry__pvpteam__result__data--time {
  font-size: 12px;
  color: #999;
  display: block;
  line-height: 1;
}
.entry__pvpteam__result__data--name {
  font-size: 14px;
  color: #404040;
  font-weight: bold;
}
.entry__pvpteam__result__data--result {
  text-align: right;
}
.entry__pvpteam__result__data--result .win,
.entry__pvpteam__result__data--result .lose,
.entry__pvpteam__result__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 {
  color: #ffffff;
  background: #e57e17;
}
.entry__pvpteam__result__data--result .lose {
  color: #ffffff;
  background: #999999;
}
.entry__pvpteam__result__data--result .draw {
  color: #999999;
  background: rgba(153, 153, 153, 0.1);
}
.entry__pvpteam__result__data--result.jp span {
  width: 94px;
}
.entry__pvpteam__result__data--result.na span {
  width: 88px;
}
.entry__pvpteam__result__data--result.eu span {
  width: 88px;
}
.entry__pvpteam__result__data--result.de span {
  width: 176px;
}
.entry__pvpteam__result__data--result.fr span {
  width: 132px;
}
.entry__pvpteam__activity__wrapper {
  margin-bottom: 32px;
}
.entry.fc::before {
  content: '';
  display: block;
  width: 4px;
  height: calc(100% - 2px);
  position: absolute;
  top: 0;
  left: 0;
  background: #0090cd;
}
.entry.ls::before,
.entry.cwls::before {
  content: '';
  display: block;
  width: 4px;
  height: calc(100% - 2px);
  position: absolute;
  top: 0;
  left: 0;
  background: #00a35a;
}
.entry.pvp::before {
  content: '';
  display: block;
  width: 4px;
  height: calc(100% - 2px);
  position: absolute;
  top: 0;
  left: 0;
  background: #e24524;
}
.icon-c__attributes {
  width: 16px;
  height: 16px;
  background-position: -68px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__elemental {
  width: 16px;
  height: 16px;
  background-position: -729px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__offense {
  width: 16px;
  height: 16px;
  background-position: -887px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__deffense {
  width: 16px;
  height: 16px;
  background-position: -694px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__melle {
  width: 16px;
  height: 16px;
  background-position: -855px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__melle_resists {
  width: 16px;
  height: 16px;
  background-position: -871px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__spell {
  width: 16px;
  height: 16px;
  background-position: -1047px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__role {
  width: 16px;
  height: 16px;
  background-position: -935px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__pvp_pram {
  width: 16px;
  height: 16px;
  background-position: -903px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__crafting {
  width: 16px;
  height: 16px;
  background-position: -678px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__gathering {
  width: 16px;
  height: 16px;
  background-position: -804px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__resists {
  width: 16px;
  height: 16px;
  background-position: -919px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__equipment {
  width: 16px;
  height: 16px;
  background-position: -745px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__fire {
  width: 19px;
  height: 16px;
  background-position: -761px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.icon-c__ice {
  width: 19px;
  height: 16px;
  background-position: -820px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.icon-c__wind {
  width: 19px;
  height: 16px;
  background-position: -1117px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.icon-c__earth {
  width: 19px;
  height: 16px;
  background-position: -710px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.icon-c__thunder {
  width: 19px;
  height: 16px;
  background-position: -1079px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.icon-c__water {
  width: 19px;
  height: 16px;
  background-position: -1098px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.icon-c__star {
  width: 16px;
  height: 16px;
  background-position: -1063px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__skill--deffender {
  width: 32px;
  height: 32px;
  background-position: -983px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__skill--healer {
  width: 32px;
  height: 32px;
  background-position: -1015px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__skill--attacker {
  width: 32px;
  height: 32px;
  background-position: -951px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__achievement-item {
  width: 16px;
  height: 16px;
  background-position: 0 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
  padding-left: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.icon-c__achievement-medal {
  width: 16px;
  height: 16px;
  background-position: -16px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
  padding-left: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.icon-c__achievement-takeover {
  width: 16px;
  height: 16px;
  background-position: -52px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
  padding-left: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.icon-c__worldstatus--1 {
  width: 16px;
  height: 16px;
  background-position: -1136px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__worldstatus--2 {
  width: 16px;
  height: 16px;
  background-position: -1152px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__worldstatus--3 {
  width: 16px;
  height: 16px;
  background-position: -1168px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.icon-c__mannequin {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/lds/h/o/euNqaOPo8VFmjXA7BqU_peG0rg.png) no-repeat 0 0;
  background-size: 16px;
  vertical-align: top;
}
.icon-c__mannequin.set {
  background: url(/lds/h/_/pcgIjXm1nUlU33Fkno5YWSTGB4.png) no-repeat 0 0;
  background-size: 16px;
}
.icon-c__level_sync {
  display: inline-block;
  background: url(/lds/h/E/NQ6Gl1R_kOFRQXuORqAlSKwwJI.png) no-repeat 0 0;
  position: absolute;
  bottom: 4px;
  left: 3px;
  z-index: 1;
  width: 12px;
  height: 12px;
  -moz-background-size: 12px;
  -o-background-size: 12px;
  -webkit-background-size: 12px;
  background-size: 12px;
  pointer-events: none;
}
.icon-c__level_sync-popup {
  display: inline-block;
  background: url(/lds/h/E/NQ6Gl1R_kOFRQXuORqAlSKwwJI.png) no-repeat 0 0;
  position: absolute;
  bottom: 8px;
  left: 5px;
  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;
}
.character__item_icon {
  width: 38px;
  height: 38px;
  position: relative;
  margin-bottom: 6px;
}
.character__item_icon img {
  position: absolute;
  top: 1px;
  left: 50%;
  margin-left: -16px;
  display: block;
}
.character__item_icon--frame {
  width: 38px;
  height: 38px;
  background-position: -602px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.character__item_icon--0 {
  background: url(/lds/h/7/mtNnou0UTXvUNJowSYdy_od2M0.png) no-repeat 0 0;
  display: block;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.character__item_icon--1 {
  background: url(/lds/h/7/mtNnou0UTXvUNJowSYdy_od2M0.png) no-repeat 0 0;
  display: block;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.character__item_icon--2 {
  background: url(/lds/h/n/yFYzr3MsoOwa903TORtTkCNbgo.png) no-repeat 0 0;
  display: block;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.character__item_icon--3 {
  background: url(/lds/h/K/3ZGSMqkE3dp22nLQ7VDviN593A.png) no-repeat 0 0;
  display: block;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.character__item_icon--4 {
  background: url(/lds/h/j/j01DcG9E75A4v22IObCufIAjTo.png) no-repeat 0 0;
  display: block;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.character__item_icon--5 {
  background: url(/lds/h/b/RLi7YFHps0DXhE3SEVc37LTtFA.png) no-repeat 0 0;
  display: block;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.character__item_icon--6 {
  background: url(/lds/h/q/I7TzgwvmgUrKR-D0gjch_ullYg.png) no-repeat 0 0;
  display: block;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.character__item_icon--7 {
  background: url(/lds/h/w/rtXgCGmdNG5Yl7Rzb0aC3Dz4RU.png) no-repeat 0 0;
  display: block;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.character__item_icon--8 {
  background: url(/lds/h/m/LpauiLwCKzVPqLzMrC_BlS0MgI.png) no-repeat 0 0;
  display: block;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.character__item_icon--9 {
  background: url(/lds/h/S/N9G11AlGZU7v7Ls9TYvVx3sfa0.png) no-repeat 0 0;
  display: block;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.character__item_icon--10 {
  background: url(/lds/h/l/VPwTZhtTXKT0P04NJU01m1ZtYI.png) no-repeat 0 0;
  display: block;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.character__item_icon--11 {
  background: url(/lds/h/0/Xv-fBjmPkm4Jv4hcukJo69-Leo.png) no-repeat 0 0;
  display: block;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.character__item_icon--12 {
  background: url(/lds/h/0/Xv-fBjmPkm4Jv4hcukJo69-Leo.png) no-repeat 0 0;
  display: block;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.character__item_icon--13 {
  background: url(/lds/h/H/BvKxMwolC1uK54EhC0OCvZnAqY.png) no-repeat 0 0;
  margin-bottom: 0;
  display: block;
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.character__item_icon .ic_new {
  display: block;
  position: absolute;
  top: -3px;
  left: auto;
  right: -2px;
  width: 16px;
  height: 16px;
  margin: 0;
}
.character__class_icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.character__parameter {
  margin-bottom: 16px;
  height: 1%;
}
.character__class {
  margin: 0 0 16px;
  height: 1%;
}
.character__class__arms {
  float: left;
}
.character__class__data {
  margin-left: 42px;
  font-size: 12px;
  line-height: 1;
}
.character__view {
  width: 304px;
  margin: 0 auto 16px;
}
.character__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 16px;
  width: 304px;
}
.character__detail__image {
  width: 220px;
  height: 300px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 4px;
}
.character__detail__image a,
.character__detail__image img {
  display: block;
  width: 220px;
  height: 300px;
}
.character__detail__avg {
  position: absolute;
  top: 8px;
  right: 6px;
  height: 16px;
  padding-left: 16px;
  line-height: 1;
  text-align: right;
  color: #45b2ae;
}
.character__detail__avg:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  background-position: -839px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.character__detail__popup {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 32px !important;
  height: 32px !important;
}
.character__level {
  margin: 0 4px;
}
.character__level__list {
  float: left;
}
.character__level__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  line-height: 1;
}
.character__level__list ul li {
  width: 24px;
  margin-right: 8px;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 8px;
}
.character__level__list ul li span {
  width: 24px;
  height: 24px;
  display: block;
  margin-bottom: 4px;
}
.character__currency__list {
  padding-bottom: 16px;
}
.character__currency__list li {
  margin-bottom: 16px;
}
.character__currency .currency__box {
  margin: 0 0;
  padding: 4px 20px 4px 16px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.character__currency .currency__box * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.character__currency .currency__box__icon {
  display: block;
  width: 32px;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-box-align: start;
  -o-box-align: start;
  box-align: start;
  align-items: start;
  -webkit-align-items: start;
  align-items: start;
}
.character__currency .currency__box__text {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 4px;
  font-size: 14px;
  line-height: 1.2;
}
.character__currency .currency__box__text__name {
  font-size: 12px;
  display: block;
}
.character__currency a.currency__box {
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  position: relative;
  color: inherit;
}
.character__currency a.currency__box::after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -32px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.character__currency a.currency__box.press {
  background-color: #e6e6e6;
  -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__reputation__list {
  margin: 0 0 16px;
}
.character__reputation__list li {
  margin-bottom: 8px;
}
.character__bluemage {
  margin-bottom: 32px;
}
.character__goldsaucer__list {
  padding-bottom: 16px;
}
.character__goldsaucer__list li {
  margin-bottom: 8px;
}
.character__goldsaucer__data {
  width: 100%;
  margin-bottom: 8px;
}
.character__goldsaucer__data th {
  padding: 0 0 0 16px;
  text-align: left;
  font-weight: normal;
}
.character__goldsaucer__data td {
  padding: 0 16px 0 8px;
  text-align: right;
}
.character__goldsaucer__text {
  margin: 0 16px 8px;
  height: 1%;
}
.character__goldsaucer__notes {
  font-size: 14px;
  color: #b2122d;
  margin: 0 16px 8px;
}
.character__pvp_profile {
  margin-bottom: 24px;
  height: 1%;
}
.character__pvp__data {
  width: 100%;
  margin-bottom: 8px;
}
.character__pvp__data--mb16 {
  margin-bottom: 16px;
}
.character__pvp__data th {
  padding: 0 0 0 16px;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}
.character__pvp__data td {
  padding: 0 16px 0 8px;
  text-align: right;
  vertical-align: top;
}
.character__pvp__emblem {
  width: 80px;
  padding: 0 16px 0 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.character__pvp__star {
  color: #e67e17;
}
.character__ranking__link {
  width: 320px;
  margin: 0 auto;
}
.character__ranking__bnr {
  display: block;
  width: 288px;
  margin: 0 auto 16px;
}
.character__ranking__bnr img {
  width: 100%;
  height: auto;
  display: block;
}
.character__ranking__data {
  width: 100%;
  margin-bottom: 8px;
}
.character__ranking__data th {
  padding: 0 0 0 16px;
  text-align: left;
  font-weight: normal;
}
.character__ranking__data td {
  padding: 0 16px 0 8px;
  text-align: right;
}
.character__ranking__notes {
  margin: 0 16px 32px;
  font-size: 12px;
  color: #999;
}
.character__param {
  width: 100%;
  padding: 0 16px;
  margin-bottom: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.character__param li {
  width: 50%;
  padding: 0 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
}
.character__param div {
  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;
  align-items: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.character__param__text {
  width: 24px;
  height: 10px;
  text-indent: -9999px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.character__param i {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 1px;
}
.character__param--hp {
  background-color: #81a721;
}
.character__param--mp {
  background-color: #dc7d9d;
}
.character__param--tp {
  background-color: #f59d26;
}
.character__param--cp {
  background-color: #b9f;
}
.character__param--gp {
  background-color: #79bbdc;
}
.character__param__list {
  width: 100%;
  line-height: 1;
}
.character__param__list th {
  padding: 0 0 8px 34px;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
  line-height: 1;
}
.character__param__list td {
  padding: 0 16px 8px 8px;
  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-block {
  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;
  align-items: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0 16px 8px 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.character-block img {
  display: block;
  margin-right: 8px;
  width: 32px;
  height: 32px;
}
.character-block__box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.character-block__face {
  border-radius: 16px;
}
.character-block__name {
  font-size: 12px;
  line-height: 1.2;
}
.character-block__friendship {
  font-size: 14px;
}
.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__pvp__rank {
  font-size: 14px;
}
.character-block__pvp__rank .rank-max {
  color: #e67e17;
  font-size: 14px;
}
.character-block__pvp__exp {
  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;
  align-items: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.character-block__pvp__exp--total {
  text-align: left;
  font-size: 12px;
  color: #999;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.character-block__pvp__exp--next {
  text-align: right;
  font-size: 12px;
  color: #999;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.character-block__birth {
  margin-bottom: 8px;
}
.character-block--off {
  opacity: 0.5;
}
.character__bar {
  position: relative;
  width: 100%;
  height: 2px;
  margin-bottom: 2px;
  background: #404040;
  border-radius: 1px;
}
.character__bar div {
  position: absolute;
  top: -1px;
  left: 0;
  height: 4px;
  background: #70cc14;
  border-radius: 2px;
}
.character__bar.pvp-series-rank div {
  background: #ac73e5;
}
.character__job {
  margin-bottom: 8px;
  height: 1%;
}
.character__job li {
  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;
  align-items: center;
  padding: 0 16px;
  margin-bottom: 8px;
}
.character__job__icon,
.character__job__el {
  position: relative;
  margin-right: 8px;
}
.character__job__icon__title,
.character__job__el__title {
  display: inline-block;
  margin-right: 4px;
}
.character__job__level {
  font-size: 20px;
  width: 26px;
  text-align: center;
  margin-right: 8px;
  white-space: nowrap;
}
.character__job__name {
  margin-right: 8px;
  white-space: nowrap;
}
.character__job__name--meister {
  color: #e57e17;
  margin-right: 8px;
}
.character__job__name--ltd {
  display: block;
}
.character__job__name-sp {
  font-size: 10px;
}
.character__job__exp {
  font-size: 12px;
  color: #999;
  text-align: right;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.character__job__el i,
.character__job__el i:before {
  font-size: 24px;
}
.character__freecompany__crest {
  position: relative;
  width: 34px;
  height: 34px;
  padding-right: 8px;
}
.character__freecompany__crest__image {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 32px;
  height: 32px;
}
.character__freecompany__crest__image img {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
}
.character__freecompany__crest__base {
  display: block;
  width: 34px;
  height: 34px;
}
.character__freecompany__box {
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.character__freecompany__name {
  color: #404040;
  overflow: hidden;
}
.character__freecompany__name p {
  font-size: 12px;
  display: block;
  line-height: 1.2;
}
.character__freecompany__name h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.character__character_profile {
  padding: 16px;
  margin-bottom: 32px;
  background: #1b1b1b;
  font-size: 14px;
  color: #cccccc;
  white-space: pre-wrap;
}
.character__character_profile a {
  color: #73bfe6;
}
.character__report {
  margin: -16px 16px 40px;
}
.character__icon__list {
  margin: 0 8px 27px;
  height: 1%;
  line-height: 1;
}
.character__icon__list li {
  display: inline-block;
  margin: 0 6px;
  position: relative;
}
.character__icon__list li a {
  display: block;
}
.character__connect__view {
  display: none;
  background: #e6e6e6;
  color: #404040;
}
.character__connect__text {
  background: #e6e6e6;
  padding: 16px 16px 8px;
  font-weight: bold;
}
.character__connect__list {
  background: #e6e6e6;
  padding: 0 16px 4px;
}
.character__connect__list li {
  line-height: 20px;
  margin-bottom: 4px;
  padding-top: 2px;
  position: relative;
  padding-left: 27px;
}
.character__connect__list li i {
  position: absolute;
  top: 0;
  left: 0;
}
.character__connect__form {
  border-bottom: 1px solid #ccc;
  padding-bottom: 16px !important;
}
.character__connect__form .btn__color {
  margin-bottom: 0;
}
.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;
}
.buddy__profile {
  margin-bottom: 16px;
}
.buddy__profile__name {
  color: #404040;
  font-weight: bold;
}
.buddy__rank {
  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;
  align-items: center;
  padding-bottom: 2px;
}
.buddy__rank__number {
  padding: 0 8px 0 0;
}
.buddy__rank__icon {
  margin-left: -4px;
}
.buddy__skill {
  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;
  align-items: center;
  padding: 0 16px 16px;
}
.buddy__skill li {
  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;
  align-items: center;
  width: 33.33%;
}
.buddy__skill i {
  margin-right: 4px;
}
.buddy__skill span {
  font-size: 20px;
}
.buddy__color__name {
  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;
  align-items: center;
  margin: 0 16px 16px;
  font-weight: normal;
}
.buddy__color__frame {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  margin-right: 4px;
}
.buddy__color__img {
  text-align: center;
  margin-bottom: 16px;
}
.buddy__equipment {
  margin: 0 16px 12px;
  height: 1%;
}
.buddy__equipment__box {
  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;
  align-items: center;
  margin-bottom: 4px;
  font-weight: normal;
}
.buddy__equipment__box div {
  display: block;
  margin-right: 8px;
  position: relative;
}
.buddy__equipment__box div img {
  display: block;
  position: absolute;
  left: 3px;
  top: 2px;
}
.buddy__equipment__box p {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.buddy__equipment__cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 38px;
  background-position: -640px 0;
  -moz-background-size: 1184px auto;
  -o-background-size: 1184px auto;
  -webkit-background-size: 1184px auto;
  background-size: 1184px auto;
  display: block;
  background-image: url(/lds/h/m/VBVodoRTJyIt7euFnDUOhK5wZw.png);
  background-repeat: no-repeat;
}
.buddy__notes {
  font-size: 14px;
  color: #b2122d;
  margin: 0 16px 32px;
}
.retainer__data {
  display: block;
  width: 100%;
  min-height: 45px;
  margin-bottom: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.retainer__data__profile {
  position: relative;
  height: 100%;
  padding: 8px 16px;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  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;
  align-items: center;
}
.retainer__data--name {
  font-size: 14px;
  font-weight: bold;
}
.retainer__data--level {
  font-size: 12px;
}
.retainer__data--class {
  height: 24px;
}
.retainer__data--class__icon {
  position: relative;
  width: 24px;
  height: 24px;
  display: block;
  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__list {
  display: none;
  padding-top: 8px;
}
.retainer__list li a {
  min-height: 45px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  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;
  align-items: center;
  padding: 8px 16px;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  color: #404040;
}
.retainer__list li a::after {
  content: '';
  width: 8px;
  height: 1px;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.retainer__venture__icon {
  width: 100%;
}
.retainer__venture__icon a {
  position: relative;
  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;
  align-items: center;
  padding: 5px 40px 2px 16px;
  font-size: 14px;
  color: #404040;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.retainer__venture__icon a:before {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -32px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.retainer__venture__icon a.press {
  background-color: #e6e6e6;
  -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;
}
.retainer__venture__icon .item-icon {
  margin-right: 6px;
  width: 38px;
}
.retainer__content {
  display: none;
  background-color: #e6e6e6;
  padding-top: 8px;
}
.retainer__content--baggage {
  padding-top: 8px;
}
.retainer__content.active {
  display: block;
}
.retainer__content__list__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
  align-items: start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-box-align: start;
  -o-box-align: start;
  box-align: start;
  align-items: start;
  width: 100%;
  padding: 8px 16px 4px 16px;
  font-size: 14px;
  color: #404040;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e6e6e6;
  -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;
  line-height: 1.2;
}
.retainer__content__list__inner::after {
  content: '';
  width: 8px;
  height: 1px;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.retainer__content__list__item_icon {
  margin-right: 6px;
  width: 38px;
}
.retainer__content__list__data {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.retainer__content__list--item_name {
  font-size: 14px;
  color: #404040;
  vertical-align: text-top;
  line-height: 1.4;
}
.retainer__content__list--item_name img {
  margin-left: 5px;
  vertical-align: middle;
}
.retainer__content__list--item_name .icon-c__mannequin {
  margin-right: 2px;
}
.retainer__content__list--item_name .icon {
  margin-left: 2px;
  font-weight: normal;
}
.retainer__content__list--price {
  color: #404040;
  vertical-align: text-top;
  font-size: 12px;
  line-height: 16px;
}
.retainer__content__list--price img {
  margin-right: 2px;
  line-height: 16px;
  vertical-align: text-top;
}
.retainer__content__list--mannequin {
  color: #404040;
  vertical-align: text-top;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
}
.retainer__content__list--saledata {
  font-size: 12px;
  color: #999;
}
.retainer__content__list__log {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
  align-items: start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-box-align: start;
  -o-box-align: start;
  box-align: start;
  align-items: start;
}
.retainer__content__list__log p:first-child {
  width: 122px;
}
.retainer__content__list--chara {
  position: relative;
  font-size: 12px;
  padding-left: 18px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.retainer__content__list--chara i {
  width: 16px;
  height: 16px;
  background-position: -440px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
  display: block;
  vertical-align: text-top;
  position: absolute;
  left: 0;
  top: 0;
}
.bluemage__title {
  position: relative;
  padding: 22px 38px 6px 16px;
  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: 0 16px;
}
.bluemage-action__list__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  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;
  align-items: center;
  padding: 8px 40px 4px 16px;
  font-size: 14px;
  color: #404040;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.bluemage-action__list__inner:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-position: 0 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.bluemage-action__list__inner.press {
  background-color: #e6e6e6;
  -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;
}
.bluemage-action__list__inner.open:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-position: -48px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.bluemage-action__list__item {
  min-height: 50px;
  height: auto;
  position: relative;
}
.bluemage-action__icon {
  width: 38px;
  margin-right: 8px;
}
.bluemage-action__icon__inner {
  display: block;
  position: relative;
  width: 38px;
  height: 38px;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-box-align: start;
  -o-box-align: start;
  box-align: start;
  align-items: start;
  background: url(/lds/h/i/cHl5zHiAEQITvB3EsCIFl1sDNM.png) no-repeat center 0;
  -moz-background-size: 38px 38px;
  -o-background-size: 38px 38px;
  -webkit-background-size: 38px 38px;
  background-size: 38px 38px;
}
.bluemage-action__icon__inner::after {
  content: '';
  width: 38px;
  height: 38px;
  background-position: -206px 0;
  -moz-background-size: 1137px auto;
  -o-background-size: 1137px auto;
  -webkit-background-size: 1137px auto;
  background-size: 1137px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/pQsm-s97eVce-kP6DgcxMHUkKw.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.bluemage-action__icon__image {
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 4px;
}
.bluemage-action__icon .ic_new {
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
  pointer-events: none;
  z-index: 2;
}
.bluemage-action__text {
  min-height: 38px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.bluemage-action__index {
  display: block;
  color: #999;
  font-size: 10px;
  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-detail {
  display: none;
}
.bluemage-detail__inner {
  padding: 16px 16px 32px;
}
.bluemage-detail__action {
  margin-bottom: 16px;
}
.bluemage-detail__action__type {
  font-size: 12px;
  font-weight: normal;
  color: #404040;
}
.bluemage-detail__action__type strong {
  font-size: 12px;
  font-weight: normal;
  color: #00b21e;
}
.bluemage-detail__text {
  font-size: 12px;
  color: #404040;
  margin-bottom: 16px;
}
.bluemage-detail__hint__title {
  color: #506fb3;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}
.bluemage-detail__hint__text {
  font-size: 12px;
  color: #404040;
  line-height: 24px;
  vertical-align: middle;
}
.bluemage-detail__hint i {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 4px;
}
.bluemage-detail__hint .ic_monster {
  background: url(/lds/h/b/SjJ0eVwVIMPoAsOFZeBEfNX79w.png) no-repeat 0 0;
  background-size: 24px 24px;
}
.bluemage-detail__hint .ic_quest {
  background: url(/lds/h/5/t3LTAtzmXb-qQVsVnPSyo2uvlw.png) no-repeat 0 0;
  background-size: 24px 24px;
}
.bluemage-detail__hint .ic_totem {
  background: url(/lds/h/3/RNPSIEwfmHxQxYx3T3O_Ovnm-0.png) no-repeat 0 0;
  background-size: 24px 24px;
}
.bluemage-detail__hint .ic_content {
  background: url(/lds/h/a/nrUIkp38uCBgAXVmS7bdD2zF9o.png) no-repeat 0 0;
  background-size: 24px 24px;
}
.bluemage-detail__hint__requirequest {
  padding-top: 16px;
  color: #404040;
  font-size: 12px;
}
.bluemage-detail__hint__requirequest a {
  color: #2556b8;
}
.trust__character {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 32px;
}
.trust__character li {
  position: relative;
  width: 100%;
  height: 80px;
  -moz-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  overflow: hidden;
}
.trust__character li.active {
  height: auto;
}
.trust__character__name {
  margin-left: 16px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  position: relative;
}
.trust__header {
  height: 80px;
  position: relative;
}
.trust__header.chara_00,
.trust__header.chara_03 {
  background: url(/lds/h/7/ZyDvMkDqHhjQG31WHsEK54UeLI.png) no-repeat 60px 0 #3d6c2a;
  background-size: 110px 80px;
}
.trust__header.chara_01,
.trust__header.chara_04,
.trust__header.chara_05,
.trust__header.chara_06 {
  background: url(/lds/h/-/Bq-pDI8gwPDl0BhYZZ91PCGDkM.png) no-repeat 60px 0 #6b3636;
  background-size: 110px 80px;
}
.trust__header.chara_02 {
  background: url(/lds/h/T/_p_uaYfRbq8SUBLXHi7ntpyScY.png) no-repeat 60px 0 #38479e;
  background-size: 110px 80px;
}
.trust__header.chara_07 {
  background: #59581f;
}
.trust__header:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/lds/h/w/-h11i1JWH1FC9WtDPcbUcj8JJo.png) no-repeat 0 0;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
}
.trust__header.press.chara_00,
.trust__header.press.chara_03 {
  -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;
}
.trust__header.press.chara_01,
.trust__header.press.chara_04,
.trust__header.press.chara_05,
.trust__header.press.chara_06 {
  -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;
}
.trust__header.press.chara_02 {
  -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;
}
.trust__header.press.chara_07 {
  -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;
}
.active .trust__header:after {
  background: url(/lds/h/2/mh7b_ga7v9rDQ_C7DtOBxxhf1M.png) no-repeat 0 0;
  background-size: 16px 16px;
}
.trust__image {
  display: block;
  width: 220px;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
}
.trust__level {
  margin: 0 0 6px 16px;
  position: relative;
}
.trust__level__inner {
  width: 140px;
}
.trust__level span {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  font-family: '微软雅黑';
  line-height: 1;
  vertical-align: text-bottom;
}
.trust__level p {
  display: inline-block;
  color: #ffffff;
  font-size: 56px;
  font-weight: bold;
  font-family: '微软雅黑';
  line-height: 1;
  vertical-align: text-bottom;
}
.trust__detail {
  display: none;
  width: 166px;
  position: relative;
}
.trust__job {
  padding: 8px 0 16px 16px;
}
.trust__job__icon {
  position: relative;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 1px;
}
.trust__job__icon img {
  display: block;
}
.trust__job__icon::after {
  content: '';
  display: block;
  background: url(/lds/h/K/IVWubUM67V2R73InARFd9g78yw.png);
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.trust__job__name {
  float: left;
  position: relative;
  height: 16px;
  padding-top: 0px;
  box-sizing: border-box;
}
.trust__job__name::after {
  content: '';
  display: block;
  width: 133px;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: 0;
  bottom: 0;
}
.trust__job__name img {
  vertical-align: top;
}
.trust__job__text {
  display: block;
  font-size: 10px;
  color: #404040;
  text-shadow: 0px 0px 4px #f3f3f3, 0px 0px 4px #f3f3f3;
  text-align: right;
  padding-top: 2px;
}
.trust__data {
  padding: 0 0 16px 16px;
}
.trust__data__exp,
.trust__data__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px solid #ccc;
  padding-bottom: 4px;
  margin-bottom: 4px;
  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;
  align-items: baseline;
}
.trust__data__exp p,
.trust__data__next p {
  font-size: 10px;
  font-family: '微软雅黑';
  font-weight: 400;
  color: #999;
  vertical-align: text-bottom;
}
.trust__data__exp span,
.trust__data__next span {
  display: block;
  font-size: 14px;
  font-family: '微软雅黑';
  font-weight: 700;
  color: #404040;
  text-shadow: 0px 0px 4px #f3f3f3, 0px 0px 4px #f3f3f3;
  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__sort__total,
.mount__sort__total {
  font-size: 10px;
  color: #999;
  text-align: right;
  line-height: 1;
  padding-right: 16px;
}
.minion__sort__total.com,
.mount__sort__total.com {
  width: 100%;
}
.minion__sort__total span,
.mount__sort__total span {
  font-size: 24px;
  font-weight: bold;
  color: #404040;
  display: block;
}
.minion__list__inner,
.mount__list__inner {
  position: relative;
  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;
  align-items: center;
  padding: 8px 40px 4px 16px;
  font-size: 14px;
  color: #404040;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.minion__list__inner:after,
.mount__list__inner:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-position: 0 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.minion__list__inner.press,
.mount__list__inner.press {
  background-color: #e6e6e6;
  -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;
}
.minion__list__inner.open:after,
.mount__list__inner.open:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-position: -48px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.minion__list__item,
.mount__list__item {
  min-height: 50px;
  height: auto;
  position: relative;
}
.minion__list__icon,
.mount__list__icon {
  width: 38px;
  margin-right: 8px;
}
.minion__list__icon__inner,
.mount__list__icon__inner {
  display: block;
  position: relative;
  width: 38px;
  height: 38px;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-box-align: start;
  -o-box-align: start;
  box-align: start;
  align-items: start;
  background: url(/lds/h/i/cHl5zHiAEQITvB3EsCIFl1sDNM.png) no-repeat center 0;
  -moz-background-size: 38px 38px;
  -o-background-size: 38px 38px;
  -webkit-background-size: 38px 38px;
  background-size: 38px 38px;
}
.minion__list__icon__inner::after,
.mount__list__icon__inner::after {
  content: '';
  width: 38px;
  height: 38px;
  background-position: -206px 0;
  -moz-background-size: 1137px auto;
  -o-background-size: 1137px auto;
  -webkit-background-size: 1137px auto;
  background-size: 1137px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/pQsm-s97eVce-kP6DgcxMHUkKw.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.minion__list__icon__image,
.mount__list__icon__image {
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 4px;
}
.minion__list__text,
.mount__list__text {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.minion__list__text img,
.mount__list__text img {
  display: block;
  height: 14px;
  width: auto;
  margin-bottom: 4px;
}
.minion__name,
.mount__name {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  line-height: 1.2;
}
.minion__detail,
.mount__detail {
  display: none;
}
.minion__detail__inner,
.mount__detail__inner {
  padding: 16px 16px 16px;
  background: #333333;
}
.minion__text,
.mount__text {
  font-size: 12px;
  color: #cccccc;
  margin-bottom: 16px;
  line-height: 1.4;
}
.minion__view,
.mount__view {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 8px;
}
.minion__info,
.mount__info {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.minion__foot,
.mount__foot {
  display: inline-block;
  width: 64px;
  vertical-align: text-bottom;
}
.minion__image,
.mount__image {
  display: inline-block;
  width: 128px;
  vertical-align: text-bottom;
  position: relative;
}
.minion__image .tooltip__text,
.mount__image .tooltip__text {
  position: static;
  margin: 0 auto;
  display: inline-block;
  text-align: left;
}
.minion__image .tooltip__text__wrapper,
.mount__image .tooltip__text__wrapper {
  width: max-content;
  min-width: 128px;
  position: absolute;
  right: 0;
  bottom: 132px;
  margin: 0 auto;
  text-align: center;
  display: none;
}
.minion__image.show .tooltip__text__wrapper,
.mount__image.show .tooltip__text__wrapper {
  display: block;
}
.minion__item_icon,
.mount__item_icon {
  position: relative;
  width: 38px;
  height: 38px;
  display: block;
}
.minion__item_icon__img,
.mount__item_icon__img {
  position: absolute;
  top: 2px !important;
  left: 50% !important;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
}
.minion__item_icon--frame,
.mount__item_icon--frame {
  background: url(/lds/h/J/-A7DYl4vvLtvGz_nshoUsqtrEc.png) no-repeat;
  width: 38px;
  height: 38px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.minion__type,
.mount__type {
  font-size: 12px;
  color: #999999;
  margin-bottom: 16px;
  line-height: 1;
}
.minion__type span,
.mount__type span {
  display: block;
  padding-top: 8px;
  color: #cccccc;
  line-height: 1;
}
.minion__item,
.mount__item {
  font-size: 12px;
  color: #999999;
  margin-bottom: 8px;
  line-height: 1;
}
.minion__data,
.mount__data {
  text-align: right;
  font-size: 12px;
  color: #999999;
}
.minion__anchor,
.mount__anchor {
  display: block;
  position: absolute;
  top: -45px;
  z-index: -1;
}
.mount__ride img {
  vertical-align: middle;
  margin-right: 3px;
  display: inline-block;
}
.mount__action {
  line-height: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mount__action__icon {
  cursor: pointer;
  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;
  margin-top: 8px;
}
.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(/lds/h/R/tJqa1xM8pxlvrsaWHTHwuzbK8U.png);
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.mount__action .tooltip__text {
  white-space: nowrap;
  margin-top: -24px;
}
.orchestrion-title {
  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;
  align-items: center;
  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;
  margin-bottom: 16px;
  padding: 4px 16px;
}
.orchestrion-title__icon {
  position: relative;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.orchestrion-title__icon::after {
  content: '';
  background: url(/lds/h/F/KP3UhzpRPbxo2BYzZHflsHgolo.png);
  background-size: 28px 28px;
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
}
.orchestrion-title__icon img {
  width: 32px;
  height: 32px;
}
.orchestrion-title h3 {
  font-size: 14px;
  color: #805733;
  font-weight: bold;
}
.orchestrion-title__select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 8px;
}
.orchestrion-title__select li {
  padding-left: 16px;
}
.orchestrion-menu.fixed {
  position: fixed !important;
  top: 48px;
  left: 0;
  right: 0;
  box-sizing: border-box;
  z-index: 2;
}
.orchestrion-menu__wrapper {
  height: 48px;
}
.orchestrion-list {
  padding-bottom: 32px;
}
.orchestrion-list__title {
  width: 100%;
  padding: 4px 32px 4px 16px;
  overflow: hidden;
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 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;
  min-height: 50px;
  box-sizing: border-box;
}
.orchestrion-list__title * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.orchestrion-list__title::after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.orchestrion-list__title.open::after {
  width: 16px;
  height: 16px;
  background-position: -48px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.orchestrion-list__title.press {
  background-color: #e6e6e6;
  -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;
}
.orchestrion-list li {
  position: relative;
}
.orchestrion-list li .ic_new {
  display: block;
  width: auto;
  height: 14px;
  pointer-events: none;
  margin-bottom: 4px;
}
.orchestrion-list li.unacquired .orchestrion-list__title {
  background: rgba(230, 230, 230, 0.3);
}
.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: 8px;
  color: #404040;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
}
.orchestrion-list__name {
  color: #404040;
  font-size: 14px;
  font-weight: bold;
  cursor: default;
  line-height: 1.2;
}
.orchestrion-detail {
  background: #ebe6d3;
  display: none;
}
.orchestrion-detail__inner {
  padding: 16px 0 0 0;
}
.orchestrion-detail__title {
  font-size: 12px;
  font-weight: bold;
  color: #0077b2;
  padding: 0 16px 6px;
}
.orchestrion-detail__text {
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  padding: 0 16px 16px;
  line-height: 1.2;
}
.orchestrion-detail__item h3 {
  background: #f5f0dc;
  padding: 4px 16px;
  font-size: 12px;
  font-weight: bold;
  color: #805733;
}
.orchestrion-detail .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;
  align-items: center;
  padding: 8px 16px 12px;
}
.orchestrion-detail .db_link__icon {
  width: 38px;
  margin-right: 4px;
}
.orchestrion-detail .db_link__text {
  width: calc(100% - 42px);
  color: #404040;
  font-size: 12px;
  font-weight: normal;
}
.tripletriad-title {
  padding-top: 15px;
  border-bottom: solid 1px #ccc;
}
.tripletriad-settings {
  margin-bottom: 16px;
  padding: 16px 16px 4px;
  border-bottom: solid 1px #ccc;
}
.tripletriad-settings__wrapper {
  width: 100%;
  margin-bottom: 16px;
}
.tripletriad-settings__wrapper th,
.tripletriad-settings__wrapper td {
  display: block;
  line-height: 1.6;
  font-size: 12px;
}
.tripletriad-settings__wrapper th {
  padding-right: 16px;
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
  font-size: 12px;
  font-weight: bold;
}
.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: 12px;
  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: 14px;
  font-weight: bold;
  color: #506fb3;
  margin-bottom: 16px;
  line-height: 1.2;
  padding: 0 16px;
}
.tripletriad-form__title {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 8px;
}
.tripletriad-form__wrapper {
  padding: 0 16px 16px 16px;
  margin-bottom: 16px;
}
.tripletriad-form .form__list {
  display: flex;
  flex-wrap: wrap;
}
.tripletriad-form .form__list li {
  width: 50%;
  display: flex;
  align-items: center;
  height: 16px;
  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 {
  padding: 0 16px;
  box-sizing: border-box;
}
.tripletriad-form .form__list.filter li {
  width: 100%;
  box-sizing: border-box;
}
.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;
  white-space: nowrap;
}
.tripletriad-form__type img,
.tripletriad-form__extra img,
.tripletriad-form__asc_desc img {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.tripletriad-form__pulldown {
  width: 100% !important;
  margin: 0 !important;
}
.tripletriad-form__sort {
  margin-bottom: 16px;
  padding-top: 4px;
}
.tripletriad-form__sort li {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.tripletriad-form__sort li:nth-last-child(1) {
  margin-bottom: 0;
}
.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 {
  flex-grow: 1;
  margin: 0 !important;
}
.tripletriad-form__btn {
  margin: 0 16px;
}
.tripletriad-card_list {
  margin: 0;
}
.tripletriad-card_list__inner {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 8px 32px 8px 16px;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.tripletriad-card_list__inner::after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.tripletriad-card_list__inner.open::after {
  width: 16px;
  height: 16px;
  background-position: -48px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.tripletriad-card_list__inner.press {
  background-color: #e6e6e6;
  -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;
}
.tripletriad-card_list__inner > .ic_new {
  position: absolute;
  left: 16px;
  top: 4px;
  display: block;
  width: 38px;
  height: auto;
  z-index: 2;
}
.tripletriad-card_list__inner > .icon {
  display: block;
  position: relative;
  width: 38px;
  height: 38px;
  margin: 0 2px 0 0;
  cursor: pointer;
  flex-shrink: 0;
}
.tripletriad-card_list__inner > .icon img {
  display: block;
  margin: 2px auto 0;
  width: 32px;
  height: auto;
}
.tripletriad-card_list__inner > .icon::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/lds/h/R/tJqa1xM8pxlvrsaWHTHwuzbK8U.png);
  width: 38px;
  height: 38px;
  background-size: 38px 38px;
}
.tripletriad-card_list__inner > .type {
  display: block;
  margin-right: 4px;
  flex-shrink: 0;
  white-space: nowrap;
}
.tripletriad-card_list__inner > .strength {
  background: #f3f3f3;
  width: 56px;
  height: 36px;
  position: relative;
  border-radius: 6px;
  flex-shrink: 0;
}
.tripletriad-card_list__inner > .strength img {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
}
.tripletriad-card_list__inner > .strength img.up {
  top: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tripletriad-card_list__inner > .strength img.down {
  bottom: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tripletriad-card_list__inner > .strength img.left {
  top: 10px;
  left: 4px;
}
.tripletriad-card_list__inner > .strength img.right {
  top: 10px;
  right: 4px;
}
.tripletriad-card_list__inner.unsettled {
  background: rgba(255, 255, 255, 0.3);
}
.tripletriad-card_list__inner.unsettled .tripletriad-card_list__text .num,
.tripletriad-card_list__inner.unsettled .tripletriad-card_list__text .name {
  opacity: 0.3;
  font-weight: normal;
}
.tripletriad-card_list__text {
  flex-grow: 1;
}
.tripletriad-card_list__text > .num {
  font-size: 10px;
  display: block;
  color: #404040;
}
.tripletriad-card_list__text > .name {
  font-size: 14px;
  font-weight: bold;
  color: #404040;
}
.tripletriad-card_list__text > .rarity {
  width: 64px;
  height: 16px;
  margin-right: 16px;
  white-space: nowrap;
  padding-left: 4px;
  display: flex;
}
.tripletriad-card_list__text > .rarity img {
  display: inline-block;
  margin-left: -4px;
  flex-shrink: 0;
}
.tripletriad-detail {
  width: 100%;
  overflow: hidden;
  background: #333333;
  display: none;
}
.tripletriad-detail__card {
  position: relative;
  width: 104px;
  height: 128px;
  background: url(/lds/h/w/tCUCAcnqVM0p9typDvWD8tg-EI.png) no-repeat 0 0;
  margin: 16px auto 10px;
}
.tripletriad-detail__card .card {
  display: block;
  width: 104px;
  height: 128px;
}
.tripletriad-detail__card .rarity {
  width: 32px;
  height: 31px;
  position: absolute;
  top: 4px;
  left: 6px;
}
.tripletriad-detail__card .rarity img {
  position: absolute;
  display: block;
}
.tripletriad-detail__card .rarity img:nth-child(1) {
  top: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tripletriad-detail__card .rarity img:nth-child(2) {
  top: 6px;
  left: 0;
}
.tripletriad-detail__card .rarity img:nth-child(3) {
  top: 6px;
  right: 0;
}
.tripletriad-detail__card .rarity img:nth-child(4) {
  left: 3px;
  bottom: 0;
}
.tripletriad-detail__card .rarity img:nth-child(5) {
  right: 3px;
  bottom: 0;
}
.tripletriad-detail__card .type {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 2px;
  right: 2px;
}
.tripletriad-detail__card .strength {
  background: url(/lds/h/m/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-detail__card .strength img {
  display: block;
  position: absolute;
}
.tripletriad-detail__card .strength .up {
  top: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tripletriad-detail__card .strength .down {
  bottom: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tripletriad-detail__card .strength .left {
  top: 8px;
  left: 0;
}
.tripletriad-detail__card .strength .right {
  top: 8px;
  right: 0;
}
.tripletriad-detail__text {
  width: calc(100% - 32px);
  margin: 0 auto;
  padding-bottom: 16px;
}
.tripletriad-detail__text .type {
  display: flex;
  align-items: center;
  color: #999999;
  font-size: 12px;
  margin-bottom: 6px;
  line-height: 1;
  height: 24px;
  font-weight: normal;
}
.tripletriad-detail__text .type img {
  display: block;
  margin: 0 2px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.tripletriad-detail__text .flavor {
  font-size: 12px;
  font-weight: normal;
  color: #cccccc;
  line-height: 1.5;
}
.tripletriad-detail__title {
  background: #404040;
  display: flex;
  align-items: center;
  height: 27px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: bold;
  color: #cccccc;
}
.tripletriad-detail__item {
  display: flex;
  align-items: center;
  padding: 8px 16px 12px 16px;
}
.tripletriad-detail__item__icon {
  position: relative;
  width: 38px;
  height: 38px;
  display: block;
  margin-right: 4px;
  flex-shrink: 0;
}
.tripletriad-detail__item__icon::before {
  content: '';
  display: block;
  width: 38px;
  height: 38px;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/160810event/-A7DYl4vvLtvGz_nshoUsqtrEc.png) no-repeat
    0 0;
  background-size: 38px 38px;
  position: absolute;
  top: 0;
  left: 0;
}
.tripletriad-detail__item__icon img {
  width: 32px;
  height: 32px;
  margin: 1px auto 0;
  display: block;
}
.tripletriad-detail__item__text {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
  color: #73bfe6;
}
.tripletriad-detail__item__text span {
  font-size: 12px;
  font-weight: bold;
  color: #cccccc;
}
.tripletriad-detail__link {
  display: flex;
  align-items: center;
  padding: 16px;
}
.tripletriad-detail__link a {
  font-size: 12px;
  font-weight: bold;
  color: #73bfe6;
}
.achievement__filter {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  padding: 16px 16px 8px 16px;
}
.achievement__filter li {
  width: 50%;
  margin-bottom: 8px;
  padding-right: 16px;
  box-sizing: border-box;
}
.achievement__filter li label {
  display: flex;
  align-items: flex-start;
}
.achievement__filter li label div {
  width: 24px;
  height: 24px;
  overflow: hidden;
  margin-right: 2px;
  flex-shrink: 0;
}
.achievement__filter li label img {
  display: block;
  width: 24px;
  height: auto;
}
.achievement__filter li label p {
  font-size: 14px;
  margin-top: 3px;
}
.achievement__filter li label input[type='checkbox']:checked + div img {
  margin-top: -24px;
}
.achievement__filter li label input[type='checkbox']:checked + div + p {
  color: #e57e17;
}
.achievement__total {
  position: absolute;
  right: 32px;
  top: 26px;
  margin-right: 0;
}
.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-right: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.achievement__switch p {
  font-size: 12px;
  margin: 0 4px;
}
.achievement__switch:before {
  content: '';
  background: url(/lds/h/N/naQjQgIqCXSJK-giQjiv2zxwP8.png) no-repeat 0 0;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
}
.search_parameters {
  font-size: 12px;
  padding: 0 16px 8px;
}
.search_parameters span {
  color: #e67e17;
}
.entry__quest {
  display: block;
  width: 100%;
  padding: 8px 24px 8px 16px;
  position: relative;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}
.entry__quest * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__quest:after {
  content: '';
  width: 8px;
  height: 1px;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.entry__quest > a {
  display: flex;
  align-items: flex-start;
}
.entry__quest > a:hover,
.entry__quest > a:hover * {
  text-decoration: none;
}
.entry__quest > a:before {
  content: ' ';
  position: absolute;
  top: 31%;
  right: 8px;
  width: 16px;
  height: 16px;
  background-position: -32px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.entry__quest > a.disabled {
  opacity: 0.25;
}
.entry__quest > a.no_link {
  cursor: default;
}
.entry__quest > a.no_link::after {
  display: none;
}
.entry__quest > a.no_link:before {
  content: none;
}
.entry__quest > div {
  display: flex;
  align-items: flex-start;
}
.entry__quest__icon {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  padding: 0;
}
.entry__quest__name {
  flex-grow: 1;
  padding-right: 10px;
  font-size: 14px;
}
.entry__quest__name time.history {
  line-height: 1;
  display: block;
}
.entry__quest__name time.history span {
  font-size: 10px;
  color: #999;
}
.entry__quest__name .genre {
  font-size: 12px;
}
.entry__quest__completed {
  display: inline-block;
  height: 14px;
  border-radius: 7px;
  background: #e67e17;
  color: #ffffff;
  align-items: center;
  position: relative;
  padding: 0 22px 0 8px;
  font-size: 10px;
  margin-bottom: 4px;
}
.entry__quest__completed span,
.entry__quest__completed time {
  font-size: inherit;
  color: inherit;
}
.entry__quest__completed::after {
  content: '';
  background: url(/lds/h/J/7usPnY-N5-jHtCUyd56McYG3sA.png) no-repeat 0 0;
  background-size: 14px 14px;
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  right: 4px;
}
.freecompany__text {
  margin: 0 16px;
}
.freecompany__text__tag {
  font-size: 12px;
  color: #999;
  font-weight: normal;
}
.freecompany__text__slogan span {
  background: url(/lds/h/5/8LelRFvWzl2q5yHPJ0xNHu9-dI.png) no-repeat left 50%,
    url(/lds/h/e/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__reputation {
  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;
  align-items: start;
  -webkit-align-items: start;
  align-items: start;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 16px 8px;
}
.freecompany__reputation__icon {
  width: 32px;
  margin-right: 8px;
}
.freecompany__reputation__data {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.freecompany__reputation__gcname {
  font-size: 12px;
}
.freecompany__ranking__notes {
  font-size: 12px;
  margin: 0 16px;
  color: #999;
}
.freecompany__estate__title {
  margin: 0 16px;
  font-size: 12px;
  color: #999;
}
.freecompany__estate__none {
  margin: 0 16px 32px;
  color: #999;
}
.freecompany__estate__greeting {
  margin: 0 16px 32px;
}
.freecompany__recruitment {
  color: #e57e17;
}
.freecompany__focus_icon {
  margin: 0 16px;
}
.freecompany__focus_icon--off {
  opacity: 0.15;
}
.freecompany__focus_icon li {
  width: 50%;
  float: left;
  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;
  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;
}
.freecompany__focus_icon li div {
  width: 32px;
  margin-right: 5px;
}
.freecompany__focus_icon li img {
  display: block;
}
.freecompany__focus_icon li p {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.freecompany__seeking_icon {
  margin: 0 16px 32px;
}
.freecompany__seeking_icon--off {
  opacity: 0.15;
}
.freecompany__seeking_icon li {
  float: left;
  margin-right: 8px;
}
.entry__freecompany {
  width: 100%;
  padding: 8px 20px 8px 16px;
  overflow: hidden;
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 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: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.entry__freecompany.press {
  background-color: #e6e6e6;
  -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__crest {
  width: 50px;
  height: 50px;
  position: relative;
  padding-right: 6px;
  padding-left: 50px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__freecompany__crest img {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
}
.entry__freecompany__crest i {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -20px;
}
.entry__freecompany__crest__image {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 1px;
  left: 1px;
}
.entry__freecompany__crest__base {
  display: block;
  width: 50px;
  height: 50px;
}
.entry__freecompany__box {
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.entry__freecompany--off {
  opacity: 0.15;
}
.entry__freecompany__inner {
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 8px;
}
.entry__freecompany__data {
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 8px;
}
.entry__freecompany__data li {
  width: 16px;
  height: 16px;
  line-height: 1;
}
.entry__freecompany__data 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;
  align-items: center;
}
.entry__freecompany__data li {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 16px;
  margin-right: 4px;
}
.entry__freecompany__fcprofile {
  margin-right: 12px;
}
.entry__freecompany__fc-active {
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 4px;
  font-size: 10px;
  color: #404040;
}
.entry__freecompany__fc-active li {
  width: 50%;
}
.entry__freecompany__fc-data {
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 10px;
  color: #404040;
}
.entry__freecompany__fc-data li {
  position: relative;
  padding: 0 16px 0 12px;
}
.entry__freecompany__fc-data li:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
}
.entry__freecompany__fc-member:before {
  width: 10px;
  height: 10px;
  background-position: -190px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.entry__freecompany__fc-housing:before {
  width: 10px;
  height: 10px;
  background-position: -180px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.entry__freecompany__fc-day:before {
  width: 10px;
  height: 10px;
  background-position: -170px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.entry__freecompany__fc-comment {
  position: relative;
  padding-left: 18px;
  margin: 8px 0 6px;
  font-size: 12px;
  color: #404040;
}
.entry__freecompany__fc-comment:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-position: -84px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.entry__freecompany__fc-comment span {
  background: url(/lds/h/5/8LelRFvWzl2q5yHPJ0xNHu9-dI.png) no-repeat left 50%,
    url(/lds/h/e/B3zUxTzae2rXdVODdHQ5k41Z00.png) no-repeat right 50%;
  padding: 2px 15px;
  -moz-background-size: 16px;
  -o-background-size: 16px;
  -webkit-background-size: 16px;
  background-size: 16px;
}
.entry__freecompany__update {
  padding-top: 2px;
  text-align: right;
  font-size: 10px;
  color: #999;
}
.thread__ic_lock {
  display: inline-block;
  margin-right: 8px;
  vertical-align: top;
}
.thread__list {
  position: relative;
  display: block;
  width: 100%;
  padding: 4px 16px 8px 16px;
  overflow: hidden;
  background-color: #e6e6e6;
  -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;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.thread__list * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.thread__list:after {
  content: '';
  width: 8px;
  height: 1px;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.thread__list a {
  display: block;
  color: #404040;
}
.thread__list__header {
  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;
  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: 4px;
}
.thread__list__header__comment {
  color: #404040;
  font-size: 12px;
}
.thread__list__header__comment::before {
  content: '';
  width: 16px;
  height: 16px;
  background-position: -84px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 2px;
}
.thread__list__inner {
  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;
  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: 8px;
}
.thread__list__face {
  width: 48px;
  margin-right: 8px;
  position: relative;
}
.thread__list__face img {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  display: block;
}
.thread__list__title {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
}
.thread__list__time {
  margin-bottom: 6px;
}
.thread__list__time p {
  float: left;
  width: 50%;
  font-size: 10px;
  vertical-align: top;
  line-height: 1;
}
.thread__list__time p img {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 2px;
  vertical-align: top;
}
.thread__list__time--created {
  color: #404040;
}
.thread__list__time--updata {
  color: #e57e17;
}
.thread__list__creator--name {
  font-size: 12px;
  font-weight: bold;
  color: #404040;
  display: inline-block;
  margin-right: 8px;
}
.thread__list__creator--worldname {
  font-size: 10px;
  font-weight: normal;
  color: #999;
  display: inline-block;
}
.thread__state {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.thread__state__genre {
  margin-right: 8px;
  display: inline-block;
}
.thread__state__genre span {
  display: inline-block;
  padding: 2px 8px 1px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
}
.thread__state__genre--normal {
  background: #999;
}
.thread__state__genre--sticky {
  background: #b2122d;
}
.thread__state__status {
  display: inline-block;
}
.thread__state__status span {
  display: inline-block;
  padding: 2px 8px 1px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
}
.thread__state__status--public {
  background: #3d6629;
}
.thread__state__status--only {
  background: #264b80;
}
.thread__state__status--drafts {
  background: #807333;
}
.thread__body {
  padding: 16px;
  white-space: pre-wrap;
}
.thread__image {
  margin: 0 0 4px 0;
}
.thread__image__external::after {
  content: '';
  width: 20px;
  height: 20px;
  background-position: -304px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}
.thread__image li {
  margin: 0 12px 12px 0;
  background: #ccc;
  width: 48px;
  height: 48px;
  text-align: center;
  vertical-align: middle;
  float: left;
}
.thread__image li:nth-last-child(1) {
  margin-right: 0;
}
.thread__image li a {
  width: 48px;
  height: 48px;
  text-align: center;
  vertical-align: middle;
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.thread__image li img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.thread__social {
  position: relative;
  margin: 0 12px 16px 16px;
}
.thread__social ul {
  float: right;
}
.thread__social__report {
  position: absolute;
  top: 8px;
  left: 0;
}
.thread__comment {
  height: 1%;
}
.thread__comment__body {
  margin: 16px;
  white-space: pre-wrap;
}
.thread__comment__delete {
  color: #999;
}
.thread__comment__line {
  padding-top: 16px;
  border-top: solid 1px #ccc;
}
.thread__quote {
  margin-bottom: 16px;
  padding: 8px;
  background: #fff;
  border-radius: 4px;
  color: #999;
}
.thread__quote__header {
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 8px;
}
.thread__quote__header--name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-right: 8px;
  color: #404040;
}
.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;
}
.thread__jump {
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
}
.thread__jump::after {
  content: '';
  width: 20px;
  height: 20px;
  background-position: -364px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
input[type='text'].form__control,
textarea.form__control {
  display: block;
  width: 100%;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  color: #404040;
  background-image: none;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  -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: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 {
  margin-bottom: 16px;
}
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;
  margin: 0 16px 16px;
  z-index: 10;
}
.select-pulldown:after {
  content: ' ';
  position: absolute;
  top: 8px;
  right: 8px;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
}
.select-pulldown__open {
  display: inline-block;
  width: 100%;
  box-shadow: none;
  padding: 8px 24px 8px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #404040;
  line-height: 1.2;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -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-appearance: none;
  -webkit-appearance: none;
  font-size: 14px;
}
.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 {
  width: 100%;
  margin-bottom: 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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.select-pulldown__box .select-pulldown {
  margin-bottom: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.select-pulldown__icon {
  position: relative;
  width: 100%;
  margin-bottom: 16px;
}
.select-pulldown__icon .select-pulldown {
  margin-bottom: 0;
  margin-right: 48px;
}
.select-pulldown__calendar {
  position: relative;
  width: 100%;
  margin-bottom: 16px;
}
.select-pulldown__calendar .select-pulldown {
  margin-bottom: 0;
  margin-right: 78px;
}
.select-pulldown__calendar .icon-btn__calendar {
  position: absolute;
  top: 8px;
  right: 46px;
}
.select-pulldown__filter {
  position: absolute;
  top: 8px;
  right: 16px;
}
.select-pulldown__years {
  text-align: center;
}
.select-pulldown__years .select-pulldown {
  display: inline-block;
  width: 31.33%;
  margin-right: 2% !important;
  -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;
}
.select-pulldown__minion_mount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 16px;
}
.select-pulldown__minion_mount .select-pulldown {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-bottom: 0;
}
.form__horizontal {
  padding-right: 16px;
  padding-left: 16px;
}
.form__horizontal .select-pulldown {
  margin-right: 0;
  margin-left: 0;
}
.form__horizontal .heading--sm {
  padding-right: 0;
  padding-left: 0;
}
.form__horizontal .parts__text {
  margin-right: 0;
  margin-left: 0;
}
.form__list {
  width: 100%;
  box-sizing: border-box;
}
.form__list 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 li:nth-child(odd) {
  padding-right: 8px;
}
.form__list__icon {
  width: 100%;
}
.form__list__icon li {
  width: 50%;
  padding-bottom: 12px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.form__list__icon li:nth-child(odd) {
  padding-right: 8px;
}
.form__row {
  width: 100%;
}
.form__row li {
  padding-bottom: 16px;
  vertical-align: top;
}
.form__row--space_reset {
  padding-bottom: 0 !important;
}
.form__error {
  color: #b2122d;
}
.form__count {
  padding: 4px 4px 0 0;
  font-size: 12px;
  text-align: right;
}
.form__count .input_charcounter-over {
  color: #b2122d !important;
}
.form__radio__label {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  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: -1px;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  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: 3px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #e57e17;
  border-radius: 100%;
}
.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;
  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: 3px;
  left: 2px;
  width: 10px;
  height: 4px;
  border-left: 2px solid #e57e17;
  border-bottom: 2px solid #e57e17;
  -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-top: 4px;
  padding-left: 26px;
}
.form__checkbox__label--none::before {
  top: 4px;
  left: 4px;
}
input[type='checkbox']:checked + .form__checkbox__label--none::after {
  top: 8px;
  left: 6px;
}
.form__icon {
  display: none;
}
.form__icon__img {
  position: absolute;
  content: ' ';
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
}
.form__icon__label {
  position: relative;
  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;
  align-items: center;
  min-height: 24px;
  padding-left: 26px;
  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::after {
  position: absolute;
  content: ' ';
  top: 8px;
  left: 8px;
  width: 16px;
  height: 16px;
  background-position: -100px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.form__icon__label span {
  display: block;
  font-size: 10px;
  color: #999;
}
.form__icon__label.disabled {
  opacity: 0.25;
}
.form__submit {
  width: 100%;
  margin-bottom: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.form__submit input[type='submit'],
.form__submit input[type='button'] {
  display: block;
  -webkit-appearance: none;
  width: 100%;
  height: 32px;
  padding: 0 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
}
.form__submit input[type='submit'].press,
.form__submit input[type='button'].press {
  color: #fff;
  background-color: #5990ff;
  -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: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.form__submit__color {
  text-align: center;
}
.form__submit__color input[type='submit'] {
  display: block;
}
.form__emotion {
  width: 320px;
  margin: 0 auto;
}
.form__emotion__list {
  float: left;
  width: 48px;
  padding: 8px 16px;
}
.form__emotion__list input[type='radio']:checked + .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 {
  border-radius: 100%;
}
.form__blog__img {
  position: relative;
  float: left;
  width: 80px;
  height: 80px;
  margin: 6px 12px;
  background: #ccc;
}
.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: 80px;
  height: 80px;
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
.form__blog__img__inner img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.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: 24px;
  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: -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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.form__number--min,
.form__number--max {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.form__number--hyphen {
  padding: 0 12px;
}
.form__classjob {
  width: 288px;
  margin: 0 auto 8px;
}
.form__classjob__title {
  font-size: 12px;
  margin: 0 16px 8px;
}
.form__classjob li {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 19px 8px 0;
}
.form__classjob li label {
  display: block;
  width: 32px;
  height: 32px;
  position: relative;
}
.form__classjob li:nth-child(6n) {
  margin-right: 0;
}
.form__classjob__cover {
  display: none;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
}
.form__classjob input:checked + .form__classjob__cover {
  display: block;
}
.form__message--error {
  padding: 6px;
  margin: 0 16px 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f3f3f3;
  border: 1px solid #b2122d;
  font-size: 12px;
  color: #b2122d;
  border-radius: 4px;
  text-align: center;
}
.form__message--confirm {
  padding: 6px;
  margin: 0 16px 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f3f3f3;
  border: 1px solid #e57e17;
  font-size: 12px;
  color: #e57e17;
  border-radius: 4px;
}
.form__message--delete {
  padding: 6px;
  margin: 16px 16px 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f3f3f3;
  border: 1px solid #999;
  font-size: 12px;
  color: #999;
  border-radius: 4px;
  text-align: center;
}
.form__message--complete {
  padding: 6px;
  margin: 0 16px 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f3f3f3;
  border: 1px solid #548c38;
  font-size: 12px;
  color: #548c38;
  border-radius: 4px;
  text-align: center;
}
.form__calendar--all {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 14px;
}
.form__calendar--ym {
  margin-bottom: 8px;
}
.form__calendar--ym:last-of-type {
  margin-bottom: 16px;
}
.form__calendar--ym a {
  font-size: 14px;
}
.form__calendar--ym a.active {
  color: #e57e17;
}
.form__option_group__flex {
  display: flex;
  justify-content: space-between;
}
.form__option_group__input {
  margin-top: -2px;
  text-align: right;
}
.form__option_group__input .form__checkbox__label {
  font-size: 12px;
}
.btn__menu {
  display: block;
  height: 100%;
  padding: 12px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
  color: #404040;
  background-color: #e6e6e6;
  -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: #e6e6e6;
  -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--disable {
  color: rgba(64, 64, 64, 0.25);
}
.btn__menu-2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px;
  margin-bottom: 16px;
}
.btn__menu-2 li {
  width: 50%;
  height: 40px;
}
.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: 100%;
  height: 40px;
  line-height: 1.2;
  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;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  text-align: center;
  color: #404040;
  padding-top: 0;
  padding-bottom: 0;
}
.btn__menu-3 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px;
  margin-bottom: 16px;
}
.btn__menu-3 li {
  width: 33.333%;
  height: 40px;
}
.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: 100%;
  height: 40px;
  line-height: 1.2;
  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;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  text-align: center;
  color: #404040;
  padding-top: 0;
  padding-bottom: 0;
}
.btn__menu-4 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px;
  margin-bottom: 16px;
}
.btn__menu-4 li {
  width: 25%;
  min-height: 40px;
}
.btn__menu-4 li:nth-child(1) a,
.btn__menu-4 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-4 li:nth-child(2) a,
.btn__menu-4 li.btn__menu--disable:nth-child(2),
.btn__menu-4 li:nth-child(3) a,
.btn__menu-4 li.btn__menu--disable:nth-child(3) {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.btn__menu-4 li:nth-child(4) a,
.btn__menu-4 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;
}
.btn__menu-4 a {
  width: 100%;
  height: 40px;
  line-height: 1.2;
  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;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  text-align: center;
  height: 100%;
  color: #404040;
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn__link {
  width: 100%;
  text-align: right;
}
.btn__link a {
  display: block;
  position: relative;
  padding: 12px 24px 12px 8px;
  color: #fff;
  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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  font-size: 14px;
  line-height: 1.2;
}
.btn__link a:before {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: -64px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn__link a.press {
  color: #fff;
  background-color: #5990ff;
  -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: 12px 24px 12px 8px;
  display: block;
  font-size: 14px;
  line-height: 1.2;
  color: #404040;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 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: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.btn__link a.patchnote.press {
  background-color: #e6e6e6;
  -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: 16px;
}
.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__next {
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.btn__next a {
  padding: 12px 8px 12px 8px;
  color: #fff;
  background-color: #4769b3;
  display: block;
  font-size: 14px;
  line-height: 1.2;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__next a.press {
  color: #fff;
  background-color: #5990ff;
  -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: -16px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
.btn__prev {
  width: 100%;
  text-align: left;
}
.btn__prev a {
  position: relative;
  padding: 12px 8px 12px 24px;
  display: block;
  font-size: 14px;
  line-height: 1.2;
  color: #404040;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__prev a:before {
  content: ' ';
  position: absolute;
  top: 12px;
  left: 8px;
  width: 16px;
  height: 16px;
  background-position: -16px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.btn__prev a.press {
  background-color: #e6e6e6;
  -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: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__prev__submit:before {
  content: ' ';
  position: absolute;
  top: 12px;
  left: 8px;
  width: 16px;
  height: 16px;
  background-position: -16px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.btn__prev__submit input {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  color: #404040;
  text-align: left;
  -webkit-appearance: none;
  padding: 0;
  background: none;
}
.btn__prev__submit.press {
  background-color: #e6e6e6;
  -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 {
  width: 100%;
  padding: 12px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #e6e6e6;
}
.btn__nav__prev {
  position: relative;
  width: 50%;
  padding-left: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.btn__nav__prev:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-position: -16px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.btn__nav__next {
  position: relative;
  width: 50%;
  padding-right: 16px;
  margin-left: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.btn__nav__next:before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background-position: -32px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.btn__nav a {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  color: #404040;
}
.btn__icon {
  width: 100%;
}
.btn__icon a {
  position: relative;
  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;
  align-items: center;
  padding: 8px 24px 8px 8px;
  font-size: 14px;
  color: #404040;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 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: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.btn__icon a.press {
  background-color: #e6e6e6;
  -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 {
  margin-right: 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;
  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--left i.xiv-lds {
  margin-right: 0;
}
.btn__icon__inner--right {
  text-align: right;
}
.btn__color {
  display: block;
  padding: 0 8px;
  margin: 0 16px 16px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  line-height: 1.2;
  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;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  text-align: center;
  width: auto;
  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;
  color: #fff !important;
}
.btn__color.press {
  color: #fff;
  background-color: #5990ff;
  -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 {
  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: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
  margin-bottom: 16px;
}
.btn__color__nav li {
  width: 50%;
  padding: 0 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn__color__nav a {
  width: 100%;
  height: 40px;
  line-height: 1.2;
  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;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  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;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.btn__color__nav a.press {
  color: #fff;
  background-color: #5990ff;
  -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 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__nav--radius {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
}
.btn__color__nav--radius li {
  width: 50%;
  padding: 0 4px;
  margin-bottom: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn__color__nav--radius a,
.btn__color__nav--radius input {
  -webkit-appearance: none;
  width: 100%;
  height: 40px;
  line-height: 1.2;
  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;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  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;
  height: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  font-size: inherit;
  cursor: pointer;
}
.btn__color__nav--radius a.press,
.btn__color__nav--radius input.press {
  color: #fff;
  background-color: #5990ff;
  -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: #6cbf43;
  -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: #e65069;
  -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.world_transfer_service li a {
  height: 100%;
  min-height: 40px;
  padding: 2px;
}
.btn__color--radius {
  padding: 0 8px;
  margin: 0 16px 16px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  line-height: 1.2;
  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;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  text-align: center;
  width: auto;
  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;
  height: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  color: #fff !important;
}
.btn__color--radius.press {
  color: #fff;
  background-color: #5990ff;
  -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__clipboard {
  background: #262626;
  padding: 16px 8px 0;
}
.btn__color__clipboard--title {
  width: auto;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #3d5a99;
  display: block;
  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.press {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  color: #fff;
  background: #5990ff;
  -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;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #3d5a99;
  display: block;
  margin: 10px 10px 2px;
  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.press {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  color: #fff;
  background: #5990ff;
  -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 {
  display: block;
  width: 120px;
  padding: 3px 0 2px;
  box-sizing: border-box;
  font-size: 10px;
  color: #fff !important;
  text-align: center;
  border-radius: 24px;
  color: #fff;
  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;
}
.btn__radius__mini.press {
  color: #fff;
  background-color: #5990ff;
  -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__report {
  position: relative;
  display: inline-block;
  padding: 5px 6px 4px 22px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  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;
  font-size: 10px;
}
.btn__report:before {
  content: ' ';
  position: absolute;
  top: 4px;
  left: 8px;
  width: 12px;
  height: 12px;
  background-position: -476px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.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: #eee;
}
.btn__category a {
  color: #404040;
}
.btn__category dt a,
.btn__category dt span {
  position: relative;
  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;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 32px 0 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__category dt a.press,
.btn__category dt span.press {
  background-color: #e6e6e6;
  -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__category dt a i,
.btn__category dt span i {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -8px;
}
.btn__category dt span.disabled {
  opacity: 0.25;
}
.btn__category__list {
  display: none;
}
.btn__category__list ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.btn__category__list ul li {
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn__category__list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -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;
  align-items: center;
  height: 40px;
  padding: 0 8px 0 16px;
  font-size: 12px;
}
.btn__category__list ul li a:nth-child(even) {
  padding: 0 16px 0 8px;
}
.btn__category__list ul li.category {
  width: 100%;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__category__list ul li.category > dt > a {
  background-color: #f3f3f3;
}
.btn__category__list ul.quest,
.btn__category__list ul.achievement {
  margin-bottom: -1px;
}
.btn__category__list ul.quest li:nth-child(odd),
.btn__category__list ul.achievement li:nth-child(odd) {
  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset, -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset, -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset, -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__category__list ul.quest li:nth-child(even),
.btn__category__list ul.achievement li:nth-child(even) {
  -moz-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__category__list ul.quest li:nth-child(1),
.btn__category__list ul.achievement li:nth-child(1) {
  -moz-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__category__list ul.quest li:nth-child(2),
.btn__category__list ul.achievement li:nth-child(2) {
  -moz-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__category__list ul.quest li.category,
.btn__category__list ul.achievement li.category {
  width: 100%;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
.btn__category__list ul.quest li.category > dt > a,
.btn__category__list ul.achievement li.category > dt > a {
  background-color: #f3f3f3;
}
.btn__comment {
  margin: 0 16px 16px;
  color: #fff !important;
  z-index: 10;
  position: relative;
}
.btn__comment:after {
  content: '.';
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.btn__edit {
  width: 100%;
  padding: 0 16px;
  margin-bottom: 16px;
  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;
  align-items: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.btn__edit li {
  width: 33.33333%;
  padding-right: 9px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn__edit li:nth-last-child(1) {
  padding-right: 0;
}
.btn__edit li a {
  display: block;
  padding: 5px 0 4px;
  font-size: 10px;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  font-size: 10px;
  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__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 {
  display: block;
  padding: 5px 0 4px;
  width: 50%;
  color: #fff !important;
  text-align: center;
  float: right;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  font-size: 10px;
  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.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__login {
  display: block;
  padding: 0 8px;
  margin: 0 16px 16px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  line-height: 1.2;
  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;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  text-align: center;
  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;
  font-weight: bold;
  color: #fff !important;
}
.btn__login.press {
  background-color: #e65069;
  -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;
  padding: 0 8px;
  margin: 0 16px 16px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  line-height: 1.2;
  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;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  text-align: center;
  width: auto;
  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;
}
.btn__mogstation__icon {
  position: absolute;
  top: 50%;
  left: 0;
  width: 72px;
  height: 72px;
  margin-top: -36px;
  background: url() no-repeat 0 0;
  opacity: 0.5;
  -moz-background-size: 72px;
  -o-background-size: 72px;
  -webkit-background-size: 72px;
  background-size: 72px;
}
.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__general {
  border-radius: 8px;
  display: block;
  width: 272px;
  margin: 0 auto 8px;
  position: relative;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  -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;
  width: 100%;
  height: auto;
}
.btn__general img.on {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0;
  z-index: 1;
}
.btn__general.press img.on {
  opacity: 1;
}
#diary_slide_image li a {
  background: #ccc;
}
.blog__area--white #diary_slide_image li a {
  background: #cccccc;
}
.blog__area--black #diary_slide_image li a {
  background: #1b1b1b;
}
.txt_diary,
.box_event_detail-text {
  white-space: pre-wrap;
}
.blog__area--white .txt_diary .diary_image a,
.blog__area--white .box_event_detail-text .diary_image a,
.blog__area--white .confirm_area_inline .diary_image a {
  background: #cccccc;
}
.blog__area--black .txt_diary .diary_image a,
.blog__area--black .box_event_detail-text .diary_image a,
.blog__area--black .confirm_area_inline .diary_image a {
  background: #1b1b1b;
}
.blog__area {
  padding: 16px;
  margin-bottom: 32px;
  background: #1b1b1b;
  color: #cccccc;
}
.blog__area a {
  color: #73bfe6;
}
.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--simple {
  padding: 16px;
  margin-bottom: 32px;
  background: #e6e6e6;
  color: #404040;
}
.blog__area--simple a {
  color: #2556b8;
}
.blog__area--simple .thumb_list li {
  background-color: #ccc;
}
.blog__area--black {
  padding: 16px;
  margin-bottom: 16px;
  background: #262626;
  color: #cccccc;
}
.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;
  margin-bottom: 16px;
  background: #e6e6e6;
  color: #404040;
}
.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__like {
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.blog__area__like__bt_box {
  width: 50%;
}
.blog__area__like__bt_box:nth-last-child(1) {
  text-align: right;
}
.blog__area__like__bt_like {
  display: inline-block;
  height: 20px;
  padding-left: 24px;
  vertical-align: middle;
  cursor: pointer;
  background: url(/lds/h/7/Dda8WXbwe5J2BHpdfiGRaT9TSo.png) no-repeat 0 0;
  background: url(/lds/h/f/EKSt4UnCVepfA1p10jHyS05uaE.png) no-repeat left center;
  background-size: 20px;
  color: #ccc !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 20px;
}
.blog__area--simple .blog__area__like__bt_like {
  background: url(/lds/h/G/B5faabimIY6CTnOim8IeAINBrE.png) no-repeat 0 0;
  background-size: 20px;
  color: #404040 !important;
}
.blog__area--white .blog__area__like__bt_like {
  background: url(/lds/h/G/B5faabimIY6CTnOim8IeAINBrE.png) no-repeat 0 0;
  background-size: 20px;
  color: #404040 !important;
}
.blog__area__like__bt_like.press {
  background: url(/lds/h/7/Dda8WXbwe5J2BHpdfiGRaT9TSo.png) no-repeat 0 0;
  background-size: 20px;
}
.blog__area__like__bt_liked {
  background: url(/lds/h/7/Dda8WXbwe5J2BHpdfiGRaT9TSo.png) no-repeat 0 0;
  background: url(/lds/h/p/1dkr-UWQUP_GJRCRLAqtlcdAac.png) no-repeat left center;
  background-size: 20px;
  display: inline-block;
  height: 20px;
  padding-left: 24px;
  vertical-align: middle;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ccc !important;
  line-height: 20px;
}
.blog__area--white .blog__area__like__bt_liked {
  color: #404040 !important;
}
.blog__area--simple .blog__area__like__bt_liked {
  color: #404040 !important;
}
.blog__area__like__bt_liked.press {
  background: url(/lds/h/7/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;
  text-align: right;
}
.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;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  margin: 0;
  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%;
  top: 0;
  left: 0;
  z-index: 10010;
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px;
  background: rgba(0, 0, 0, 0.6);
}
.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__member {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.blog__area__like__list__member__wrapper {
  position: relative;
  padding: 48px 0 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.blog__area__like__list__member__header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  padding-top: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.iScrollVerticalScrollbar {
  overflow: hidden;
  position: absolute;
  z-index: 9999;
}
.iScrollVerticalScrollbar .iScrollIndicator {
  width: 100%;
}
.iScrollVerticalScrollbar {
  width: 4px;
  top: 2px;
  right: 2px;
  bottom: 2px;
}
.iScrollIndicator {
  position: absolute;
  background: #333;
  border-radius: 2px;
  box-sizing: border-box;
}
.entry__blog * {
  word-break: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.entry__blog__link {
  position: relative;
  display: block;
  padding: 4px 16px 8px;
  background-color: #e6e6e6;
  -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;
}
.entry__blog__link:after {
  content: '';
  width: 8px;
  height: 1px;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.entry__blog__link--self {
  background-color: #faedc8;
}
.entry__blog__link--self .entry__blog__inner h2,
.entry__blog__link--self .entry__blog__header ul li,
.entry__blog__link--self .entry__blog__search__chara__name {
  color: #404040;
}
.entry__blog__link--white {
  background-color: #e6e6e6;
  -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;
}
.entry__blog__link--white:after {
  content: '';
  width: 8px;
  height: 1px;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.entry__blog__link--white .icon-list__views {
  width: 16px;
  height: 16px;
  background: url(/lds/h/T/316q6kysUBEOJN3-NIhSEKocNA.png) 0 0 no-repeat;
  background-size: 16px;
}
.entry__blog__link--white .icon-list__comment {
  background: url(/lds/h/R/_uKhMhZGd5RzwXBBtqLhsGRdDM.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.entry__blog__link--white .icon-list__tag {
  width: 16px;
  height: 16px;
  display: block;
  background: url(/lds/h/p/D6Mj5pPNtZyyDdmN_hRFEvrnaM.png) 0 0 no-repeat;
  background-size: 16px;
}
.entry__blog__link--black {
  background-color: #262626;
  -moz-box-shadow: 0px -1px 0px 0px #3d3d3d inset;
  -webkit-box-shadow: 0px -1px 0px 0px #3d3d3d inset;
  box-shadow: 0px -1px 0px 0px #3d3d3d inset;
  color: #ccc;
}
.entry__blog__link--black:after {
  content: '';
  width: 8px;
  height: 1px;
  background: #262626;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.entry__blog__link--black .icon-list__views {
  width: 16px;
  height: 16px;
  background: url(/lds/h/Y/8cvkq-p798Mp-ia57iOo7TirI4.png) 0 0 no-repeat;
  background-size: 16px;
}
.entry__blog__link--black .icon-list__comment {
  background: url(/lds/h/y/Vgp0i3mka6uqjBD0_1Qp7iQNV4.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.entry__blog__link--black .icon-list__tag {
  width: 16px;
  height: 16px;
  display: block;
  background: url(/lds/h/y/CgpjLA62HsegIeOLTEszmuHA2M.png) 0 0 no-repeat;
  background-size: 16px;
}
.entry__blog__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 8px;
}
.entry__blog__header time {
  font-size: 12px;
  color: #999;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: block;
}
.entry__blog__header ul {
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.entry__blog__header ul li {
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  color: #404040;
  line-height: 1;
  font-size: 12px;
  vertical-align: middle;
  margin-right: 8px;
}
.entry__blog__header ul li:nth-last-child(1) {
  margin-right: 0;
}
.entry__blog__link--black .entry__blog__header ul li {
  color: #cccccc;
}
.entry__blog__link--white .entry__blog__header ul li {
  color: #404040;
}
.entry__blog__header ul li span {
  display: block;
  line-height: 1;
}
.entry__blog__header__views i,
.entry__blog__header__comment i {
  margin-right: 2px;
  display: block;
}
.entry__blog__header__like i {
  margin-right: 2px;
  display: block;
}
.entry__blog__box {
  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;
  align-items: start;
  -webkit-align-items: start;
  align-items: start;
}
.entry__blog__inner {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.entry__blog__inner h2 {
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  margin-bottom: 8px;
}
.entry__blog__link--black .entry__blog__inner h2 {
  color: #cccccc;
}
.entry__blog__link--white .entry__blog__inner h2 {
  color: #404040;
}
.entry__blog__inner .btn__radius__mini {
  position: absolute;
  right: 0;
  bottom: 0;
}
.entry__blog__img {
  background: #ccc;
  width: 64px;
  height: 64px;
  margin-left: 8px;
  padding-left: 64px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__blog__img__inner {
  width: 64px;
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
.entry__blog__img__inner img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.entry__blog__tag {
  position: relative;
  min-height: 10px;
  margin-bottom: 4px;
  padding-left: 18px;
  line-height: 1;
}
.entry__blog__tag i {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
}
.entry__blog__tag li {
  display: inline-block;
  color: #999;
  font-size: 12px;
  line-height: 1.2;
}
.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 {
  display: inline-block;
  padding: 2px 8px 1px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
}
.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 {
  display: block;
  padding: 4px 16px 0 0;
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.entry__blog__search__chara__face {
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  padding-left: 32px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.entry__blog__search__chara__face img {
  border-radius: 16px;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.entry__blog__search__chara__box {
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.entry__blog__search__chara__name {
  font-size: 14px;
  color: #404040;
  font-weight: bold;
  width: 100%;
}
.entry__blog__search__chara__world {
  font-size: 10px;
  color: #999;
  line-height: 1;
}
.bt__more {
  background: #1b1b1b;
  display: block;
  margin: 12px 8px;
  padding: 12px;
  border-radius: 4px;
  text-align: center;
  color: #e5e5e5;
  font-weight: bold;
  font-size: 14px;
}
.l__title {
  padding: 22px 8px 8px;
  border-bottom: solid 1px #ccc;
  color: #404040;
  font-size: 14px;
  font-weight: bold;
}
.l__news__list--last {
  margin-bottom: 32px;
}
.l__news__list__top {
  margin-bottom: 24px;
}
.l__news__more {
  float: right;
  padding-right: 20px;
  color: #404040 !important;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  margin-top: 3px;
  position: relative;
}
.l__news__more:after {
  content: '';
  width: 16px;
  height: 16px;
  background-position: -424px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}
.l__news__item {
  background: #e6e6e6;
}
.l__news__item__link_area {
  padding: 6px 0 0 28px;
  display: block;
  position: relative;
}
.l__news__item__icon {
  position: absolute;
  top: 22px;
  left: 4px;
}
.l__news__item__text {
  padding: 0 8px 8px 6px;
  border-bottom: 1px solid #ccc;
}
.l__news__item__text--time {
  display: block;
  color: #999;
  font-size: 12px;
  margin-bottom: 6px;
  line-height: 1;
}
.l__news__item__text--title {
  color: #404040;
  font-size: 14px;
}
.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__category_menu {
  width: 100%;
  overflow: hidden;
  height: 52px;
  margin-bottom: 1px;
  background: #e6e6e6;
}
.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;
  font-size: 14px;
  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: #e6e6e6;
}
.l__news__detail__header__text {
  padding: 0 8px 8px 6px;
}
.l__news__detail__header__text--time {
  display: block;
  color: #999;
  font-size: 12px;
  margin-bottom: 6px;
  line-height: 1;
}
.l__news__detail__header__text--title {
  color: #404040;
  font-size: 14px;
  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__content .line-type1 {
  background: url(/lds/h/g/5wmeOb2zmggR7RMru9p8OChhWc.png) repeat-x 0 0;
  background-size: 4px 2px;
}
.l__news__detail__content .line-type2 {
  background: url(/lds/h/n/oel7q7idjo56tOtZQBM0zrVPog.png) repeat-x 0 0;
  background-size: 4px 2px;
}
.l__news__detail__social {
  padding-top: 32px;
}
.index__logo {
  text-align: center;
  margin-bottom: 8px;
}
.top-banner {
  width: 304px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.top-banner__item {
  float: left;
  margin: 0 4px 4px 0;
  display: block;
}
.top-banner__item:nth-child(2n + 0) {
  margin-right: 0;
}
#slideshow_wrapper {
  width: 320px;
  height: 125px;
  margin: 0 auto;
  position: relative;
  display: none;
}
.slideshow {
  width: 100%;
  height: 139px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.slideshow__image {
  position: relative;
  height: 125px;
  margin: 0;
  text-align: left;
}
.slideshow__image li {
  display: inline-block;
  float: left;
  width: 320px;
  text-align: center;
}
.slideshow__image li a {
  display: block;
  position: relative;
  width: 320px;
  height: 125px;
}
.slideshow__navi {
  width: 320px;
  margin: 0 auto;
  text-align: center;
}
.slideshow__navi li {
  background: url(/lds/h/7/kWloPcT-Il9L9NwOO1hSjBsiXk.png) no-repeat left top, transparent;
  -moz-background-size: auto 16px;
  -o-background-size: auto 16px;
  -webkit-background-size: auto 16px;
  background-size: auto 16px;
  background-position: -224px 0;
  margin: 0 2px 0 0;
  padding: 0 0 0 0;
  width: 10px;
  height: 10px;
  display: inline-block;
  line-height: 1%;
  font-size: 1%;
}
.slideshow__navi li.active {
  background-position: -240px 0;
}
.slideshow__navi li:last-child {
  margin-right: 0;
}
.slideshow__navi li img {
  display: none;
  line-height: 1%;
  font-size: 1%;
}
.slideshow__navi li.crt img {
  display: block;
}
#slideshow_wrapper,
ul.animate {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#slideshow_wrapper,
.animate_paused {
  animation-play-state: paused;
}
.news__detail {
  position: relative;
  background: #f3f3f3;
  color: #404040;
  height: 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 {
  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 img {
  max-width: 100%;
  height: auto;
}
.news__detail__wrapper {
  padding: 0 16px 24px 16px;
}
.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 16px 16px 16px;
}
.news__detail a {
  color: #2556b8;
}
.news__header {
  padding: 4px 16px;
  margin-bottom: 16px;
  background: #404040;
}
.news__header time {
  display: block;
  padding: 0 0 2px 26px;
  font-size: 12px;
  color: #999;
}
.news__header h1 {
  padding: 4px 0 0 26px;
  font-size: 14px;
  font-weight: bold;
  color: #e6e6e6;
  line-height: 1.4;
}
.news__header__tag {
  font-size: 14px;
  color: #cc2944;
}
.news__ic--info {
  background: url(/lds/h/B/SK8mdlTjhjaZM-ZtZNYBaDo1ig.png) no-repeat left top;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  min-height: 24px;
  padding-top: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.news__ic--maintenance {
  background: url(/lds/h/U/6qzbI-6AwlXAfGhCBZU10jsoLA.png) no-repeat left top;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  min-height: 24px;
  padding-top: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.news__ic--update {
  background: url(/lds/h/a/dFnS0OBVXIsmB74L65R7VHlpd8.png) no-repeat left top;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  min-height: 24px;
  padding-top: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.news__ic--obstacle {
  background: url(/lds/h/4/8PRdUkaKFa8R5BKeQjRyItGoxY.png) no-repeat left top;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  min-height: 24px;
  padding-top: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.news__ic--topics {
  background: url(/lds/h/W/_v7zlp4yma56rKwd8pIzU8wGFc.png) no-repeat left top;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  min-height: 24px;
  padding-top: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-img__visual {
  display: block;
  margin: 0 auto 16px;
}
.mdl-text__sm,
.mdl-text__sm-m16 {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.5;
}
.mdl-text__xs,
.mdl-text__xs-m16 {
  margin-bottom: 16px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 1.5;
}
.mdl-text__indent {
  margin: 0 0 16px 20px;
}
.mdl-text__indent--48 {
  margin: 0 0 16px 40px;
}
.mdl-text__indent--68 {
  margin: 0 0 16px 60px;
}
.mdl-text__indent--88 {
  margin: 0 0 16px 80px;
}
.mdl-text__notes__border,
.mdl-text__notes-m16__border {
  margin-bottom: 24px;
  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 20px;
  background: url(/lds/h/F/BufQExgmJmDYlPBJ6J6zqWr1Zk.svg) no-repeat left 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;
  margin: 6px -16px 16px;
  padding: 6px 16px;
  background: #404040;
  font-size: 20px;
  letter-spacing: -0.025em;
  line-height: 1.2;
  color: #f3f3f3;
  font-family: '微软雅黑';
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
}
.mdl-title__radius {
  background: #a62137;
  padding: 6px 8px 5px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.mdl-title__ancher {
  position: relative;
  padding-left: 20px;
  margin: 0 0 8px -12px;
  background: url(/lds/h/L/l05ibEl6spcwr4ZdA80ODH0wbg.svg) no-repeat left 3px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  font-size: 16px;
  color: #6b993d;
  font-family: '微软雅黑';
  font-weight: bold;
}
.mdl-title__image {
  background: #75b324;
  margin: 0 -16px 2px;
  padding: 0;
  line-height: 1%;
  text-align: right;
}
.mdl-title__image img {
  width: 315px;
  height: auto;
}
.mdl-title__category {
  position: relative;
  padding: 6px 16px 4px;
  margin: 0 -16px 16px;
  background: #75b324;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-title__category h2 {
  font-size: 20px;
  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: 0 -16px 16px -8px;
  padding: 0 16px 5px 8px;
  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(/lds/h/K/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(/lds/h/0/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(/lds/h/j/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(/lds/h/x/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 3px 0;
}
.mdl-ver__2-m16,
.mdl-ver__2-m16-m16 {
  margin-top: 8px;
}
.mdl-ver__3,
.mdl-ver__3-m16 {
  background: url(/lds/h/a/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 3px 0;
}
.mdl-ver__3-m16,
.mdl-ver__3-m16-m16 {
  margin-top: 8px;
}
.mdl-ver__4,
.mdl-ver__4-m16 {
  background: url(/lds/h/6/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 3px 0;
}
.mdl-ver__4-m16,
.mdl-ver__4-m16-m16 {
  margin-top: 8px;
}
.mdl-nav {
  display: none;
  margin-bottom: 16px;
}
.mdl-nav li {
  padding: 0 0 0 20px;
  margin: 0 0 12px 0;
  background: url(/lds/h/H/4j9I1nezY-vraAi990Weu9Q1L4.svg) no-repeat 0 1px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
}
.mdl-nav li ul {
  margin-top: 12px;
  margin-bottom: 0;
  overflow: hidden;
}
.mdl-nav li ul li {
  margin-bottom: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-nav li ul li:last-child {
  margin-bottom: 0;
}
.mdl-nav li li {
  padding: 0 0 0 20px;
  margin: 0 0 0 0;
  background: url(/lds/h/0/ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat 0 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 {
  z-index: 10003;
  width: 100%;
  height: 100%;
}
.mdl-nav__floating__icon {
  width: 32px;
  height: 32px;
  background-position: -384px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 54px;
  right: 4px;
  bottom: auto;
  cursor: pointer;
  z-index: 9998;
  -webkit-tap-highlight-color: transparent;
}
.mdl-nav__floating__icon.active {
  width: 32px;
  height: 32px;
  background-position: -416px 0;
  -moz-background-size: 536px auto;
  -o-background-size: 536px auto;
  -webkit-background-size: 536px auto;
  background-size: 536px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/UDiONFKlNybC5vtdIMWAkbRqpM.png);
  background-repeat: no-repeat;
  padding-left: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-nav__floating__scroll_area {
  padding: 16px 0;
}
.mdl-nav__floating__list {
  background: #f3f3f3;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  padding: 0 16px;
  overflow: hidden;
  border-radius: 4px;
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10003;
  max-height: 100%;
}
.mdl-nav__floating__list .mdl-nav {
  display: block;
}
.mdl-nav__floating__list ul {
  margin-bottom: 0;
}
.mdl-nav__floating__list li a {
  color: #2556b8;
}
.mdl-nav__floating__list li:nth-last-child(1) {
  margin-bottom: 0;
}
.mdl-nav__floating__list__overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  z-index: 10001;
  display: none;
  position: fixed;
  top: 0;
  overflow: hidden;
  padding: 54px 4px 9px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-nav__floating__list__close {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/xsfK32w6BHG5iunXqNnPBI0jcw.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;
  position: fixed;
  top: 54px;
  right: 4px;
  display: none;
  z-index: 10005;
}
.mdl-nav__floating__list__close.active {
  background: url(/lds/h/7/DskB_b-FaQSYIHbWzLcGwUs-XY.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__absolute {
  position: absolute;
  bottom: 10px;
  right: 4px;
  top: auto;
}
.mdl-patch {
  margin: 0 8px 24px;
  padding: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #999;
  height: 1%;
}
.mdl-patch dt {
  margin-bottom: 6px;
}
.mdl-patch dt img {
  margin-right: 4px;
}
.mdl-patch dt.mdl-patch--line {
  float: left;
  clear: both;
  width: 46px;
}
.mdl-patch dd {
  vertical-align: middle;
  margin-bottom: 16px;
  font-size: 10px;
  line-height: 1.2;
}
.mdl-patch dd.mdl-patch--line {
  min-height: 23px;
  margin-left: 46px;
}
.mdl-patch dd:last-child {
  margin-bottom: 0 !important;
}
.mdl-patch__heading {
  padding-top: 16px;
  margin-bottom: 8px;
}
.mdl-patch__heading img {
  margin-right: 4px;
}
.mdl-list__ver {
  margin: 0 8px 24px;
  padding: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #999;
  height: 1%;
}
.mdl-list__ver li {
  min-height: 23px;
  vertical-align: middle;
  font-size: 10px;
  line-height: 1.2;
}
.mdl-list__ver li:last-child {
  margin-bottom: 0 !important;
}
.mdl-list__ver--2 {
  position: relative;
  margin-bottom: 16px;
  padding-left: 46px;
}
.mdl-list__ver--2:before {
  content: '';
  background: url(/lds/h/x/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__ver--3 {
  position: relative;
  margin-bottom: 16px;
  padding-left: 46px;
}
.mdl-list__ver--3:before {
  content: '';
  background: url(/lds/h/a/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: 0;
  left: 0;
}
.mdl-list__ver--all {
  position: relative;
  padding: 30px 0 0 0;
}
.mdl-list__ver--all:before {
  content: '';
  background: url(/lds/h/x/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__ver--all:after {
  content: '';
  background: url(/lds/h/a/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: 0;
  left: 44px;
}
.mdl-list__sb_ver {
  margin: 0 8px 24px;
  padding: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #999;
  height: 1%;
}
.mdl-list__sb_ver li {
  min-height: 23px;
  vertical-align: middle;
  font-size: 10px;
  line-height: 1.2;
}
.mdl-list__sb_ver li:last-child {
  margin-bottom: 0 !important;
}
.mdl-list__sb_ver--2 {
  position: relative;
  margin-bottom: 16px;
  padding-left: 46px;
}
.mdl-list__sb_ver--2:before {
  content: '';
  background: url(/lds/h/x/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--3 {
  position: relative;
  margin-bottom: 16px;
  padding-left: 46px;
}
.mdl-list__sb_ver--3:before {
  content: '';
  background: url(/lds/h/a/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: 0;
  left: 0;
}
.mdl-list__sb_ver--4 {
  position: relative;
  margin-bottom: 16px;
  padding-left: 46px;
}
.mdl-list__sb_ver--4:before {
  content: '';
  background: url(/lds/h/6/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: 0;
  left: 0;
}
.mdl-list__sb_ver--all {
  position: relative;
  padding: 30px 0 0 0;
}
.mdl-list__sb_ver--all:before {
  content: '';
  background: url(/lds/h/x/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--all:after {
  content: '';
  background: url(/lds/h/a/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: 0;
  left: 44px;
}
.mdl-list__sb_ver--2_3_4 {
  position: relative;
  padding: 30px 0 0 0;
}
.mdl-list__sb_ver--2_3_4:before {
  content: '';
  background: url(/lds/h/x/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(/lds/h/a/3K-T6-GRWhBraXc-FZHZhU_-vg.svg) no-repeat left center,
    url(/lds/h/6/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: 8px;
  height: 1%;
}
.mdl-list__basic li {
  padding: 0 0 0 20px;
  margin-bottom: 16px;
  line-height: 1.4;
  background: url(/lds/h/H/4j9I1nezY-vraAi990Weu9Q1L4.svg) no-repeat 0 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: 8px;
  margin-bottom: 0;
}
.mdl-list__basic li li {
  padding: 0 0 0 20px;
  margin-bottom: 0;
  background: url(/lds/h/0/ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat 0 0;
  -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 li li:last-child {
  margin-bottom: 0 !important;
}
.mdl-list__cat-12,
.mdl-list__cat-14 {
  margin-top: 6px;
  margin-bottom: 0;
  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 20px;
  background: url(/lds/h/0/ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat 2px 0;
  -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-14 li {
  background: url(/lds/h/0/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: 14px;
}
.mdl-quest,
.mdl-quest-main {
  margin-bottom: 24px;
  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: #e6e6e6;
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 8px;
  padding: 8px 32px 8px 6px;
  font-weight: normal;
  position: relative;
  height: 32px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-quest h4:after,
.mdl-quest-main h4:after {
  content: '';
  background: url(/lds/h/p/C0Jl2KM4o0KbUxbGBEJBayLddo.svg) no-repeat left center;
  -moz-background-size: 80px 32px;
  -o-background-size: 80px 32px;
  -webkit-background-size: 80px 32px;
  background-size: 80px 32px;
  width: 80px;
  height: 32px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.mdl-quest-main h4:after,
.mdl-quest-main-main h4:after {
  background: url(/lds/h/R/36I0JCCJlpPvPD5RBngntl1Iqo.svg) no-repeat left center;
  -moz-background-size: 80px 32px;
  -o-background-size: 80px 32px;
  -webkit-background-size: 80px 32px;
  background-size: 80px 32px;
}
.mdl-quest dl,
.mdl-quest-main dl {
  margin: 0 6px;
}
.mdl-quest dl dt,
.mdl-quest-main dl dt {
  margin-bottom: 4px;
  padding-left: 24px;
  position: relative;
}
.mdl-quest dl dd,
.mdl-quest-main dl dd {
  margin: 0 0 4px 24px;
  font-size: 12px;
  padding-left: 20px;
}
.mdl-quest__place::before,
.mdl-quest-main__place::before {
  background: url(/lds/h/z/gn2brMN7qcum4PZWBNl4uqqRVw.svg) no-repeat left -1px;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.mdl-quest__item,
.mdl-quest-main__item {
  position: relative;
}
.mdl-quest__item::before,
.mdl-quest-main__item::before {
  background: url(/lds/h/0/ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat 0 -1px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.mdl-quest__npc::before,
.mdl-quest-main__npc::before {
  background: url(/lds/h/E/iI3w-VgaXJ_yb0oqtc2ne3tcrQ.svg) no-repeat left -1px;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.mdl-quest__terms::before,
.mdl-quest-main__terms::before {
  background: url(/lds/h/1/xo0YyWvD62f-Pqg4JCdxqh7JRk.svg) no-repeat left -1px;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.mdl-npc_place li {
  margin-bottom: 4px;
  padding-left: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-npc_place li:last-child {
  margin-bottom: 8px;
}
.mdl-npc_place__place {
  position: relative;
}
.mdl-npc_place__place::before {
  background: url(/lds/h/z/gn2brMN7qcum4PZWBNl4uqqRVw.svg) no-repeat 0 top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.mdl-npc_place__npc {
  position: relative;
}
.mdl-npc_place__npc::before {
  background: url(/lds/h/E/iI3w-VgaXJ_yb0oqtc2ne3tcrQ.svg) no-repeat 0 top;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.mdl-table,
.mdl-table-m16 {
  margin-bottom: 16px;
}
.mdl-table__half,
.mdl-table-m16__half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
}
.mdl-table__half.mdl-table__tbody,
.mdl-table-m16__half.mdl-table__tbody {
  border-bottom: none;
}
.mdl-table__half__th,
.mdl-table-m16__half__th {
  width: 47%;
  padding: 3px 0 2px;
  margin-left: 3%;
  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__before,
.mdl-table-m16__half__th__before {
  width: 47%;
  padding: 3px 0 2px;
  margin-right: 3%;
  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 {
  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;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  width: 47%;
  border-bottom: 1px solid #b3b3b3;
  text-align: center;
}
.mdl-table__half__td--center .inner,
.mdl-table-m16__half__td--center .inner {
  display: block;
  font-size: 12px;
  padding: 8px 10px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-table__half__td--left,
.mdl-table-m16__half__td--left {
  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;
  align-items: center;
  width: 47%;
  border-bottom: 1px solid #b3b3b3;
  text-align: left;
}
.mdl-table__half__td--left .inner,
.mdl-table-m16__half__td--left .inner {
  display: block;
  font-size: 12px;
  padding: 8px 10px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl-table__icon--arrow,
.mdl-table-m16__icon--arrow {
  background: url(/lds/h/T/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: 6%;
  height: auto;
  border-bottom: none !important;
}
.mdl-table__icon--arrow .inner,
.mdl-table-m16__icon--arrow .inner {
  display: block;
}
.mdl-table__thead > div:first-child,
.mdl-table-m16__thead > div:first-child {
  margin-right: 4px;
}
.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: 4px;
}
.mdl-table__tbody .mdl-table__list__td--same:first-child,
.mdl-table-m16__tbody .mdl-table__list__td--same:first-child {
  padding-right: 8px;
}
.mdl-table__list,
.mdl-table-m16__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
  width: 100%;
}
.mdl-table__list__th--name,
.mdl-table-m16__list__th--name {
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  background: #75b324;
  display: block;
  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 {
  display: block;
  width: 110px;
  background: #75b324;
  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 {
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  display: block;
  background: #75b324;
  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 {
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -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;
  align-items: center;
  padding: 8px 4px;
  text-align: left;
}
.mdl-table__list__td--name .inner,
.mdl-table-m16__list__td--name .inner {
  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 {
  display: block;
  font-size: 12px;
  color: #999;
}
.mdl-table__list__td--credits,
.mdl-table-m16__list__td--credits {
  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;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  width: 110px;
  padding: 8px 0;
}
.mdl-table__list__td--credits > .inner,
.mdl-table-m16__list__td--credits > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
  font-size: 12px;
}
.mdl-table__list__td--credits.mdl-layout__left,
.mdl-table-m16__list__td--credits.mdl-layout__left {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  box-pack: start;
  -webkit-box-pack: start;
  padding-right: 4px;
  padding-left: 4px;
}
.mdl-table__list__td--credits.mdl-layout__right,
.mdl-table-m16__list__td--credits.mdl-layout__right {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  box-pack: end;
  -webkit-box-pack: end;
  padding-right: 4px;
  padding-left: 4px;
}
.mdl-table__list__td--credits--before,
.mdl-table-m16__list__td--credits--before {
  width: 46px;
  text-align: center;
}
.mdl-table__list__td--credits--before .inner,
.mdl-table-m16__list__td--credits--before .inner {
  font-size: 12px;
}
.mdl-table__list__td--credits--after,
.mdl-table-m16__list__td--credits--after {
  width: 46px;
  text-align: center;
}
.mdl-table__list__td--credits--after .inner,
.mdl-table-m16__list__td--credits--after .inner {
  font-size: 12px;
}
.mdl-table__list__td--credits__icon--arrow,
.mdl-table-m16__list__td--credits__icon--arrow {
  background: url(/lds/h/T/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: 16px;
  height: 16px;
  margin: 0 2px;
}
.mdl-table__list__td--credits__icon--arrow .inner,
.mdl-table-m16__list__td--credits__icon--arrow .inner {
  display: block;
}
.mdl-table__list__td--same,
.mdl-table-m16__list__td--same {
  -webkit-flex: 1 1;
  flex: 1 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -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;
  align-items: center;
  padding: 8px 4px;
  text-align: left;
}
.mdl-table__list__td--same .inner,
.mdl-table-m16__list__td--same .inner {
  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 {
  display: block;
  font-size: 12px;
  color: #999;
}
.mdl-table__list__inline,
.mdl-table-m16__list__inline {
  display: block;
}
.mdl-table__list__block,
.mdl-table-m16__list__block {
  display: block;
  margin-top: 4px;
}
.mdl-table__controls,
.mdl-table-m16__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  -o-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
  width: 100%;
}
.mdl-table__controls--keyboard,
.mdl-table-m16__controls--keyboard {
  position: relative;
  background: #75b324;
  height: 24px;
  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;
}
.mdl-table__controls--keyboard:after,
.mdl-table-m16__controls--keyboard:after {
  content: '';
  background: url(/lds/h/3/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 {
  position: relative;
  background: #75b324;
  height: 24px;
  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;
}
.mdl-table__controls--gamepad:after,
.mdl-table-m16__controls--gamepad:after {
  content: '';
  background: url(/lds/h/q/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: -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;
  align-items: center;
  width: 50%;
  border-bottom: 1px solid #b3b3b3;
  text-align: left;
}
.mdl-table__controls--text .inner,
.mdl-table-m16__controls--text .inner {
  display: block;
  padding: 8px 4px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
}
.mdl-table__controls--button,
.mdl-table-m16__controls--button {
  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;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  box-pack: center;
  -webkit-box-pack: center;
  width: 50%;
  border-bottom: 1px solid #b3b3b3;
}
.mdl-table__controls--button .inner,
.mdl-table-m16__controls--button .inner {
  display: block;
  padding: 8px 4px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
  position: relative;
  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;
}
.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;
}
.mdl-table__after,
.mdl-table-m16__after {
  background: #75b324;
  color: #fff;
}
.mdl-table td.mdl-table__before,
.mdl-table td.mdl-table__after,
.mdl-table-m16 td.mdl-table__before,
.mdl-table-m16 td.mdl-table__after {
  background: none;
  color: #404040;
}
.mdl-img__normal,
.mdl-img__normal-m16 {
  margin: 0 0 24px 0;
  text-align: center;
}
.mdl-img__normal img,
.mdl-img__normal-m16 img {
  max-width: 100%;
  height: auto;
}
.mdl-img__mult {
  margin: 0 0 8px 0;
  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 {
  max-width: 530px;
  margin: 0 auto;
}
.mdl-youtube {
  width: 100%;
  max-width: 560px;
  margin: 0 auto 24px;
}
.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-youtube object embed,
.mdl-youtube iframe embed {
  width: 100%;
  height: 100%;
}
.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(/lds/h/0/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(/lds/h/0/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(/lds/h/C/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__orange {
  color: #d98041 !important;
}
.mdl-space--0 {
  margin-bottom: 0px !important;
}
.mdl-space--xs {
  margin-bottom: 4px !important;
}
.mdl-space--sm {
  margin-bottom: 8px !important;
}
.mdl-space--md {
  margin-bottom: 16px !important;
}
.mdl-space--lg {
  margin-bottom: 24px !important;
}
.mdl-space--4 {
  margin-bottom: 2px !important;
}
.mdl-space--48 {
  margin-bottom: 32px !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::before {
  background: url(/lds/h/9/Qg3qAfisMI7x6f9arprf7pIBHc.svg) no-repeat left -1px;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.en-us .mdl-quest__level::before,
.en-gb .mdl-quest__level::before {
  background: url(/lds/h/9/Qg3qAfisMI7x6f9arprf7pIBHc.svg) no-repeat left -1px;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.fr .mdl-quest__level::before {
  background: url(/lds/h/Z/7SAALHmDWztQUon8YLyTFNgvAA.svg) no-repeat left -1px;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.de .mdl-quest__level::before {
  background: url(/lds/h/t/YPtvt33mK2W4w8mEHHDCOJORIk.svg) no-repeat left -1px;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.fancybox-skin {
  padding-top: 24px !important;
}
.topics__fancybox img {
  max-width: 100%;
  height: auto;
}
.topics__anchor {
  padding-top: 45px;
  margin-top: -45px;
  display: block;
}
.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__file input[type='file'] {
  margin-bottom: 16px;
  color: #404040;
  font-size: 10px;
}
.image__used {
  display: inline-block;
  padding: 2px 8px;
  font-size: 12px;
  color: #ffffff;
  border-radius: 4px;
  background-color: #e57e17;
}
.image__unused {
  display: inline-block;
  padding: 2px 8px;
  font-size: 12px;
  color: #ffffff;
  border-radius: 4px;
  background-color: #878787;
}
.image__edit__time {
  display: block;
  padding: 0 16px 4px;
  font-size: 12px;
  color: #999;
}
.image__edit__img {
  width: 304px;
  margin: 0 auto 16px;
}
.image__edit__img a {
  position: relative;
  display: block;
}
.image__edit__img img {
  display: block;
  width: 100%;
  max-width: 304px;
  height: auto;
}
.image__edit__line {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: solid 1px #ccc;
}
.entry__image {
  position: relative;
  display: block;
  padding: 4px 16px 8px;
  background-color: #e6e6e6;
  -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;
}
.entry__image:after {
  content: '';
  width: 8px;
  height: 1px;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.entry__image__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 4px;
}
.entry__image__inner {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
  padding-left: 56px;
}
.entry__image__inner time {
  font-size: 12px;
  color: #999;
  display: block;
}
.entry__image__inner h3 {
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  margin-bottom: 4px;
}
.entry__image__img {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-right: 8px;
  background: #ccc;
}
.entry__image__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.playguide__header {
  background: url(/lds/h/7/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%;
  height: 56px;
}
.playguide__menu ul li {
  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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjOTYwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1YzEyZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc9600), color-stop(100%, #e5c12e));
  background: -moz-linear-gradient(#cc9600, #e5c12e);
  background: -webkit-linear-gradient(#cc9600, #e5c12e);
  background: linear-gradient(#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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1YzEzMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZDQzMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5c131), color-stop(100%, #f5d431));
  background: -moz-linear-gradient(#f5c131, #f5d431);
  background: -webkit-linear-gradient(#f5c131, #f5d431);
  background: linear-gradient(#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%;
  margin: 0 auto 16px;
  padding: 0 0 16px;
  border-bottom: 1px solid #cccccc;
}
.playguide__window .anchor_point {
  position: absolute;
  top: -61px;
  left: 0;
  display: block;
}
.playguide__window .btn__color {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 8px;
  width: 100%;
}
.playguide__window .btn__color span {
  font-size: 10px;
  display: block;
  text-align: center;
  margin-bottom: 4px;
}
.playguide .ic_game_playguide {
  width: 40px;
  height: 40px;
  background-position: -280px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.playguide .ic_content_guide {
  width: 40px;
  height: 40px;
  background-position: -240px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.playguide .ic_side_storyes {
  width: 40px;
  height: 40px;
  background-position: -360px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.playguide .ic_option_service {
  width: 40px;
  height: 40px;
  background-position: -320px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.playguide__inner {
  margin: 0 0 16px;
  background: #e6e6e6;
  height: 1%;
}
.playguide__inner.returner {
  position: relative;
}
.playguide__wrapper {
  padding: 0 16px 8px;
}
.playguide__icon {
  margin: 0 auto 8px;
}
.playguide__title__image {
  margin: 0 16px 8px;
}
.playguide__title__image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.playguide__notes {
  font-size: 12px;
  color: #b2122d;
  padding: 0 16px 16px;
}
.playguide__content_title {
  margin: 0 auto 16px;
  font-size: 18px;
  font-weight: normal;
  color: #404040;
  text-align: center;
  padding: 0 16px;
}
.playguide__content_lead {
  margin-bottom: 16px;
  font-size: 14px;
  color: #404040;
  padding: 0 16px;
}
.playguide__category_title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #404040;
  padding: 16px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.playguide__2column__inner,
.playguide__3column__inner {
  margin: 0 8px;
}
.playguide__2column__inner .playguide__category_title,
.playguide__3column__inner .playguide__category_title {
  margin: 0 0 16px;
}
.playguide__2column__inner {
  margin: 0 16px;
}
.playguide__2column__inner .playguide__category_title {
  margin: 0 0 16px;
}
.playguide__link {
  padding-bottom: 8px;
}
.playguide__link_list {
  text-align: center;
  padding-bottom: 16px;
}
.playguide__contentguide__lead {
  font-size: 14px;
  font-weight: bold;
  color: #e57e17;
  padding: 16px;
  text-align: center;
}
.playguide__optionservice_list {
  padding-bottom: 16px;
}
.playguide .btn__image {
  border-radius: 8px;
  display: block;
  margin: 0 auto 8px;
  position: relative;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  -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 img {
  display: block;
  border-radius: 8px;
  width: 100%;
  height: auto;
}
.playguide .btn__image img.on {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0;
  z-index: 1;
}
.playguide .btn__image.press img.on {
  opacity: 1;
}
.playguide .btn__image .update {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 6px;
  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 .btn__image__textcommand {
  margin-bottom: 32px;
}
.playguide__related_site {
  margin: 0 6px;
  height: 1%;
}
.playguide__related_site__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.playguide__related_site__list li {
  width: 50%;
  padding: 0 4px;
  margin: 0 0 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.playguide__related_site__list li a,
.playguide__related_site__list li img {
  display: block;
  width: 100%;
  height: auto;
}
.world-ic__1,
.world-ic__2,
.world-ic__3,
.world-ic__available,
.world-ic__unavailable {
  width: 16px;
  height: 16px;
  display: block;
}
.heading--lg.my_dc {
  background: #e67e17;
}
.world__title {
  margin: 32px auto 8px;
  padding: 0 16px 8px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.world__title:first-of-type {
  margin-top: 16px;
}
.world__lead {
  position: relative;
  height: 1%;
}
.world__lead a {
  font-weight: bold;
}
.world-status {
  background: #e6e6e6;
  margin: 0 auto 32px;
  padding: 8px 16px;
}
.world-status li {
  margin-bottom: 8px;
  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;
  align-items: center;
}
.world-status li:nth-last-child(1) {
  margin-bottom: 0;
}
.world-status li i {
  margin-right: 4px;
}
.world-status li span {
  display: block;
  font-size: 12px;
}
.world-ic__1 {
  background: url(/lds/h/i/kfWHAYnuku9yWcGK1UqHRqlvLo.svg) no-repeat 0 0;
  background-size: 16px 16px;
}
.world-ic__2 {
  background: url(/lds/h/a/IPZwKnj0FEtRwUbhXF_iwN8Mek.svg) no-repeat 0 0;
  background-size: 16px 16px;
}
.world-ic__3 {
  background: url(/lds/h/m/PdnDggXseS3LNbq_K4FZd3D40I.svg) no-repeat 0 0;
  background-size: 16px 16px;
}
.world-ic__available {
  background: url(/lds/h/n/mAQB-FYQrpB0HHsvSNCMTwsBtw.svg) no-repeat 0 0;
  background-size: 16px 16px;
}
.world-ic__unavailable {
  background: url(/lds/h/i/3bcGHPVub6NxL_N_UqZ4251_yQ.svg) no-repeat 0 0;
  background-size: 16px 16px;
}
.world-dcgroup {
  margin: 0 auto;
}
.world-dcgroup__item {
  padding-bottom: 32px;
}
.world-dcgroup__item:nth-last-child(1) {
  padding-bottom: 16px;
}
.world-list {
  position: relative;
}
.world-list__item {
  padding: 12px 16px 12px;
  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;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 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%;
}
.world-list__item:after {
  content: '';
  width: 8px;
  height: 1px;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.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 {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.world-list__world_category {
  width: 102px;
  text-align: center;
  position: relative;
}
.world-list__create_character {
  text-align: center;
  width: 16px;
  padding-left: 8px;
  max-height: 24px;
  overflow: hidden;
  position: relative;
}
.world-list__create_character i {
  margin: 0 auto;
}
.world-logical {
  margin-bottom: 32px;
}
.world-logical__btn {
  display: flex;
  align-items: center;
  padding: 8px 40px 4px 16px;
  color: #404040;
  background-color: #e6e6e6;
  -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;
  -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;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  position: relative;
  min-height: 40px;
  box-sizing: border-box;
}
.world-logical__btn:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-position: 0 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.world-logical__btn.press {
  background-color: #e6e6e6;
  -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;
}
.world-logical__btn.open:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-position: -48px 0;
  -moz-background-size: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.world-logical__content {
  display: none;
}
.world-logical__inner {
  padding: 16px 16px 0;
}
.world-logical__iamge_caption {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: bold;
  color: #6b993d;
  text-align: center;
  line-height: 1.2;
}
.world-logical__image {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 8px;
}
.world-logical__title {
  font-size: 14px;
  font-weight: bold;
  color: #d98041;
  margin-top: 32px;
  line-height: 1.2;
}
.world-logical__text {
  font-size: 14px;
  color: #404040;
  margin-top: 16px;
}
.world-logical__list {
  margin-top: 16px;
}
.world-logical__list li {
  margin-bottom: 4px;
  font-size: 12px;
  color: #404040;
  line-height: 1;
  vertical-align: top;
  padding: 0 0 0 16px;
  background: url(/lds/h/0/ET3CvAQSSu5TzibfCo3BI8baRc.svg) no-repeat left -2px;
  background-size: 16px 16px;
}
.world-logical__list li:nth-last-child(1) {
  margin-bottom: 0;
}
.js__ldst_navi_wrapper {
  position: relative;
  margin: 0 auto;
}
.js__ldst_navi_wrapper .ldst-nav__floating__bace_position {
  right: 18px;
  z-index: 2;
}
.patchnote__hotfix {
  text-align: right;
  margin: 0 auto 16px;
}
.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;
}
.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: 560px auto;
  -o-background-size: 560px auto;
  -webkit-background-size: 560px auto;
  background-size: 560px auto;
  display: block;
  background-image: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20220801pvps/mob/page6/2WL8dD190eXt6TV6_VEOLbpfYY.png);
  background-repeat: no-repeat;
}
.major_patch {
  width: 100%;
  margin: 0 0 24px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.major_patch__image {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 8px;
  position: relative;
}
.major_patch__image.press .major_patch__site {
  background: #e67e17;
}
.major_patch__image img {
  width: 100%;
  height: auto;
  display: block;
}
.major_patch__site {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  width: 162px;
  height: 24px;
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-top: 2px;
  border-radius: 12px;
  font-size: 14px;
  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 {
  margin: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.minor_patch dt {
  width: 100%;
  padding: 0 4px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.minor_patch dd {
  width: 50%;
  padding: 0 4px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.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;
}
.mypage-header {
  width: 100%;
  margin-bottom: 10px;
  font-family: 'Noto Sans', sans-serif, 'FFXIV_Lodestone_SSF';
  position: relative;
}
.mypage-header.jp {
  font-family: 'Noto Sans JP', sans-serif, 'FFXIV_Lodestone_SSF';
}
.mypage-header.tank {
  background: url(/lds/h/-/Y0LeDeMkukxvMVuy2FdbQdXPFM.png) repeat-x 0 0;
  background-size: auto 300px;
}
.mypage-header.healer {
  background: url(/lds/h/g/38wUsAyLUlOURkKTjVs0ojcWVo.png) repeat-x 0 0;
  background-size: auto 300px;
}
.mypage-header.dps {
  background: url(/lds/h/x/CN8pn5Qh1Qn9ZZbT1zBh_pqbAc.png) repeat-x 0 0;
  background-size: auto 300px;
}
.mypage-header.crafter {
  background: url(/lds/h/s/09BfBOs_NHZLtMtbOas412tIaQ.png) repeat-x 0 0;
  background-size: auto 300px;
}
.mypage-header.gatherer {
  background: url(/lds/h/x/TGtaQ4ys_I7_IMQ18s9AjLZrJU.png) repeat-x 0 0;
  background-size: auto 300px;
}
.mypage-character_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 300px;
  overflow: hidden;
  z-index: 1;
}
.mypage-character_image img {
  display: block;
  width: 220px;
  height: 300px;
  position: absolute;
  top: 0;
  right: 4px;
}
.mypage-character_image::after {
  content: '';
  display: block;
  width: 160px;
  height: 300px;
  position: absolute;
  top: 0;
  right: 0;
}
.tank .mypage-character_image::after {
  background: url(/lds/h/Y/zIJvIL4oyO25cy19aEPdWYXUNQ.png) no-repeat 0 0;
  background-size: 100%;
}
.healer .mypage-character_image::after {
  background: url(/lds/h/6/KsS2vXzMMdsnOq_QSahp0XRUbc.png) no-repeat 0 0;
  background-size: 100%;
}
.dps .mypage-character_image::after {
  background: url(/lds/h/9/VbdmEgXOldvUly6_QoXwmx1R_4.png) no-repeat 0 0;
  background-size: 100%;
}
.crafter .mypage-character_image::after {
  background: url(/lds/h/v/_uZ0tIdAudKek9OoqvxJPPq1uw.png) no-repeat 0 0;
  background-size: 100%;
}
.gatherer .mypage-character_image::after {
  background: url(/lds/h/h/shA9lXb1mA4-v20nq6o2pUVM9E.png) no-repeat 0 0;
  background-size: 100%;
}
.mypage-character_info {
  width: calc(100% - 122px);
  height: 102px;
  display: flex;
  align-items: center;
  margin-left: 122px;
  position: relative;
  z-index: 2;
}
.mypage-character_info .inner {
  display: block;
  width: 100%;
}
.mypage-character_info .inner > div {
  line-height: 1;
}
.mypage-character_info a {
  position: relative;
  text-decoration: none;
}
.mypage-character_info .link-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.mypage-character_info .link-icon img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.mypage-character_info .name {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 4px;
}
.mypage-character_info .name-link {
  display: block;
  padding-right: 16px;
  box-sizing: border-box;
}
.mypage-character_info .name-link:before {
  content: '';
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
  width: 16px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.mypage-character_info .name-link .link-icon {
  width: 16px;
  height: 16px;
}
.mypage-character_info .name-link .on {
  opacity: 0;
  pointer-events: none;
}
.mypage-character_info .name-link.press .on {
  opacity: 1;
}
.mypage-character_info .world {
  font-size: 10px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.35);
  line-height: 1;
  display: flex;
  align-items: center;
}
.mypage-character_info .world i {
  display: block;
  width: 10px;
  font-size: 10px;
}
.mypage-character_info .freecompany {
  display: flex;
  align-items: center;
}
.mypage-character_info .freecompany-crest {
  width: 16px;
  height: 16px;
  position: relative;
  margin-right: 4px;
}
.mypage-character_info .freecompany-crest img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2px;
}
.mypage-character_info .freecompany-name {
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
}
.mypage-character_info .freecompany-link {
  display: inline-block;
  margin-top: 4px;
  padding-right: 16px;
  box-sizing: border-box;
}
.mypage-character_info .freecompany-link .link-icon {
  width: 12px;
  height: 12px;
}
.mypage-character_info .freecompany-link .on {
  opacity: 0;
  pointer-events: none;
}
.mypage-character_info .freecompany-link.press .on {
  opacity: 1;
}
.mypage-character_job_name {
  height: 58px;
  text-align: right;
}
.mypage-character_job_name p {
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  margin: 0 8px 4px 0;
  padding-top: 16px;
  text-align: right;
}
.mypage-character_job_name p span {
  font-size: 20px;
  font-weight: bold;
  padding-left: 4px;
}
.mypage-character_job_name p span.label {
  font-size: 10px;
  font-weight: normal;
  font-family: 'Noto Sans JP', sans-serif, 'FFXIV_Lodestone_SSF';
}
.mypage-character_job_name img {
  display: inline-block;
  width: 140px;
  height: 24px;
}
.mypage-symbol {
  width: 144px;
  height: 144px;
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 1;
  display: block;
  pointer-events: none;
}
.mypage-character_select {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  z-index: 3;
  top: 264px;
  left: 60px;
}
.mypage-character_select .on {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.mypage-character_select.press .on {
  opacity: 1;
}
.mypage-myquest_achievement {
  width: calc(100% - 100px);
  margin-left: auto;
  position: relative;
  z-index: 2;
  background: #f3f3f3;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-bottom: 16px;
  padding-bottom: 8px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.mypage-myquest_achievement__header {
  padding: 8px;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}
.mypage-myquest_achievement .btn__link a {
  font-size: 10px;
  padding: 6px 16px 6px 8px;
}
.mypage-myquest_achievement .btn__link a::before {
  background: url(/lds/h/a/aIO0DykvEkOJHpqJt2HMgI8eb4.png) no-repeat 0 0;
  background-size: 8px 8px;
  width: 8px;
  height: 8px;
  right: 4px;
  margin-top: -4px;
  padding-left: 0;
}
.mypage-myquest_achievement .entry__quest {
  padding: 8px 16px;
}
.mypage-myquest_achievement .entry__quest a {
  color: #404040;
}
.mypage-myquest_achievement .entry__quest__name {
  font-size: 12px;
}
.mypage-myquest_achievement .entry__quest__name span {
  font-size: 10px;
}
.mypage-myquest_achievement .entry__activity__txt {
  font-size: 12px;
  color: #404040;
}
.mypage-myquest_achievement .parts__zero {
  padding: 16px 8px;
  font-size: 12px;
}
.mypage .ic_option {
  position: relative;
  top: 0;
  right: 0;
  display: block;
  width: 20px;
  height: 20px;
  background: url(/lds/h/D/GMNHceQvoa4rLoc9Sv7Zsk7GnE.png) no-repeat 0 0;
  background-size: 20px 20px;
  cursor: pointer;
}
.mypage .ic_option.hidden {
  background: url(/lds/h/J/LuckpWDK-z4zTRTAx3AlppCA1g.png) no-repeat 0 0;
  background-size: 20px 20px;
}
.mypage .ic_option__wrapper {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 8px;
  right: 32px;
}
.mypage .heading--md .ic_option__wrapper {
  right: 8px;
  top: 20px;
}
.mypage .parts__switch {
  width: auto;
}
.mypage .parts__switch p {
  padding: 0 10px;
  font-weight: normal;
  color: #404040;
  white-space: nowrap;
}
.mypage .parts__switch p a {
  font-weight: bold;
  color: #4769b3;
  display: inline;
}
.mypage .parts__switch p a.hide {
  display: none;
}
.mypage .ic_recruiting {
  display: block;
  position: absolute;
  background: url(/lds/h/C/7eZ-xZoapfXlI4PFIRL44w1UGI.png) no-repeat 0 0;
  background-size: 100% auto;
  top: 0;
  left: 12px;
  width: 20px;
  height: 20px;
  pointer-events: none;
  z-index: 2;
}
.mypage .btn__icon.relative .ic_recruiting {
  left: 4px;
}
.mypage .contact_icon {
  display: block;
  position: absolute;
  background: url(/lds/h/v/YhJZHW656HycS4Bx8ShRXAVPRo.png) no-repeat 0 0;
  background-size: 100% auto;
  top: -8px;
  right: 2px;
  left: auto;
  width: 24px;
  height: 24px;
  margin: 0 !important;
}