/*　共通　*/
body {
  font-family: "Yu Gothic", YuGothic, sans-serif;
  font-weight: bold;
  font-size: 16px;
 	-webkit-touch-callout:none;
	-webkit-user-select:none;
}
a:hover {
  text-decoration: none;
}
.ml-m2 {
  margin-left: -.5rem;
}
.m-m1 {
  margin: -.2rem;
  border-color: rgba(0,0,0,0);
}
.mt-8 {
  margin-top: 4rem;
}
.break-word {
  word-break: break-all;
}
.c-g {
  color: #c9ba9f;
}
.c-w{
  color:white;
}
.fs-6 {
  font-size: .6rem;
}
.fs-7 {
  font-size: .7rem;
}
.fs-8 {
  font-size: .8rem;
}
.fs-9-h0 {
  font-size: .9rem;
  line-height: 0;
}
.z-100 {
  z-index: 100;
}
/*　背景　*/
.bg-pattern {
  background: #fff url("../../assets/imgs/material/background_pattern.png") repeat;
  background-size: 6.65rem;
  background-attachment: fixed;
}
.bg-black {
  background: #000;
}
/*　ボタン　*/
.over-btn {
  width: 147px;
  height: 48px;
  background-image: url("../../assets/imgs/material/button.png");
  background-size: cover;
  color: #fff;
  text-align: center;
  padding-top: .7rem;
}
.over-btn-box {
  width: 147px;
  margin: auto;
}
/*　タブ関連　*/
.tab-box {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
  background: #fff url("../../assets/imgs/material/background_pattern.png") repeat;
  background-size: 6.65rem;
  transform: translate3d(0, 0, 0);
}
.tab {
  height: 1.75rem;
  text-align: center;
}
.tab img {
  height: 1.25rem;
  margin-top: .2rem;
}
.info-tabs .tab img {
  height: 1.1rem;
}
.flexbox {
  display: flex;
}
.tab-first {
  flex: 1;
  border-style: solid;
  border-width: 0px 11px 0px 17px;
  -webkit-border-image: url("../../assets/imgs/material/scorpbar_l0.png") 0 22 0 34 stretch;
  border-image: url("../../assets/imgs/material/scorpbar_l0.png") 0 22 0 34 fill stretch;
  padding: 0;
}
.tab-first.active {
  -webkit-border-image: url("../../assets/imgs/material/scorpbar_l1.png") 0 22 0 34 stretch;
  border-image: url("../../assets/imgs/material/scorpbar_l1.png") 0 22 0 34 fill stretch;
}
.tab-middle {
  flex: 1;
  border-style: solid;
  border-width: 0px 10px;
  -webkit-border-image: url("../../assets/imgs/material/scorpbar_m0.png") 0 20 stretch;
  border-image: url("../../assets/imgs/material/scorpbar_m0.png") 0 20 fill stretch;
  padding: 0;
}
.tab-middle.active {
  -webkit-border-image: url("../../assets/imgs/material/scorpbar_m1.png") 0 20 stretch;
  border-image: url("../../assets/imgs/material/scorpbar_m1.png") 0 20 fill stretch;
}
.tab-last {
  flex: 1;
  border-style: solid;
  border-width: 0px 17px 0px 11px;
  -webkit-border-image: url("../../assets/imgs/material/scorpbar_r0.png") 0 34 0 22 stretch;
  border-image: url("../../assets/imgs/material/scorpbar_r0.png") 0 34 0 22 fill stretch;
  padding: 0;
}
.tab-last.active {
  -webkit-border-image: url("../../assets/imgs/material/scorpbar_r1.png") 0 34 0 22 stretch;
  border-image: url("../../assets/imgs/material/scorpbar_r1.png") 0 34 0 22 fill stretch;
}
.tab-contents {
  margin-top: 3.5rem;
  display: none;
}
.tab-contents.active {
  display: block;
}
/* 見出し関連 */
.head-s {
  height: 1.75rem;
  border-style: solid;
  border-width: 0px 2px;
  -webkit-border-image: url("../../assets/imgs/material/heading_s.png") 0 2 stretch;
  border-image: url("../../assets/imgs/material/heading_s.png") 0 2 fill stretch;
}
.head-s p {
  display: inline-block;
  line-height: 1.75rem;
  color: #c9ba9f;
}
.head-ss {
  height: 1.1rem;
  border-style: solid;
  border-width: 0px 2px;
  -webkit-border-image: url("../../assets/imgs/material/heading_s.png") 0 2 stretch;
  border-image: url("../../assets/imgs/material/heading_s.png") 0 2 fill stretch;
  font-size: .8rem;
}
.head-ss-img {
  margin: -3rem .25rem 0 0;

}
.head-ss-img img {
  height: 4rem;
}
.items {
  margin-bottom: .5rem;
  width: 100%;
}
.items img {
  height: 2.5rem;
  margin: 0 .5rem .5rem 0;
}
.head-m {
  height: 2.6rem;
  border-style: solid;
  border-width: 0px 2px 0px 42px;
  -webkit-border-image: url("../../assets/imgs/material/heading_m.png") 0 2 0 56 stretch;
  border-image: url("../../assets/imgs/material/heading_m.png") 0 2 0 56 fill stretch;
}
.head-m p {
  display: inline-block;
  line-height: 1.75rem;
  color: #c9ba9f;
  font-size: 1.2rem;
  margin-left: -1.6rem;
  margin-top: 0.8rem;
}
.head-ms {
  height: 1.8rem;
  border-style: solid;
  border-width: 0px 2px 0px 28px;
  -webkit-border-image: url("../../assets/imgs/material/heading_m.png") 0 2 0 56 stretch;
  border-image: url("../../assets/imgs/material/heading_m.png") 0 2 0 56 fill stretch;
}
.head-l {
  height: 2.25rem;
  border-style: solid;
  border-width: 0px 2px;
  -webkit-border-image: url("../../assets/imgs/material/heading_l.png") 0 2 stretch;
  border-image: url("../../assets/imgs/material/heading_l.png") 0 2 fill stretch;
  color: #fff;
}
.head-l img {
  height: 2.25rem;
}
.head-ll {
  height: 3.25rem;
  border-style: solid;
  border-width: 0px 2px;
  -webkit-border-image: url("../../assets/imgs/material/heading_l.png") 0 2 stretch;
  border-image: url("../../assets/imgs/material/heading_l.png") 0 2 fill stretch;
  color: #fff;
}
/*　レアリティー表示関連　*/
.rarity-info {
  font-size: .9rem;
}
.rarity-5 {
  background-image: url("../../assets/imgs/material/icon_rarity3.png");
  background-size: 25px;
  background-repeat: repeat-x;
  height:25px;
  width: 125px;
}
.rarity-4 {
  background-image: url("../../assets/imgs/material/icon_rarity2.png");
  background-size: 25px;
  background-repeat: repeat-x;
  height:25px;
  width: 100px;
  margin-right: 25px;
}
.rarity-3 {
  background-image: url("../../assets/imgs/material/icon_rarity1.png");
  background-size: 25px;
  background-repeat: repeat-x;
  height:25px;
  width: 75px;
  margin-right: 50px;
}
.rarity-2 {
  background-image: url("../../assets/imgs/material/icon_rarity1.png");
  background-size: 25px;
  background-repeat: repeat-x;
  height:25px;
  width: 50px;
  margin-right: 75px;
}
.rarity-1 {
  background-image: url("../../assets/imgs/material/icon_rarity1.png");
  background-size: 25px;
  background-repeat: repeat-x;
  height:25px;
  width: 25px;
  margin-right: 100px;
}
.rarity-5-s {
  background-image: url("../../assets/imgs/material/icon_rarity3.png");
  background-size: 20px;
  background-repeat: repeat-x;
  height:20px;
  width: 100px;
}
.rarity-4-s {
  background-image: url("../../assets/imgs/material/icon_rarity2.png");
  background-size: 20px;
  background-repeat: repeat-x;
  height:20px;
  width: 80px;
  margin-right: 20px;
}
.rarity-3-s {
  background-image: url("../../assets/imgs/material/icon_rarity1.png");
  background-size: 20px;
  background-repeat: repeat-x;
  height:20px;
  width: 60px;
  margin-right: 40px;
}
.rarity-2-s {
  background-image: url("../../assets/imgs/material/icon_rarity1.png");
  background-size: 20px;
  background-repeat: repeat-x;
  height:20px;
  width: 40px;
  margin-right: 60px;
}
.rarity-1-s {
  background-image: url("../../assets/imgs/material/icon_rarity1.png");
  background-size: 20px;
  background-repeat: repeat-x;
  height:20px;
  width: 20px;
  margin-right: 80px;
}

