body:after {
  position: fixed;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/image/page/background.png);
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  color: rgba(0, 0, 0, 0);
  content: "";
}

.normal_page {
  padding-bottom: 50px;
}

.btn-list {
  text-align: center;
}

.btn-list .btn {
  display: inline-block;
}

.btn-list .btn ~ .btn {
  margin-left: 10px;
}

.btn-inline {
  display: inline-block;
}

.btn-anime > a, .btn-anime > input, .btn-anime > label, .btn-anime > div {
  -webkit-transition-duration: .25s;
  transition-duration: .25s;
}

.btn-anime > a.hover, .btn-anime > input.hover, .btn-anime > label.hover, .btn-anime > div.hover {
  -webkit-transition-duration: .1s;
  transition-duration: .1s;
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.btn-action {
  -webkit-animation: btn-action 1s ease infinite alternate;
}

@-webkit-keyframes btn-action {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  80% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  90% {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.btn-normal, .btn-cancel, .btn-none {
  box-sizing: border-box;
  border-width: 10px;
  border-style: solid;
  -webkit-border-image: url("/image/page/btn-sub_posi.png") 20 fill round;
  border-image: url("/image/page/btn-sub_posi.png") 20 fill round;
  vertical-align: middle;
  text-align: center;
}

.btn-cancel {
  border-width: 10px;
  -webkit-border-image: url("/image/page/btn-sub_nega.png") 20 fill round;
  border-image: url("/image/page/btn-sub_nega.png") 20 fill round;
}

.btn-none {
  border-width: 10px;
  -webkit-border-image: url("/image/page/btn-sub_none.png") 20 fill round;
  border-image: url("/image/page/btn-sub_none.png") 20 fill round;
}

.btn-normal input, .btn-cancel input, .btn-none input {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1.4rem;
}

.btn-normal.btn-big, .btn-none.btn-big, .btn-kizuna.btn-big, .btn-ticket.btn-big, .btn-cancel.btn-big {
  width: 145px;
  height: 65px;
  border-width: 0;
  -webkit-border-image: none;
  border-image: none;
  background-image: url(/image/page/btn-cancel_big.png);
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.btn-normal.btn-big {
  background-image: url(/image/page/btn-main_big.png);
}

.btn-kizuna.btn-big {
  background-image: url(/image/page/btn-kizuna_big.png);
}

.btn-ticket.btn-big {
  background-image: url(/image/page/btn-ticket_big.png);
}

.btn-none.btn-big {
  background-image: url(/image/page/btn-none_big.png);
}

.btn-normal.btn-big img, .btn-none.btn-big img, .btn-kizuna.btn-big img, .btn-ticket.btn-big img, .btn-cancel.btn-big img {
  width: 145px;
  height: 65px;
}

.btn-normal.btn-big input, .btn-none.btn-big input, .btn-kizuna.btn-big input, .btn-ticket.btn-big input, .btn-cancel.btn-big input {
  position: absolute;
  width: 145px;
  height: 65px;
  opacity: 0;
}

.stamina_consumption {
  position: absolute;
  display: block;
  margin-top: -24px;
  width: 145px;
}

.btn-middle {
  width: 120px;
  height: 40px;
}

.btn-middle a, .btn-middle p, .btn-middle input {
  display: table-cell;
  margin: -10px;
  width: 120px;
  height: 40px;
}

.btn-middle img, .btn-middle img {
  padding: 10px 0;
}

.btn-small {
  width: 75px;
  height: 23px;
}

.btn-small a, .btn-small p, .btn-small span, .btn-small input {
  display: block;
  margin: -12px;
  padding-top: 3px;
  vertical-align: middle;
}

.btn-small input {
  padding-top: 2px;
}

.btn-small img, .btn-small img {
  margin: -2px 0 0;
  padding: 0;
}

.btn-normal a, .btn-cancel a, .btn-none a, .btn-normal p, .btn-cancel p, .btn-none p, .btn-normal span, .btn-cancel span, .btn-none span, .btn-normal input, .btn-cancel input, .btn-none input {
  color: white;
  text-shadow: 1px 0 0 black,0 1px 0 black,-1px 0 0 black,0 -1px 0 black,1px 1px 0 black,-1px -1px 0 black,-1px 1px 0 black,1px -1px 0 black;
  font-weight: bold;
}

.btn-none a, .btn-none p, .btn-none span, .btn-none input {
  color: #b4b4b4;
}

.btn-side {
  position: fixed;
  top: 54px;
  right: -10px;
  z-index: 90;
  display: inline-block;
  overflow: hidden;
  -webkit-animation: animebtn-side .5s ease 0s 1 normal;
}

.btn-side.btn-side-bottom {
  top: auto;
  bottom: 60px;
}

@-webkit-keyframes animebtn-side {
  0% {
    right: -60px;
    opacity: 0;
  }
  100% {
    right: -10px;
    opacity: 1;
  }
}
.btn-side img {
  position: relative;
  z-index: 12;
  margin: -3px 0 -2px;
  width: 72px;
  height: 20px;
}

.modal-contents .btn-normal, .modal-contents .btn-cancel, .modal-contents .btn-none {
  display: inline-block;
}

.btn-close-modal, .btn-back {
  position: fixed;
  bottom: 60px;
  left: -10px;
  z-index: 70;
  overflow: hidden;
}

.btn-close-modal img, .btn-back img {
  position: relative;
  z-index: 12;
  margin: -3px -2px -2px 3px;
  width: 53px;
  height: 20px;
}

#article .btn-back {
  -webkit-animation: anime_btn-back 1.0s ease 0s 1 normal;
}

@-webkit-keyframes anime_btn-back {
  0% {
    margin-left: -50px;
    opacity: 0;
  }
  20% {
    margin-left: -50px;
    opacity: 0;
  }
  70% {
    margin-left: 0;
    opacity: 1;
  }
  100% {
    margin-left: 0;
    opacity: 1;
  }
}
.badge {
  text-shadow: -1px -1px 0 #521, -1px 0px 0 #521, -1px 1px 0 #521, 0px -1px 0 #521, 0px 1px 0 #521, 1px -1px 0 #521, 1px 0px 0 #521, 1px 1px 0 #521, -1px 2px 1px #521, 0px 2px 1px #521, 1px 2px 1px #521;
  position: absolute;
  line-height: 19px;
  background-image: url("/images/home/badge.png?201216_1");
  background-size: cover;
  width: 22px;
  height: 21px;
  text-align: center;
  font-weight: bold;
  font-size: 1.1rem;
}

.popup_shadow {
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.message {
  position: absolute;
  bottom: 0;
  margin-right: auto;
  margin-left: auto;
  padding: 60px 0;
  width: 320px;
}

.message_chara {
  width: 155px;
  height: 174px;
}

.message_chara-top {
  margin-right: auto;
  margin-bottom: -50px;
  width: 320px;
  height: 290px;
  background-image: url(/image/page/chara_message.png);
  background-position: -100px 50px;
  background-size: 120% auto;
  background-repeat: no-repeat;
}

.message_chara-top.message_chara_2 {
  background-image: url(/image/page/chara2_message.png);
}

.message_chara-top.message_chara-big {
  margin-bottom: 0;
  height: 420px;
  background-position: -80px -40px;
  background-size: 150% auto;
}

.text_window_active, .text_window_passive, .text_window_this, .message_window {
  margin-right: auto;
  margin-left: auto;
  padding: 0 2px 0 2px;
  border-width: 7px;
  border-style: solid;
  border-radius: 7px;
  -webkit-border-image: url("/image/page/window_message_01.png") 14 fill round;
  border-image: url("/image/page/window_message_01.png") 14 fill round;
  background-color: #000;
  box-shadow: rgba(0, 0, 0, 0.9) 0 1px 2px 0;
  color: white;
  vertical-align: top;
}

.po_bo.text_window_active, .po_bo.text_window_passive, .po_bo.text_window_this, .po_bo.message_window {
  width: 94%;
}

.text_window_passive {
  -webkit-border-image: url("/image/page/window_message_02.png") 14 fill round;
  border-image: url("/image/page/window_message_02.png") 14 fill round;
}

.text_window_passive.select, .text_window_this {
  -webkit-border-image: url("/image/page/window_message_03.png") 14 fill round;
  border-image: url("/image/page/window_message_03.png") 14 fill round;
  background-color: #f22;
}

.text_window_active .text_window_text, .text_window_passive .text_window_text {
  margin: 0;
  height: auto;
}

.text_window_login_stamp {
  position: relative;
}

.text_window_login_stamp::before {
  content: "";
  position: absolute;
  top: -7px;
  left: -9px;
  width: 304px;
  height: calc(100% + 18px);
  background-size: 304px 100%;
  background-position: center top;
}

.message_window {
  position: relative;
  z-index: 10100;
  height: 70px;
}

.message_chara + .message_window {
  margin: 0 10px 0;
  height: 60px;
}

.message_label {
  position: absolute;
  z-index: 10050;
  margin-top: -25px;
  padding-top: 0;
  min-width: 120px;
  height: 24px;
  border-width: 7px;
  border-style: solid;
  border-radius: 7px;
  -webkit-border-image: url("/image/page/window_message_01.png") 14 fill round;
  border-image: url("/image/page/window_message_01.png") 14 fill round;
  background-color: #000;
  text-align: center;
  font-weight: bold;
  line-height: 1rem;
}

.message_text {
  /* overflow: hidden; */
  overflow: visible;
  margin-bottom: 5px;
  height: 40px;
  word-wrap: break-word;
}

.message_chara + .message_window .message_text {
  line-height: 2.2rem;
}

.message_next {
  margin: -6px -5px 0 0;
  text-align: right;
  font-size: 1.0rem;
  -webkit-animation-name: animation_blink;
  animation-name: animation_blink;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@-webkit-keyframes animation_blink {
  0% {
    opacity: 1.0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes animation_blink {
  0% {
    opacity: 1.0;
  }
  100% {
    opacity: 0;
  }
}
.btn-tutorial {
  position: absolute;
  z-index: 100;
}

.main_images {
  position: absolute;
  bottom: 45px;
  z-index: 20;
  display: table;
  width: 100%;
  height: 184px;
  background-image: url(/image/page/back-image-main_00.png);
  background-size: auto 100%;
  text-align: center;
}

.main_images-btn-coro {
  margin: 6px 0 2px 8px;
}

.main_images-btn-miss {
  margin-left: 22px;
}

.chara_image {
  position: absolute;
  top: 40px;
  z-index: 10;
}

.user_data {
  position: absolute;
  z-index: 20;
  margin-top: 55px;
  width: 159px;
  height: 52px;
  background-image: url(/image/page/user.png);
  background-size: auto 100%;
  -webkit-animation: anime_user_data .5s ease 0s 1 normal;
}

@-webkit-keyframes anime_user_data {
  0% {
    margin-left: -50px;
    opacity: 0;
  }
  100% {
    margin-left: 0;
    opacity: 1;
  }
}
.user_data p:first-child {
  margin: 10px 25px 0;
  width: 100px;
  color: #3c1b00;
  text-align: center;
  font-weight: bold;
  font-size: 1.0rem;
}

.user_data p:last-child {
  margin: 0;
  width: 150px;
  color: white;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 1px;
  font-weight: bold;
  font-size: 1.4rem;
}

/*--
#article>div{
-webkit-animation: animearticle 0.5s ease 0s 1 normal;
}
@-webkit-keyframes animearticle {
0% {margin-right:-100px;opacity:0;}
100% {margin-right:0px;opacity:1;}
}
--*/
.quest_images {
  position: absolute;
  width: 320px;
  height: 100%;
  background-image: url(/image/page/back-image_01.png);
  background-position: center top;
  background-size: 100% auto;
}

.modal-content {
  position: fixed;
  z-index: 500;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}

.modal-contents {
  overflow: scroll;
  padding: 105px 10px 0;
  height: 520px;
  text-align: center;
}

@media screen and (max-height: 480px) {
  .modal-contents {
    overflow: scroll;
    height: 432px;
  }

  .modal-contents.modal-top {
    padding: 45px 10px 0;
  }
}
.modal-contents .message {
  margin: 0 -10px 0;
  padding: 110px 0;
  background-color: rgba(0, 0, 0, 0);
}

.quest_go {
  padding-top: 105px;
  text-align: center;
}

.mypage_avatar {
  position: absolute;
  z-index: 10;
  width: 320px;
  height: 320px;
  background-position: 0 -60px;
  background-size: 480px 480px;
}

.mypage_avatar_only {
  background-position: -80px -60px;
}

.mypage_monster {
  position: absolute;
  z-index: 5;
  width: 320px;
  height: 320px;
  background-position: 0 0;
  background-size: 320px 320px;
}

.fw-b {
  font-weight: bold;
}

.back_images {
  position: absolute;
}

#quest-header {
  position: fixed;
  z-index: 40;
  width: 100%;
  height: 52px;
  background-image: url(/image/page/quest-header.png);
  background-size: 320px 52px;
}

.footer_images-btn {
  display: inline-block;
  margin: 8px 0 0 0;
}

.footer_images-btn img {
  margin: 0;
}

.text-indent {
  color: rgba(0, 0, 0, 0);
  text-indent: -9999px;
}

.quest_icon {
  position: absolute;
}

.quest_icon .quest_icon_name {
  position: absolute;
  z-index: 1;
  margin: 46px 0 0 -4px;
}

.quest_icon .quest_text_clear, .quest_icon .quest_text_new {
  position: absolute;
  z-index: 1;
  margin: 10px 0 0 9px;
}

.quest_banner {
  position: relative;
  margin-bottom: 15px;
}

.quest_banner_timeLimit {
  display: block;
  margin: -5px 26px 0 110px;
  text-align: right;
}

.quest_banner_timeLimit span {
  display: inline-block;
  height: 20px;
  text-indent: -9999px;
}

.quest_event_text_period {
  width: 48px;
  background-image: url(/image/page/quest_event_text_period.png);
  background-size: 48px 20px;
}

.quest_event_text_rest {
  width: 34px;
  background-image: url(/image/page/quest_event_text_rest.png);
  background-size: 34px 20px;
}

.quest_event_text_day {
  width: 19px;
  background-image: url(/image/page/quest_event_text_day.png);
  background-size: 19px 20px;
}

.quest_event_text_time {
  width: 34px;
  background-image: url(/image/page/quest_event_text_time.png);
  background-size: 34px 20px;
}

.quest_event_text_minutes {
  width: 19px;
  background-image: url(/image/page/quest_event_text_minutes.png);
  background-size: 19px 20px;
}

.quest_banner .quest_text_clear, .quest_banner .quest_text_new {
  position: absolute;
  margin: -5px 0 0 10px;
}

.paper_window .quest_text_clear, .paper_window .quest_text_new {
  position: absolute;
  margin: -20px 0 0 -30px;
}

.quest_text_new {
  -webkit-animation: anime_quest_text_new 2s ease 0s infinite normal;
}

@-webkit-keyframes anime_quest_text_new {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.btn-next, .btn-prev {
  position: absolute;
}

.btn-next {
  right: 0;
}

.btn-prev {
  left: 0;
}

.slider {
  position: relative;
  width: 320px;
}

.slider ol.flex-control-nav li {
  display: inline-block;
}

.slider ol.flex-control-nav li a {
  display: block;
  width: 13px;
  height: 13px;
  background-image: url(/image/page/slider_nav_no.png);
  background-size: 100%;
  color: rgba(0, 0, 0, 0);
  text-indent: -9999px;
}

.slider ol.flex-control-nav li a.flex-active {
  background-image: url(/image/page/slider_nav_now.png);
}

.slider .flex-direction-nav .flex-nav-prev, .slider .flex-direction-nav .flex-nav-next {
  position: absolute;
  bottom: 14px;
}

.slider .flex-direction-nav .flex-nav-prev {
  left: 0;
}

.slider .flex-direction-nav .flex-nav-next {
  right: 0;
}

.slider .flex-direction-nav .flex-nav-prev a {
  display: block;
  padding: 22px 18px;
  width: 18px;
  height: 23px;
  background-image: url(/image/page/slider_nav_prev.png);
  background-position: center;
  background-size: 18px 23px;
  background-repeat: no-repeat;
  color: rgba(0, 0, 0, 0);
  text-indent: -9999px;
}

.slider .flex-direction-nav .flex-nav-next a {
  display: block;
  padding: 22px 18px;
  width: 18px;
  height: 23px;
  background-image: url(/image/page/slider_nav_next.png);
  background-position: center;
  background-size: 18px 23px;
  background-repeat: no-repeat;
  color: rgba(0, 0, 0, 0);
  text-indent: -9999px;
}

.slider.slider_quest {
  margin: 10px -10px;
  width: 320px;
}

.slider.slider_quest .flex-direction-nav .flex-nav-prev, .slider.slider_quest .flex-direction-nav .flex-nav-next {
  bottom: 64px;
}

/*------------------------------------*/
#article {
  padding: 92px 10px 90px;
  text-align: center;
}

#article.bottom_none {
  padding-bottom: 0;
}

/*------------------------------------*/
#article .page_title {
  -webkit-animation: animepage_title .5s ease 0s 1 normal;
}

@-webkit-keyframes animepage_title {
  0% {
    margin-left: -60px;
    opacity: 0;
  }
  100% {
    margin-left: -10px;
    opacity: 1;
  }
}
.page_title {
  position: fixed;
  z-index: 90;
  margin-top: -40px;
  margin-left: -10px;
  width: 200px;
  height: 34px;
  background-image: url(/image/page/title-page.png);
  background-size: auto 100%;
}

.modal_title {
  position: fixed;
  z-index: 20;
  margin-top: 52px;
  width: 200px;
  height: 34px;
  background-image: url(/image/page/title-page.png);
  background-size: auto 100%;
}

.page_title img, .modal_title img {
  margin: 7px 0 0 -10px;
  width: 160px;
}

.modal_title img {
  margin: 7px 0 0 15px;
}

#article .page_notation {
  -webkit-animation: animepage_notation .5s ease 0s 1 normal;
}

#article .page_notation.page_notation_price {
  bottom: 116px;
}

@-webkit-keyframes animepage_notation {
  0% {
    right: -50px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
.page_notation {
  position: fixed;
  right: 0;
  bottom: 60px;
  z-index: 90;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  padding: 5px 12px 0 17px;
  width: 135px;
  height: 26px;
  background-image: url(/image/page/title-notation.png);
  background-size: auto 100%;
  text-shadow: 1px 0 0 black,0 1px 0 black,-1px 0 0 black,0 -1px 0 black,1px 1px 0 black,-1px -1px 0 black,-1px 1px 0 black,1px -1px 0 black;
  font-weight: bold;
}

.page_notation p {
  display: inline-block;
  font-size: 1.2rem;
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -webkit-flex: 1;
  -webkit-flex-grow: 1;
}

.page_notation p:nth-child(1) {
  text-align: left;
}

.page_notation p:nth-child(2) {
  text-align: right;
}

.po_bo {
  position: absolute;
  bottom: 50px;
}

/*------------------------------------*/
.text_icon_gem, .text_icon_gold, .text_icon_medal, .text_icon_friend {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(/image/page/text_icon_gem.png);
  background-size: 100%;
  background-repeat: no-repeat;
  color: rgba(0, 0, 0, 0);
  text-indent: -9999px;
}

.text_icon_gold {
  background-image: url(/image/page/text_icon_gold.png);
}

.text_icon_medal {
  background-image: url(/image/page/text_icon_medal.png);
}

.text_icon_friend {
  background-image: url(/image/page/text_icon_friend.png);
}

.text_frame_w .text_icon_gem, .text_frame_w .text_icon_gold, .text_frame_w .text_icon_medal, .text_frame_w .text_icon_friend {
  position: absolute;
  display: block;
  text-align: left;
}

.text_frame_w span {
  -webkit-box-flex: 1;
  flex-grow: 1;
  -webkit-flex-grow: 1;
}

.plus_efect {
  -webkit-animation: anime_plus_efect 2s ease-out 0s infinite alternate;
}

.text_frame .plus_efect {
  background-color: #8a5f1a;
}

.text_frame_w .plus_efect {
  background-color: #f5e7c0;
}

@-webkit-keyframes anime_plus_efect {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.plus_efect + .minus_efect {
  position: absolute;
}

/*------------------------------------*/
.btn-main_contents a {
  display: block;
  margin: 0 auto 10px;
  width: 235px;
  height: 52px;
  background-image: url(/image/page/btn-main_contents.png);
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-align: center;
}

.btn-main_contents.btn-none_contents a {
  background-image: url(/image/page/btn-none_contents.png);
}

.btn-main_contents img {
  margin: -15px 0 0 -4px;
  width: 241px;
  height: 59px;
}

.btn-main_box_4 {
  position: fixed;
  z-index: 32;
  margin: 0 -10px;
}

.btn-main_box_4 + div {
  margin-top: 70px;
}

.btn-main_box {
  display: inline-block;
}

.btn-main_box a {
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 65px;
  background-image: url(/image/page/btn-main_box.png);
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-align: center;
  font-weight: bold;
}

.btn-main_box.btn-main_box_this a {
  background-image: url(/image/page/btn-main_box_this.png);
}

.btn-main_box.btn-main_box_none a {
  background-image: url(/image/page/btn-main_box_none.png);
}

.btn-main_box.btn-main_box_this a img, .btn-main_box.btn-main_box_none a img {
  opacity: .75;
}

.btn-main_medium {
  display: inline-block;
}

.btn-main_medium a {
  display: block;
  margin: auto;
  padding: 11px 0 0 0;
  width: 145px;
  height: 41px;
  background-image: url(/image/page/btn-main_medium.png);
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-align: center;
  font-weight: bold;
}

.btn-cancel_medium.btn-main_medium a {
  background-image: url(/image/page/btn-cancel_medium.png);
}

.btn-none_medium.btn-main_medium a {
  background-image: url(/image/page/btn-none_medium.png);
}

.btn-main_medium a img {
  width: 128px;
  height: 21px;
}

.btn-main_small {
  display: inline-block;
}

.btn-main_small a {
  display: block;
  margin: auto;
  padding: 11px 0 0 0;
  width: 100px;
  height: 41px;
  background-image: url(/image/page/btn-main_small.png);
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-align: center;
}

.btn-cancel_small.btn-main_small a {
  background-image: url(/image/page/btn-cancel_medium.png);
}

.btn-main_small a img {
  width: 83px;
  height: 21px;
}

.btn-main_small.btn-main_small_quest {
  position: absolute;
  top: 50px;
  right: 10px;
}

.btn-main_small_top {
  position: absolute;
  top: 54px;
  right: 10px;
}

.btn-main_small_top a {
  display: block;
}

.btn-main_small_top img {
  width: 98px;
  height: 33px;
}

/*------------------------------------*/
.modal-content .paper_window {
  z-index: 10100;
}

.modal-content .text_window_passive {
  width: 260px;
}

.modal-content .text_window_passive.message_board {
  width: 300px;
}

.paper_window {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 0 2px 0 2px;
  width: 280px;
  border-width: 15px;
  border-style: solid;
  border-radius: 7px;
  -webkit-border-image: url("/image/page/paper.png") 30 fill round;
  border-image: url("/image/page/paper.png") 30 fill round;
  color: #4a1900;
  vertical-align: top;
}

.paper_window.paper_red {
  -webkit-border-image: url("/image/page/paper_red.png") 30 fill round;
  border-image: url("/image/page/paper_red.png") 30 fill round;
  color: #4a0014;
}

.paper_window.paper_white {
  -webkit-border-image: url("/image/page/paper_white.png") 30 fill round;
  border-image: url("/image/page/paper_white.png") 30 fill round;
}

/*--
.paper_window a{
  color: rgba(74,25,0,1.00);
}--*/
.paper_window .text_frame {
  color: #fff;
}

.paper_window.paper_window_status {
  position: absolute;
  margin: -200px 0 0 240px;
  width: 120px;
  height: 184px;
}

.paper_window.paper_window_status p {
  font-size: 1.2rem;
}

.paper_window_back {
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  height: 100%;
  background-image: url(/image/page/paper-back.png);
  background-size: 100% auto;
  color: rgba(0, 0, 0, 0);
  content: "test";
}

.paper_window_contents {
  margin: -8px -10px -10px;
}

.paper_window.paper_window_choice {
  position: fixed;
  z-index: 50;
  margin: 0 0 0 10px;
  text-shadow: #edd083 1px 1px 0;
}

.paper_window.paper_window_choice.paper_red {
  text-shadow: #e4a19b 1px 1px 0;
}

.modal-content .paper_window.paper_window_choice {
  position: relative;
}

.paper_window.paper_window_choice.paper_window_list {
  position: relative;
  z-index: 10;
}

.paper_window.paper_window_choice.paper_window_list.paper_window_equipment {
  position: fixed;
  bottom: 75px;
}

.paper_window.paper_window_choice.paper_window_list.paper_window_equipment.paper_window_easy {
  position: fixed;
  bottom: 115px;
}

@media screen and (max-height: 480px) {
  .paper_window.paper_window_choice.paper_window_list.paper_window_equipment.paper_window_easy {
    bottom: 100px;
  }
}
.icon_list_evelution + .paper_window.paper_window_choice {
  margin-top: 6px;
}

.paper_window.paper_window_price {
  position: fixed;
  right: 10px;
  bottom: 56px;
  z-index: 50;
  width: 240px;
  height: 58px;
  text-shadow: #edd083 1px 1px 0;
}

.paper_window.paper_window_price.paper_window_price_small {
  width: 79px;
}

.paper_window.guild_battleSchedule {
  -webkit-border-image-source: url("/image/page/paper_guildBattleSchedule.png");
  border-image-source: url("/image/page/paper_guildBattleSchedule.png");
}

/*------------------------------------*/
.thumbnail {
  position: relative;
  display: inline-block;
  border-radius: 8px;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}

.thumbnail-s {
  zoom: .75;
}

.thumbnail a p:before, .thumbnail input + label p:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  width: 50px;
  height: 50px;
  background-image: url(/image/page/thumbnail_normal_front.png);
  background-size: 50px 50px;
  color: rgba(0, 0, 0, 0);
  content: "frame";
  text-indent: -9999px;
}

.thumbnail a p:after, .thumbnail input + label p:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 50px;
  height: 50px;
  background-image: url(/image/page/thumbnail_normal_back.png);
  background-size: 50px 50px;
  color: rgba(0, 0, 0, 0);
  content: "back";
  text-indent: -9999px;
}

.thumbnail.thumbnail_rare1 a p:before, .thumbnail.thumbnail_rare1 input + label p:before {
  background-image: url(/image/page/thumbnail_rare1_front.png);
}

.thumbnail.thumbnail_rare2 a p:before, .thumbnail.thumbnail_rare2 input + label p:before {
  background-image: url(/image/page/thumbnail_rare2_front.png);
}

.thumbnail.thumbnail_rare3 a p:before, .thumbnail.thumbnail_rare3 input + label p:before {
  background-image: url(/image/page/thumbnail_rare3_front.png);
}

.thumbnail.thumbnail_rare4 a p:before, .thumbnail.thumbnail_rare4 input + label p:before {
  background-image: url(/image/page/thumbnail_rare4_front.png);
}

.thumbnail.thumbnail_rare5 a p:before, .thumbnail.thumbnail_rare5 input + label p:before {
  background-image: url(/image/page/thumbnail_rare5_front.png);
}

.thumbnail.thumbnail_rare6 a p:before, .thumbnail.thumbnail_rare6 input + label p:before {
  background-image: url(/image/page/thumbnail_rare6_front.png);
}

.thumbnail.thumbnail_rare7 a p:before, .thumbnail.thumbnail_rare7 input + label p:before {
  background-image: url(/image/page/thumbnail_rare7_front.png);
}

.thumbnail.thumbnail_rare1.thumbnail_no a p:before, .thumbnail.thumbnail_rare1.thumbnail_no input + label p:before {
  background-image: url(/image/page/thumbnail_rare1_front_no.png);
}

.thumbnail.thumbnail_rare2.thumbnail_no a p:before, .thumbnail.thumbnail_rare2.thumbnail_no input + label p:before {
  background-image: url(/image/page/thumbnail_rare2_front_no.png);
}

.thumbnail.thumbnail_rare3.thumbnail_no a p:before, .thumbnail.thumbnail_rare3.thumbnail_no input + label p:before {
  background-image: url(/image/page/thumbnail_rare3_front_no.png);
}

.thumbnail.thumbnail_rare4.thumbnail_no a p:before, .thumbnail.thumbnail_rare4.thumbnail_no input + label p:before {
  background-image: url(/image/page/thumbnail_rare4_front_no.png);
}

.thumbnail.thumbnail_rare5.thumbnail_no a p:before, .thumbnail.thumbnail_rare5.thumbnail_no input + label p:before {
  background-image: url(/image/page/thumbnail_rare5_front_no.png);
}

.thumbnail.thumbnail_rare6.thumbnail_no a p:before, .thumbnail.thumbnail_rare6.thumbnail_no input + label p:before {
  background-image: url(/image/page/thumbnail_rare6_front_no.png);
}

.thumbnail.thumbnail_rare7.thumbnail_no a p:before, .thumbnail.thumbnail_rare7.thumbnail_no input + label p:before {
  background-image: url(/image/page/thumbnail_rare7_front_no.png);
}

.thumbnail a {
  display: block;
}

.thumbnail img {
  position: relative;
  z-index: 20;
  border-radius: 10px;
}

.thumbnail input {
  position: absolute;
  z-index: 30;
}

.icon_list {
  padding: 0 0 0 15px;
  text-align: left;
  /*  height: 430px;
  overflow: scroll;
  margin-top: 5px;
  -webkit-overflow-scrolling : touch*/
}

.icon_list.icon_list_choice {
  padding-bottom: 50px;
}

.paper_window_choice + .icon_list.icon_list_choice {
  padding-top: 72px;
}

.paper_window_choice + .icon_list_evelution {
  margin-top: 74px;
  padding-bottom: 13px;
  width: 288px;
}

.paper_window_choice + .icon_list_evelution text_window_text {
  height: 76px;
}

.paper_window_choice + .icon_list_evelution .icon_list {
  padding: 2px 0 0 0;
}

.icon_list li {
  position: relative;
  margin: 0 1px 5px 0;
}

.icon_list li:nth-child(5n) {
  margin-right: 0;
}

.icon_list.icon_list_choice input {
  margin: 0;
  width: 50px;
  height: 50px;
  opacity: 0;
}

.icon_list.icon_list_choice input + label {
  width: 50px;
  height: 50px;
}

.icon_list.icon_list_choice input + label:after {
  display: none;
}

.icon_list.icon_list_choice input:checked + label:after {
  position: absolute;
  z-index: 32;
  display: block;
  margin-top: -50px;
  margin-left: 0;
  width: 50px;
  height: 50px;
  background-image: url(/image/page/thumbnail_check_training.png);
  background-size: 100%;
  color: rgba(0, 0, 0, 0);
  content: "check";
  text-indent: -9999px;
}

.icon_list.icon_list_choice input[disabled] + label:after {
  position: absolute;
  z-index: 32;
  display: block;
  margin-top: -50px;
  width: 50px;
  height: 50px;
  background-image: url(/image/page/thumbnail_check_none.png);
  background-size: 100%;
  color: rgba(0, 0, 0, 0);
  content: "check";
  text-indent: -9999px;
}

.icon_list.icon_list_sell {
  font-size: 0;
  padding: 0;
}

.icon_list.icon_list_sell input {
  display: none;
}

.thumbnail input[type=radio] {
  display: none;
}

.thumbnail input[type=radio]:checked + label:after {
  position: absolute;
  z-index: 32;
  display: block;
  margin: -56px 0 0 30px;
  width: 25px;
  height: 25px;
  background-image: url(/image/page/thumbnail_check.png);
  background-size: 100%;
  color: rgba(0, 0, 0, 0);
  content: "check";
  text-indent: -9999px;
}

.thumbnail_set:before, .thumbnail_base_set:before, .thumbnail_deck_set_avatar:before, .thumbnail_deck_set_monster:before, .thumbnail_deck_avatar:before, .thumbnail_deck_monster:before, .thumbnail_battle_win:before, .thumbnail_battle_lose:before, .thumbnail_battle_draw:before {
  position: absolute;
  z-index: 32;
  display: block;
  margin: 0 0 0 0;
  width: 50px;
  height: 50px;
  background-image: url(/image/page/thumbnail_check_deck_monster.png);
  background-size: 100%;
  color: rgba(0, 0, 0, 0);
  content: "set";
  text-indent: -9999px;
}

.thumbnail_set:before {
  background-image: url(/image/page/thumbnail_check_none.png);
}

.thumbnail_deck_monster:before {
  background-image: url(/image/page/thumbnail_deck_monster.png);
}

.thumbnail_deck_avatar:before {
  background-image: url(/image/page/thumbnail_deck_avatar.png);
}

.thumbnail_deck_set_avatar:before {
  background-image: url(/image/page/thumbnail_check_deck_avatar.png);
}

.thumbnail_base_set:before {
  background-image: url(/image/page/thumbnail_check_base.png);
}

.thumbnail_battle_win:before {
  background-image: url(/image/page/guildBattle_thumbnail_win.png);
}

.thumbnail_battle_lose:before {
  background-image: url(/image/page/guildBattle_thumbnail_lose.png);
}

.thumbnail_battle_draw:before {
  background-image: url(/image/page/guildBattle_thumbnail_draw.png);
}

.thumbnail input[type=radio] + label img {
  opacity: 1;
}

.thumbnail input[type=radio]:disabled + label img {
  opacity: .5;
}

.thumbnail input[type=radio]:checked + label img {
  opacity: 1;
}

.thumbnail_level {
  position: absolute;
  bottom: 3px;
  left: 4px;
  z-index: 35;
  font-size: 0;
}

.thumbnail_level p, .thumbnail_level div, .thumbnail_level li {
  display: inline-block;
  margin-right: -2px;
  width: 9px;
  height: 11px;
  background-position: center;
  background-size: auto 100%;
  color: rgba(0, 0, 0, 0);
  text-indent: -9999px;
}

.thumbnail_level p:before, .thumbnail_level p:after {
  content: none !important;
}

.thumbnail_level .thumbnail_possession_text {
  margin-right: -2px;
  width: 11px;
  background-image: url(/image/page/status-text-possession.png);
}

.thumbnail_level .thumbnail_level_text {
  margin-right: -2px;
  width: 17px;
  background-image: url(/image/page/status-text-level.png);
}

.thumbnail_level .thumbnail_level_0 {
  background-image: url(/image/page/header-score_0.png);
}

.thumbnail_level .thumbnail_level_1 {
  margin-right: -3px;
  width: 7px;
  background-image: url(/image/page/header-score_1.png);
}

.thumbnail_level .thumbnail_level_2 {
  background-image: url(/image/page/header-score_2.png);
}

.thumbnail_level .thumbnail_level_3 {
  background-image: url(/image/page/header-score_3.png);
}

.thumbnail_level .thumbnail_level_4 {
  background-image: url(/image/page/header-score_4.png);
}

.thumbnail_level .thumbnail_level_5 {
  background-image: url(/image/page/header-score_5.png);
}

.thumbnail_level .thumbnail_level_6 {
  background-image: url(/image/page/header-score_6.png);
}

.thumbnail_level .thumbnail_level_7 {
  background-image: url(/image/page/header-score_7.png);
}

.thumbnail_level .thumbnail_level_8 {
  background-image: url(/image/page/header-score_8.png);
}

.thumbnail_level .thumbnail_level_9 {
  background-image: url(/image/page/header-score_9.png);
}

.thumbnail_level .thumbnail_level_max {
  width: 25px;
  background-image: url(/image/page/header-score_max.png);
}

/*------------------------------------*/
.thumbnail_textarea {
  display: inline-block;
  width: 210px;
  vertical-align: top;
}

.paper_window_price .thumbnail_textarea {
  width: 158px;
}

.paper_window_choice .thumbnail_textarea_column_2 .thumbnail_textarea_contents_2 p.text_frame_w, .paper_window_choice .thumbnail_textarea_column_2 .thumbnail_textarea_contents_3 p.text_frame_w, .paper_window_choice .thumbnail_textarea_column_2 .thumbnail_textarea_contents_status_1 p.text_frame_w, .paper_window_choice .thumbnail_textarea_column_2 .thumbnail_textarea_contents_status_2 p.text_frame_w, .paper_window_choice .thumbnail_textarea_column_2 .thumbnail_textarea_contents_status_3 p.text_frame_w {
  padding: 3px 4px 4px;
}

.paper_window_choice .thumbnail_textarea.thumbnail_textarea_column_2 div:nth-child(2) p.text_frame_w:nth-child(1) {
  border-radius: 0 0 0 5px;
}

.paper_window_choice .thumbnail_textarea.thumbnail_textarea_column_2 div:nth-child(2) p.text_frame_w:nth-child(3) {
  border-radius: 0 0 5px 0;
}

.thumbnail_textarea_contents_2, .thumbnail_textarea_contents_3, .thumbnail_textarea_contents_status_1, .thumbnail_textarea_contents_status_2, .thumbnail_textarea_contents_status_3 {
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  margin: 2px 0 0;
}

.thumbnail_textarea_contents_status_skill {
  margin: 2px 0 8px;
  padding: 0 4px;
  border-radius: 2px;
  background-color: #f5e7c0;
  font-weight: bold;
}

.thumbnail_textarea_contents_status_skill .skill_title {
  font-size: 1.0rem;
  line-height: 1.5rem;
}

.thumbnail_textarea_contents_status_skill .skill_name {
  margin-top: -5px;
  text-align: center;
  font-size: 1.2rem;
}

.thumbnail_textarea div:nth-child(1) {
  margin: 0;
}

.textarea_bgblk {
  padding: 5px;
  border-radius: 5px;
  background-color: #000;
  color: #fff;
  text-shadow: none;
}

.thumbnail_textarea.textarea_bgblk {
  margin: 5px 0;
  text-align: left;
}

.thumbnail_textarea div p
.thumbnail_textarea div div {
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-flex: 1;
}

.thumbnail_textarea div p {
  margin-right: 2px;
  padding: 2px 0 1px;
}

.thumbnail_textarea.thumbnail_textarea_rightbtn > div:nth-child(1) {
  display: table-cell;
  width: 80%;
  vertical-align: top;
}

.thumbnail_textarea.thumbnail_textarea_rightbtn > div:nth-child(1) div {
  margin-top: 2px;
}

.thumbnail_textarea.thumbnail_textarea_rightbtn > div:nth-child(2) {
  display: table-cell;
  width: 20%;
  vertical-align: top;
}

.thumbnail_textarea.thumbnail_textarea_rightbtn > div:nth-child(2) .btn-small {
  display: table-cell;
  width: 44px;
  height: 36px;
}

.thumbnail_textarea_contents_2 > p:nth-child(1), .thumbnail_textarea_contents_3 > p:nth-child(1) {
  text-align: left;
  font-weight: bold;
}

.paper_window.paper_window_status .thumbnail_textarea_contents_2 > p:nth-child(1) {
  min-width: 50px;
}

.thumbnail_textarea_contents_2 > p:nth-child(2) {
  position: relative;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -webkit-flex-grow: 1;
}

.thumbnail_textarea_contents_2 > p:nth-child(2) span:nth-child(1), .thumbnail_textarea_contents_2 > p:nth-child(2) span.plus_efect {
  position: absolute;
  display: inline-block;
  width: 50px;
}

.thumbnail_textarea_contents_3 > p:nth-child(2) {
  -webkit-box-flex: 1;
  flex-grow: 1;
  -webkit-flex-grow: 1;
}

.thumbnail_textarea .thumbnail_textarea_contents_status_1 p, .thumbnail_textarea .thumbnail_textarea_contents_status_2 p, .thumbnail_textarea .thumbnail_textarea_contents_status_3 p {
  margin: 0 1px -1px 0;
  font-weight: bold;
  font-size: 1.2rem;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -webkit-flex-grow: 1;
}

.paper_window_choice .thumbnail_textarea_contents_status_1 p span, .paper_window_choice .thumbnail_textarea_contents_status_2 p span, .paper_window_choice .thumbnail_textarea_contents_status_3 p span {
  display: inline-block;
}

.paper_window_price div p span:nth-child(2) {
  display: inline-block;
  width: 56px;
}

.paper_window_price div p:nth-child(2) span:nth-child(2) {
  width: 30px;
}

.paper_window_price .thumbnail_textarea_contents_status_1 p span:nth-child(2) {
  width: 106px;
  text-align: right;
}

.thumbnail_textarea_contents_status_1 p > span:nth-child(1), .thumbnail_textarea_contents_status_2 p > span:nth-child(1), .thumbnail_textarea_contents_status_3 p > span:nth-child(1) {
  width: 34px;
  text-align: left;
  font-size: 1.0rem;
}

.thumbnail_textarea_contents_status_1 p span:nth-child(1) {
  display: inline-block;
  width: 42px;
}

.thumbnail_textarea_contents_status_2 p span:nth-child(2) {
  width: 26px;
  text-align: right;
}

.thumbnail_textarea_contents_status_3 p span:nth-child(2) {
  width: 26px;
  text-align: right;
}

.thumbnail_textarea_contents_status_3:nth-child(1) p:nth-child(1) span:nth-child(1) {
  width: 15px;
  text-align: right;
}

.thumbnail_textarea_contents_status_3:nth-child(1) p:nth-child(1) span:nth-child(2) {
  width: 45px;
  text-align: right;
}

.text_frame_w.column_avatar > span:nth-child(1) {
  width: 32px;
}

.text_frame_w.column_avatar > span:nth-child(2) {
  width: 64px;
}

.thumbnail_textarea_contents_status_1 .text_frame_w.column_avatar > span:nth-child(1) {
  width: 120px;
}

.thumbnail_textarea_contents_status_1 .text_frame_w.column_avatar > span:nth-child(2) {
  width: 80px;
  text-align: right;
}

.text_frame_w.column_avatar > span:nth-child(3) {
  position: absolute;
  margin-left: -64px;
  width: 64px;
  text-align: right;
}

.thumbnail_no img {
  opacity: .5;
}

.thumbnail_no div {
  opacity: .6;
}

.text_frame, .text_frame_w {
  box-sizing: border-box;
  padding: 2px 4px 1px;
  border: none;
  border-radius: 5px;
  background-color: #8a5f1a;
}

.text_frame_w {
  background-color: #f5e7c0;
}

.paper_window.paper_red .text_frame_w {
  background-color: #f8e6e4;
}

.text_frame_w a, a .text_frame_w, .thumbnail_textarea a, a .thumbnail_textarea {
  color: #4a1900;
}

.thumbnail_textarea .btn-normal a, .thumbnail_textarea .btn-cancel a {
  color: white;
}

.thumbnail_textarea .btn-none a {
  color: rgba(255, 255, 255, 0.5);
}

.thumbnail_possession {
  position: absolute;
  margin: 2px;
  padding: 0;
  width: 46px;
  border-radius: 3px;
  color: #4a1900;
  text-align: center;
  font-weight: bold;
  font-size: 1.0rem;
}

.text_title {
  display: table;
  margin: 0 auto;
  padding: 2px 0;
}

.thumbnail_textarea div p.text_frame_w {
  padding: 2px 4px 1px;
}

.paper_window_choice .thumbnail_textarea div p.text_frame_w {
  padding: 0 4px 0;
  border-radius: 0;
}

.paper_window_choice .thumbnail_textarea div p.text_frame_w {
  border-radius: 2px;
}

.paper_window_price .btn-normal, .paper_window_price .btn-cancel, .paper_window_price .btn-none {
  width: 64px;
  height: 40px;
}

.paper_window_price .btn-normal input, .paper_window_price .btn-cancel input, .paper_window_price .btn-none input {
  margin: -9px 0 0 -9px;
  width: 64px;
  height: 40px;
}

.paper_window_price .btn-normal img, .paper_window_price .btn-cancel img, .paper_window_price .btn-none img {
  margin: -4px 0 0 -4px;
}

.status-meter {
  position: absolute;
  margin: 2px 0 0 -18px;
  width: 176px;
  text-align: left;
}

.status-meter .point {
  position: relative;
  z-index: 5;
  display: block;
  margin: 0;
  height: 9px;
  border-radius: 9px;
  background-color: white;
}

.status-meter .point {
  background-color: #e33f65;
}

.status-meter:before {
  position: absolute;
  z-index: 7;
  display: block;
  margin: -1px -1px 0 0;
  width: 178px;
  height: 11px;
  background-image: url(/image/page/status-meter.png);
  background-size: 178px 11px;
  color: rgba(0, 0, 0, 0);
  content: "-";
  text-indent: -9999px;
}

.status-meter:after {
  position: absolute;
  z-index: 2;
  display: block;
  margin: -9px -1px 0 0;
  width: 178px;
  height: 9px;
  border-radius: 9px;
  background-color: black;
  color: rgba(0, 0, 0, 0);
  content: "-";
  text-indent: -9999px;
}

.paper_window_choice .thumbnail_textarea_contents_status_1 p span.status_exp_text {
  position: absolute;
  z-index: 10;
  display: block;
  margin-top: 6px;
  width: 178px;
  color: white;
  text-align: center;
  text-shadow: #000 0 0 1px,#000 0 0 1px,#000 0 0 1px,#000 1px 1px 0;
  font-size: 1.0rem;
}

.text_title p {
  display: table-cell;
  padding: 0 2px;
  width: 81%;
  height: 21px;
  background: #8a5f1a;
  color: #fff;
  vertical-align: middle;
  text-shadow: none;
  font-weight: bold;
}

.text_title:before {
  display: table-cell;
  width: 25px;
  height: 21px;
  background-image: url(/image/page/paper_title_left.png);
  background-size: 100%;
  color: rgba(0, 0, 0, 0);
  content: "a";
  text-indent: -9999px;
}

.text_title:after {
  display: table-cell;
  width: 25px;
  height: 21px;
  background-image: url(/image/page/paper_title_right.png);
  background-size: 100%;
  color: rgba(0, 0, 0, 0);
  content: "a";
  text-indent: -9999px;
}

.paper_window.paper_red .text_title p {
  background: #8a291a;
}

.paper_window.paper_red .text_title:before {
  background-image: url(/image/page/paper_title_left_red.png);
}

.paper_window.paper_red .text_title:after {
  background-image: url(/image/page/paper_title_right_red.png);
}

.paper_text_mission_clear, .paper_text_mission_challenge, .paper_text_evolution_before, .paper_text_evolution_after, .paper_text_limitBreak_before, .paper_text_limitBreak_after, .paper_text_avatar_equipment, .paper_text_avatar_enhance, .paper_text_avatar_enhance_before, .paper_text_avatar_enhance_evolution, .paper_text_avatar_evolution_before, .paper_text_avatar_evolution_after, .paper_text_guild_bossSet, .paper_text_mail_read {
  position: absolute;
  z-index: 40;
  margin: -15px 0 0 -10px;
  width: 50px;
  height: 20px;
  background-image: url(/image/page/paper_text_mission_clear.png);
  background-size: 100%;
  color: rgba(0, 0, 0, 0);
  text-indent: -9999px;
}

.paper_text_mission_challenge {
  background-image: url(/image/page/paper_text_mission_challenge.png);
}

.paper_text_evolution_before {
  background-image: url(/image/page/paper_text_evolution_before.png);
}

.paper_text_evolution_after {
  background-image: url(/image/page/paper_text_evolution_after.png);
}

.paper_text_limitBreak_before {
  background-image: url(/image/page/paper_text_limitBreak_before.png);
}

.paper_text_limitBreak_after {
  background-image: url(/image/page/paper_text_limitBreak_after.png);
}

.paper_text_avatar_equipment {
  background-image: url(/image/page/paper_text_avatarEquipment-change.png);
}

.paper_text_avatar_enhance {
  background-image: url(/image/page/paper_text_avatar_enhance.png);
}

.paper_text_avatar_enhance_before {
  background-image: url(/image/page/paper_text_avatar_enhance_before.png);
}

.paper_text_avatar_enhance_evolution {
  background-image: url(/image/page/paper_text_avatar_enhance_evolution.png);
}

.paper_text_avatar_evolution_before {
  background-image: url(/image/page/paper_text_evolution_before.png);
}

.paper_text_avatar_evolution_after {
  background-image: url(/image/page/paper_text_evolution_after.png);
}

.paper_text_mail_read {
  background-image: url(/image/page/paper_text_mail_read.png);
}

.paper_text_guild_bossSet {
  background-image: url(/image/page/paper_text_guild_bossSet.png);
}

.guild_member_list_doragon .paper_text_guild_bossSet {
  margin: 126px 0 0;
}

.quest_list {
  position: absolute;
  overflow: hidden;
  width: 320px;
  height: 100%;
  background-position: center top;
  background-size: 100% auto;
}

.btn-quest_area {
  position: absolute;
  top: 100px;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100px;
  font-size: 1.2rem;
}

.btn-quest_area div {
  position: absolute;
}

.btn-quest_area div:nth-child(1) {
  left: -10px;
  padding-left: 6px;
}

.btn-quest_area div:nth-child(2) {
  right: -10px;
  padding-right: 6px;
}

.sort_list li {
  display: inline-block;
}

.sort_list li input {
  display: none;
}

.sort_list li input + label {
  margin-bottom: 4px;
  width: 56px;
  height: 30px;
  font-weight: bold;
  font-size: 1.1rem;
  opacity: .5;
}

.sort_list li input[type=radio]:checked + label {
  opacity: 1.0;
}

.sort_list li input + label p {
  margin-top: -2px;
}

#article.data_status {
  padding: 80px 0 0 0;
}

#article.data_status .page_title {
  margin-top: -28px;
  margin-left: 0;
}

.data_name {
  position: absolute;
  top: 90px;
  margin: 0 52.5px;
  padding: 9px 0 0;
  width: 215px;
  height: 40px;
  background-image: url(/image/page/paper_dataname.png);
  background-size: 100%;
  background-repeat: no-repeat;
  color: #4a1900;
  font-weight: bold;
}

.data_type {
  position: absolute;
  top: 98px;
  margin: 0 69.5px;
  font-weight: bold;
}

.data_type p {
  width: 181px;
  height: 22px;
  background-image: url(/image/page/type_monster_00001.png);
  background-size: 100%;
  text-indent: -9999px;
}

.data_status .data_name {
  top: auto;
  right: 6px;
  bottom: 206px;
  margin: 0;
  padding-top: 6px;
  width: 168px;
  height: 32px;
  background-position: center;
  font-size: 1.2rem;
}

.data_status .data_type {
  top: auto;
  right: 19px;
  bottom: 209px;
  margin: 0;
}

.data_status .data_type p {
  width: 142px;
}

#article.data_status .data_type .type_monster_00001 {
  background-image: url(/image/page/type_monster_00001.png);
}

