@charset "UTF-8";
/* Basic */
/* =========================================================== */
strong, b {
  font-weight: 700; }

#info {
  width: 600px;
  margin: 0 auto;
  color: #FFFFFF;
  /* 文字色 */
  /* ヘッダ */
  /* 文字 */
  /* リスト */
  /* テーブル */
  /* 仕切りライン */
  /* ガチャお知らせ */
  /* =========================================================== */
  /* ページ内リンク */
  /* =========================================================== */
  /* セクションごとのスタイル */
  /* =========================================================== */
  /* 記事イントロ */
  /* =========================================================== */
  /* 概要 */
  /* =========================================================== */
  /* 報酬*/
  /* =========================================================== */
  /* アクティブポイント報酬 */
  /* スコアランキング報酬 */
  /* 報酬内容 */
  /* イベント特効関連 */
  /* 応援アイコン */
  /* 吹き出し的なボックス */
  /* 攻略情報 */
  /* =========================================================== */
  /* #howto ここまで*/
  /* ストーリー */
  /* =========================================================== */
  /* story ここまで */
  /* 使い魔紹介 */
  /* =========================================================== */
  /* section.option ここまで */
  /* 入手方法 */
  /* dl.howtoget ここまで */
  /* ギルドイベント用 オーブ交換一覧 */
  /* 注意事項 */
  /* 限定おでかけ場所*/
  /* =========================================================== */
  /* 汎用スタイル */
  /* =========================================================== */
  /* 文字寄せ */
  /* 画像の中央寄せ */
  /* block要素の左右振り分け*/
  /* キャラクターにしゃべらせる */
  /* ※つきul */
  /* ※つきp、span */
  /* 属性色 */
  /* style.cssで指定してある以外の色 */
  /* 全アイテム共通 */
  /* 聖霊石 */
  /* メダル */
  /* 使い魔枠拡張 */
  /* マテリアル */
  /* ドロップ */
  /* コイン */
  /* 心のオーブ */
  /* 愛のオーブ */
  /* BOXガチャチケット */
  /* エーテル */
  /* プラチナトロフィー */
  /* ゴールドトロフィー */
  /* シルバートロフィー */
  /* ブロンズトロフィー */
  /* エーテルスコアタ入場鍵 */
  /* チーム枠拡張 */
  /* 使い魔預かり所拡張 */
  /* 投票券 */
  /* イベントリング */
  /* 経験値アップ */
  /* 進化素材 */
  /* スキルアップ */
  /* オートバリア */
  /* ボスタイム */
  /* ヘルプロロイ */
  /* リングズーム */
  /* コンボアップ */
  /* 生命の蝶 */
  /* 生命の銀蝶 */
  /* 生命の黄金蝶 */
  /* ソウル */
  /* 清めの雫 */
  /* 聖なる水 */
  /* 乙女の聖水 */
  /* ラブキャンディ */
  /* ラブラブプリン */
  /* ラブマックスフラワー */
  /* 活力の実 */
  /* 活力の果実 */
  /* 活力の大果実 */
  /* 覚醒のお守り */
  /* フォントサイズ */
  /* 要素の上下にスペースを付ける */
  /* 上下に1行分 */
  /* 上だけに1行分 */
  /* 下だけに1行分 */
  /* 要素の内側にスペースを付ける */
  /* 上下1文字分、左右に1.5文字分(Prologueテキストと同じ) */
  /* 左右に1文字分 */
  /* 上下左右に1文字分 */
  /* 横幅指定 */
  /* ボタン改良版 */
  /* アイテムパック系table */
  /* table.itempack ここまで */
  /* アクティブランキング系table */
  /* ログインボーナス報酬table */
  /* 福袋系table */
  /*table.fukubukuro ここまで */
  /* ショットタイプアイコン(汎用) */
  /* .shot ここまで*/
  /* おでかけ用コスチューム付き */
  /* アニメ設定 */
  /* 学園編お知らせ用デザイン */
  /* =========================================================== */
  /* &.school ここまで*/
  /* 開催期間dl */
  /* 使い魔紹介 type2 */
  /* =========================================================== */
  /* NEW */
  /* type2 */
  /* section.option ここまで */
  /* ラブマガチャ */
  /* =========================================================== */
  /* Footer */
  /* =========================================================== */
  /* =========================================================== */
  /* 調整用 */
  /* =========================================================== */ }
  @media screen and (max-width: 1024px) {
    #info {
      width: 100%; } }
  #info .red {
    color: #F30D11; }
  #info .gold {
    color: #F1CF74; }
  #info .yellow {
    color: #F0C928; }
  #info .blue {
    color: #BD56FF; }
  #info .blue2 {
    color: #378DF1; }
  #info .gray {
    color: #555555; }
  #info .bold {
    font-weight: 900; }
  #info .green {
    color: #C1FF1D; }
  #info .dark {
    color: #BD56FF; }
  #info .pink {
    color: #FF00BF; }
  #info h3 {
    color: #FFE9A5;
    font-size: 1.8rem;
    margin: 2rem 0 0.5rem; }
  #info h4 {
    width: 100%;
    height: 48px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #FFFFFF;
    position: relative;
    margin: 2rem auto 1rem;
    text-indent: 3em;
    overflow: hidden;
    background: url("/wp-content/themes/_gothic/images/info/section_title.png") center top no-repeat;
    background-size: 100% auto;
    padding: 0;
    line-height: 48px;
    text-align: left; }
    @media screen and (max-width: 1024px) {
      #info h4 {
        width: 88vw;
        height: 7vw;
        background-size: 100% auto;
        font-size: 1.2rem;
        text-indent: 1.5em;
        line-height: 7vw; } }
  #info h5 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #FF7600;
    padding: 1rem 0; }
    #info h5.yellow.bold {
      margin: 2rem 0 0;
      display: block;
      font-size: 1.8rem; }
  #info p {
    font-size: 1.4rem;
    line-height: 1.6; }
    #info p.red.bold {
      font-size: 1.2rem;
      border: 1px solid #F30D11;
      padding: 1rem; }
  #info .grow {
    text-shadow: 0 0 10px #FF7600; }
  #info ul, #info ol {
    margin: 0;
    list-style-type: none;
    padding-left: 0; }
    #info ul li, #info ol li {
      font-size: 1.4rem;
      line-height: 1.6; }
    #info ul.overview, #info ol.overview {
      font-weight: 900;
      color: #FFFFFF;
      list-style-type: none;
      padding: 0 0 0.5em 0; }
      #info ul.overview li, #info ol.overview li {
        padding: 0.25em 0.5em;
        text-shadow: 0 0 10px #BD56FF; }
        @media screen and (max-width: 1024px) {
          #info ul.overview li, #info ol.overview li {
            padding: 0.1em 0.5em; } }
        @media screen and (max-width: 350px) {
          #info ul.overview li, #info ol.overview li {
            padding: 0em 0.5em; } }
        #info ul.overview li::before, #info ol.overview li::before {
          content: '✔';
          padding-right: 0.25em; }
  #info table {
    width: 95%;
    border: solid 1px #937C3D;
    margin: 0.5em auto; }
    #info table tbody {
      border: none; }
    #info table tr {
      background-color: transparent; }
      #info table tr th, #info table tr td {
        border: solid 1px #937C3D;
        line-height: 1.4em;
        vertical-align: middle;
        padding: 1rem; }
      #info table tr th {
        text-align: center;
        font-size: 1.4rem;
        margin: 0;
        color: #FFFFFF;
        background-color: #000000; }
      #info table tr td {
        font-size: 1.4rem;
        background-color: transparent; }
    #info table thead th {
      text-align: center;
      font-size: 1.4rem;
      margin: 0;
      color: #FF97FE;
      background-color: #26042E; }
    #info table p {
      text-align: left; }
  #info dl dt, #info dl dd {
    font-size: 1.4rem;
    padding: 1rem; }
  #info .cost dt, #info .cost dd, #info .magic dt, #info .magic dd, #info .life dt, #info .life dd, #info .skill dt, #info .skill dd, #info .shot dt, #info .shot dd {
    padding: 0.2rem; }
  #info hr.line {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 1.2rem 0;
    background: url("/wp-content/themes/images/line.png") 50% 50% no-repeat;
    background-size: contain; }
  #info > img {
    width: 600px; }
    @media screen and (max-width: 1024px) {
      #info > img {
        width: 100%; } }
  #info .container_l {
    width: 100%;
    position: relative;
    overflow: hidden; }
    #info .container_l .bg {
      width: 100%;
      position: relative; }
    #info .container_l .info_box {
      width: 100%;
      padding: 1rem;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.59) 20%, black 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.59) 20%, black 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.59) 20%, black 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */
      position: absolute;
      bottom: 0;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: end;
      align-items: flex-end; }
      #info .container_l .info_box .left_side {
        width: 50%; }
        #info .container_l .info_box .left_side ul.icon1 {
          width: 100%;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          align-items: center;
          padding: 0 !important; }
          #info .container_l .info_box .left_side ul.icon1 li {
            width: 40%;
            padding: 0 0.5rem 0 0; }
            #info .container_l .info_box .left_side ul.icon1 li img {
              width: 100%;
              display: block; }
        #info .container_l .info_box .left_side div.name {
          width: 100%;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          align-items: center;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          margin: 0 0 0.5rem; }
          #info .container_l .info_box .left_side div.name div.element {
            width: 15%; }
          #info .container_l .info_box .left_side div.name p.chara_name {
            width: 82%;
            line-height: 1.2;
            position: relative; }
            #info .container_l .info_box .left_side div.name p.chara_name span.text {
              font-size: 3rem;
              font-family: kan415typos-std, sans-serif;
              font-weight: 900;
              font-style: normal;
              display: block;
              position: relative;
              top: 0;
              z-index: 2; }
              @media screen and (max-width: 1024px) {
                #info .container_l .info_box .left_side div.name p.chara_name span.text {
                  font-size: 2rem; } }
              #info .container_l .info_box .left_side div.name p.chara_name span.text.ele1 {
                background: -webkit-linear-gradient(#F52041, #31050B);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
              #info .container_l .info_box .left_side div.name p.chara_name span.text.ele2 {
                background: -webkit-linear-gradient(#203EF5, #050A31);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
              #info .container_l .info_box .left_side div.name p.chara_name span.text.ele3 {
                background: -webkit-linear-gradient(#64E039, #173105);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
              #info .container_l .info_box .left_side div.name p.chara_name span.text.ele4 {
                background: -webkit-linear-gradient(#2FD9C0, #076E66);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
              #info .container_l .info_box .left_side div.name p.chara_name span.text.ele5 {
                background: -webkit-linear-gradient(#F737D8, #570754);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
            #info .container_l .info_box .left_side div.name p.chara_name span.border1 {
              width: 100%;
              font-size: 3rem;
              font-family: kan415typos-std, sans-serif;
              font-weight: 900;
              font-style: normal;
              color: #FFF;
              text-shadow: 1px 1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF, -1px -1px 0px #FFF;
              display: block;
              position: absolute;
              z-index: 1;
              top: 0; }
              @media screen and (max-width: 1024px) {
                #info .container_l .info_box .left_side div.name p.chara_name span.border1 {
                  font-size: 2rem; } }
            #info .container_l .info_box .left_side div.name p.chara_name span.border2 {
              width: 100%;
              font-size: 3rem;
              font-family: kan415typos-std, sans-serif;
              font-weight: 900;
              font-style: normal;
              color: #000;
              text-shadow: 2px 2px 2px #FFF;
              display: block;
              position: absolute;
              z-index: 0;
              top: 0; }
              @media screen and (max-width: 1024px) {
                #info .container_l .info_box .left_side div.name p.chara_name span.border2 {
                  font-size: 2rem; } }
        #info .container_l .info_box .left_side p.shot {
          width: 80%;
          margin: 0 0 5% 20%;
          font-family: kan415typos-std, sans-serif;
          font-weight: 900;
          font-style: normal;
          line-height: 1.3;
          position: relative; }
          #info .container_l .info_box .left_side p.shot::before {
            display: none !important; }
          #info .container_l .info_box .left_side p.shot span.text {
            position: relative;
            top: 0;
            z-index: 2;
            font-size: 2rem !important; }
            @media screen and (max-width: 1024px) {
              #info .container_l .info_box .left_side p.shot span.text {
                font-size: 1.4rem !important; } }
            #info .container_l .info_box .left_side p.shot span.text.ele1 {
              background: -webkit-linear-gradient(#F52041, #31050B);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
            #info .container_l .info_box .left_side p.shot span.text.ele2 {
              background: -webkit-linear-gradient(#203EF5, #050A31);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
            #info .container_l .info_box .left_side p.shot span.text.ele3 {
              background: -webkit-linear-gradient(#64E039, #173105);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
            #info .container_l .info_box .left_side p.shot span.text.ele4 {
              background: -webkit-linear-gradient(#2FD9C0, #076E66);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
            #info .container_l .info_box .left_side p.shot span.text.ele5 {
              background: -webkit-linear-gradient(#F737D8, #570754);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
          #info .container_l .info_box .left_side p.shot span.border1 {
            width: 100%;
            color: #FFF;
            text-shadow: 1px 1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF, -1px -1px 0px #FFF;
            display: block;
            position: absolute;
            z-index: 1;
            top: 0;
            font-size: 2rem !important; }
            @media screen and (max-width: 1024px) {
              #info .container_l .info_box .left_side p.shot span.border1 {
                font-size: 1.4rem !important; } }
          #info .container_l .info_box .left_side p.shot span.border2 {
            width: 100%;
            color: #FFF;
            text-shadow: 2px 2px 2px #FFF;
            display: block;
            position: absolute;
            z-index: 0;
            top: 0;
            font-size: 2rem !important; }
            @media screen and (max-width: 1024px) {
              #info .container_l .info_box .left_side p.shot span.border2 {
                font-size: 1.4rem !important; } }
        #info .container_l .info_box .left_side p.rarelity {
          width: 80%;
          margin: 0 0 0 20%;
          color: #FFD600;
          font-size: 2rem !important;
          text-shadow: 0 0 0.5rem #E3250A;
          line-height: 1.3; }
      #info .container_l .info_box .right_side {
        width: 50%; }
        #info .container_l .info_box .right_side ul.icon2 {
          width: 100%;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: end;
          justify-content: flex-end;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
          #info .container_l .info_box .right_side ul.icon2 li {
            width: 32%;
            position: relative; }
            #info .container_l .info_box .right_side ul.icon2 li p {
              width: 100%;
              position: absolute;
              text-align: center;
              font-weight: bold;
              color: #FFFFFF;
              font-size: 1.4rem;
              bottom: 25px; }
              @media screen and (max-width: 1024px) {
                #info .container_l .info_box .right_side ul.icon2 li p {
                  bottom: 0;
                  font-size: 1rem; } }
              #info .container_l .info_box .right_side ul.icon2 li p span {
                font-size: 1.8rem; }
                @media screen and (max-width: 1024px) {
                  #info .container_l .info_box .right_side ul.icon2 li p span {
                    font-size: 1.2rem; } }
              #info .container_l .info_box .right_side ul.icon2 li p.text_active {
                z-index: 3; }
                #info .container_l .info_box .right_side ul.icon2 li p.text_active span {
                  color: #FFE797; }
              #info .container_l .info_box .right_side ul.icon2 li p.active_shadow1 {
                text-shadow: -2px -2px 4px #1C033A;
                margin: -2px 0 0 -2px;
                z-index: 1;
                color: #1C033A; }
              #info .container_l .info_box .right_side ul.icon2 li p.active_shadow2 {
                text-shadow: 2px 2px 4px #1C033A;
                margin: 2px 0 0 2px;
                z-index: 2;
                color: #1C033A; }
              #info .container_l .info_box .right_side ul.icon2 li p.text_omoi, #info .container_l .info_box .right_side ul.icon2 li p.text_friendship {
                z-index: 3; }
              #info .container_l .info_box .right_side ul.icon2 li p.omoi_shadow1 {
                text-shadow: -2px -2px 4px #F70054;
                margin: -2px 0 0 -2px;
                z-index: 1;
                color: #F70054; }
              #info .container_l .info_box .right_side ul.icon2 li p.omoi_shadow2 {
                text-shadow: 2px 2px 4px #F70054;
                margin: 2px 0 0 2px;
                z-index: 2;
                color: #F70054; }
              #info .container_l .info_box .right_side ul.icon2 li p.friendship_shadow1 {
                text-shadow: -2px -2px 4px #5B2805;
                margin: -2px 0 0 -2px;
                z-index: 1;
                color: #5B2805; }
              #info .container_l .info_box .right_side ul.icon2 li p.friendship_shadow2 {
                text-shadow: 2px 2px 4px #5B2805;
                margin: 2px 0 0 2px;
                z-index: 2;
                color: #5B2805; }
              #info .container_l .info_box .right_side ul.icon2 li p.text_tower {
                z-index: 3; }
              #info .container_l .info_box .right_side ul.icon2 li p.tower_shadow1 {
                text-shadow: -2px -2px 4px #025B86;
                margin: -2px 0 0 -2px;
                z-index: 1;
                color: #025B86; }
              #info .container_l .info_box .right_side ul.icon2 li p.tower_shadow2 {
                text-shadow: 2px 2px 4px #025B86;
                margin: 2px 0 0 2px;
                z-index: 2;
                color: #025B86; }
              #info .container_l .info_box .right_side ul.icon2 li p.text_flag {
                z-index: 3; }
              #info .container_l .info_box .right_side ul.icon2 li p.flag_shadow1 {
                text-shadow: -2px -2px 4px #096335;
                margin: -2px 0 0 -2px;
                z-index: 1;
                color: #096335; }
              #info .container_l .info_box .right_side ul.icon2 li p.flag_shadow2 {
                text-shadow: 2px 2px 4px #096335;
                margin: 2px 0 0 2px;
                z-index: 2;
                color: #096335; }

	#info .container_l .info_box .right_side ul.icon2 li p.text_ep {
		z-index: 3; }
	#info .container_l .info_box .right_side ul.icon2 li p.text_ep span {
		color: #FFFFFF; }
	#info .container_l .info_box .right_side ul.icon2 li p.ep_shadow1 {
		text-shadow: -2px -2px 4px #004e12;
		margin: -2px 0 0 -2px;
		z-index: 1;
		color: #004e12; }
	#info .container_l .info_box .right_side ul.icon2 li p.ep_shadow2 {
		text-shadow: 2px 2px 4px #004e12;
		margin: 2px 0 0 2px;
		z-index: 2;
		color: #004e12; }

	#info .container_m .info_box .left_side ul.icon2 li p.text_ep {
		z-index: 3; }
	#info .container_m .info_box .left_side ul.icon2 li p.text_ep span {
		color:  #FFE797; }
	#info .container_m .info_box .left_side ul.icon2 li p.ep_shadow1 {
		text-shadow: -2px -2px 4px #004e12;
		margin: -2px 0 0 -2px;
		z-index: 1;
		color: #004e12; }
	#info .container_m .info_box .left_side ul.icon2 li p.ep_shadow2 {
		text-shadow: 2px 2px 4px #004e12;
		margin: 2px 0 0 2px;
		z-index: 2;
		color: #004e12; }


              #info .container_l .info_box .right_side ul.icon2 li p.text_bonus {
                z-index: 3; }
                #info .container_l .info_box .right_side ul.icon2 li p.text_bonus span {
                  color: #FFE797; }
              #info .container_l .info_box .right_side ul.icon2 li p.bonus_shadow1 {
                text-shadow: -2px -2px 4px #1C033A;
                margin: -2px 0 0 -2px;
                z-index: 1;
                color: #1C033A; }
              #info .container_l .info_box .right_side ul.icon2 li p.bonus_shadow2 {
                text-shadow: 2px 2px 4px #1C033A;
                margin: 2px 0 0 2px;
                z-index: 2;
                color: #1C033A; }

			#info .container_l .info_box .right_side ul.icon2 li p.text_boss {
				z-index: 3; }
			#info .container_l .info_box .right_side ul.icon2 li p.text_boss span {
				color: #FFE797; }
			#info .container_l .info_box .right_side ul.icon2 li p.boss_shadow1 {
				text-shadow: -2px -2px 4px #720003;
				margin: -2px 0 0 -2px;
				z-index: 1;
				color: #720003; }
			#info .container_l .info_box .right_side ul.icon2 li p.boss_shadow2 {
				text-shadow: 2px 2px 4px #720003;
				margin: 2px 0 0 2px;
				z-index: 2;
				color: #720003; }

        #info .container_l .info_box .right_side p.skill_header {
          color: #FFFFFF;
          font-weight: bold;
          font-size: 1.8rem !important;
          text-shadow: 0 0 0.2rem #000000;
          background: none; }
          @media screen and (max-width: 1024px) {
            #info .container_l .info_box .right_side p.skill_header {
              font-size: 1.4rem !important;
              margin: 0 !important; } }
        #info .container_l .info_box .right_side p.skill {
          color: #FFFFFF;
          font-weight: bold;
          font-size: 1.8rem !important;
          text-shadow: 0 0 0.2rem #000000;
          line-height: 1.3; }
          @media screen and (max-width: 1024px) {
            #info .container_l .info_box .right_side p.skill {
              font-size: 1.4rem !important;
              margin: 0 !important; } }
      #info .container_l .info_box .large_text {
        width: 100%;
        padding: 1rem 0; }
        #info .container_l .info_box .large_text ul {
          width: 100%;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: flex-end;
          align-items: flex-end;
          -webkit-justify-content: center;
          justify-content: center;
          transform: rotate(-3deg); }
          #info .container_l .info_box .large_text ul li {
            width: auto;
            height: 8rem;
            margin: 0 -0.4rem; }
            @media screen and (max-width: 1024px) {
              #info .container_l .info_box .large_text ul li {
                height: 12vw;
                margin: 0;
                margin: 0 -0.2rem; } }
            #info .container_l .info_box .large_text ul li.xsmall {
              height: 4rem;
              margin: 0;
              padding: 0; }
              @media screen and (max-width: 1024px) {
                #info .container_l .info_box .large_text ul li.xsmall {
                  height: 8vw; } }
            #info .container_l .info_box .large_text ul li.space {
              width: 2rem; }
            #info .container_l .info_box .large_text ul li.small {
              height: 6rem;
              margin: 0;
              padding: 0; }
              @media screen and (max-width: 1024px) {
                #info .container_l .info_box .large_text ul li.small {
                  height: 6vw; } }

			@media screen and (min-width: 1024px) {
				#info .container_l .info_box ul.icon2 li p {
					bottom:0px !important; } }
				#info .container_l .info_box ul.icon2 li p span:nth-child(1) {
				font-size: 2.6vw !important;
				width : 100%;
				height : 1em;
				display: block;}
			@media screen and (min-width: 1024px) {
				#info .container_l .info_box ul.icon2 li p span:nth-child(1) {
					font-size: 1.6rem !important; } }
				#info .container_l .info_box ul.icon2 li p span:nth-child(2) {
				font-size: 3.5vw !important;
				height : 1em;
				display: inline-block;}
			@media screen and (min-width: 1024px) {
				#info .container_l .info_box ul.icon2 li p span:nth-child(2) {
					font-size: 2.6rem !important; } }
				#info .container_l .info_box ul.icon2 li p span:nth-child(3) {
				font-size: 1.6vw !important;
				height : 1em;
				display: inline-block;}
			@media screen and (min-width: 1024px) {
				#info .container_l .info_box ul.icon2 li p span:nth-child(3) {
					font-size: 1.2rem !important; } }

  #info .container_m {
    width: 100%;
    position: relative;
    overflow: hidden; }
    #info .container_m .bg {
      width: 100%;
      position: relative; }
    #info .container_m .chara {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    #info .container_m .info_box {
      width: 50%;
      height: 100%;
      padding: 0.5rem 0;
      background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 90%, rgba(0, 0, 0, 0) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 90%, rgba(0, 0, 0, 0) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 90%, rgba(0, 0, 0, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */
      position: absolute;
      top: 0;
      left: 0; }
      #info .container_m .info_box .left_side {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        #info .container_m .info_box .left_side ul.icon1 {
          width: 100%;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          align-items: center;
          padding: 0 !important; }
          #info .container_m .info_box .left_side ul.icon1 li {
            width: 30%;
            padding: 0 0.25rem !important; }
            #info .container_m .info_box .left_side ul.icon1 li img {
              width: 100%;
              display: block; }
        #info .container_m .info_box .left_side div.name {
          width: 100%;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          align-items: center;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          margin: 0 0 0.5rem; }
          @media screen and (max-width: 1024px) {
            #info .container_m .info_box .left_side div.name {
              margin: 0 0 0.2rem; } }
          #info .container_m .info_box .left_side div.name div.element {
            width: 15%; }
          #info .container_m .info_box .left_side div.name p.chara_name {
            width: 82%;
            line-height: 1.2;
            position: relative;
            margin: 0 !important;
            text-align: left !important; }
            #info .container_m .info_box .left_side div.name p.chara_name span.text {
              font-size: 3rem !important;
              font-family: kan415typos-std, sans-serif;
              font-weight: 900;
              font-style: normal;
              display: block;
              position: relative;
              top: 0;
              z-index: 2; }
              @media screen and (max-width: 1024px) {
                #info .container_m .info_box .left_side div.name p.chara_name span.text {
                  font-size: 1.8rem !important; } }
              #info .container_m .info_box .left_side div.name p.chara_name span.text.ele1 {
                background: -webkit-linear-gradient(#F52041, #31050B);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
              #info .container_m .info_box .left_side div.name p.chara_name span.text.ele2 {
                background: -webkit-linear-gradient(#203EF5, #050A31);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
              #info .container_m .info_box .left_side div.name p.chara_name span.text.ele3 {
                background: -webkit-linear-gradient(#64E039, #173105);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
              #info .container_m .info_box .left_side div.name p.chara_name span.text.ele4 {
                background: -webkit-linear-gradient(#2FD9C0, #076E66);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
              #info .container_m .info_box .left_side div.name p.chara_name span.text.ele5 {
                background: -webkit-linear-gradient(#F737D8, #570754);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
            #info .container_m .info_box .left_side div.name p.chara_name span.border1 {
              width: 100%;
              font-size: 3rem !important;
              font-family: kan415typos-std, sans-serif;
              font-weight: 900;
              font-style: normal;
              color: #FFF;
              text-shadow: 1px 1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF, -1px -1px 0px #FFF;
              display: block;
              position: absolute;
              z-index: 1;
              top: 0; }
              @media screen and (max-width: 1024px) {
                #info .container_m .info_box .left_side div.name p.chara_name span.border1 {
                  font-size: 1.8rem !important; } }
            #info .container_m .info_box .left_side div.name p.chara_name span.border2 {
              width: 100%;
              font-size: 3rem !important;
              font-family: kan415typos-std, sans-serif;
              font-weight: 900;
              font-style: normal;
              color: #000;
              text-shadow: 2px 2px 2px #FFF;
              display: block;
              position: absolute;
              z-index: 0;
              top: 0; }
              @media screen and (max-width: 1024px) {
                #info .container_m .info_box .left_side div.name p.chara_name span.border2 {
                  font-size: 1.8rem !important; } }
        #info .container_m .info_box .left_side p.shot {
          width: 80%;
          margin: 0 0 0 20%;
          font-family: kan415typos-std, sans-serif;
          font-weight: 900;
          font-style: normal;
          line-height: 1.2;
          position: relative;
          padding: 0 0 0.2rem;
          text-align: left !important; }
          #info .container_m .info_box .left_side p.shot::before {
            display: none !important; }
          #info .container_m .info_box .left_side p.shot span.text {
            position: relative;
            top: 0;
            z-index: 2;
            font-size: 1.8rem !important; }
            @media screen and (max-width: 1024px) {
              #info .container_m .info_box .left_side p.shot span.text {
                font-size: 1.4rem !important; } }
            #info .container_m .info_box .left_side p.shot span.text.ele1 {
              background: -webkit-linear-gradient(#F52041, #31050B);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
            #info .container_m .info_box .left_side p.shot span.text.ele2 {
              background: -webkit-linear-gradient(#203EF5, #050A31);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
            #info .container_m .info_box .left_side p.shot span.text.ele3 {
              background: -webkit-linear-gradient(#64E039, #173105);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
            #info .container_m .info_box .left_side p.shot span.text.ele4 {
              background: -webkit-linear-gradient(#2FD9C0, #076E66);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
            #info .container_m .info_box .left_side p.shot span.text.ele5 {
              background: -webkit-linear-gradient(#F737D8, #570754);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
          #info .container_m .info_box .left_side p.shot span.border1 {
            width: 100%;
            color: #FFF;
            text-shadow: 1px 1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF, -1px -1px 0px #FFF;
            display: block;
            position: absolute;
            z-index: 1;
            top: 0;
            font-size: 1.8rem !important; }
            @media screen and (max-width: 1024px) {
              #info .container_m .info_box .left_side p.shot span.border1 {
                font-size: 1.4rem !important; } }
          #info .container_m .info_box .left_side p.shot span.border2 {
            width: 100%;
            color: #FFF;
            text-shadow: 2px 2px 2px #FFF;
            display: block;
            position: absolute;
            z-index: 0;
            top: 0;
            font-size: 1.8rem !important; }
            @media screen and (max-width: 1024px) {
              #info .container_m .info_box .left_side p.shot span.border2 {
                font-size: 1.4rem !important; } }
        #info .container_m .info_box .left_side p.rarelity {
          width: 80%;
          margin: 0 0 1rem 20%;
          color: #FFD600;
          font-size: 1.8rem !important;
          text-shadow: 0 0 0.2rem #E3250A;
          line-height: 1.3;
          text-align: left !important; }
          @media screen and (max-width: 1024px) {
            #info .container_m .info_box .left_side p.rarelity {
              font-size: 1.4rem !important;
              margin: 0 0 0.2rem 20%; } }
        #info .container_m .info_box .left_side ul.icon2 {
          width: 100%;
          display: -webkit-flex;
          display: flex; }
          #info .container_m .info_box .left_side ul.icon2 li {
            width: 30%;
            position: relative; }
            #info .container_m .info_box .left_side ul.icon2 li p {
              width: 100%;
              position: absolute;
              text-align: center;
              font-weight: bold;
              color: #FFFFFF;
              font-size: 1.4rem;
              bottom: 25px; }
              @media screen and (max-width: 1024px) {
                #info .container_m .info_box .left_side ul.icon2 li p {
                  bottom: 0;
                  font-size: 1.2rem; } }
              #info .container_m .info_box .left_side ul.icon2 li p span {
                font-size: 1.6rem; }
              #info .container_m .info_box .left_side ul.icon2 li p.text_active {
                z-index: 3; }
                #info .container_m .info_box .left_side ul.icon2 li p.text_active span {
                  color: #FFE797; }
              #info .container_m .info_box .left_side ul.icon2 li p.active_shadow1 {
                text-shadow: -2px -2px 4px #1C033A;
                margin: -2px 0 0 -2px;
                z-index: 1;
                color: #1C033A; }
              #info .container_m .info_box .left_side ul.icon2 li p.active_shadow2 {
                text-shadow: 2px 2px 4px #1C033A;
                margin: 2px 0 0 2px;
                z-index: 2;
				  color: #1C033A; }
      #info .container_m .info_box .left_side ul.icon2 li p.text_materialheart {
        z-index: 3; }
        #info .container_m .info_box .left_side ul.icon2 li p.text_materialheart span {
          color: #FFE797; }
      #info .container_m .info_box .left_side ul.icon2 li p.materialheart_shadow1 {
        text-shadow: -2px -2px 4px #1C033A;
        margin: -2px 0 0 -2px;
        z-index: 1;
        color: #1C033A; }
      #info .container_m .info_box .left_side ul.icon2 li p.materialheart_shadow2 {
        text-shadow: 2px 2px 4px #1C033A;
        margin: 2px 0 0 2px;
        z-index: 2;
        color: #1C033A; }
			#info .container_m .info_box .left_side ul.icon2 li p.text_boss {
				z-index: 3; }
			#info .container_m .info_box .left_side ul.icon2 li p.text_boss span {
				color: #FFE797; }
			#info .container_m .info_box .left_side ul.icon2 li p.boss_shadow1 {
				text-shadow: -2px -2px 4px #1C033A;
				margin: -2px 0 0 -2px;
				z-index: 1;
				color: #1C033A; }
			#info .container_m .info_box .left_side ul.icon2 li p.boss_shadow2 {
				text-shadow: 2px 2px 4px #1C033A;
				margin: 2px 0 0 2px;
				z-index: 2;
				color: #1C033A; }
              #info .container_m .info_box .left_side ul.icon2 li p.text_omoi, #info .container_m .info_box .left_side ul.icon2 li p.text_friendship {
                z-index: 3; }
              #info .container_m .info_box .left_side ul.icon2 li p.omoi_shadow1 {
                text-shadow: -2px -2px 4px #F70054;
                margin: -2px 0 0 -2px;
                z-index: 1;
                color: #F70054; }
              #info .container_m .info_box .left_side ul.icon2 li p.omoi_shadow2 {
                text-shadow: 2px 2px 4px #F70054;
                margin: 2px 0 0 2px;
                z-index: 2;
                color: #F70054; }
              #info .container_m .info_box .left_side ul.icon2 li p.friendship_shadow1 {
                text-shadow: -2px -2px 4px #5B2805;
                margin: -2px 0 0 -2px;
                z-index: 1;
                color: #5B2805; }
              #info .container_m .info_box .left_side ul.icon2 li p.friendship_shadow2 {
                text-shadow: 2px 2px 4px #5B2805;
                margin: 2px 0 0 2px;
                z-index: 2;
                color: #5B2805; }
              #info .container_m .info_box .left_side ul.icon2 li p.text_tower {
                z-index: 3; }
              #info .container_m .info_box .left_side ul.icon2 li p.tower_shadow1 {
                text-shadow: -2px -2px 4px #025B86;
                margin: -2px 0 0 -2px;
                z-index: 1;
                color: #025B86; }
              #info .container_m .info_box .left_side ul.icon2 li p.tower_shadow2 {
                text-shadow: 2px 2px 4px #025B86;
                margin: 2px 0 0 2px;
                z-index: 2;
                color: #025B86; }
              #info .container_m .info_box .left_side ul.icon2 li p.text_flag {
                z-index: 3; }
              #info .container_m .info_box .left_side ul.icon2 li p.flag_shadow1 {
                text-shadow: -2px -2px 4px #096335;
                margin: -2px 0 0 -2px;
                z-index: 1;
                color: #096335; }
              #info .container_m .info_box .left_side ul.icon2 li p.flag_shadow2 {
                text-shadow: 2px 2px 4px #096335;
                margin: 2px 0 0 2px;
                z-index: 2;
                color: #096335; }
			#info .container_m .info_box .left_side ul.icon2 li p.ep_flag {
                z-index: 3; }
              #info .container_m .info_box .left_side ul.icon2 li p.ep_shadow1 {
                text-shadow: -2px -2px 4px #096335;
                margin: -2px 0 0 -2px;
                z-index: 1;
                color: #096335; }
              #info .container_m .info_box .left_side ul.icon2 li p.ep_shadow2 {
                text-shadow: 2px 2px 4px #096335;
                margin: 2px 0 0 2px;
                z-index: 2;
                color: #096335; }
              #info .container_m .info_box .left_side ul.icon2 li p.text_bonus {
                z-index: 3; }
                #info .container_m .info_box .left_side ul.icon2 li p.text_bonus span {
                  color: #FFE797; }
              #info .container_m .info_box .left_side ul.icon2 li p.bonus_shadow1 {
                text-shadow: -2px -2px 4px #1C033A;
                margin: -2px 0 0 -2px;
                z-index: 1;
                color: #1C033A; }
              #info .container_m .info_box .left_side ul.icon2 li p.bonus_shadow2 {
                text-shadow: 2px 2px 4px #1C033A;
                margin: 2px 0 0 2px;
                z-index: 2;
                color: #1C033A; }
        #info .container_m .info_box .left_side .magic-hp {
          width: 100%;
          background: #c10566;
          padding: 0.5rem 1rem;
          background: -moz-linear-gradient(left, #c10566 0%, #c10566 90%, rgba(193, 5, 102, 0) 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(left, #c10566 0%, #c10566 90%, rgba(193, 5, 102, 0) 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to right, #c10566 0%, #c10566 90%, rgba(193, 5, 102, 0) 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
          /* IE6-9 */
          margin: 0.5rem 0; }
          @media screen and (max-width: 1024px) {
            #info .container_m .info_box .left_side .magic-hp {
              padding: 0.2rem 1rem; } }
          #info .container_m .info_box .left_side .magic-hp p {
            color: #FFFFFF;
            font-size: 2rem !important;
            margin: 0 !important;
            text-align: left !important; }
            @media screen and (max-width: 1024px) {
              #info .container_m .info_box .left_side .magic-hp p {
                font-size: 1.2rem !important; } }
            #info .container_m .info_box .left_side .magic-hp p span {
              font-size: 3rem !important;
              font-weight: bold; }
              @media screen and (max-width: 1024px) {
                #info .container_m .info_box .left_side .magic-hp p span {
                  font-size: 1.6rem !important; } }
        #info .container_m .info_box .left_side p.skill_header {
          width: 95%;
          margin: 0 auto;
          color: #FFFFFF;
          font-weight: bold;
          font-size: 1.6rem !important;
          text-shadow: 0 0 0.2rem #000000;
          text-align: left !important; }
          @media screen and (max-width: 1024px) {
            #info .container_m .info_box .left_side p.skill_header {
              font-size: 1rem !important; } }
        #info .container_m .info_box .left_side p.skill {
          width: 95%;
          margin: 0.2rem auto;
          color: #FFFFFF;
          font-weight: bold;
          font-size: 1.6rem !important;
          text-shadow: 0 0 0.2rem #000000;
          line-height: 1.3;
          text-align: left !important; }
          @media screen and (max-width: 1024px) {
            #info .container_m .info_box .left_side p.skill {
              font-size: 1rem !important;
              margin: 0 auto; } }

		@media screen and (min-width: 1024px) {
			#info .container_m .info_box ul.icon2 li p {
				bottom:5px !important; } }
		#info .container_m .info_box ul.icon2 li p span:nth-child(1) {
			font-size: 2.6vw !important;
			width : 100%;
			height : 1em;
			display: block;}
		@media screen and (min-width: 1024px) {
			#info .container_m .info_box ul.icon2 li p span:nth-child(1) {
				font-size: 1.6rem !important; } }
		#info .container_m .info_box ul.icon2 li p span:nth-child(2) {
			font-size: 3.5vw !important;
			height : 1em;
			display: inline-block;}
		@media screen and (min-width: 1024px) {
			#info .container_m .info_box ul.icon2 li p span:nth-child(2) {
				font-size: 2.6rem !important; } }
		#info .container_m .info_box ul.icon2 li p span:nth-child(3) {
			font-size: 1.6vw !important;
			height : 1em;
			display: inline-block;}
		@media screen and (min-width: 1024px) {
			#info .container_m .info_box ul.icon2 li p span:nth-child(3) {
				font-size: 1.2rem !important; } }

  #info .container_step {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #000000; }
    #info .container_step .bg {
      width: 100%;
      overflow: hidden;
      position: relative; }
    #info .container_step .info_box {
      width: 100%; }
      #info .container_step .info_box dl {
        width: 100%;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 );
        /* IE6-9 */
        display: flex;
        margin: 0 0 2px; }
        #info .container_step .info_box dl:last-child {
          margin: 0; }
        #info .container_step .info_box dl dt {
          width: 20%;
          font-family: kan415typos-std, sans-serif;
          font-weight: 900;
          font-style: normal;
          color: #FFFFFF;
          font-size: 1.4rem !important;
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          background: #1D2653;
          padding: 1rem; }
          @media screen and (max-width: 1024px) {
            #info .container_step .info_box dl dt {
              font-size: 1rem !important;
              padding: 0.4rem; } }
          #info .container_step .info_box dl dt.red {
            background: #a06169;
            /* Old browsers */
            background: -moz-linear-gradient(bottom, #a06169 1%, #a3061a 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(bottom, #a06169 1%, #a3061a 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #a06169 1%, #a3061a 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a06169', endColorstr='#a3061a',GradientType=1 );
            /* IE6-9 */ }
          #info .container_step .info_box dl dt.blue {
            background: #494fa0;
            /* Old browsers */
            background: -moz-linear-gradient(bottom, #494fa0 1%, #050ea3 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(bottom, #494fa0 1%, #050ea3 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #494fa0 1%, #050ea3 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494fa0', endColorstr='#050ea3',GradientType=1 );
            /* IE6-9 */ }
          #info .container_step .info_box dl dt.green {
            background: #546d49;
            /* Old browsers */
            background: -moz-linear-gradient(bottom, #546d49 1%, #26760a 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(bottom, #546d49 1%, #26760a 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #546d49 1%, #26760a 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#546d49', endColorstr='#26760a',GradientType=1 );
            /* IE6-9 */ }
          #info .container_step .info_box dl dt.yellow {
            background: #f2e679;
            /* Old browsers */
            background: -moz-linear-gradient(bottom, #f2e679 0%, #f4dc01 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(bottom, #f2e679 0%, #f4dc01 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #f2e679 0%, #f4dc01 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e679', endColorstr='#f4dc01',GradientType=1 );
            /* IE6-9 */
            color: #190902; }
          #info .container_step .info_box dl dt.purple {
            background: #5f4863;
            /* Old browsers */
            background: -moz-linear-gradient(bottom, #5f4863 0%, #570a64 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(bottom, #5f4863 0%, #570a64 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #5f4863 0%, #570a64 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f4863', endColorstr='#570a64',GradientType=1 );
            /* IE6-9 */ }
          #info .container_step .info_box dl dt.pink {
            background: #ff9ecc;
            /* Old browsers */
            background: -moz-linear-gradient(bottom, #ff9ecc 0%, #ff4da5 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(bottom, #ff9ecc 0%, #ff4da5 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ff9ecc 0%, #ff4da5 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9ecc', endColorstr='#ff4da5',GradientType=1 );
            /* IE6-9 */ }
          #info .container_step .info_box dl dt.orange {
            background: #ffa468;
            /* Old browsers */
            background: -moz-linear-gradient(bottom, #ffa468 0%, #ff6700 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(bottom, #ffa468 0%, #ff6700 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ffa468 0%, #ff6700 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa468', endColorstr='#ff6700',GradientType=1 );
            /* IE6-9 */ }
          #info .container_step .info_box dl dt.black {
            background: #424242;
            /* Old browsers */
            background: -moz-linear-gradient(bottom, #424242 0%, #1b1b1b 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(bottom, #424242 0%, #1b1b1b 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #424242 0%, #1b1b1b 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#1b1b1b',GradientType=1 );
            /* IE6-9 */ }
          #info .container_step .info_box dl dt span.stone {
            display: flex;
            align-items: center; }
            #info .container_step .info_box dl dt span.stone::before {
              content: "";
              display: inline-block;
              width: 3rem;
              height: 3rem;
              background: url("images/gacha/stone.png") no-repeat;
              background-size: 100% auto; }
              @media screen and (max-width: 1024px) {
                #info .container_step .info_box dl dt span.stone::before {
                  width: 1rem;
                  height: 1rem; } }
        #info .container_step .info_box dl dd {
          width: 60%;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          padding: 1rem 2rem;
          font-size: 1.4rem !important;
          color: #2B2B2B;
          line-height: 1.4; }
          @media screen and (max-width: 1024px) {
            #info .container_step .info_box dl dd {
              padding: 0.2rem 0.6rem;
              font-size: 1rem !important; } }
          #info .container_step .info_box dl dd span {
            color: #2B2B2B; }
          #info .container_step .info_box dl dd span.red {
            color: #DC1C40; }
          #info .container_step .info_box dl dd span.purple {
            color: #9064A0; }
          #info .container_step .info_box dl dd p {
            color: #2B2B2B;
            font-size: 1.4rem !important;
            text-align: center; }
            @media screen and (max-width: 1024px) {
              #info .container_step .info_box dl dd p {
                font-size: 1.2rem !important; } }
          #info .container_step .info_box dl dd span.font-l {
            font-size: 1.4rem; }
            @media screen and (max-width: 1024px) {
              #info .container_step .info_box dl dd span.font-l {
                font-size: 1.2rem; } }
          #info .container_step .info_box dl dd span.sp-font {
            font-family: kan415typos-std, sans-serif;
            font-weight: 900;
            font-style: normal; }
          #info .container_step .info_box dl dd .discount {
            width: 100%; }
            #info .container_step .info_box dl dd .discount img {
              display: block;
              margin: 0 auto; }
          #info .container_step .info_box dl dd.serial {
            width: 20%;
            border-right: 1px solid #575757;
            font-family: kan415typos-std, sans-serif;
            font-weight: 900;
            font-style: normal; }
          #info .container_step .info_box dl dd.serial-l {
            width: 80%;
            font-family: kan415typos-std, sans-serif;
            font-weight: 900;
            font-style: normal; }
      #info .container_step .info_box .step_text {
        width: 100%;
        text-align: center;
        color: #DC1C40;
        padding: 0.5rem;
        position: relative;
        text-shadow: -0px -0px 2px #FFFFFF;
        align-items: center;
        font-family: kan415typos-std, sans-serif;
        font-weight: 900;
        font-size: 1.4rem; }
        #info .container_step .info_box .step_text span {
          width: 100%;
          display: none;
          position: absolute;
          padding: 0.5rem;
          top: 0;
          left: 0; }
  #info nav.pagelinkbtn ul {
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    width: 100%;
    margin: 1em 0;
    padding: 0;
    display: flex;
    justify-content: center;
    background: #378DF1;
    background: linear-gradient(#3d4af4, #0b148a);
    border-top: solid 1px #FF97FE;
    border-left: solid 1px #937C3D;
    border-right: solid 1px #937C3D;
    border-bottom: solid 1px #937C3D; }
    #info nav.pagelinkbtn ul li {
      -webkit-flex: 1;
      flex: 1;
      text-align: center;
      position: relative;
      list-style-type: none;
      border-right: solid 1px #937C3D;
      font-weight: 700; }
      #info nav.pagelinkbtn ul li:last-child {
        border-right: none; }
      #info nav.pagelinkbtn ul li a {
        display: -webkit-flex;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        width: 100%;
        height: 8rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFFFFF;
        font-size: 1.2rem; }
  #info section {
    line-height: 1.25em;
    width: 100%; }
    #info section > article {
      padding: 0.5rem 1rem 1rem 1rem; }
      @media screen and (max-width: 1024px) {
        #info section > article {
          padding: 0rem 0rem 0.5rem 0rem; } }
    #info section > section {
      padding: 0;
      margin: 0.25em auto; }
  #info #intro {
    padding: 1em 0; }
    #info #intro article {
      background-color: rgba(0, 0, 0, 0.5); }
      #info #intro article p {
        font-weight: 900;
        line-height: 1.25em; }
  #info #overview {
    /* 開催期間 */ }
    #info #overview div.subtext {
      padding: 0.5em 0; }
    #info #overview p {
      width: 100%;
      padding: 0 0 1em 0; }
    #info #overview dl {
      width: 95%;
      margin: 0 auto;
      /* border: solid 1px #937C3D;*/ }
      #info #overview dl dt, #info #overview dl dd {
        padding: 1rem 0.5rem;
        text-align: center; }
        #info #overview dl dt br, #info #overview dl dd br {
          display: none; }
      #info #overview dl dt {
        /* background: #26042E;*/
        color: #FFFFFF; }
      #info #overview dl.date {
        margin: 0 auto 1em auto; }
    #info #overview img {
      max-width: 600px; }
    #info #overview ul.overview {
      font-weight: 900;
      color: #FFFFFF;
      list-style-type: none;
      padding: 0 0 0.5em 0; }
      #info #overview ul.overview li {
        padding: 0.25em 0.5em; }
        @media screen and (max-width: 1024px) {
          #info #overview ul.overview li {
            padding: 0.1em 0.5em; } }
        @media screen and (max-width: 350px) {
          #info #overview ul.overview li {
            padding: 0em 0.5em; } }
        #info #overview ul.overview li::before {
          content: '✔';
          padding-right: 0.25em; }
    #info #overview table {
      width: 96%;
      margin: 0 auto 0.75em auto; }
      #info #overview table td, #info #overview table th {
        padding: 1rem; }
      #info #overview table td {
        text-align: center; }
        #info #overview table td.attr {
          width: 30%;
          text-align: center; }
        #info #overview table td.diff {
          width: 30%; }
      #info #overview table .name th {
        width: 100%;
        padding: 0.25em;
        font-weight: 700; }
      #info #overview table .attr {
        width: 20%; }
        #info #overview table .attr th {
          width: 20%;
          white-space: nowrap; }
        #info #overview table .attr td {
          width: auto;
          text-align: left; }
      #info #overview table .diff {
        width: 20%; }
      #info #overview table .date th {
        width: 20%;
        white-space: nowrap; }
      #info #overview table .date td {
        width: auto;
        text-align: left; }
        @media screen and (max-width: 1024px) {
          #info #overview table .date td {
            width: 100%; } }
  #info #prize h5 {
    color: #F1CF74; }
  #info #prize ul {
    color: #888888; }
    #info #prize ul li {
      list-style-type: none; }
      #info #prize ul li::before {
        content: "※"; }
  #info #prize tbody td *.at_red, #info #prize tbody td *.at_blue, #info #prize tbody td *.at_green, #info #prize tbody td *.at_white, #info #prize tbody td *.at_black {
    font-weight: bold; }
  #info table {
    /* スコアランキング報酬 */
    /* ギルドイベント用 参加報酬一覧 */
    /* 想い集め報酬一覧 */ }
    #info table .rank {
      width: 20%; }
    #info table .point {
      width: 25%;
      white-space: nowrap; }
    #info table .prize {
      width: auto; }
      #info table .prize p {
        padding: 0;
        text-align: left; }
    #info table thead th.prize span {
      display: block; }
    #info table.scoreranking_prize tr.name th {
      width: 100%;
      padding: 0.25em;
      font-weight: 700; }
      #info table.scoreranking_prize tr.name th.rank {
        white-space: nowrap; }
    #info table.scoreranking_prize tbody th {
      width: 20%; }
    #info table.scoreranking_prize tbody td p {
      text-align: left;
      padding: 0; }
    #info table.guild_join_prize {
      width: 95%;
      margin: 0 auto 2% auto;
      text-align: center; }
    #info table.omoi_prize {
      width: 95%;
      margin: 0 auto 2% auto; }
      #info table.omoi_prize tbody th {
        text-align: right;
        white-space: nowrap; }
      #info table.omoi_prize tbody .rare th, #info table.omoi_prize tbody .rare td {
        font-weight: 900; }
      #info table.omoi_prize tbody .rare td p {
        -webkit-perspective: 200px;
        -webkit-transform-origin: 50% 100%;
        -webkit-animation: jump 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate;
        perspective: 200px;
        transform-origin: 50% 100%;
        animation: jump 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate; }
  #info div.event_bonus_otome {
    margin: 0 auto;
    max-width: 500px; }
    #info div.event_bonus_otome div {
      width: 32%;
      position: relative;
      padding: 0 1%; }
    #info div.event_bonus_otome .point {
      font-size: 1.4rem;
      font-weight: 900;
      background: #64F42E;
      padding: 0.25em;
      transform: rotate(-2deg);
      white-space: nowrap; }
    #info div.event_bonus_otome .name {
      font-size: 1.4rem;
      padding: 0.25em; }
  #info .name.rare_5::before {
    background-image: url("../images/info/rare_star_5.png");
    padding-left: 1.8em;
    width: 2.0em;
    height: 2.0em;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 2.0em;
    background-size: 1.8em;
    content: ""; }
  #info .name.rare_4::before {
    background-image: url("../images/info/rare_star_4.png");
    padding-left: 1.8em;
    width: 2.0em;
    height: 2.0em;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 2.0em;
    background-size: 1.8em;
    content: ""; }
  #info .name.rare_3::before {
    background-image: url("../images/info/rare_star_3.png");
    padding-left: 1.8em;
    width: 2.0em;
    height: 2.0em;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 2.0em;
    background-size: 1.8em;
    content: ""; }
  #info .ouen_point::before {
    padding-left: 1.75em;
    width: 1.3em;
    height: 1.3em;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 1.5em;
    background-size: 1.5em;
    content: "";
    background-image: url("../images/info/ouen_point.png"); }
  #info dl.fukidashi {
    text-align: center;
    position: relative;
    display: block;
    margin: 0 auto 0.5rem auto;
    padding: 1rem;
    min-width: 120px;
    max-width: 90%;
    color: #FFFFFF;
    background: #150F20;
    border: solid 1px #937C3D;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    #info dl.fukidashi::before {
      content: "";
      position: absolute;
      top: -24px;
      left: 50%;
      margin-left: -15px;
      border: 12px solid transparent;
      border-bottom: 12px solid #150F20;
      z-index: 2; }
    #info dl.fukidashi::after {
      content: "";
      position: absolute;
      top: -28px;
      left: 50%;
      margin-left: -17px;
      border: 14px solid transparent;
      border-bottom: 14px solid #937C3D;
      z-index: 1; }
    #info dl.fukidashi dt {
      font-weight: 900;
      color: #F1CF74;
      background: transparent; }
      #info dl.fukidashi dt::before, #info dl.fukidashi dt::after {
        content: "▲"; }
    #info dl.fukidashi dd {
      line-height: 1.2;
      background-color: transparent; }
  #info #howto {
    /* 想い集め */
    /* div.option ここまで */ }
    #info #howto ol.step {
      display: -webkit-box;
      display: -webkit-flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -webkit-flex-flow: row wrap;
      margin: 0 auto;
      width: 98%;
      display: flex;
      justify-content: center;
      flex-flow: row wrap; }
      #info #howto ol.step li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 33%;
        width: 33%;
        flex: 1 0 33%; }
        #info #howto ol.step li p {
          margin: 0 auto;
          text-align: left; }
        #info #howto ol.step li img {
          display: block;
          width: 100%;
          margin: auto auto 0 auto;
          bottom: 0; }
        #info #howto ol.step li:nth-child(1) p::before {
          content: "①"; }
        #info #howto ol.step li:nth-child(2) p::before {
          content: "②"; }
        #info #howto ol.step li:nth-child(3) p::before {
          content: "③"; }
        #info #howto ol.step li:nth-child(4) p::before {
          content: "④"; }
        #info #howto ol.step li:nth-child(5) p::before {
          content: "⑤"; }
    #info #howto section {
      width: 95%;
      margin: 0 auto; }
      #info #howto section h6 {
        font-size: 1.4rem;
        padding: 0.25rem;
        width: 100%;
        background: #000000;
        border: solid 1px #937C3D;
        border-left: solid 1px #937C3D; }
    #info #howto article.omoi .flex {
      padding: 0.5em; }
      #info #howto article.omoi .flex img.flex-l {
        width: 50%;
        height: 70%;
        max-width: 186px; }
      #info #howto article.omoi .flex p.flex-r {
        padding-left: 1em; }
    #info #howto article.omoi div.omoi_option img {
      display: block;
      width: 50%;
      height: 40%;
      max-width: 292px;
      max-height: 123px; }
    #info #howto article.omoi img.omoi_bonusicon {
      max-width: 5em;
      height: auto;
      padding-top: 2px; }
    #info #howto div.omoi_option {
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap; }
    #info #howto div.option {
      margin: 0.25rem auto;
      padding: 0;
      width: 49%;
      position: relative;
      z-index: 0;
      max-width: 300px;
      /* 使い魔画像 */ }
      #info #howto div.option p.bonus {
        margin: 0;
        padding: 0;
        position: absolute;
        top: -10%;
        left: -2%;
        z-index: 3; }
        #info #howto div.option p.bonus img {
          display: block;
          width: 80%; }
          @media screen and (max-width: 1024px) {
            #info #howto div.option p.bonus img {
              width: 75%; } }
          @media screen and (max-width: 767px) {
            #info #howto div.option p.bonus img {
              width: 70%; } }
      #info #howto div.option div.flex {
        width: 100%;
        padding: 0;
        margin: auto 0; }
      #info #howto div.option dl {
        width: 70%;
        color: #000000;
        margin: 1.5rem 0 0 0;
        z-index: 4;
        align-content: end; }
        @media screen and (max-width: 1024px) {
          #info #howto div.option dl {
            margin-top: 0.5rem; } }
        @media screen and (max-width: 767px) {
          #info #howto div.option dl {
            margin-top: 0; } }
        #info #howto div.option dl dt.name {
          text-align: left;
          line-height: 1.3;
          font-weight: 900;
          color: #BD56FF;
          margin: 0.25em 0; }
          @media screen and (max-width: 1024px) {
            #info #howto div.option dl dt.name {
              margin: 1em 0 0 0; } }
          @media screen and (max-width: 767px) {
            #info #howto div.option dl dt.name {
              margin: 1.25em 0 0 0; } }
        #info #howto div.option dl dd.howtoget {
          text-align: left;
          line-height: 1.3;
          font-weight: 900;
          color: #282828;
          margin-bottom: 0.5em; }
      #info #howto div.option div.img {
        width: 40%;
        align-self: center;
        position: relative;
        z-index: 1;
        border: solid 4px #FFFFFF;
        transform: rotate(5deg); }
      #info #howto div.option div.img_inner {
        width: 100%;
        overflow: hidden;
        position: relative; }
      #info #howto div.option div.img_inner::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: auto;
        margin: 0; }
      #info #howto div.option div.img_inner img {
        display: block;
        margin: 0 auto;
        width: 100%; }
      #info #howto div.option .gold {
        background: url("../images/info/event/omoi_add_frame_g.png") 0 0 no-repeat;
        background-size: 100% 100%; }
      #info #howto div.option .silver {
        background: url("../images/info/event/omoi_add_frame_s.png") 0 0 no-repeat;
        background-size: 100% 100%; }
      #info #howto div.option .bronze {
        background: url("../images/info/event/omoi_add_frame_b.png") 0 0 no-repeat;
        background-size: 100% 100%; }
  #info #story h5 {
    text-align: center; }
  #info #story article > p {
    padding-bottom: 1em;
    line-height: 1.4; }
  #info #story article p.prologue {
    padding: 1em 1.5em;
    line-height: 1.6; }
  #info section.option {
    width: 100%;
    margin: 1rem auto;
    padding: 2rem;
    overflow: hidden;
    position: relative;
    background: url("/wp-content/themes/_gothic/images/info/option_bg.jpg") repeat;
    color: #FFFFFF;
    /* 名前 */
    /* 名前の前につく属性アイコン */
    /* 使い魔画像 */
    /* 使い魔画像 ★3以下 */
    /* レア度の星アイコン */
    /* パラメータ */
    /*** カラム２段目 ***/
    /* ショット */
    /* ショット画像の大きさ３種類(S,M,L) */ }
    #info section.option p {
      color: #FFFFFF; }
    #info section.option dt, #info section.option dd {
      margin: 0; }
    #info section.option div.detail {
      width: 98%;
      margin: 0 auto; }
    #info section.option div.column01,
    #info section.option div.column02 {
      display: -webkit-box;
      display: -webkit-flex;
      -webkit-box-pack: space-between;
      -webkit-justify-content: space-between;
      -webkit-flex-flow: row wrap;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: space-between;
      flex-flow: row wrap;
      width: 100%; }
    #info section.option div.column01 {
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center; }
    #info section.option div.column02 {
      -webkit-box-align: flex-start;
      -webkit-align-items: flex-start;
      align-items: flex-start; }
    #info section.option div.mainparameter {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 40%;
      -webkit-align-items: center;
      flex: 1 0 40%;
      width: 40%;
      max-width: 40%;
      align-items: center; }
    #info section.option div.name {
      width: 100%;
      margin: 0 auto; }
      #info section.option div.name h5 {
        display: block;
        width: 100%;
        font-weight: 700;
        font-size: 2rem;
        color: #FFE9A5;
        text-align: left;
        line-height: 1;
        vertical-align: bottom;
        text-shadow: none;
        margin: 0 0 1rem; }
        #info section.option div.name h5::before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          width: 1.5em;
          height: 2em; }
    #info section.option.at_1 div.name h5::before {
      background: url("/wp-content/themes/_gothic/images/info/item_eneball_red.png") center center no-repeat;
      background-size: contain; }
    #info section.option.at_2 div.name h5::before {
      background: url("/wp-content/themes/_gothic/images/info/item_eneball_blue.png") center center no-repeat;
      background-size: contain; }
    #info section.option.at_3 div.name h5::before {
      background: url("/wp-content/themes/_gothic/images/info/item_eneball_green.png") center center no-repeat;
      background-size: contain; }
    #info section.option.at_4 div.name h5::before {
      background: url("/wp-content/themes/_gothic/images/info/item_eneball_white.png") center center no-repeat;
      background-size: contain; }
    #info section.option.at_5 div.name h5::before {
      background: url("/wp-content/themes/_gothic/images/info/item_eneball_black.png") center center no-repeat;
      background-size: contain; }
    #info section.option div.img {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 60%;
      -webkit-flex: 1 0 60%;
      -webkit-align-items: center;
      flex: 1 0 60%;
      width: 60%;
      max-width: 60%;
      align-items: center;
      height: auto;
      text-align: center;
      vertical-align: middle;
      position: relative; }
      #info section.option div.img::before {
        content: "";
        position: absolute;
        z-index: 1;
        display: inline-block;
        width: 27%;
        height: 27%;
        top: -5%;
        left: -1%; }
    #info section.option div.img_inner {
      width: 100%;
      overflow: hidden;
      position: relative; }
      #info section.option div.img_inner::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: auto; }
      #info section.option div.img_inner img {
        -webkit-animation-name: crossfade;
        -webkit-animation-duration: 10s;
        -webkit-animation-iteration-count: infinite;
        -webkit-transform: translate3d(0, 0, 0);
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
        top: 0;
        animation-name: crossfade;
        animation-duration: 10s;
        animation-iteration-count: infinite;
        transform: translate3d(0, 0, 0); }
        #info section.option div.img_inner img:first-child {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
        #info section.option div.img_inner img:nth-last-child(2) {
          -webkit-animation-delay: 5s;
          -webkit-transform: translate3d(0, 0, 0);
          position: absolute;
          animation-delay: 5s;
          opacity: 0;
          transform: translate3d(0, 0, 0); }