/*　ガチャ排出率画面用　*/
.gacha-rate {
  text-align: center;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
}
.gacha-rate th, .gacha-rate td {
  padding: 2px 4px 2px 4px;
  vertical-align: top;
  border: solid #c9ba9f 2px;
}
.gacha-rate th {
  background-color: #8f8471;
  color: #fff;
  font-weight: normal;
}
.gacha-rate tr:nth-child(even) {
  background-color: #e0d9cb;
}
.gacha-rate img {
  height: 1.6rem;
}

/* PickUP画面用 */
.character {
  width: 18rem;
  height: 18rem;
  margin-top: -1.9rem;
  background-size: 18rem;
}
.character img {
  width: 100%;
}
.chara-image {
  margin-top: -35%;
}
.have_icon {
  margin-top: -5rem;
}
.have_icon img {
  width: 3rem;
}
.cv {
  background-color: #fff;
  font-size: .8rem;
}
.chara-border-top {
  border-top: solid 1px #c9ba9f;
  margin-top: -.5rem;
}
.info-frame-left {
  width: 2.25rem;
}
.info-frame-left img {
  width: 100%;
}
.info-frame-right {
  width: -webkit-calc(100% - 3.4rem);
}
.limitbreak {
  line-height: 0;
}
.limitbreak img {
  height: 1.25rem;
}
.chara-status td {
  font-size: .6rem;
  text-decoration: underline darkgray;
}
.chara-skill td {
  line-height: 1rem;
}
.chara-skill img {
  height: 2rem;
  margin-top: .2rem;
}
.chara-skill-label {
  border-style: solid;
  border-width: 0px 6px;
  -webkit-border-image: url("../../assets/imgs/material/label_skill.png") 0 8 stretch;
  border-image: url("../../assets/imgs/material/label_skill.png") 0 8 fill stretch;
  font-size: .6rem;
  width: 3.5rem;
  display: inline-block;
  color: #fff;
}
.chara-skill-text {
  border-width: 0px 6px;
  font-size: .8rem;
  display: inline-block;
  text-align: center;
  padding: .6rem 0;
}