#article.data_status .data_type .type_monster_00002 {
  background-image: url(/image/page/type_monster_00002.png);
}

#article.data_status .data_type .type_monster_00003 {
  background-image: url(/image/page/type_monster_00003.png);
}

#article.data_status .data_type .type_monster_00004 {
  background-image: url(/image/page/type_monster_00004.png);
}

#article.data_status .data_type .type_monster_00005 {
  background-image: url(/image/page/type_monster_00005.png);
}

#article.data_status .data_type .type_monster_00006 {
  background-image: url(/image/page/type_monster_00006.png);
}

#article.data_status .data_type .type_monster_00007 {
  background-image: url(/image/page/type_monster_00007.png);
}

#article.data_status .data_type .type_monster_00008 {
  background-image: url(/image/page/type_monster_00008.png);
}

#article.data_status .data_type .type_monster_00009 {
  background-image: url(/image/page/type_monster_00009.png);
}

#article.data_status .data_type .type_monster_00010 {
  background-image: url(/image/page/type_monster_00010.png);
}

#article.data_status .data_type .type_avatar_00001 {
  background-image: url(/image/page/type_avatar_00001.png);
}

#article.data_status .data_type .type_avatar_00002 {
  background-image: url(/image/page/type_avatar_00002.png);
}

#article.data_status .data_type .type_avatar_00003 {
  background-image: url(/image/page/type_avatar_00003.png);
}