@-webkit-keyframes crossfade {
  0% {
    opacity: 0; }
  12.5% {
    opacity: 1; }
  37.5% {
    opacity: 1; }
  50% {
    opacity: 1; } }
@keyframes crossfade {
  0% {
    opacity: 0; }
  12.5% {
    opacity: 1; }
  37.5% {
    opacity: 1; }
  50% {
    opacity: 1; } }
    #info section.option.rare3 div.img::before {
      background: url("/wp-content/themes/_gothic/images/info/rare_star_3.png") center center no-repeat;
      background-size: contain; }
    #info section.option.rare3 div.img_inner {
      height: 11em;
      font-size: 1.8rem; }
      @media screen and (max-width: 1024px) {
        #info section.option.rare3 div.img_inner {
          height: 10em; } }
      @media screen and (max-width: 767px) {
        #info section.option.rare3 div.img_inner {
          height: 9em; } }
    #info section.option.rare2 div.img_inner {
      height: 11em;
      font-size: 1.8rem; }
      @media screen and (max-width: 1024px) {
        #info section.option.rare2 div.img_inner {
          height: 10em; } }
      @media screen and (max-width: 767px) {
        #info section.option.rare2 div.img_inner {
          height: 9em; } }
    #info section.option.rare1 div.img_inner {
      height: 11em;
      font-size: 1.8rem; }
      @media screen and (max-width: 1024px) {
        #info section.option.rare1 div.img_inner {
          height: 10em; } }
      @media screen and (max-width: 767px) {
        #info section.option.rare1 div.img_inner {
          height: 9em; } }
    #info section.option.rare5 div.img::before {
      background: url("/wp-content/themes/_gothic/images/info/rare_star_5.png") center center no-repeat;
      background-size: contain; }
    #info section.option.rare4 div.img::before {
      background: url("/wp-content/themes/_gothic/images/info/rare_star_4.png") center center no-repeat;
      background-size: contain; }
    #info section.option h6 {
      font-weight: 700;
      color: #FF00BF; }
    #info section.option dt {
      font-weight: 700;
      color: #FF00BF; }
    #info section.option .cost {
      display: -webkit-box;
      display: -webkit-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -webkit-background-size: contain;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -webkit-flex-flow: row wrap;
      margin-bottom: 1em;
      padding-bottom: 0.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-flow: row wrap;
      width: 100%; }
      @media screen and (max-width: 1024px) {
        #info section.option .cost {
          margin-bottom: 0.5em;
          padding-bottom: 0.2rem; } }
      #info section.option .cost::after {
        content: "";
        display: block;
        width: 100%;
        height: 1rem;
        background: url("/wp-content/themes/_gothic/images/info/option_line_dot.png") left bottom no-repeat;
        background-size: 100% auto; }
        @media screen and (max-width: 1024px) {
          #info section.option .cost::after {
            height: 0.5rem; } }
      #info section.option .cost dt {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -webkit-align-items: center;
        height: 2rem;
        text-indent: -99999px;
        background-position: left bottom;
        background: url("/wp-content/themes/_gothic/images/info/option_txt_cost.png") left center no-repeat;
        background-size: contain;
        flex: 0 0 50%;
        width: 50%;
        /* Android4.3以前ブラウザ用 */
        max-width: 50%;
        /* IE11*/
        align-items: center;
        text-align: left;
        line-height: 1;
        vertical-align: bottom; }
        @media screen and (max-width: 767px) {
          #info section.option .cost dt {
            height: 1rem;
            line-height: 1.2; } }
      #info section.option .cost dd {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -webkit-align-items: center;
        text-align: center;
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
        align-items: center;
        text-align: right;
        font-weight: 900;
        line-height: 1;
        vertical-align: bottom; }
        @media screen and (max-width: 767px) {
          #info section.option .cost dd {
            line-height: 1.2; } }
    #info section.option .magic {
      -webkit-background-size: contain;
      background: url("/wp-content/themes/_gothic/images/info/option_line_dot.png") left bottom no-repeat;
      background-position: bottom;
      margin-bottom: 5%;
      padding-bottom: 5%;
      background-size: contain; }
      #info section.option .magic h6 {
        height: 2rem;
        text-indent: -99999px;
        background-position: left bottom;
        background: url("/wp-content/themes/_gothic/images/info/option_txt_magic.png") left center no-repeat;
        background-size: contain;
        margin: 0 0 1rem; }
        @media screen and (max-width: 767px) {
          #info section.option .magic h6 {
            margin: 0 0 0.5rem;
            height: 1.2rem; } }
      #info section.option .magic dl dl {
        display: -webkit-box;
        display: -webkit-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -webkit-flex-flow: row wrap;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: row wrap;
        width: 100%; }
      #info section.option .magic dt {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -webkit-align-items: center;
        text-indent: -99999px;
        background-position: left bottom;
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
        align-items: center;
        height: 100%;
        text-align: left;
        line-height: 2;
        vertical-align: bottom; }
        @media screen and (max-width: 767px) {
          #info section.option .magic dt {
            line-height: 1.2; } }
      #info section.option .magic > dl {
        margin-bottom: 0; }
      #info section.option .magic dd dd {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -webkit-align-items: center;
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
        align-items: center;
        text-align: right;
        font-weight: 900;
        line-height: 2;
        vertical-align: bottom; }
        @media screen and (max-width: 767px) {
          #info section.option .magic dd dd {
            line-height: 1.2; } }
      #info section.option .magic .max {
        font-weight: 900;
        font-style: italic;
        color: #F30D11; }
    #info section.option .life {
      -webkit-background-size: contain;
      background: url("/wp-content/themes/_gothic/images/info/option_line_dot.png") left bottom no-repeat;
      background-position: bottom;
      margin-bottom: 5%;
      padding-bottom: 5%;
      background-size: contain; }
      #info section.option .life h6 {
        height: 2rem;
        text-indent: -99999px;
        background-position: left bottom;
        background: url("/wp-content/themes/_gothic/images/info/option_txt_life.png") left center no-repeat;
        background-size: contain;
        margin: 0 0 1rem; }
        @media screen and (max-width: 767px) {
          #info section.option .life h6 {
            margin: 0 0 0.5rem;
            height: 1.2rem; } }
      #info section.option .life dl dl {
        display: -webkit-box;
        display: -webkit-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -webkit-flex-flow: row wrap;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: row wrap;
        width: 100%; }
      #info section.option .life dt {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -webkit-align-items: center;
        text-indent: -99999px;
        background-position: left bottom;
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
        align-items: center;
        height: 100%;
        text-align: left;
        line-height: 2;
        vertical-align: bottom; }
        @media screen and (max-width: 767px) {
          #info section.option .life dt {
            line-height: 1.2; } }
      #info section.option .life > dl {
        margin-bottom: 0; }
      #info section.option .life dd dd {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -webkit-align-items: center;
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
        align-items: center;
        text-align: right;
        font-weight: 900;
        line-height: 2;
        vertical-align: bottom; }
        @media screen and (max-width: 767px) {
          #info section.option .life dd dd {
            line-height: 1.2; } }
      #info section.option .life .max {
        font-weight: 900;
        font-style: italic;
        color: #F30D11; }
    #info section.option .param0 dt {
      background: url("/wp-content/themes/_gothic/images/info/option_txt_param0.png") left center no-repeat;
      background-size: contain; }
    #info section.option .param1 dt {
      background: url("/wp-content/themes/_gothic/images/info/option_txt_param1.png") left center no-repeat;
      background-size: contain; }
    #info section.option .param2 dt {
      background: url("/wp-content/themes/_gothic/images/info/option_txt_param2.png") left center no-repeat;
      background-size: contain; }
    #info section.option .param3 dt {
      background: url("/wp-content/themes/_gothic/images/info/option_txt_param3.png") left center no-repeat;
      background-size: contain; }
    #info section.option .param4 dt {
      background: url("/wp-content/themes/_gothic/images/info/option_txt_param4.png") left center no-repeat;
      background-size: contain; }
    #info section.option div.subparameter {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 60%;
      -webkit-align-items: center;
      flex: 0 0 60%;
      width: 55%;
      max-width: 55%;
      align-items: center;
      margin-bottom: 2%;
      padding: 1rem 0 0; }
    #info section.option div.detail {
      /* スキル */
      /* プロフィール */
      /* フリーテキスト */ }
      #info section.option div.detail .skill {
        margin: 0 0 1rem 0; }
        #info section.option div.detail .skill h6 {
          -webkit-background-size: contain;
          text-indent: -99999px;
          background: url("/wp-content/themes/_gothic/images/info/option_txt_skill.png") left center no-repeat;
          background-size: contain;
          height: 2rem; }
          @media screen and (max-width: 1024px) {
            #info section.option div.detail .skill h6 {
              height: 1rem;
              margin: 0 0 0.5rem; } }
        #info section.option div.detail .skill dl {
          margin: 0; }
          #info section.option div.detail .skill dl dt {
            line-height: 1.8; }
            #info section.option div.detail .skill dl dt::before {
              content: "『"; }
            #info section.option div.detail .skill dl dt::after {
              content: "』"; }
            @media screen and (max-width: 767px) {
              #info section.option div.detail .skill dl dt {
                line-height: 1.2;
                margin: 0 0 0.5rem; } }
          #info section.option div.detail .skill dl dd {
            line-height: 1.8; }
            @media screen and (max-width: 767px) {
              #info section.option div.detail .skill dl dd {
                line-height: 1.2; } }
      #info section.option div.detail .profile {
        margin: 0 0 1rem 0; }
        #info section.option div.detail .profile h6 {
          text-indent: -99999px;
          background: url("/wp-content/themes/_gothic/images/info/option_txt_profile.png") left center no-repeat;
          -webkit-background-size: contain;
          background-size: contain;
          height: 2rem; }
          @media screen and (max-width: 1024px) {
            #info section.option div.detail .profile h6 {
              height: 1rem; } }
        #info section.option div.detail .profile p {
          line-height: 1.3; }
      #info section.option div.detail .free {
        display: -webkit-box;
        display: -webkit-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -webkit-flex-flow: row wrap;
        height: auto;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: row wrap;
        width: 100%; }
        #info section.option div.detail .free dt {
          -webkit-box-flex: 1;
          -webkit-flex: 1 0 40%;
          -webkit-align-items: center;
          height: auto;
          margin-bottom: 0.5rem;
          flex: 1 0 40%;
          width: 40%;
          max-width: 40%;
          align-items: center; }
          #info section.option div.detail .free dt img {
            display: block;
            padding: 0 5% 0 0; }
        #info section.option div.detail .free dd {
          -webkit-box-flex: 1;
          -webkit-flex: 1 0 60%;
          -webkit-align-items: center;
          height: auto;
          line-height: 1.3;
          flex: 1 0 60%;
          width: 60%;
          max-width: 100%;
          align-items: center;
          vertical-align: middle; }
          #info section.option div.detail .free dd p {
            width: 100%;
            height: auto;
            margin: 0 auto; }
    #info section.option dl.shot {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 40%;
      -webkit-align-items: center;
      margin: 0;
      flex: 0 0 40%;
      width: 40%;
      max-width: 40%;
      align-items: center; }
      #info section.option dl.shot dt {
        text-indent: -99999px;
        background: url("/wp-content/themes/_gothic/images/info/option_txt_shot.png") 25% center no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        height: 2rem;
        margin: 0 auto; }
        @media screen and (max-width: 1024px) {
          #info section.option dl.shot dt {
            height: 1rem; } }
      #info section.option dl.shot dd {
        text-align: center; }
        #info section.option dl.shot dd.name p {
          font-size: 1.8rem;
          display: block;
          font-weight: 900;
          line-height: 18px; }
          #info section.option dl.shot dd.name p::before {
            content: "";
            display: inline-block;
            width: 1.5em;
            height: 1.25em;
            vertical-align: middle; }
        #info section.option dl.shot dd.type_0 p::before {
          background: url("/wp-content/themes/_gothic/images/info/type_0.png") center center no-repeat;
          -webkit-background-size: contain;
          background-size: contain; }
        #info section.option dl.shot dd.type_1 p::before {
          background: url("/wp-content/themes/_gothic/images/info/type_1.png") center center no-repeat;
          -webkit-background-size: contain;
          background-size: contain; }
        #info section.option dl.shot dd.img {
          text-align: center;
          width: 50%;
          margin: 0 auto;
          position: relative;
          z-index: 1; }
          @media screen and (max-width: 1024px) {
            #info section.option dl.shot dd.img {
              width: 100%; } }
          #info section.option dl.shot dd.img a {
            display: block;
            width: auto;
            height: auto;
            z-index: 2;
            margin: 0 auto; }
            #info section.option dl.shot dd.img a::before {
              content: url("/wp-content/themes/_gothic/images/info/btn_movie.png");
              position: absolute;
              top: 40%;
              bottom: 0;
              left: 0;
              right: 0;
              margin: auto; }
    #info section.option.L dd img {
      max-width: 180px;
      min-width: 100px; }
    #info section.option.M dd img {
      max-width: 120px;
      min-width: 90px; }
    #info section.option.S dd img {
      max-width: 100px;
      min-width: 80px; }
  #info dl.howtoget {
    text-align: center;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 1rem;
    min-width: 120px;
    max-width: 90%;
    color: #FFFFFF;
    background: #150F20;
    border: solid 1px #937C3D;
    box-sizing: border-box; }
    #info dl.howtoget::before {
      content: "";
      position: absolute;
      top: -24px;
      left: 50%;
      margin-left: -15px;
      border: 12px solid transparent;
      border-bottom: 12px solid #150F20;
      z-index: 2; }
    #info dl.howtoget::after {
      content: "";
      position: absolute;
      top: -28px;
      left: 50%;
      margin-left: -17px;
      border: 14px solid transparent;
      border-bottom: 14px solid #937C3D;
      z-index: 1; }
    #info dl.howtoget dt {
      font-weight: 900;
      color: #F1CF74;
      background: transparent; }
      #info dl.howtoget dt::before {
        content: "▲"; }
      #info dl.howtoget dt::after {
        content: "▲"; }
    #info dl.howtoget dd {
      line-height: 1.4; }
  #info table.orb_trade {
    width: 90%;
    max-width: 370px;
    margin: 0 auto 2% auto; }
    #info table.orb_trade tbody td {
      text-align: center; }
  #info section#notice {
    font-size: 1.4rem; }
    #info section#notice ul li {
      text-indent: -1em;
      padding-left: 1em;
      font-size: 1.4rem;
      line-height: 2; }
      #info section#notice ul li::before {
        content: "・"; }
  #info #place table th.date {
    width: 100%; }
  #info #place table th.time {
    width: 20%; }
  #info #place table th.ep {
    width: 20%; }
  #info #place table td {
    text-align: center; }
    #info #place table td.date {
      width: 100%; }
    #info #place table td.time {
      width: 30%; }
    #info #place table td.ep {
      width: 30%; }
  #info .center {
    text-align: center; }
  #info .left {
    text-align: left; }
  #info .right {
    text-align: right; }
  #info img.center {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  #info .flex {
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -webkit-flex-flow: row wrap;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-flow: row wrap;
    width: 100%; }
    #info .flex .flex-l, #info .flex .flex-r {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 50%;
      flex: 1 0 50%;
      width: 50%;
      max-width: 100%; }
  #info div.chara_serif {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto; }
    #info div.chara_serif img {
      width: 30%;
      max-width: 140px; }
    #info div.chara_serif p {
      padding: 1em; }
  #info ul.notice {
    margin: 0.5rem auto 1.5rem; }
    #info ul.notice li {
      text-indent: -1em;
      padding-left: 1em;
      color: #888888;
      font-size: 1.2rem;
      line-height: 1.6;
      list-style-type: none;
      text-align: left; }
      #info ul.notice li::before {
        content: "※"; }
  #info p.notice, #info span.notice {
    color: #888888;
    margin: 0 0.5rem; }
    #info p.notice::before, #info span.notice::before {
      content: "※"; }
  #info .at_red,
  #info .at_red *,
  #info .item_11001 span,
  #info .item_12001 span,
  #info .item_13001 span,
  #info .item_14001 span,
  #info .item_15001 span,
  #info .item_11007 span,
  #info .item_12007 span,
  #info .item_13007 span,
  #info .item_14007 span,
  #info .item_15007 span {
    color: #F30D11; }
  #info .at_blue,
  #info .at_blue *,
  #info .item_11002 span,
  #info .item_12002 span,
  #info .item_13002 span,
  #info .item_14002 span,
  #info .item_15002 span,
  #info .item_11008 span,
  #info .item_12008 span,
  #info .item_13008 span,
  #info .item_14008 span,
  #info .item_15008 span {
    color: #378DF1; }
  #info .at_green,
  #info .at_green *,
  #info .item_11003 span,
  #info .item_12003 span,
  #info .item_13003 span,
  #info .item_14003 span,
  #info .item_15003 span,
  #info .item_11009 span,
  #info .item_12009 span,
  #info .item_13009 span,
  #info .item_14009 span,
  #info .item_15009 span {
    color: #64F42E; }
  #info .at_white,
  #info .at_white *,
  #info .item_11004 span,
  #info .item_12004 span,
  #info .item_13004 span,
  #info .item_14004 span,
  #info .item_15004 span,
  #info .item_11010 span,
  #info .item_12010 span,
  #info .item_13010 span,
  #info .item_14010 span,
  #info .item_15010 span {
    color: #FF7600; }
  #info .at_black,
  #info .at_black *,
  #info .item_11005 span,
  #info .item_12005 span,
  #info .item_13005 span,
  #info .item_14005 span,
  #info .item_15005 span,
  #info .item_11011 span,
  #info .item_12011 span,
  #info .item_13011 span,
  #info .item_14011 span,
  #info .item_15011 span {
    color: #BD56FF; }
  #info .white {
    color: #FF00BF; }
  #info .grow {
    font-weight: 900; }
  #info .item::before {
    padding-left: 1.75em;
    width: 1.3em;
    height: 1.3em;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 1.2em;
    -moz-background-size: 1.2em;
    background-size: 1.2em;
    content: ""; }
  #info span.item::before {
    display: inline-block;
    padding-left: 1.2em;
    width: 1em;
    height: 1em;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 1em;
    -moz-background-size: 1em;
    background-size: 1em;
    content: ""; }
  #info .item.stone::before {
    background-image: url("/wp-content/themes/_gothic/images/info/stone.png"); }
  #info .item.goods_5::before {
    background-image: url("/wp-content/themes/_gothic/images/info/medal.png"); }
  #info .item.goods_8::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/shop_monster_extend.png"); }
  #info .item.goods_10::before {
    background-image: url("/wp-content/themes/_gothic/images/info/material.png"); }
  #info .item.goods_11::before {
    background-image: url("/wp-content/themes/_gothic/images/info/drop.png"); }
  #info .item.goods_13::before {
    background-image: url("/wp-content/themes/_gothic/images/info/coin.png"); }
  #info .item.goods_14 {
    color: #48FFFA; }
    #info .item.goods_14::before {
      background-image: url("/wp-content/themes/_gothic/images/info/item/guild_orb01.png"); }
  #info .item.goods_15 {
    color: #FF00BF; }
    #info .item.goods_15::before {
      background-image: url("/wp-content/themes/_gothic/images/info/item/guild_orb02.png"); }
  #info .item.goods_16 {
    color: #FF00BF; }
    #info .item.goods_16::before {
      background-image: url("/wp-content/themes/_gothic/images/info/item/boxgacha_ticket.png"); }
  #info .item.goods_17::before {
    background-image: url("/wp-content/themes/_gothic/images/info/ether.png"); }
  #info .item.goods_18::before {
    background-image: url("/wp-content/themes/_gothic/images/info/trophy_platinum.png"); }
  #info .item.goods_19::before {
    background-image: url("/wp-content/themes/_gothic/images/info/trophy_gold.png"); }
  #info .item.goods_20::before {
    background-image: url("/wp-content/themes/_gothic/images/info/trophy_silver.png"); }
  #info .item.goods_21::before {
    background-image: url("/wp-content/themes/_gothic/images/info/trophy_copper.png"); }
  #info .item.goods_22::before {
    background-image: url("/wp-content/themes/_gothic/images/info/ether_key.png"); }
  #info .item.goods_23::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/shop_team.png"); }
  #info .item.goods_24::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/shop_tukaima_storage.png"); }
  #info .item.goods_25::before {
    background-image: url("/wp-content/themes/_gothic/images/info/vote_ticket.png"); }
  #info .item.goods_31::before {
    background-image: url("/wp-content/themes/_gothic/images/info/event_ring.png"); }
  #info .item_15001::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp05_r.png"); }
  #info .item_15002::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp05_b.png"); }
  #info .item_15003::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp05_g.png"); }
  #info .item_15004::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp05_w.png"); }
  #info .item_15005::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp05_k.png"); }
  #info .item_14001::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp04_r.png"); }
  #info .item_14002::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp04_b.png"); }
  #info .item_14003::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp04_g.png"); }
  #info .item_14004::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp04_w.png"); }
  #info .item_14005::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp04_k.png"); }
  #info .item_13001::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp03_r.png"); }
  #info .item_13002::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp03_b.png"); }
  #info .item_13003::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp03_g.png"); }
  #info .item_13004::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp03_w.png"); }
  #info .item_13005::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp03_k.png"); }
  #info .item_12001::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp02_r.png"); }
  #info .item_12002::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp02_b.png"); }
  #info .item_12003::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp02_g.png"); }
  #info .item_12004::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp02_w.png"); }
  #info .item_12005::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp02_k.png"); }
  #info .item_11001::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp01_r.png"); }
  #info .item_11002::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp01_b.png"); }
  #info .item_11003::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp01_g.png"); }
  #info .item_11004::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp01_w.png"); }
  #info .item_11005::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/exp01_k.png"); }
  #info .item_15007::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo05_r.png"); }
  #info .item_15008::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo05_b.png"); }
  #info .item_15009::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo05_g.png"); }
  #info .item_15010::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo05_w.png"); }
  #info .item_15011::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo05_k.png"); }
  #info .item_14007::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo04_r.png"); }
  #info .item_14008::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo04_b.png"); }
  #info .item_14009::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo04_g.png"); }
  #info .item_14010::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo04_w.png"); }
  #info .item_14011::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo04_k.png"); }
  #info .item_13007::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo03_r.png"); }
  #info .item_13008::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo03_b.png"); }
  #info .item_13009::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo03_g.png"); }
  #info .item_13010::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo03_w.png"); }
  #info .item_13011::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo03_k.png"); }
  #info .item_12007::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo02_r.png"); }
  #info .item_12008::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo02_b.png"); }
  #info .item_12009::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo02_g.png"); }
  #info .item_12010::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo02_w.png"); }
  #info .item_12011::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo02_k.png"); }
  #info .item_11007::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo01_r.png"); }
  #info .item_11008::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo01_b.png"); }
  #info .item_11009::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo01_g.png"); }
  #info .item_11010::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo01_w.png"); }
  #info .item_11011::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/evo01_k.png"); }
  #info .item_11006::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/skill01.png"); }
  #info .item_12006::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/skill02.png"); }
  #info .item_13006::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/skill03.png"); }
  #info .item_14006::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/skill04.png"); }
  #info .item_15006::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/skill05.png"); }
  #info .item_20001::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/shop_auto_barrier.jpg"); }
  #info .item_20002::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/shop_boss_time.jpg"); }
  #info .item_20003::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/shop_option.png"); }
  #info .item_20004::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/shop_ring_zoom.png"); }
  #info .item_20005::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/shop_comboup.png"); }
  #info .item_30001::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/reinc04.png"); }
  #info .item_30002::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/reinc05.png"); }
  #info .item_30003 {
    color: #F1CF74; }
    #info .item_30003::before {
      background-image: url("/wp-content/themes/_gothic/images/info/item/reinc06.png"); }
  #info .item_41000::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/Guild_Soul_R.png"); }
  #info .item_42000::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/Guild_Soul_B.png"); }
  #info .item_43000::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/Guild_Soul_G.png"); }
  #info .item_44000::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/Guild_Soul_W.png"); }
  #info .item_45000::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/Guild_Soul_K.png"); }
  #info .item_51000::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/guild_bprecovery_s.png"); }
  #info .item_52000::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/guild_bprecovery_l.png"); }
  #info .item_53000::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/guild_bprecovery_l.png"); }
  #info .item_61000::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/shinmitsu_item_candy.png"); }
  #info .item_62000::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/shinmitsu_item_pudding.png"); }
  #info .item_63000::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/shinmitsu_item_flower.png"); }
  #info .item_71000::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/aprecovery_s.png"); }
  #info .item_72000::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/aprecovery_m.png"); }
  #info .item_73000::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/aprecovery_l.png"); }
  #info .item_20006::before {
    background-image: url("/wp-content/themes/_gothic/images/info/item/skill_amulet.png"); }
  #info .x-small {
    font-size: 1.2rem; }
  #info .small {
    font-size: 1.4rem; }
  #info .large {
    font-size: 1.6rem; }
  #info .x-large {
    font-size: 1.6rem; }
  #info .xx-large {
    font-size: 1.8rem; }
  #info .m1rem {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  #info .mt1rem {
    margin-top: 1rem; }
  #info .mb1rem {
    margin-bottom: 1rem; }
  #info .p2rem {
    padding: 1rem 1.5rem; }
  #info .pw1rem {
    padding: 0 1rem; }
  #info .p1rem {
    padding: 1rem; }
  #info .w100p {
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
  #info .w99p {
    width: 99%;
    margin-left: auto;
    margin-right: auto; }
  #info .w98p {
    width: 98%;
    margin-left: auto;
    margin-right: auto; }
  #info .w97p {
    width: 97%;
    margin-left: auto;
    margin-right: auto; }
  #info .w96p {
    width: 96%;
    margin-left: auto;
    margin-right: auto; }
  #info .w95p {
    width: 95%;
    margin-left: auto;
    margin-right: auto; }
  #info .w90p {
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
  #info .btn {
    -webkit-appearance: none;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    -webkit-border-radius: 4em;
    appearance: none;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    background-color: #BD56FF;
    border-radius: 4em;
    border: solid 2px #FF97FE;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: 400;
    line-height: 1.2em;
    margin: 1em auto;
    padding: 0.8em 1em;
    text-align: center;
    text-decoration: none;
    font-size: 1.4rem; }
    #info .btn:hover {
      border-color: #FF97FE;
      color: #FF97FE; }
  #info table.itempack {
    max-width: 600px; }
    #info table.itempack thead th {
      font-weight: 900; }
      #info table.itempack thead th strong {
        display: block;
        color: #FFFFFF;
        margin: 0; }
      #info table.itempack thead th dl {
        color: #FFFFFF;
        border: none !important; }
        #info table.itempack thead th dl dt {
          color: #FFFFFF;
          border: none; }
        #info table.itempack thead th dl dd {
          color: #FFFFFF;
          border: none; }
    #info table.itempack thead td {
      color: #FFFFFF;
      background: #000000; }
    #info table.itempack thead dl {
      margin-bottom: 0; }
    #info table.itempack thead dd span {
      font-size: 1.6rem; }
    #info table.itempack tbody th {
      font-weight: 900; }
    #info table.itempack td.detail dl {
      text-align: left;
      border: none !important;
      margin: 0;
      width: 100%; }
    #info table.itempack td.detail dt {
      font-weight: 900;
      color: #F1CF74;
      background: transparent !important; }
    #info table.itempack td.detail dd {
      line-height: 1.2; }
    #info table.itempack td.detail dt, #info table.itempack td.detail dd {
      margin: 0; }
    #info table.itempack td.number {
      font-weight: 900;
      color: #F1CF74;
      text-align: center; }
  #info table.active_ranking th {
    width: 20%; }
  #info table.active_ranking p {
    padding: 0;
    text-align: left; }
  #info table.active_ranking tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, 0.25); }
  #info table.loginbonus_prize th.date {
    width: 20%;
    white-space: nowrap; }
  #info table.loginbonus_prize td.prize p {
    margin: 0;
    padding: 0;
    text-align: left; }
  #info table.loginbonus_prize tr:nth-child(even) td {
    background-color: rgba(84, 30, 107, 0.25); }
  #info table.fukubukuro {
    max-width: 600px; }
    #info table.fukubukuro thead th {
      font-weight: 900; }
      #info table.fukubukuro thead th strong {
        display: block;
        color: #FFFFFF;
        margin: 0;
        padding: 0; }
      #info table.fukubukuro thead th dl {
        color: #FFFFFF;
        border: none;
        background-color: transparent; }
        #info table.fukubukuro thead th dl dt, #info table.fukubukuro thead th dl dd {
          color: #FFFFFF;
          border: none;
          background-color: transparent; }
    #info table.fukubukuro thead td {
      background: #000000; }
    #info table.fukubukuro thead dl {
      margin-bottom: 0; }
    #info table.fukubukuro thead dd span {
      font-size: 1.6rem; }
    #info table.fukubukuro thead dd .x-small {
      font-size: 1.2rem; }
    #info table.fukubukuro thead .value {
      -webkit-border-radius: 3px;
      display: inline-block;
      background: #F30D11;
      padding: 0 0.3em;
      border-radius: 3px;
      font-size: 1.4rem;
      transform: rotate(-5deg);
      color: #FFFFFF; }
    #info table.fukubukuro tbody th {
      font-weight: 900; }
    #info table.fukubukuro tbody td.detail dl {
      text-align: left;
      border: none;
      margin: 0;
      width: 100%; }
    #info table.fukubukuro tbody td.detail dt {
      font-weight: 900;
      color: #F1CF74;
      background: transparent; }
    #info table.fukubukuro tbody td.detail dd {
      line-height: 1.2; }
    #info table.fukubukuro tbody td.detail dt, #info table.fukubukuro tbody td.detail dd {
      margin: 0; }
    #info table.fukubukuro td.number {
      font-weight: 900;
      color: #F1CF74;
      text-align: center; }
    #info table.fukubukuro .shot {
      font-weight: 900; }
    #info table.fukubukuro .costume {
      color: #FF00BF; }
  #info .shot::before {
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.25em;
    vertical-align: bottom; }
  #info .shot.type_0::before {
    background: url("/wp-content/themes/_gothic/images/shot/type_0.png") center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain; }
  #info .shot.type_1::before {
    background: url("/wp-content/themes/_gothic/images/shot/type_1.png") center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain; }
  #info .costume::before {
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.25em;
    vertical-align: bottom;
    background: url("/wp-content/themes/_gothic/images/info/option_costume_true.png") center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain; }