.table-underline {
  border-bottom: 1px solid #c9ba9f;
}
hr.line {
  border-top: solid 1px #c9ba9f;
  margin: .5rem 0;
}

/*　有償通過履歴　*/
.gem-history-table tr {
  border-bottom: solid 1px #525252;
  font-size: .9rem;
}
.gem-history-table td:nth-child(1) {
  width: 9.5rem;
}
.gem-history-table td:nth-child(2) {
  text-align: center;
}
.gem-history-table td:nth-child(3) {
  text-align: center;
  width: 6rem;
}
.gem-history-table td:nth-child(4) {
  text-align: center;
  width: 6rem;
}

.info-frame {
  border-style: solid;
  border-width: 5px;
  -webkit-border-image: url("../../assets/imgs/material/frame_web.png") 10 stretch;
  border-image: url("../../assets/imgs/material/frame_web.png") 10 fill stretch;
}

.info-char-status-frame {
  max-height: 4rem;
  max-width: 16rem;
  margin-top: -6rem;
  border-style: solid;
  border-width: 12px;
  -webkit-border-image: url("../../assets/imgs/material/frame_status.png") 24 stretch;
  border-image: url("../../assets/imgs/material/frame_status.png") 24 fill stretch;
}
.chara-statusmt-1 {
  margin-top: -.6rem;
}

.info-frame-title {
  margin: -0.3rem -0.3rem 0;
  padding: 0 .5rem;
  color: #c9ba9f;
}