#article.data_status .data_type .type_avatar_00004 {
  background-image: url(/image/page/type_avatar_00004.png);
}

#article.data_status .data_type .type_avatar_00005 {
  background-image: url(/image/page/type_avatar_00005.png);
}

#article.data_status .data_type .type_avatar_00006 {
  background-image: url(/image/page/type_avatar_00006.png);
}

#article.data_status .data_type .type_avatar_00007 {
  background-image: url(/image/page/type_avatar_00007.png);
}

#article.data_status .data_type .type_avatar_00008 {
  background-image: url(/image/page/type_avatar_00008.png);
}

#article.data_status .data_type .type_avatar_00009 {
  background-image: url(/image/page/type_avatar_00009.png);
}

#article.data_status .data_type .type_avatar_00010 {
  background-image: url(/image/page/type_avatar_00010.png);
}

.data_status .data_rare {
  position: absolute;
  right: 6px;
  bottom: 190px;
  width: 168px;
  text-align: center;
  font-size: 0;
}

.data_rare p {
  display: inline-block;
  margin: 0 1px;
  width: 16px;
  height: 16px;
  background-image: url(/image/page/rare_star.png);
  background-size: 100%;
  text-indent: -9999px;
}

#article.data_status .btn-anime.btn-cancel.btn-back {
  bottom: 10px;
}