@-webkit-keyframes pounding {
  0% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.05);
    opacity: 1; } }
@keyframes pounding {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(1.05);
    opacity: 1; } }
@-webkit-keyframes jump {
  0% {
    -webkit-transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(-2px); } }
@keyframes jump {
  0% {
    transform: translateY(1px); }
  100% {
    transform: translateY(-2px); } }
  #info.school {
    /* 概要 */
    /* テーブル系 */
    /* 吹き出し的なボックス */
    /* アイテムパック系table */
    /* 福袋table */
    /* ログインボーナス報酬table */
    /* 使い魔紹介 */
    /* 入手方法 */
    /* 注意事項 */
    /* 属性色 */
    /* 心のオーブ */
    /* 愛のオーブ */
    /* BOXガチャチケット */
    /* 生命の黄金蝶 */
    /* 既存の色（明るい背景用に変更） */
    /* ボタン改良版 */ }
    #info.school > section {
      width: 98%;
      margin: 0 auto;
      color: #BD56FF;
      background: #e3e2dc;
      border: solid 1px #FFFFFF; }
      #info.school > section > article {
        width: 97%;
        margin: 0 auto; }
    #info.school .gray,
    #info.school .notice * {
      color: #888888;
      text-shadow: none; }
    #info.school h4 {
      color: #FFFFFF;
      background-image: url("/wp-content/themes/_gothic/images/info/section_title_school.jpg"); }
    #info.school h5 {
      color: #BD56FF; }
    #info.school h6 {
      color: #BD56FF; }
    #info.school #overview dl {
      border: solid 1px #FFFFFF; }
      #info.school #overview dl dt {
        color: #FFFFFF;
        background: #937C3D; }
      #info.school #overview dl dd {
        color: #282828;
        background: #FFFFFF; }
    #info.school table, #info.school th, #info.school td {
      border: solid 1px #FFFFFF; }
    #info.school thead th {
      color: #FFFFFF;
      background: #937C3D; }
    #info.school tbody th {
      color: #FFFFFF;
      background: #937C3D; }
    #info.school td {
      color: #282828;
      background: #FFFFFF; }
    #info.school table.active_ranking tr:nth-child(even) td {
      background-color: rgba(255, 255, 255, 0.95); }
    #info.school dl.fukidashi {
      color: #555555;
      background: #FFFFFF;
      border: solid 1px #937C3D; }
      #info.school dl.fukidashi::before {
        border-bottom: 12px solid #FFFFFF; }
      #info.school dl.fukidashi::after {
        border-bottom: 14px solid #937C3D; }
      #info.school dl.fukidashi dt {
        color: #48FFFA; }
    #info.school table.itempack thead th {
      color: #FFFFFF;
      background: #378DF1; }
      #info.school table.itempack thead th strong {
        color: #FFFFFF; }
      #info.school table.itempack thead th dl {
        color: #FFFFFF;
        background: transparent; }
        #info.school table.itempack thead th dl dt, #info.school table.itempack thead th dl dd {
          color: #FFFFFF;
          background: transparent; }
    #info.school table.itempack thead td {
      color: #FFFFFF;
      background: #48FFFA; }
      #info.school table.itempack thead td.detail dt {
        color: #BD56FF; }
      #info.school table.itempack thead td.detail dd {
        color: #FF97FE; }
    #info.school table.itempack td.number {
      color: #282828; }
    #info.school table.fukubukuro td.detail dt {
      color: #874116; }
    #info.school table.fukubukuro td.detail dd {
      color: #874116; }
    #info.school table.fukubukuro td.number {
      color: #874116; }
    #info.school table.fukubukuro thead td {
      color: #FFFFFF;
      background: #48FFFA; }
    #info.school table.fukubukuro thead .grow {
      font-weight: 900;
      color: #FFFFFF; }
    #info.school table.fukubukuro tbody .grow {
      font-weight: 900;
      color: #FF00BF;
      text-shadow: none; }
    #info.school table.fukubukuro tbody .costume {
      color: #FF00BF; }
    #info.school table.loginbonus_prize tr:nth-child(even) td {
      background-color: rgba(255, 255, 255, 0.5); }
    #info.school #pickup section.option {
      color: #FFFFFF;
      border: solid 1px #FFFFFF;
      width: 100%;
      padding: 0 1%;
      margin: 1rem auto;
      background-image: url("/wp-content/themes/_gothic/images/info/option_bg_school.jpg"); }
    #info.school > section#pickup h5 {
      color: #FFE9A5;
      text-shadow: none; }
    #info.school dl.howtoget {
      color: #282828;
      background: #FFFFFF;
      border: solid 1px #64F42E; }
      #info.school dl.howtoget::before {
        border-bottom: 12px solid #FFFFFF; }
      #info.school dl.howtoget::after {
        border-bottom: 14px solid #64F42E; }
      #info.school dl.howtoget dt {
        color: #64F42E; }
    #info.school #notice section {
      padding: 0 0.5rem; }
    #info.school .at_red,
    #info.school .at_red *,
    #info.school .item_11001 span,
    #info.school .item_12001 span,
    #info.school .item_13001 span,
    #info.school .item_14001 span,
    #info.school .item_15001 span,
    #info.school .item_11007 span,
    #info.school .item_12007 span,
    #info.school .item_13007 span,
    #info.school .item_14007 span,
    #info.school .item_15007 span {
      color: #F30D11; }
    #info.school .at_blue,
    #info.school .at_blue *,
    #info.school .item_11002 span,
    #info.school .item_12002 span,
    #info.school .item_13002 span,
    #info.school .item_14002 span,
    #info.school .item_15002 span,
    #info.school .item_11008 span,
    #info.school .item_12008 span,
    #info.school .item_13008 span,
    #info.school .item_14008 span,
    #info.school .item_15008 span {
      color: #378DF1; }
    #info.school .at_green,
    #info.school .at_green *,
    #info.school .item_11003 span,
    #info.school .item_12003 span,
    #info.school .item_13003 span,
    #info.school .item_14003 span,
    #info.school .item_15003 span,
    #info.school .item_11009 span,
    #info.school .item_12009 span,
    #info.school .item_13009 span,
    #info.school .item_14009 span,
    #info.school .item_15009 span {
      color: #64F42E; }
    #info.school .at_white,
    #info.school .at_white *,
    #info.school .item_11004 span,
    #info.school .item_12004 span,
    #info.school .item_13004 span,
    #info.school .item_14004 span,
    #info.school .item_15004 span,
    #info.school .item_11010 span,
    #info.school .item_12010 span,
    #info.school .item_13010 span,
    #info.school .item_14010 span,
    #info.school .item_15010 span {
      color: #64F42E; }
    #info.school .at_black,
    #info.school .at_black *,
    #info.school .item_11005 span,
    #info.school .item_12005 span,
    #info.school .item_13005 span,
    #info.school .item_14005 span,
    #info.school .item_15005 span,
    #info.school .item_11011 span,
    #info.school .item_12011 span,
    #info.school .item_13011 span,
    #info.school .item_14011 span,
    #info.school .item_15011 span {
      color: #BD56FF; }
    #info.school .item.goods_14 {
      color: #378DF1; }
    #info.school .item.goods_15 {
      color: #FF00BF; }
    #info.school .item.goods_16 {
      color: #FF00BF; }
    #info.school .item_30003 {
      color: #874116; }
    #info.school .red {
      color: #F30D11; }
    #info.school .gold {
      color: #F1CF74; }
    #info.school .yellow {
      color: #F0C928; }
    #info.school .blue {
      color: #BD56FF; }
    #info.school .blue2 {
      color: #378DF1; }
    #info.school .gray {
      color: #555555; }
    #info.school .green {
      color: #64F42E; }
    #info.school .dark {
      color: #BD56FF; }
    #info.school .pink {
      color: #FF00BF; }
    #info.school .btn {
      background: linear-gradient(#d391f3, #60259f);
      -webkit-border-radius: 4em;
      border-radius: 4em;
      border: solid 2px #FFE9A5;
      color: #FFFFFF; }
      #info.school .btn:hover {
        border-color: #C1FF1D;
        color: #C1FF1D; }
      #info.school .btn a:hover {
        color: #C1FF1D; }
  #info dl.date {
    width: 95%;
    margin: 0 auto 1em auto;
    border: solid 1px #937C3D; }
    #info dl.date dt {
      color: #FFFFFF;
      background: #26042E; }
  #info .eye_catch {
    color: #F0C928;
    text-align: center; }
    #info .eye_catch::before, #info .eye_catch::after {
      content: "▼"; }
  #info div.new {
    display: block;
    width: 22%;
    margin: 0 auto 0 0; }
    #info div.new img {
      width: 100%;
      display: block; }
  #info section.option {
    /* &.type2 ここまで */
    /* 使い魔紹介 type3 */
    /* =========================================================== */
    /* &.type3 ここまで */
    /* 使い魔紹介ミニ（一旦保留中） */
    /* =========================================================== */
    /* &.mini ここまで */ }
    #info section.option.type2 {
      max-width: 550px; }
      #info section.option.type2 .column02 {
        width: 95%;
        margin: 0 auto; }
      #info section.option.type2 div.name {
        position: relative;
        z-index: 1; }
      #info section.option.type2 dl.shot {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40%;
        -webkit-align-items: center;
        width: 40%;
        flex: 0 0 40%;
        width: 40%;
        max-width: 40%;
        align-items: center; }
        #info section.option.type2 dl.shot::before {
          display: none; }
        #info section.option.type2 dl.shot dt {
          height: 1.5em;
          background-position: center center; }
        #info section.option.type2 dl.shot dd.name p {
          font-size: 1.8rem; }
      #info section.option.type2 div.parameter {
        width: 100%;
        margin: 0 auto 0.5em auto; }
        #info section.option.type2 div.parameter dl {
          display: -webkit-box;
          /* Android4.3以前ブラウザ用 */
          display: -webkit-flex;
          /* iOS8以前Safari用 */
          -webkit-box-align: center;
          /* Android4.3以前ブラウザ用 */
          -webkit-align-items: center;
          /* iOS8以前Safari用 */
          -webkit-box-pack: center;
          /* Android4.3以前ブラウザ用 */
          -webkit-justify-content: center;
          /* iOS8以前Safari用 */
          -webkit-flex-flow: row wrap;
          /* iOS8以前Safari用 */
          width: 100%;
          margin: 0.25em 0 0 0;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-flow: row wrap; }
          #info section.option.type2 div.parameter dl.magic dt {
            background: url("/wp-content/themes/_gothic/images/info/option_txt_magic.png") left center no-repeat;
            -webkit-background-size: contain;
            -moz-background-size: contain;
            background-size: contain; }
          #info section.option.type2 div.parameter dl.life dt {
            background: url("/wp-content/themes/_gothic/images/info/option_txt_life.png") left center no-repeat;
            -webkit-background-size: contain;
            -moz-background-size: contain;
            background-size: contain; }
        #info section.option.type2 div.parameter .parameter dt {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 70%;
          -webkit-align-items: center;
          height: 1.2em;
          line-height: 1;
          vertical-align: bottom;
          flex: 0 0 70%;
          width: 70%;
          max-width: 70%;
          align-items: center; }
        #info section.option.type2 div.parameter .parameter dd {
          -webkit-align-items: center;
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 30%;
          text-align: right;
          font-size: 1.6rem;
          font-weight: 900;
          line-height: 1;
          vertical-align: bottom;
          flex: 0 0 30%;
          width: 30%;
          max-width: 30%;
          align-items: center; }
      #info section.option.type2.rare_5 .magic dd {
        font-size: 1.8rem;
        font-weight: 900;
        font-style: italic;
        color: #F30D11; }
      #info section.option.type2.rare_5 .life dd {
        font-size: 1.8rem;
        font-weight: 900;
        font-style: italic;
        color: #F30D11; }
      #info section.option.type2 dl.skill {
        width: 100%;
        background: url("/wp-content/themes/_gothic/images/info/option_line_dot.png") left bottom no-repeat;
        background-position: bottom;
        margin-bottom: 2%;
        padding-bottom: 3%;
        -webkit-background-size: contain;
        background-size: contain; }
        #info section.option.type2 dl.skill dt::before {
          content: "";
          display: inline-block;
          width: 3.5em;
          height: 1em;
          line-height: 1;
          vertical-align: bottom;
          background: url("/wp-content/themes/_gothic/images/info/option_txt_skill.png") left bottom no-repeat;
          -webkit-background-size: contain;
          -moz-background-size: contain;
          background-size: contain; }
      #info section.option.type2 dl.profile {
        background: url("/wp-content/themes/_gothic/images/info/option_line_dot.png") left bottom no-repeat;
        background-position: bottom;
        margin-bottom: 2%;
        padding-bottom: 3%;
        -webkit-background-size: contain;
        background-size: contain;
        color: #FF00BF; }
      #info section.option.type2 dl.free {
        display: flex;
        margin: 0 auto; }
        #info section.option.type2 dl.free dd {
          text-align: center;
          margin: 0 auto; }
          #info section.option.type2 dl.free dd:first-child {
            width: 100%; }
          #info section.option.type2 dl.free dd:nth-child(2) {
            width: 100%; }
          #info section.option.type2 dl.free dd img {
            width: 40%;
            height: auto;
            display: block;
            min-width: 70px;
            margin: 0.5em auto; }
      #info section.option.type2 p.re {
        line-height: 1.2;
        color: #FFFFFF;
        font-weight: 900;
        padding: 0.5em 0;
        text-align: center;
        transform: rotate(-5deg);
        margin: 0.5em auto; }
    #info section.option.type3 {
      max-width: 290px;
      /* 名前の前につく属性アイコン */ }
      #info section.option.type3 div.name h5::before {
        width: 1.5em;
        height: 1.5em; }
      #info section.option.type3 div.img {
        display: block;
        width: 100%;
        min-width: 130px;
        margin: auto; }
      #info section.option.type3 dl.shot {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 auto 0.5em auto; }
        #info section.option.type3 dl.shot::before {
          display: none; }
        #info section.option.type3 dl.shot dd {
          display: block;
          font-weight: 900;
          width: 100%; }
          #info section.option.type3 dl.shot dd::before {
            display: none; }
      #info section.option.type3 .shot .name {
        font-size: 1.8rem; }
        #info section.option.type3 .shot .name::before {
          content: "";
          display: inline-block;
          width: 1.5em;
          height: 1.25em;
          vertical-align: middle; }
        #info section.option.type3 .shot .name.type_0::before {
          background: url("../images/shot/type_0.png") center center no-repeat;
          -webkit-background-size: contain;
          background-size: contain; }
        #info section.option.type3 .shot .name.type_1::before {
          background: url("../images/shot/type_1.png") center center no-repeat;
          -webkit-background-size: contain;
          background-size: contain; }
      #info section.option.type3 dl.free {
        display: flex;
        margin: 0 auto; }
        #info section.option.type3 dl.free dd {
          text-align: center;
          margin: 0 auto; }
          #info section.option.type3 dl.free dd:first-child {
            width: 100%; }
          #info section.option.type3 dl.free dd:nth-child(2) {
            width: 100%; }
          #info section.option.type3 dl.free dd img {
            width: 40%;
            height: auto;
            display: block;
            min-width: 60px;
            margin: 0 auto 0.5em auto; }
      #info section.option.type3 p.re {
        line-height: 1.2;
        color: #FFFFFF;
        font-weight: 900;
        padding: 0.5em 0;
        text-align: center;
        transform: rotate(-5deg);
        margin: 0 auto 0.5em auto; }
    #info section.option.mini {
      width: 100%;
      margin: 0;
      box-shadow: none;
      flex-basis: 370px;
      /* アイキャッチテキスト */
      /* NEW */
      /* 復刻 */
      /* おでかけコスチューム付き */
      /* 名前 */
      /* 使い魔画像 */
      /* 使い魔画像 ★3以下(縮小設定をリセット) */
      /* ショット */
      /* パラメータ */
      /* スキル */ }
      #info section.option.mini p.eyecatch {
        line-height: 1.2;
        font-weight: 900;
        padding: 0 0.2rem;
        position: absolute;
        background: -webkit-linear-gradient(transparent 40%, #c70064 40%);
        background: linear-gradient(transparent 40%, #c70064 40%);
        top: 3%;
        z-index: 10; }
      #info section.option.mini.img_right p.eyecatch {
        left: 0;
        text-align: left;
        transform: rotate(-2deg);
        /* アイキャッチテキストがある場合 */ }
        #info section.option.mini.img_right p.eyecatch + h5 {
          top: 10%; }
      #info section.option.mini.img_right img.new {
        top: 2%;
        right: 0; }
      #info section.option.mini.img_right p.re {
        top: 0;
        right: -4%; }
      #info section.option.mini.img_right img.cos {
        bottom: 5%;
        right: 0; }
      #info section.option.mini.img_right h5 {
        top: 3%;
        left: 0; }
      #info section.option.mini.img_right div.img {
        margin: 0 0 0 auto; }
      #info section.option.mini.img_right .shot {
        left: 0;
        top: 15%;
        margin: auto auto 0 0; }
        #info section.option.mini.img_right .shot .name {
          left: 0; }
      #info section.option.mini.img_right .parameter {
        right: 0;
        bottom: 25%; }
      #info section.option.mini.img_right .skill {
        left: 0;
        bottom: 3%; }
      #info section.option.mini.img_left p.eyecatch {
        right: 0;
        text-align: right;
        transform: rotate(2deg);
        /* アイキャッチテキストがある場合 */ }
        #info section.option.mini.img_left p.eyecatch + h5 {
          top: 10%; }
      #info section.option.mini.img_left img.new {
        top: 2%;
        left: 0; }
      #info section.option.mini.img_left p.re {
        top: 0;
        left: -4%; }
      #info section.option.mini.img_left img.cos {
        bottom: 5%;
        left: 0; }
      #info section.option.mini.img_left h5 {
        top: 3%;
        right: 0; }
      #info section.option.mini.img_left div.img {
        margin: 0 auto 0 0; }
      #info section.option.mini.img_left .shot {
        right: 0;
        top: 15%;
        margin: auto 0 0 auto; }
        #info section.option.mini.img_left .shot .name {
          right: 0; }
      #info section.option.mini.img_left .parameter {
        left: 0;
        bottom: 25%; }
      #info section.option.mini.img_left .skill {
        right: 0;
        bottom: 3%; }
      #info section.option.mini.img_center {
        flex-grow: 1;
        flex-basis: 90px;
        width: 33%;
        max-width: 280px;
        background-image: none; }
        #info section.option.mini.img_center p.eyecatch {
          text-align: center;
          transform: rotate(-5deg); }
        #info section.option.mini.img_center p.re {
          top: 0;
          right: -4%; }
        #info section.option.mini.img_center h5 {
          width: 100%;
          bottom: 12%;
          padding-right: 2.75em; }
        #info section.option.mini.img_center div.img {
          max-width: 100%;
          display: block;
          margin: 5% auto 0 auto; }
        #info section.option.mini.img_center .shot {
          width: 100%;
          left: 0;
          bottom: 5%;
          margin: auto auto 0 auto; }
          #info section.option.mini.img_center .shot .name {
            width: 90%;
            position: relative;
            text-align: center;
            font-size: 1.4rem; }
      #info section.option.mini img.new {
        width: 20%;
        display: block;
        position: absolute;
        z-index: 10; }
      #info section.option.mini p.re {
        width: 5.5rem;
        line-height: 1.2;
        color: #FF00BF;
        font-weight: 900;
        padding: 0.8rem;
        position: absolute;
        z-index: 10;
        text-align: center;
        transform: rotate(-5deg);
        background: url("/wp-content/themes/_gothic/images/info/re.png") center center no-repeat;
        background-size: contain; }
      #info section.option.mini img.cos {
        display: block;
        position: absolute;
        z-index: 10;
        width: 5rem; }
      #info section.option.mini h5 {
        line-height: 1;
        font-weight: 900;
        position: absolute;
        z-index: 25;
        margin-left: 2.75em;
        /* 名前の前につく属性アイコン */ }
        #info section.option.mini h5::before {
          content: "";
          display: block;
          vertical-align: middle;
          width: 2.75em;
          height: 2.75em;
          position: absolute;
          top: -0.25em;
          left: -2.7em;
          padding-left: 2.75em;
          z-index: 2; }
        #info section.option.mini h5::after {
          display: block;
          color: #FFFFFF;
          font-size: 1.4rem; }
      #info section.option.mini.rare_5 h5::after {
        content: "★★★★★"; }
      #info section.option.mini.rare_4 h5::after {
        content: "★★★★"; }
      #info section.option.mini.rare_3 h5::after {
        content: "★★★"; }
      #info section.option.mini.rare_2 h5::after {
        content: "★★"; }
      #info section.option.mini.rare_1 h5::after {
        content: "★"; }
      #info section.option.mini.at_1 h5::before {
        background: url("/wp-content/themes/_gothic/images/info/item_eneball_red.png") center center no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain; }
      #info section.option.mini.at_2 h5::before {
        background: url("/wp-content/themes/_gothic/images/info/item_eneball_blue.png") center center no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain; }
      #info section.option.mini.at_3 h5::before {
        background: url("/wp-content/themes/_gothic/images/info/item_eneball_green.png") center center no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain; }
      #info section.option.mini.at_4 h5::before {
        background: url("/wp-content/themes/_gothic/images/info/item_eneball_white.png") center center no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain; }
      #info section.option.mini.at_5 h5::before {
        background: url("/wp-content/themes/_gothic/images/info/item_eneball_black.png") center center no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain; }
      #info section.option.mini div.img {
        width: 100%;
        max-width: 70%;
        flex: 1 0 70%;
        position: relative;
        z-index: 5; }
        #info section.option.mini div.img::before {
          content: none; }
      #info section.option.mini.rare_3 div.img_inner {
        height: inherit; }
      #info section.option.mini.rare_2 div.img_inner {
        height: inherit; }
      #info section.option.mini.rare_1 div.img_inner {
        height: inherit; }
      #info section.option.mini.rare_5 .parameter dd {
        font-size: 1.8rem;
        color: #F30D11; }
      #info section.option.mini .shot {
        width: 40%;
        position: absolute;
        z-index: 15; }
        #info section.option.mini .shot::before {
          display: none; }
        #info section.option.mini .shot .name {
          font-size: 1.8rem;
          width: 105%;
          text-align: left;
          line-height: 1.0;
          text-indent: 0;
          padding: 0.25em 0;
          background-image: none;
          background-color: rgba(0, 0, 0, 0.7);
          position: absolute;
          z-index: 7;
          top: 25%;
          transform: rotate(-5deg);
          white-space: nowrap; }
          #info section.option.mini .shot .name::before {
            content: "";
            display: inline-block;
            width: 1.75em;
            height: 1.5em;
            vertical-align: middle; }
          #info section.option.mini .shot .name.type_0::before {
            background: url("../images/shot/type_0.png") center center no-repeat;
            -webkit-background-size: contain;
            background-size: contain; }
          #info section.option.mini .shot .name.type_1::before {
            background: url("../images/shot/type_1.png") center center no-repeat;
            -webkit-background-size: contain;
            background-size: contain; }
        #info section.option.mini .shot .img {
          width: 100%;
          position: relative;
          z-index: 6; }
          #info section.option.mini .shot .img a::before {
            content: '\f16a';
            color: rgba(0, 0, 0, 0.3);
            font-size: 4rem;
            font-family: FontAwesome;
            position: absolute;
            z-index: 30;
            top: 46%;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto; }
      #info section.option.mini .parameter {
        position: absolute;
        z-index: 9; }
        #info section.option.mini .parameter dl {
          text-align: right;
          margin: 0;
          background: linear-gradient(transparent 70%, #000000 70%);
          transform: rotate(-5deg); }
        #info section.option.mini .parameter dt {
          display: inline-block; }
        #info section.option.mini .parameter dd {
          font-size: 1.6rem;
          font-weight: 900;
          display: inline-block; }
      #info section.option.mini .skill {
        margin: 0;
        line-height: 1;
        position: absolute;
        z-index: 20; }
        #info section.option.mini .skill dt, #info section.option.mini .skill dd {
          transform: rotate(-5deg);
          margin: 0; }
        #info section.option.mini .skill dd {
          color: #FFE9A5;
          background-color: black; }
    #info section.option div.img_inner {
      width: 100%;
      overflow: hidden;
      position: relative; }
    #info section.option.img_center div.img_inner {
      margin: 0 auto; }
  #info #lovema dl.lovema_lv {
    width: 95%;
    max-width: 500px;
    margin: 0 auto; }
    #info #lovema dl.lovema_lv dd {
      color: #282828;
      margin-bottom: 0.25rem; }
      #info #lovema dl.lovema_lv dd strong {
        color: #F30D11; }
      #info #lovema dl.lovema_lv dd.lv1 {
        background-color: #FFFFFF; }
      #info #lovema dl.lovema_lv dd.lv2 {
        background-color: #FCF4D1; }
      #info #lovema dl.lovema_lv dd.lv3 {
        background-color: #FBF19D; }
      #info #lovema dl.lovema_lv dd.lv4 {
        background-color: #FAEA71; }
      #info #lovema dl.lovema_lv dd.lv5 {
        background-color: #F9E649; }
  #info footer {
    width: 100%;
    margin: 1rem auto; }
    #info footer nav {
      width: 95%;
      margin: 0 auto;
      text-align: center; }
      #info footer nav ul li {
        width: 49%;
        display: inline-block; }
        #info footer nav ul li a {
          margin: 0;
          font-size: 1.2rem;
          white-space: nowrap; }
  #info h6 {
    margin: 0; }
  #info article {
    padding: 0 0 2em 0; }
  #info dd {
    margin: 0; }
  #info p {
    margin: 0; }
  #info ul {
    padding: 0 0 1em 0; }
  #info nav.pagelinkbtn ul {
    margin-left: 0;
    margin-bottom: 1rem; }
  #info *.hide_gomaotsu {
    display: none; }