/* お知らせ */
.info-contents {
  margin-top: 3.5rem;
}
.list-l {
  height: 102px;
  border-style: solid;
  border-width: 0px 3px;
  -webkit-border-image: url("../../assets/imgs/material/list_large.png") 0 6 stretch;
  border-image: url("../../assets/imgs/material/list_large.png") 0 6 fill stretch;
}
.list-s {
  height: 70px;
  border-style: solid;
  border-width: 0px 3px;
  -webkit-border-image: url("../../assets/imgs/material/list_small.png") 0 6 stretch;
  border-image: url("../../assets/imgs/material/list_small.png") 0 6 fill stretch;
}
.info .list-l .row {
  height:84px;
}
.info-card {
  padding:0;margin:0;
}
.info-card img {
  max-width:100%;
  /* max-width: 16rem; 2020/11/18 マイページバナーサイズ変更のため、お知らせページのサイズ調整 */
  max-height: 4rem;
}
.info-title {
  color: #fff;
  font-size: .9rem;
}
.info-date {
  color: #fff;
  font-size: .9rem;
  text-align: right;
  line-height: 1.1rem;
  border-top: solid 1px #c9ba9f;
}
.info-label {
  font-size: 0.7rem;
  text-align: center;
  height: 15px;
  width: 90px;
  color: #000;
  border-style: solid;
  border-width: 0px 6px;
}
.info-label-campaign {
  -webkit-border-image: url("../../assets/imgs/material/label_campagin.png") 0 12 stretch;
  border-image: url("../../assets/imgs/material/label_campagin.png") 0 12 fill stretch;
}
.info-label-event {
  -webkit-border-image: url("../../assets/imgs/material/label_notice.png") 0 12 stretch;
  border-image: url("../../assets/imgs/material/label_notice.png") 0 12 fill stretch;
}
.info-label-bug {
  -webkit-border-image: url("../../assets/imgs/material/label_bug.png") 0 12 stretch;
  border-image: url("../../assets/imgs/material/label_bug.png") 0 12 fill stretch;
}
.info-label-other {
  -webkit-border-image: url("../../assets/imgs/material/label_other.png") 0 12 stretch;
  border-image: url("../../assets/imgs/material/label_other.png") 0 12 fill stretch;
}
.info-label-update {
  -webkit-border-image: url("../../assets/imgs/material/label_update.png") 0 12 stretch;
  border-image: url("../../assets/imgs/material/label_update.png") 0 12 fill stretch;
}
.info-label-gacha {
  -webkit-border-image: url("../../assets/imgs/material/label_gacha.png") 0 12 stretch;
  border-image: url("../../assets/imgs/material/label_gacha.png") 0 12 fill stretch;
}
.info-label-maintenance {
  -webkit-border-image: url("../../assets/imgs/material/label_maintenance.png") 0 12 stretch;
  border-image: url("../../assets/imgs/material/label_maintenance.png") 0 12 fill stretch;
}

.info h2 {
  font-size: 1rem;
  margin-bottom: 0;
}
.info p, .info, .help p, .help  {
  font-size: .8rem;
  margin-bottom: 0;
}

/* ヘルプ関連 */
.help-list ul {
  list-style: none;
}
.help-list ul li {
  height: 2.6rem;
  border-style: solid;
  border-width: 5px 30px 5px 5px;
  border-image: url("../../assets/imgs/material/list_accordion_close.png") 10 60 10 10 fill stretch;
  margin-bottom: .5rem;
}
.help-list ul a[aria-expanded="true"] li {
  border-image: url("../../assets/imgs/material/list_accordion_open.png") 10 60 10 10 fill stretch;
}
.help-list ul li p {
  color: white;
  margin-left: 1rem;
  margin-top: .2rem;
}
.help-list ul ul li {
  height: 2.6rem;
  border-style: solid;
  border-width: 5px 30px 5px 5px;
  border-image: url("../../assets/imgs/material/list_accordion_small.png") 10 60 10 10 fill stretch;
  margin-bottom: .5rem;
}
.help-head {
  height: 1.8rem;
  border-style: solid;
  border-width: 0px 2px;
  -webkit-border-image: url("../../assets/imgs/material/heading_help.png") 0 2 stretch;
  border-image: url("../../assets/imgs/material/heading_help.png") 0 2 fill stretch;
}

/* クエストスケジュール関連 */
.ta-span{
border-spacing: 5px 10000px;
}