.data_status {
  position: absolute;
  display: block;
  padding: 0;
  width: 100%;
  height: 100%;
  background-image: url(/image/page/background_status.png);
  background-position: center top;
  background-size: 100% auto;
}

.data_status .data_image {
  position: absolute;
  top: 20px;
  width: 320px;
  height: 320px;
  /*
  background-size: 100% auto;
  background-repeat: no-repeat;
  */
}

.data_status .data_image img {
  width: 320px;
  height: 320px;
}

/*
@media screen and (max-height: 480px) {
  .data_status .data_image {
    bottom: 110px;
  }
}
*/
/*--
#article.data_status .data_name{top:auto;bottom: 208px;}
#article.data_status .data_type{top:auto;bottom: 217px;}
#article.data_status .data_rare{top:auto;bottom: 200px;}
.data_status .data_image{bottom: 160px;}
@media screen and (max-height: 480px) {
  .data_status .data_image{bottom: 140px;}
}
--*/
.data_status .paper_window.paper_window_choice {
  position: absolute;
  bottom: 138px;
  margin: 0 0 0 20px;
}

.data_status .text_window_passive {
  position: absolute;
  bottom: 62px;
  margin: 0 0 0 20px;
  min-height: 65px;
  width: 280px;
}

.data_status .slider {
  margin-left: -7px;
  width: 275px;
}

.paper_window_list .slider {
  width: 266px;
}

.paper_window_list .slider .flex-direction-nav .flex-nav-prev, .paper_window_list .slider .flex-direction-nav .flex-nav-next {
  bottom: 130px;
}

.paper_window_easy.paper_window_list .slider .flex-direction-nav .flex-nav-prev, .paper_window_easy.paper_window_list .slider .flex-direction-nav .flex-nav-next {
  bottom: 20px;
}

.paper_window_list .slider .flex-direction-nav .flex-nav-prev {
  left: -26px;
}

.paper_window_list .slider .flex-direction-nav .flex-nav-next {
  right: -26px;
}

.data_status .skill_data_1line, .data_status .skill_data_2line {
  padding: 0 4px;
  width: 267px;
}

.data_status .skill_data_1line p {
  display: inline-block;
  font-weight: bold;
}

.data_status .skill_data_1line p:nth-child(2) {
  width: 148px;
}

.data_status .skill_data_1line p:nth-child(3) {
  width: 90px;
  text-align: right;
}

.data_status .skill_data_2line p {
  font-size: 1.2rem;
}

.data_status .flex-control-nav.flex-control-paging {
  position: absolute;
  margin-top: 10px;
  width: 276px;
  text-align: center;
}

.data_status .slider .flex-direction-nav .flex-nav-prev, .data_status .slider .flex-direction-nav .flex-nav-next {
  bottom: 5px;
  padding-top: 20px;
}

.data_status .slider .flex-direction-nav .flex-nav-prev {
  left: -22px;
}

.data_status .slider .flex-direction-nav .flex-nav-next {
  right: -22px;
}

.data_status .modal_title {
  margin-top: 10px;
}

.data_status .btn-close-modal {
  bottom: 10px;
}

.create_box {
  position: absolute;
  top: 70px;
  z-index: 5;
  height: 200px;
}

.create_box_easy {
  top: 100px;
  margin: 0 0 0 -60px;
}

.create_box img {
  width: 300px;
  height: 200px;
}

.background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url(/image/page/bg_mypage.png);
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.background .background_001 {
  position: absolute;
  z-index: 5;
  width: 320px;
  height: 100%;
  background-image: url(/image/page/bg_mypage_00001_01.png);
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.background .background_002 {
  position: absolute;
  z-index: 3;
  width: 320px;
  height: 100%;
  background-image: url(/image/page/bg_mypage_00001_02.png);
  background-position: center top;
  background-size: 320px auto;
  background-repeat: repeat-x;
}

.background .background_003 {
  position: absolute;
  z-index: 3;
  width: 320px;
  height: 100%;
  background-image: url(/image/page/bg_mypage_00001_03.png);
  background-position: center top;
  background-size: 640px 568px;
  background-repeat: repeat-x;
}

.background .background_004 {
  position: absolute;
  z-index: 3;
  width: 320px;
  height: 100%;
  background-image: url(/image/page/bg_mypage_00001_04.png);
  background-position: center top;
  background-size: 640px 568px;
  background-repeat: repeat-x;
}

.background .background_005 {
  position: absolute;
  z-index: 1;
  width: 320px;
  height: 100%;
  background-image: url(/image/page/bg_mypage_00001_05.png);
  background-position: center top;
  background-size: 320px auto;
  background-repeat: no-repeat;
}

.background .background_move {
  -webkit-animation: anime_background_move 80s linear 0s infinite normal;
}

.background .background_003.background_move {
  -webkit-animation: anime_background_move 120s linear 0s infinite normal;
}

.background .background_004.background_move {
  -webkit-animation: anime_background_move 200s linear 0s infinite normal;
}

@-webkit-keyframes anime_background_move {
  0% {
    background-position: -640px;
  }
  100% {
    background-position: 640px;
  }
}
.enhance_window_before, .evolution_window_before {
  z-index: 1 !important;
  margin-bottom: 15px !important;
}

.enhance_window_before::after, .evolution_window_before::after {
  position: absolute;
  bottom: -35px;
  left: 50%;
  z-index: 51;
  display: block;
  margin-left: -29px;
  width: 58px;
  height: 28px;
  background-position: center;
  background-size: 58px 28px;
  background-repeat: no-repeat;
  content: "";
}

.enhance_window_before::after {
  background-image: url(/image/page/arrow_enhance_before.png);
}

.evolution_window_before::after {
  background-image: url(/image/page/arrow_evolution_before.png);
}

.enhance_window_after {
  z-index: auto !important;
  margin-bottom: 10px !important;
}

.enhance_window_rate {
  margin-bottom: 10px !important;
}

.enhance_window_rate .avatar_enhance {
  margin-bottom: 5px;
  padding: 10px 0 5px;
  border: 1px solid #3a2400;
  border-radius: 5px;
  background-color: #000;
  box-shadow: inset 0 0 0 1px #e5b830, inset 0 0 0 2px #9d7700;
  font-size: 0;
}

.enhance_window_rate .avatar_enhance_text_title {
  position: absolute;
  top: -22px;
  left: -18px;
}

.avatar_enhance p {
  display: inline-block;
  color: rgba(0, 0, 0, 0);
  text-indent: -9999px;
}

.avatar_enhance_text_title {
  width: 79px;
  height: 20px;
  background-image: url(/image/page/avatar_enhance_text_title.png);
  background-size: 79px 20px;
}

.avatar_enhance_text_total {
  position: absolute;
  top: -20px;
  left: -18px;
  width: 122px;
  height: 21px;
  background-image: url(/image/page/avatar_enhance_text_total.png);
  background-size: 122px 21px;
}

.avatar_enhance_rate {
  width: 21px;
  height: 30px;
  background-image: url(/image/page/avatar_enhance_rate.png);
  background-size: 254px 150px;
}

.enhance_rate_num_list, .enhance_rate_add_num_list, .enhance_rate_total_num_list {
  display: inline-block;
  vertical-align: bottom;
}

.enhance_rate_num_list li, .enhance_rate_add_num_list li, .enhance_rate_total_num_list li {
  display: inline-block;
  vertical-align: bottom;
}

.enhance_rate_add_num_list::before {
  display: inline-block;
  margin: 0 5px;
  width: 21px;
  height: 30px;
  background-image: url(/image/page/avatar_enhance_rate.png);
  background-position: -233px -90px;
  background-size: 254px 150px;
  content: "";
  vertical-align: bottom;
}

.avatar_enhance_rate_gold_0 {
  background-position: 0 0;
}

.avatar_enhance_rate_gold_1 {
  width: 14px;
  background-position: -21px 0;
}

.avatar_enhance_rate_gold_2 {
  background-position: -35px 0;
}

.avatar_enhance_rate_gold_3 {
  background-position: -56px 0;
}

.avatar_enhance_rate_gold_4 {
  background-position: -77px 0;
}

.avatar_enhance_rate_gold_5 {
  background-position: -98px 0;
}

.avatar_enhance_rate_gold_6 {
  background-position: -119px 0;
}

.avatar_enhance_rate_gold_7 {
  background-position: -140px 0;
}

.avatar_enhance_rate_gold_8 {
  background-position: -161px 0;
}

.avatar_enhance_rate_gold_9 {
  background-position: -182px 0;
}

.avatar_enhance_rate_gold_per {
  width: 30px;
  background-position: -203px 0;
}

.avatar_enhance_rate_red_0 {
  background-position: 0 -30px;
}

.avatar_enhance_rate_red_1 {
  width: 14px;
  background-position: -21px -30px;
}

.avatar_enhance_rate_red_2 {
  background-position: -35px -30px;
}

.avatar_enhance_rate_red_3 {
  background-position: -56px -30px;
}

.avatar_enhance_rate_red_4 {
  background-position: -77px -30px;
}

.avatar_enhance_rate_red_5 {
  background-position: -98px -30px;
}

.avatar_enhance_rate_red_6 {
  background-position: -119px -30px;
}

.avatar_enhance_rate_red_7 {
  background-position: -140px -30px;
}

.avatar_enhance_rate_red_8 {
  background-position: -161px -30px;
}

.avatar_enhance_rate_red_9 {
  background-position: -182px -30px;
}

.avatar_enhance_rate_red_per {
  width: 30px;
  background-position: -203px -30px;
}

.avatar_enhance_rate_silver_0 {
  background-position: 0 -60px;
}

.avatar_enhance_rate_silver_1 {
  width: 14px;
  background-position: -21px -60px;
}

.avatar_enhance_rate_silver_2 {
  background-position: -35px -60px;
}

.avatar_enhance_rate_silver_3 {
  background-position: -56px -60px;
}

.avatar_enhance_rate_silver_4 {
  background-position: -77px -60px;
}

.avatar_enhance_rate_silver_5 {
  background-position: -98px -60px;
}

.avatar_enhance_rate_silver_6 {
  background-position: -119px -60px;
}

.avatar_enhance_rate_silver_7 {
  background-position: -140px -60px;
}

.avatar_enhance_rate_silver_8 {
  background-position: -161px -60px;
}

.avatar_enhance_rate_silver_9 {
  background-position: -182px -60px;
}

.avatar_enhance_rate_silver_per {
  width: 30px;
  background-position: -203px -60px;
}

.avatar_enhance_rate_green_0 {
  background-position: 0 -90px;
}

.avatar_enhance_rate_green_1 {
  width: 14px;
  background-position: -21px -90px;
}

.avatar_enhance_rate_green_2 {
  background-position: -35px -90px;
}

.avatar_enhance_rate_green_3 {
  background-position: -56px -90px;
}

.avatar_enhance_rate_green_4 {
  background-position: -77px -90px;
}

.avatar_enhance_rate_green_5 {
  background-position: -98px -90px;
}

.avatar_enhance_rate_green_6 {
  background-position: -119px -90px;
}

.avatar_enhance_rate_green_7 {
  background-position: -140px -90px;
}

.avatar_enhance_rate_green_8 {
  background-position: -161px -90px;
}

.avatar_enhance_rate_green_9 {
  background-position: -182px -90px;
}

.avatar_enhance_rate_green_per {
  width: 30px;
  background-position: -203px -90px;
}

.avatar_enhance_rate_orange_0 {
  background-position: 0 -120px;
}

.avatar_enhance_rate_orange_1 {
  width: 14px;
  background-position: -21px -120px;
}

.avatar_enhance_rate_orange_2 {
  background-position: -35px -120px;
}

.avatar_enhance_rate_orange_3 {
  background-position: -56px -120px;
}

.avatar_enhance_rate_orange_4 {
  background-position: -77px -120px;
}

.avatar_enhance_rate_orange_5 {
  background-position: -98px -120px;
}

.avatar_enhance_rate_orange_6 {
  background-position: -119px -120px;
}

.avatar_enhance_rate_orange_7 {
  background-position: -140px -120px;
}

.avatar_enhance_rate_orange_8 {
  background-position: -161px -120px;
}

.avatar_enhance_rate_orange_9 {
  background-position: -182px -120px;
}

.avatar_enhance_rate_orange_per {
  width: 30px;
  background-position: -203px -120px;
}

.enhance_window_rate select {
  padding: 5px;
  height: auto;
}

.avatar_enhance_cost {
  margin-left: 10px;
}

.avatar_enhance_caution {
  margin-bottom: 10px;
  font-size: 1.0rem;
}

.avatar_enhance_caution ul {
  display: inline-block;
  vertical-align: bottom;
  font-size: 0;
  zoom: .75;
}

.avatar_enhance_caution .avatar_enhance_rate {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  text-indent: -9999px;
  white-space: nowrap;
}

.avatar_enhance_text_percent, .avatar_enhance_text_super_percent {
  width: 18px;
  height: 20px;
  background-image: url(/image/page/avatar_enhance_text_percent.png);
  background-size: 18px 20px;
}

.avatar_enhance_text_super_percent {
  background-image: url(/image/page/avatar_enhance_text_super_percent.png);
}

.avatar_enhance_point_0, .avatar_enhance_point_1, .avatar_enhance_point_2, .avatar_enhance_point_3, .avatar_enhance_point_4, .avatar_enhance_point_5, .avatar_enhance_point_6, .avatar_enhance_point_7, .avatar_enhance_point_8, .avatar_enhance_point_9, .avatar_enhance_point_super_0, .avatar_enhance_point_super_1, .avatar_enhance_point_super_2, .avatar_enhance_point_super_3, .avatar_enhance_point_super_4, .avatar_enhance_point_super_5, .avatar_enhance_point_super_6, .avatar_enhance_point_super_7, .avatar_enhance_point_super_8, .avatar_enhance_point_super_9 {
  margin: 0 -2px 0;
  width: 14px;
  height: 20px;
  background-image: url(/image/page/avatar_enhance_point.png);
  background-position: 0 0;
  background-size: 140px 20px;
  background-repeat: no-repeat;
}

.avatar_enhance_point_super_0, .avatar_enhance_point_super_1, .avatar_enhance_point_super_2, .avatar_enhance_point_super_3, .avatar_enhance_point_super_4, .avatar_enhance_point_super_5, .avatar_enhance_point_super_6, .avatar_enhance_point_super_7, .avatar_enhance_point_super_8, .avatar_enhance_point_super_9 {
  background-image: url(/image/page/avatar_enhance_point_super.png);
}

.avatar_enhance_point_0 {
  background-position: 0 0;
}

.avatar_enhance_point_1 {
  background-position: -14px 0;
}

.avatar_enhance_point_2 {
  background-position: -28px 0;
}

.avatar_enhance_point_3 {
  background-position: -42px 0;
}

.avatar_enhance_point_4 {
  background-position: -56px 0;
}

.avatar_enhance_point_5 {
  background-position: -70px 0;
}

.avatar_enhance_point_6 {
  background-position: -84px 0;
}

.avatar_enhance_point_7 {
  background-position: -98px 0;
}

.avatar_enhance_point_8 {
  background-position: -112px 0;
}

.avatar_enhance_point_9 {
  background-position: -126px 0;
}

.avatar_enhance_point_super_0 {
  background-position: 0 0;
}

.avatar_enhance_point_super_1 {
  background-position: -14px 0;
}

.avatar_enhance_point_super_2 {
  background-position: -28px 0;
}

.avatar_enhance_point_super_3 {
  background-position: -42px 0;
}

.avatar_enhance_point_super_4 {
  background-position: -56px 0;
}

.avatar_enhance_point_super_5 {
  background-position: -70px 0;
}

.avatar_enhance_point_super_6 {
  background-position: -84px 0;
}

.avatar_enhance_point_super_7 {
  background-position: -98px 0;
}

.avatar_enhance_point_super_8 {
  background-position: -112px 0;
}

.avatar_enhance_point_super_9 {
  background-position: -126px 0;
}

select {
  margin-bottom: 5px;
  width: 100%;
  height: 30px;
  border: 1px solid #ffd840;
  border-radius: 3px;
  background-color: #000;
  background-image: url(/image/page/arw_select_down.png);
  background-position: right center;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  color: #fff;
  vertical-align: middle;
  text-indent: .5rem;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 26px;
  -webkit-appearance: button;
  appearance: button;
}

/*------------------------------------*/
.message_board_box {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 204px;
  -webkit-transform: translateZ(0px);
}

@media screen and (max-height: 480px) {
  .message_board_box {
    height: 120px;
  }
}
.mail_box .message_board_box {
  height: 264px;
}

@media screen and (max-height: 480px) {
  .mail_box .message_board_box {
    height: 180px;
  }
}
.message_board_left, .message_board_right {
  margin: 2px 0 5px;
}

.message_board_left {
  text-align: left;
}

.message_board_right {
  text-align: right;
}

.message_board_left > div, .message_board_right > div {
  display: inline-block;
  vertical-align: top;
}

.arrow_box .box_over {
  position: absolute;
  display: block;
  margin-top: -16px;
  margin-left: -5px;
  color: white;
  font-weight: bold;
  font-size: 1.0rem;
}

.arrow_box .box_over_time {
  position: absolute;
  display: block;
  margin-top: -16px;
  margin-left: -5px;
  width: 165px;
  color: white;
  text-align: right;
  font-size: 1.0rem;
}

.arrow_box {
  position: relative;
  display: inline-block;
  margin-top: 16px;
  margin-left: 10px;
  padding: 2px 6px;
  min-height: 1.6em;
  width: 61%;
  border: 1px solid #c2e1f5;
  border-radius: 5px;
  background: #5ec1ff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5ec1ff), color-stop(50%, #2bb1ff));
  background: -webkit-linear-gradient(top, #5ec1ff 0%, #2bb1ff 50%);
  background: linear-gradient(to bottom, #5ec1ff 0%, #2bb1ff 50%);
  color: rgba(0, 0, 0, 0.7);
  text-align: left;
  line-height: 1.6rem;
}

.arrow_box:after, .arrow_box:before {
  position: absolute;
  top: 5px;
  right: 100%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}

.arrow_box:after {
  margin-top: -2px;
  border-width: 8px;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #2bb1ff;
  -webkit-transform: scaleY(0.55);
  transform: scaleY(0.55);
}

.arrow_box:before {
  margin-top: -4px;
  border-width: 10px;
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #c2e1f5;
  -webkit-transform: scaleY(0.55);
  transform: scaleY(0.55);
}

.message_board_right .arrow_box {
  margin-right: 10px;
  border: 1px solid #c2e1f5;
  background: #5eff9b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5eff9b), color-stop(50%, #2bff80));
  background: -webkit-linear-gradient(top, #5eff9b 0%, #2bff80 50%);
  background: linear-gradient(to bottom, #5eff9b 0%, #2bff80 50%);
}

.message_board_right .arrow_box:after, .message_board_right .arrow_box:before {
  top: 5px;
  left: 100%;
}

.message_board_right .arrow_box:after {
  margin-top: -2px;
  border-width: 8px;
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #2bff80;
  -webkit-transform: scaleY(0.55);
  transform: scaleY(0.55);
}

.message_board_right .arrow_box:before {
  margin-top: -4px;
  border-width: 10px;
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #c2e1f5;
  -webkit-transform: scaleY(0.55);
  transform: scaleY(0.55);
}

.message_board_entry {
  width: 100%;
}

.message_board_entry textarea {
  width: 170px;
  font-size: 1.4rem;
}

.message_board_entry .btn-normal, .message_board_entry .btn-cancel, .message_board_entry .btn-none {
  vertical-align: top;
}

.chara_image {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

@media screen and (max-height: 480px) {
  .chara_image {
    top: 50px;
  }
}
.user_profile_data {
  text-align: left;
}

.user_profile_data > div {
  display: inline-block;
}

.user_profile_data .paper_window {
  position: relative;
  z-index: 5;
  width: 186px;
  font-weight: bold;
  font-size: 1.2rem;
}

.user_profile_data .paper_window .thumbnail_textarea_contents_2 > p:nth-child(1) {
  padding-top: 3px;
  width: 66px;
  text-align: left;
}

.user_profile_data .paper_window .thumbnail_textarea_contents_2 > p:nth-child(2) {
  width: 100px;
  text-align: right;
}

.user_profile_data .paper_window .btn-cancel {
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 6px;
  padding-top: 4px;
  width: 174px;
  height: 38px;
}

.user_profile_data .paper_window .btn-cancel a p {
  margin-top: -3px;
}

.user_profile_data .user_image {
  position: absolute;
  right: 0;
  z-index: 1;
  margin-top: -50px;
  width: 260px;
  height: 270px;
  background-position: -10px 0;
  background-size: auto 270px;
  background-repeat: no-repeat;
}

.user_profile_data .user_comment_arrow_box {
  position: relative;
  z-index: 2;
  display: block;
  margin: -2px 0 10px;
  padding: 4px 8px 3px;
  border: 1px solid #7d6726;
  border-radius: 8px;
  background: #fff0bd;
  color: #8a5f1a;
  font-weight: bold;
}

.user_comment_arrow_box:after, .user_comment_arrow_box:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}

.user_comment_arrow_box:after {
  margin-left: 90px;
  border-width: 10px;
  border-color: rgba(255, 240, 189, 0);
  border-bottom-color: #fff0bd;
}

.user_comment_arrow_box:before {
  margin-left: 88.5px;
  border-width: 11.5px;
  border-color: rgba(125, 103, 38, 0);
  border-bottom-color: #7d6726;
}

.btn-commentChange.btn-normal.btn-anime.di-ib {
  position: absolute;
  z-index: 1;
  margin: -68px 0 0 75px;
  width: 76px;
  height: 24px;
  font-size: 1rem;
  opacity: 1;
}

.btn-commentChange.btn-normal.btn-anime.di-ib a {
  display: inline-block;
  margin: -5px;
}

.btn-change_comment, .btn-prof_guild {
  position: absolute;
  z-index: 5;
}

.btn-prof_guild {
  right: 5px;
  margin-top: 125px;
}

.btn-change_comment {
  right: 10px;
  margin-top: 140px;
}

.user_find_name, .user_find_level, .user_find_code {
  text-align: left;
}

.user_find_name div, .user_find_level div {
  display: inline-block;
  width: 70px;
}

.user_find_name input, .user_find_level input, .user_find_code input {
  width: 88px;
  border: 2px solid #8a5f1a;
  border-radius: 4px;
  font-weight: bold;
}

.user_find_name input {
  width: 190px;
}

.user_find_code input {
  width: 266px;
}

.user_find + .btn-normal {
  margin-top: -20px;
}

.stamina_box {
  position: absolute;
  right: 0;
  bottom: 50px;
  overflow: hidden;
  width: 110px;
  height: 50px;
}

.stamina_box .text_window_active {
  margin-right: -10px;
}

.stamina_box .main_images-btn-quest-text {
  display: block;
  margin-bottom: 3px;
}

.stamina_box .main_images-btn-quest-text p {
  display: inline-block;
}

.stamina_box .main_images-btn-quest-text {
  display: block;
}

.stamina_box .main_images-btn-quest-text p {
  display: inline-block;
  text-indent: -9999px;
}

.text_stamina {
  display: inline-block;
  width: 37px;
  height: 12px;
  background-image: url(/image/page/button-quest_text-stamina.png);
  background-size: 100%;
}

.stamina_box .main_images-btn-quest-text .text_stamina {
  float: left;
}

.text_slash {
  display: inline-block;
  width: 6px;
  height: 12px;
  background-image: url(/image/page/button-quest_text-slash.png);
  background-size: 100%;
}

.text-consumption {
  display: inline-block;
  width: 20px;
  height: 12px;
  background-image: url(/image/page/button-quest_text-consumption.png);
  background-size: 100%;
}

.text_now_0, .text_now_1, .text_now_2, .text_now_3, .text_now_4, .text_now_5, .text_now_6, .text_now_7, .text_now_8, .text_now_9, .text_max_0, .text_max_1, .text_max_2, .text_max_3, .text_max_4, .text_max_5, .text_max_6, .text_max_7, .text_max_8, .text_max_9 {
  display: inline-block;
  margin: 0 -1px 0;
  width: 9px;
  height: 12px;
  background-position: center center;
  background-size: auto 12px;
}

.text_now_0 {
  background-image: url(/image/page/button-quest_text-nowpoint_0.png);
}

.text_now_1 {
  width: 6px;
  background-image: url(/image/page/button-quest_text-nowpoint_1.png);
}

.text_now_2 {
  background-image: url(/image/page/button-quest_text-nowpoint_2.png);
}

.text_now_3 {
  background-image: url(/image/page/button-quest_text-nowpoint_3.png);
}

.text_now_4 {
  background-image: url(/image/page/button-quest_text-nowpoint_4.png);
}

.text_now_5 {
  background-image: url(/image/page/button-quest_text-nowpoint_5.png);
}

.text_now_6 {
  background-image: url(/image/page/button-quest_text-nowpoint_6.png);
}

.text_now_7 {
  width: 8px;
  background-image: url(/image/page/button-quest_text-nowpoint_7.png);
}

.text_now_8 {
  background-image: url(/image/page/button-quest_text-nowpoint_8.png);
}

.text_now_9 {
  background-image: url(/image/page/button-quest_text-nowpoint_9.png);
}

.text_max_0 {
  background-image: url(/image/page/button-quest_text-maxpoint_0.png);
}

.text_max_1 {
  width: 6px;
  background-image: url(/image/page/button-quest_text-maxpoint_1.png);
}

.text_max_2 {
  background-image: url(/image/page/button-quest_text-maxpoint_2.png);
}

.text_max_3 {
  background-image: url(/image/page/button-quest_text-maxpoint_3.png);
}

.text_max_4 {
  background-image: url(/image/page/button-quest_text-maxpoint_4.png);
}

.text_max_5 {
  background-image: url(/image/page/button-quest_text-maxpoint_5.png);
}

.text_max_6 {
  background-image: url(/image/page/button-quest_text-maxpoint_6.png);
}

.text_max_7 {
  width: 8px;
  background-image: url(/image/page/button-quest_text-maxpoint_7.png);
}

.text_max_8 {
  background-image: url(/image/page/button-quest_text-maxpoint_8.png);
}

.text_max_9 {
  background-image: url(/image/page/button-quest_text-maxpoint_9.png);
}

.stamina_box .main_images-btn-quest-meter {
  margin-left: 3px;
  width: 92px;
  text-align: left;
}

.main_images-btn-quest-meter .point {
  position: relative;
  z-index: 5;
  margin: 0;
  height: 9px;
  border-radius: 9px;
  background-color: white;
}

.main_images-btn-quest-meter .point {
  background-color: #00be00;
}

.main_images-btn-quest-meter:before {
  position: absolute;
  z-index: 7;
  display: block;
  margin: -1px -1px 0 0;
  width: 92px;
  height: 11px;
  background-image: url(/image/page/meter-sample_l.png);
  background-size: 92px 11px;
  content: "-";
  text-indent: -9999px;
}

.main_images-btn-quest-meter:after {
  position: absolute;
  z-index: 2;
  display: block;
  margin: -9px -1px 0 0;
  width: 92px;
  height: 9px;
  border-radius: 9px;
  background-color: black;
  content: "-";
  text-indent: -9999px;
}

.paper_window_mail .text_frame_w textarea {
  margin: 0 -4px 0 -1px;
  padding: 0;
  width: 174px;
  border: none;
  background-color: #f5e7c0;
  color: #4a1900;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.8rem;
  opacity: 1;
}

.paper_window_mail .text_window_text textarea {
  margin: 2px -10px -10px;
  width: 250px;
  height: 130px;
  border: none;
  border-top: 1px solid #fff;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  font-size: 1.3rem;
  opacity: 1;
}

.thumbnail_textarea_status {
  margin-top: 3px;
}

.thumbnail_textarea_status div p > span {
  display: block;
  width: 100%;
}

.thumbnail_textarea_status div p > span:nth-child(2) {
  text-align: right;
}

.thumbnail_textarea_status div.thumbnail_textarea_contents_status_1 p > span:nth-child(2) {
  /*margin-top: -14px;*/
}

.thumbnail_textarea_status div p span:nth-child(1) {
  font-size: 1.0rem;
  line-height: 1.5rem;
}

.thumbnail_textarea_status div p span:nth-child(2) {
  float: right;
  text-align: right;
  line-height: 1.4rem;
}

.thumbnail_textarea_status .paper_window_choice .thumbnail_textarea div p.text_frame_w {
  padding: 2px 4px 1px;
}

.thumbnail_textarea_contents_status_1 p span:nth-child(1) {
  width: auto;
}

.thumbnail_textarea_contents_exp {
  margin-top: -4px;
  margin-left: 3px;
  width: 260px;
  font-weight: bold;
  font-size: 1.0rem;
}

.thumbnail_textarea_contents_exp .text_frame_w {
  border-radius: 2px;
}

.thumbnail_textarea_contents_exp p span:nth-child(1) {
  width: 44px;
  text-align: left;
}

.thumbnail_textarea_contents_exp p .status-meter {
  position: absolute;
  margin: 2px 0 0 4px;
  width: 230px;
  text-align: left;
}

.thumbnail_textarea_contents_exp p .status-meter:before, .thumbnail_textarea_contents_exp p .status-meter:after {
  width: 230px;
  background-size: 230px 11px;
}

.thumbnail_textarea_contents_exp p span.status_exp_text {
  position: absolute;
  z-index: 10;
  display: block;
  margin-top: 6px;
  width: 230px;
  color: white;
  text-align: center;
  text-shadow: #000 0 0 1px,#000 0 0 1px,#000 0 0 1px,#000 1px 1px 0;
  font-size: 1.0rem;
}

.paper_window_choice + .icon_list.icon_list_choice {
  padding-top: 88px;
}

.btn-normal.btn-big, .btn-none.btn-big, .btn-kizuna.btn-big, .btn-ticket.btn-big, .btn-cancel.btn-big {
  -webkit-border-image: none;
  border-image: none;
}



/*# sourceMappingURL=maps/main.css.map */