@import url(common.css);
/*
  2019-07-23
  kokosi_cho
*/
#mainWrap {
  width: 100%;
  position: relative;
  margin-top: 351px; }
  #mainWrap .contentWrap {
    width: 1212px;
    min-height: 980px;
    background: url("//image.game-ocean.jp/loa3/sub/bg_sub_contents_mid.png") repeat-y center 0;
    position: relative;
    left: -56px;
    top: -35px;
    box-sizing: border-box;
    padding: 12px 0 0 0;
    /*contents left----------*/
    /*contents right*/
    /*top*/ }
    #mainWrap .contentWrap:before {
      content: "";
      display: block;
      width: 100%;
      height: 980px;
      background: url("//image.game-ocean.jp/loa3/sub/bg_sub_contents.png") center top;
      position: absolute;
      top: -35px;
      left: 0;
      z-index: 9; }
    #mainWrap .contentWrap .con_left {
      position: relative;
      float: left;
      width: 830px;
      z-index: 99;
      box-sizing: border-box;
      padding: 0 32px 0 36px;
      margin-left: 56px;
      /*-----sub common-----*/
      /*--title*/
      /*--tab*/
      /*--search result*/
      /*--paging*/
      /*--search*/
      /*--notice icon set*/
      /*sub list(notice, purchase, faq)-----*/
      /*sub view(notice, comics, qna)-----*/
      /*sub intro-----*/
      /*sub timeline-----*/
      /*sub shop-----*/
      /*faq main-----*/
      /*policy main-----*/ }
      #mainWrap .contentWrap .con_left .sub_titleWrap {
        width: 100%;
        box-sizing: border-box;
        padding: 45px 0 10px;
        border-bottom: 1px solid #453d29;
        position: relative; }
        #mainWrap .contentWrap .con_left .sub_titleWrap p {
          position: absolute;
          bottom: 10px;
          right: 0;
          color: #8b8077;
          font-size: 13px; }
          #mainWrap .contentWrap .con_left .sub_titleWrap p a {
            color: #e2d4c6; }
      #mainWrap .contentWrap .con_left .sub_tab {
        width: 100%;
        border-bottom: 1px solid #322d28;
        margin-top: 18px; }
        #mainWrap .contentWrap .con_left .sub_tab li {
          float: left;
          margin-right: 2px;
          width: 117px;
          height: 33px;
          background: url("//image.game-ocean.jp/loa3/sub/bg_tab_off.png") no-repeat;
          text-align: center;
          line-height: 33px;
          font-size: 13px; }
          #mainWrap .contentWrap .con_left .sub_tab li a {
            color: #a4a29e;
            display: block;
            width: 100%;
            height: 100%; }
          #mainWrap .contentWrap .con_left .sub_tab li.active, #mainWrap .contentWrap .con_left .sub_tab li:hover {
            background: url("//image.game-ocean.jp/loa3/sub/bg_tab_on.png") no-repeat; }
            #mainWrap .contentWrap .con_left .sub_tab li.active a, #mainWrap .contentWrap .con_left .sub_tab li:hover a {
              color: #d7d1c2; }
      #mainWrap .contentWrap .con_left .se_result {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #322d28;
        text-align: center;
        padding: 13px 0;
        font-size: 13px;
        color: #b4b0ac;
        background: #251e14;
        margin-top: 17px; }
        #mainWrap .contentWrap .con_left .se_result span {
          color: #e2d4c6; }
      #mainWrap .contentWrap .con_left .paging {
        position: relative;
        text-align: center;
        margin-bottom: 28px; }
        #mainWrap .contentWrap .con_left .paging li {
          display: inline-block;
          padding: 0 10px; }
          #mainWrap .contentWrap .con_left .paging li.pagingBtn {
            padding: 0 5px; }
          #mainWrap .contentWrap .con_left .paging li a {
            font-size: 13px;
            color: #726961; }
          #mainWrap .contentWrap .con_left .paging li.active a, #mainWrap .contentWrap .con_left .paging li:hover a {
            color: #ffdcba; }
          #mainWrap .contentWrap .con_left .paging li img {
            vertical-align: middle; }
      #mainWrap .contentWrap .con_left .searchWrap {
        text-align: center; }
        #mainWrap .contentWrap .con_left .searchWrap select {
          width: 130px;
          height: 36px;
          color: #90867e;
          -moz-appearance: none;
          /* Firefox */
          -webkit-appearance: none;
          /* Safari and Chrome */
          appearance: none;
          background: #251e14 url("//image.game-ocean.jp/loa3/sub/btn_select_off.png") no-repeat 104px 50%;
          -webkit-border-radius: 15px;
          -moz-border-radius: 15px;
          -ms-border-radius: 15px;
          border-radius: 15px;
          border: 1px solid #382f22;
          padding: 0 20px; }
          #mainWrap .contentWrap .con_left .searchWrap select select::-ms-expand {
            display: none; }
        #mainWrap .contentWrap .con_left .searchWrap .seBox {
          width: 324px;
          height: 34px;
          border: 1px solid #382f22;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          -ms-border-radius: 20px;
          border-radius: 20px;
          position: relative;
          padding: 0 0 0 16px;
          display: inline-block;
          margin-left: 6px;
          background: #251e14; }
          #mainWrap .contentWrap .con_left .searchWrap .seBox input[type="text"] {
            width: 285px;
            height: 32px;
            border: 0;
            padding: 0;
            position: relative;
            left: -25px;
            top: 1px;
            background: #251e14;
            color: #90867e; }
          #mainWrap .contentWrap .con_left .searchWrap .seBox .btn_search {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            width: 36px;
            height: 36px;
            background: url("//image.game-ocean.jp/loa3/sub/btn_search.png") no-repeat;
            text-indent: -99999px; }
            #mainWrap .contentWrap .con_left .searchWrap .seBox .btn_search:hover {
              background: url("//image.game-ocean.jp/loa3/sub/btn_search_on.png") no-repeat; }
      #mainWrap .contentWrap .con_left .icon-noti {
        content: "";
        display: inline-block;
        width: 69px;
        height: 20px;
        vertical-align: middle;
        margin-right: 13px; }
        #mainWrap .contentWrap .con_left .icon-noti.icon_main {
          background: url("//image.game-ocean.jp/loa3/sub/icon_main.png") no-repeat; }
        #mainWrap .contentWrap .con_left .icon-noti.icon_manage {
          background: url("//image.game-ocean.jp/loa3/sub/icon_manage.png") no-repeat; }
        #mainWrap .contentWrap .con_left .icon-noti.icon_event {
          background: url("//image.game-ocean.jp/loa3/sub/icon_event.png") no-repeat; }
        #mainWrap .contentWrap .con_left .icon-noti.icon_update {
          background: url("//image.game-ocean.jp/loa3/sub/icon_update.png") no-repeat; }
      #mainWrap .contentWrap .con_left .boardList {
        width: 100%;
        margin: 17px 0 30px; }
        #mainWrap .contentWrap .con_left .boardList table {
          width: 100%;
          font-size: 13px; }
          #mainWrap .contentWrap .con_left .boardList table tr {
            background: #221b12; }
            #mainWrap .contentWrap .con_left .boardList table tr:nth-child(2n) {
              background: #281f17; }
          #mainWrap .contentWrap .con_left .boardList table th {
            padding: 10px 0;
            background: linear-gradient(#3a3128, #0d0a09);
            color: #e2d4c6;
            position: relative;
            font-weight: normal; }
            #mainWrap .contentWrap .con_left .boardList table th:after {
              content: '|';
              position: absolute;
              width: 2px;
              height: 12px;
              right: 0;
              color: #5a524a; }
            #mainWrap .contentWrap .con_left .boardList table th:last-child:after {
              content: ""; }
          #mainWrap .contentWrap .con_left .boardList table td {
            padding: 10px 0;
            color: #827e7a; }
            #mainWrap .contentWrap .con_left .boardList table td.title {
              padding-left: 10px; }
              #mainWrap .contentWrap .con_left .boardList table td.title a {
                color: #b5b0ac; }
                #mainWrap .contentWrap .con_left .boardList table td.title a:hover {
                  text-decoration: underline; }
            #mainWrap .contentWrap .con_left .boardList table td.num, #mainWrap .contentWrap .con_left .boardList table td.date {
              text-align: center; }
            #mainWrap .contentWrap .con_left .boardList table td .icon_new {
              content: "";
              display: inline-block;
              width: 36px;
              height: 16px;
              background: url("//image.game-ocean.jp/loa3/common/icon_new.png") no-repeat;
              vertical-align: middle;
              margin-left: 13px; }
        #mainWrap .contentWrap .con_left .boardList.purchase_list th {
          font-weight: normal; }
        #mainWrap .contentWrap .con_left .boardList.purchase_list td {
          text-align: center; }
        #mainWrap .contentWrap .con_left .boardList.purchase_list .gameTitle, #mainWrap .contentWrap .con_left .boardList.purchase_list .item {
          color: #c78e5f; }
        #mainWrap .contentWrap .con_left .boardList.qnaList th {
          font-weight: normal; }
        #mainWrap .contentWrap .con_left .boardList.qnaList td.category {
          text-align: center;
          color: #c78e5f; }
      #mainWrap .contentWrap .con_left .boardView {
        width: 100%;
        margin-top: 17px;
        /*poll*/
        /*qna*/ }
        #mainWrap .contentWrap .con_left .boardView .viewTitle {
          padding: 16px;
          background: linear-gradient(#3a3128, #0d0a09);
          color: #e2d4c6;
          position: relative;
          box-sizing: border-box; }
          #mainWrap .contentWrap .con_left .boardView .viewTitle .title {
            width: 630px;
            font-weight: bold;
            font-size: 19px; }
            #mainWrap .contentWrap .con_left .boardView .viewTitle .title .category {
              color: #c78e5f; }
          #mainWrap .contentWrap .con_left .boardView .viewTitle .date {
            position: absolute;
            bottom: 10px;
            right: 15px;
            font-size: 11px;
            color: #8b8077; }
        #mainWrap .contentWrap .con_left .boardView .viewMain {
          box-sizing: border-box;
          padding: 32px;
          background: #221b12;
          font-size: 13px;
          line-height: 1.5em;
          color: #b5b0ac; }
        #mainWrap .contentWrap .con_left .boardView .viewBtn {
          width: 100%;
          text-align: center;
          margin-top: 20px; }
        #mainWrap .contentWrap .con_left .boardView .pollWrap {
          width: 100%;
          border: 1px solid #373325;
          background: #292219;
          margin-top: 20px; }
          #mainWrap .contentWrap .con_left .boardView .pollWrap form {
            padding: 0 0 20px 0; }
          #mainWrap .contentWrap .con_left .boardView .pollWrap .title {
            width: 100%;
            box-sizing: border-box;
            padding: 10px 20px;
            font-weight: bold;
            font-size: 16px;
            color: #b5b0ac;
            background: #31271f;
            border-bottom: 1px solid #373325; }
          #mainWrap .contentWrap .con_left .boardView .pollWrap .poll_list {
            width: 100%;
            box-sizing: border-box;
            padding: 20px 20px 10px;
            font-size: 13px;
            color: #b5b0ac; }
            #mainWrap .contentWrap .con_left .boardView .pollWrap .poll_list input[type="radio"] {
              margin-bottom: 5px; }
            #mainWrap .contentWrap .con_left .boardView .pollWrap .poll_list label {
              display: inline-block;
              margin-bottom: 5px; }
          #mainWrap .contentWrap .con_left .boardView .pollWrap .btn_send {
            width: 96px;
            height: 28px;
            line-height: 27px;
            background: linear-gradient(#7c2028, #391316);
            color: #e4cdcf;
            box-sizing: border-box;
            border: 1px solid #4f2225;
            border-radius: 5px;
            margin-left: 20px;
            font-family: 'Spoqa Han Sans JP', sans-serif;
            font-size: 12px; }
        #mainWrap .contentWrap .con_left .boardView.intro_comicsView .viewBtn {
          text-align: left; }
          #mainWrap .contentWrap .con_left .boardView.intro_comicsView .viewBtn .btn_prev {
            margin-right: 15px; }
          #mainWrap .contentWrap .con_left .boardView.intro_comicsView .viewBtn .btn_back {
            float: right; }
        #mainWrap .contentWrap .con_left .boardView .go_faq {
          width: 762px;
          height: 93px;
          background: url("//image.game-ocean.jp/loa3/sub/bg_qna.png") no-repeat;
          box-sizing: border-box;
          padding: 30px 0 0 93px;
          position: relative;
          font-size: 13px;
          color: #b5b0ac;
          margin-top: 65px; }
          #mainWrap .contentWrap .con_left .boardView .go_faq .btn_faq {
            display: block;
            position: absolute;
            top: 30px;
            right: 20px;
            width: 126px;
            height: 34px;
            text-indent: -99999px; }
      #mainWrap .contentWrap .con_left .introWrap {
        width: 100%;
        margin-top: 17px;
        /*character*/
        /*video*/
        /*comics*/
        /*download*/ }
        #mainWrap .contentWrap .con_left .introWrap.introList_character .search {
          margin-bottom: 35px;
          position: relative; }
          #mainWrap .contentWrap .con_left .introWrap.introList_character .search .text {
            background: url("//image.game-ocean.jp/loa3/common/icon_bullet01.png") 0 center no-repeat;
            padding-left: 25px;
            font-size: 14px;
            color: #90867e; }
          #mainWrap .contentWrap .con_left .introWrap.introList_character .search .input {
            position: absolute;
            top: 0;
            right: 0; }
            #mainWrap .contentWrap .con_left .introWrap.introList_character .search .input input[type="text"] {
              width: 277px;
              height: 28px;
              border-radius: 5px;
              border: 0;
              margin-right: 7px; }
        #mainWrap .contentWrap .con_left .introWrap.introList_character ul {
          width: 100%; }
          #mainWrap .contentWrap .con_left .introWrap.introList_character ul li {
            width: 177px;
            height: 224px;
            box-sizing: border-box;
            position: relative;
            background: #14100b;
            float: left;
            margin: 0 18px 18px 0; }
            #mainWrap .contentWrap .con_left .introWrap.introList_character ul li:nth-child(4n) {
              margin-right: 0; }
            #mainWrap .contentWrap .con_left .introWrap.introList_character ul li .icon_new {
              position: absolute;
              top: -6px;
              left: 4px;
              z-index: 99; }
            #mainWrap .contentWrap .con_left .introWrap.introList_character ul li a {
              width: 100%;
              height: 100%;
              display: block; }
              #mainWrap .contentWrap .con_left .introWrap.introList_character ul li a .on_line {
                display: none;
                position: absolute;
                width: 100%;
                height: 100%;
                background: url("//image.game-ocean.jp/loa3/introChar/over_line.png") no-repeat, rgba(0, 0, 0, 0.9);
                z-index: 98;
                text-align: center;
                color: #e2d4c6;
                font-size: 14px; }
                #mainWrap .contentWrap .con_left .introWrap.introList_character ul li a .on_line p {
                  display: table-cell;
                  vertical-align: middle; }
                  #mainWrap .contentWrap .con_left .introWrap.introList_character ul li a .on_line p strong {
                    font-size: 19px;
                    display: block; }
              #mainWrap .contentWrap .con_left .introWrap.introList_character ul li a:hover .on_line {
                display: table; }
              #mainWrap .contentWrap .con_left .introWrap.introList_character ul li a img {
                border: 1px solid #2f2a1c; }
            #mainWrap .contentWrap .con_left .introWrap.introList_character ul li .char_info {
              width: 100%;
              height: 46px;
              border: 1px solid #2f2a1c;
              border-top: 0;
              color: #8b8077;
              font-size: 15px;
              box-sizing: border-box;
              text-align: center;
              line-height: 46px; }
        #mainWrap .contentWrap .con_left .introWrap.introList_video {
          margin: 17px 0 30px; }
          #mainWrap .contentWrap .con_left .introWrap.introList_video ul {
            width: 100%; }
            #mainWrap .contentWrap .con_left .introWrap.introList_video ul li {
              width: 100%;
              box-sizing: border-box;
              border-top: 1px solid #322d1f;
              border-bottom: 1px solid #322d1f;
              padding: 12px 3px;
              position: relative; }
              #mainWrap .contentWrap .con_left .introWrap.introList_video ul li .video_img {
                border: 1px solid #423c29;
                width: 298px;
                height: 167px;
                float: left; }
              #mainWrap .contentWrap .con_left .introWrap.introList_video ul li .video_info {
                float: left;
                padding: 10px 0 10px 20px; }
                #mainWrap .contentWrap .con_left .introWrap.introList_video ul li .video_info h4 {
                  color: #e2d4c6;
                  font-size: 20px;
                  margin-bottom: 22px; }
                #mainWrap .contentWrap .con_left .introWrap.introList_video ul li .video_info p {
                  color: #b5b0ac;
                  font-size: 13px; }
                #mainWrap .contentWrap .con_left .introWrap.introList_video ul li .video_info .btn_video {
                  position: absolute;
                  bottom: 13px;
                  right: 3px; }
        #mainWrap .contentWrap .con_left .introWrap.introList_comics {
          margin: 17px 0 20px;
          border-bottom: 1px solid #322d1f; }
          #mainWrap .contentWrap .con_left .introWrap.introList_comics ul {
            width: 100%; }
            #mainWrap .contentWrap .con_left .introWrap.introList_comics ul li {
              width: 246px;
              height: 245px;
              box-sizing: border-box;
              position: relative;
              background: #221b12;
              float: left;
              margin: 0 12px 25px 0; }
              #mainWrap .contentWrap .con_left .introWrap.introList_comics ul li:nth-child(3n) {
                margin-right: 0; }
              #mainWrap .contentWrap .con_left .introWrap.introList_comics ul li .icon_comics_new {
                position: absolute;
                top: -6px;
                left: 4px;
                z-index: 99; }
              #mainWrap .contentWrap .con_left .introWrap.introList_comics ul li a {
                width: 100%;
                height: 100%;
                display: block; }
                #mainWrap .contentWrap .con_left .introWrap.introList_comics ul li a .on_line {
                  display: none;
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  background: url("//image.game-ocean.jp/loa3/sub/img_comics_on.png") no-repeat;
                  z-index: 98; }
                #mainWrap .contentWrap .con_left .introWrap.introList_comics ul li a:hover .on_line {
                  display: block; }
                #mainWrap .contentWrap .con_left .introWrap.introList_comics ul li a img {
                  border: 1px solid #221b12; }
              #mainWrap .contentWrap .con_left .introWrap.introList_comics ul li .comics_info {
                width: 100%;
                padding: 10px;
                color: #e2d4c6;
                font-size: 13px;
                box-sizing: border-box; }
                #mainWrap .contentWrap .con_left .introWrap.introList_comics ul li .comics_info h4 {
                  font-size: 18px;
                  margin-top: 4px; }
                #mainWrap .contentWrap .con_left .introWrap.introList_comics ul li .comics_info .date {
                  display: block;
                  font-size: 12px;
                  color: #8b8077;
                  text-align: right;
                  margin-top: 5px; }
        #mainWrap .contentWrap .con_left .introWrap.introList_down {
          margin: 17px 0 20px;
          border-bottom: 1px solid #322d1f; }
          #mainWrap .contentWrap .con_left .introWrap.introList_down ul {
            width: 100%; }
            #mainWrap .contentWrap .con_left .introWrap.introList_down ul li {
              width: 246px;
              height: 218px;
              box-sizing: border-box;
              position: relative;
              background: #221b12;
              float: left;
              margin: 0 12px 25px 0;
              text-align: center; }
              #mainWrap .contentWrap .con_left .introWrap.introList_down ul li:nth-child(3n) {
                margin-right: 0; }
              #mainWrap .contentWrap .con_left .introWrap.introList_down ul li img {
                border: 1px solid #221b12;
                margin-bottom: 10px; }
      #mainWrap .contentWrap .con_left .timelineWrap {
        width: 100%;
        padding: 18px 0 0;
        /*timeline write*/
        /*timeline list*/ }
        #mainWrap .contentWrap .con_left .timelineWrap .timeline_write {
          width: 763px;
          height: 203px;
          background: url("//image.game-ocean.jp/loa3/sub/bg_timeline_write.png") no-repeat;
          padding: 17px 0 0 24px;
          box-sizing: border-box; }
          #mainWrap .contentWrap .con_left .timelineWrap .timeline_write .my_char {
            float: left;
            width: 63px;
            height: 64px;
            background: url("//image.game-ocean.jp/loa3/sub/img_user.png") no-repeat;
            margin: 22px 22px 0 0;
            padding: 3px 0 0 7px;
            box-sizing: border-box; }
            #mainWrap .contentWrap .con_left .timelineWrap .timeline_write .my_char a {
              display: block;
              width: 100%;
              height: 100%; }
          #mainWrap .contentWrap .con_left .timelineWrap .timeline_write .text_write {
            float: left; }
            #mainWrap .contentWrap .con_left .timelineWrap .timeline_write .text_write .my_nickname {
              color: #c78e5f;
              font-size: 14px;
              margin-bottom: 7px; }
            #mainWrap .contentWrap .con_left .timelineWrap .timeline_write .text_write textarea {
              width: 640px;
              height: 109px;
              border-radius: 5px;
              border: 1px solid #584d2f;
              padding: 15px;
              box-sizing: border-box;
              font-size: 13px;
              color: #999489; }
          #mainWrap .contentWrap .con_left .timelineWrap .timeline_write .btns {
            margin-top: 5px; }
            #mainWrap .contentWrap .con_left .timelineWrap .timeline_write .btns .img_attach {
              width: 65px;
              height: 40px; }
            #mainWrap .contentWrap .con_left .timelineWrap .timeline_write .btns .btn_register {
              float: right; }
        #mainWrap .contentWrap .con_left .timelineWrap .timeline_list {
          width: 100%;
          margin-top: 30px; }
          #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li {
            box-sizing: border-box;
            width: 100%;
            padding: 20px 0 20px 24px;
            border-bottom: 1px solid #322d1f; }
            #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li:first-child {
              border-top: 1px solid #322d1f; }
            #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .timeline_txt {
              position: relative; }
              #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .timeline_txt .char {
                float: left;
                width: 63px;
                height: 64px;
                background: url("//image.game-ocean.jp/loa3/sub/img_user.png") no-repeat;
                margin: 22px 0 0 0;
                padding: 3px 0 0 7px;
                box-sizing: border-box; }
              #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .timeline_txt .text_now {
                width: 640px;
                float: left;
                margin-left: 22px;
                position: relative; }
                #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .timeline_txt .text_now .info {
                  width: 100%;
                  margin-bottom: 8px; }
                  #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .timeline_txt .text_now .info .name {
                    color: #c78e5f;
                    font-size: 14px;
                    margin-bottom: 7px; }
                  #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .timeline_txt .text_now .info .date {
                    color: #8b8077;
                    font-size: 11px;
                    float: right; }
                #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .timeline_txt .text_now .timeline {
                  position: relative;
                  width: 640px;
                  padding: 20px 20px 30px;
                  box-sizing: border-box;
                  border: 1px solid #3c352e;
                  background: #2b251f;
                  border-radius: 5px;
                  font-size: 13px;
                  color: #b0aa9d; }
                  #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .timeline_txt .text_now .timeline:before {
                    content: '';
                    width: 25px;
                    height: 16px;
                    position: absolute;
                    top: 10px;
                    left: -25px;
                    background: url("//image.game-ocean.jp/loa3/sub/bg_talk_arrow.png") no-repeat; }
                  #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .timeline_txt .text_now .timeline .timeline_like {
                    position: absolute;
                    bottom: 10px;
                    right: 15px;
                    background: url("//image.game-ocean.jp/loa3/sub/icon_heart_all.png") no-repeat 0 center;
                    padding-left: 20px;
                    color: #d8ccb8; }
                #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .timeline_txt .text_now .btns {
                  width: 45px;
                  position: absolute;
                  bottom: -26px;
                  right: 0;
                  z-index: 9; }
            #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .commentWrap {
              width: 640px;
              position: relative;
              margin-left: 85px; }
              #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .commentWrap .btns_comment {
                margin-top: 12px; }
                #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .commentWrap .btns_comment a {
                  font-size: 11px;
                  color: #aea596;
                  padding-left: 20px; }
                  #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .commentWrap .btns_comment a.btn_comment_write {
                    background: url("//image.game-ocean.jp/loa3/sub/icon_talk.png") no-repeat 0 center;
                    margin-right: 30px; }
                  #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .commentWrap .btns_comment a.btn_like {
                    background: url("//image.game-ocean.jp/loa3/sub/icon_heart_comment.png") no-repeat 0 center; }
              #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .commentWrap .comment_input {
                margin-top: 18px; }
                #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .commentWrap .comment_input input[type="text"] {
                  width: 574px;
                  height: 28px;
                  border-radius: 5px;
                  border: 0;
                  background: #fff;
                  margin-right: 3px; }
              #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .commentWrap table {
                width: 100%;
                margin-top: 10px;
                border-collapse: separate;
                border-spacing: 0 4px; }
                #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .commentWrap table td {
                  padding: 12px 0;
                  background: #1a1510;
                  font-size: 13px;
                  margin-bottom: 5px !important; }
                  #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .commentWrap table td.nickname {
                    border-top-left-radius: 5px;
                    border-bottom-left-radius: 5px;
                    color: #c78e5f;
                    padding-left: 10px; }
                  #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .commentWrap table td.comment {
                    color: #b0aa9d;
                    padding-left: 5px; }
                    #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .commentWrap table td.comment img {
                      vertical-align: middle; }
                  #mainWrap .contentWrap .con_left .timelineWrap .timeline_list li .commentWrap table td.date {
                    border-top-right-radius: 5px;
                    border-bottom-right-radius: 5px;
                    text-align: center;
                    font-size: 11px;
                    color: #8b8077; }
      #mainWrap .contentWrap .con_left .shopWrap {
        width: 100%;
        padding: 18px 0 0;
        /*text*/
        /*charge btn*/
        /*server sel*/
        /*coin list*/
        /*point*/ }
        #mainWrap .contentWrap .con_left .shopWrap .shop_info {
          width: 767px;
          height: 109px;
          background: url("//image.game-ocean.jp/loa3/sub/bg_purchase.png") no-repeat;
          margin-left: -2px;
          box-sizing: border-box;
          padding: 26px 0 0 28px;
          position: relative; }
          #mainWrap .contentWrap .con_left .shopWrap .shop_info .txt {
            position: absolute;
            top: 26px;
            left: 110px;
            font-size: 13px;
            color: #a6a091; }
            #mainWrap .contentWrap .con_left .shopWrap .shop_info .txt p {
              font-size: 22px; }
            #mainWrap .contentWrap .con_left .shopWrap .shop_info .txt strong {
              color: #fbe9a9; }
        #mainWrap .contentWrap .con_left .shopWrap .charge_line {
          width: 100%;
          text-align: right;
          margin-top: 10px; }
          #mainWrap .contentWrap .con_left .shopWrap .charge_line .btn_charge {
            display: inline-block;
            padding: 6px 23px;
            border: 1px solid #383126;
            background: linear-gradient(#362c22 50%, #2a231a 50%);
            border-radius: 5px;
            color: #dedac7; }
        #mainWrap .contentWrap .con_left .shopWrap .purchase_server {
          width: 100%;
          margin-top: 50px; }
          #mainWrap .contentWrap .con_left .shopWrap .purchase_server h4 {
            padding-left: 22px;
            font-size: 16px;
            color: #fbe9a9;
            background: url("//image.game-ocean.jp/loa3/common/icon_bullet01.png") no-repeat 0 50%;
            margin-bottom: 10px; }
          #mainWrap .contentWrap .con_left .shopWrap .purchase_server table {
            width: 100%;
            border: 1px solid #372d21;
            color: #b4b0ac; }
            #mainWrap .contentWrap .con_left .shopWrap .purchase_server table th {
              background: #221b12;
              padding: 13px 22px;
              text-align: left;
              border: 1px solid #372d21; }
            #mainWrap .contentWrap .con_left .shopWrap .purchase_server table td {
              background: #281f17;
              padding: 13px 22px;
              border: 1px solid #372d21; }
              #mainWrap .contentWrap .con_left .shopWrap .purchase_server table td.sel {
                padding: 8px 22px; }
              #mainWrap .contentWrap .con_left .shopWrap .purchase_server table td select {
                width: 387px;
                height: 25px; }
          #mainWrap .contentWrap .con_left .shopWrap .purchase_server p {
            width: 100%;
            text-align: center;
            margin-top: 20px; }
        #mainWrap .contentWrap .con_left .shopWrap .coin_list {
          margin-top: 50px; }
          #mainWrap .contentWrap .con_left .shopWrap .coin_list li {
            float: left;
            width: 376px;
            height: 165px;
            background: url("//image.game-ocean.jp/loa3/sub/bg_coin_list.png") no-repeat;
            position: relative;
            margin: 0 10px 10px 0; }
            #mainWrap .contentWrap .con_left .shopWrap .coin_list li:nth-child(2n) {
              margin-right: 0; }
            #mainWrap .contentWrap .con_left .shopWrap .coin_list li .coinMain {
              position: absolute;
              width: 189px;
              left: 186px;
              padding: 28px 0 0;
              box-sizing: border-box;
              text-align: center; }
              #mainWrap .contentWrap .con_left .shopWrap .coin_list li .coinMain .money {
                color: #fbe9a9;
                position: relative;
                margin-top: -9px; }
                #mainWrap .contentWrap .con_left .shopWrap .coin_list li .coinMain .money strong {
                  font-size: 34px; }
                #mainWrap .contentWrap .con_left .shopWrap .coin_list li .coinMain .money span {
                  display: inline-block;
                  text-align: left;
                  margin-left: 7px; }
              #mainWrap .contentWrap .con_left .shopWrap .coin_list li .coinMain .ocmoney {
                display: inline-block;
                padding: 8px 0 8px 17px;
                background: url("//image.game-ocean.jp/loa3/sub/icon_coin.png") no-repeat 0 50%;
                margin: 3px 0 14px;
                color: #c78e5f; }
              #mainWrap .contentWrap .con_left .shopWrap .coin_list li .coinMain #etc_cash:hover #info {
                opacity: 1; }
              #mainWrap .contentWrap .con_left .shopWrap .coin_list li .coinMain #info {
                opacity: 0;
                width: 476px;
                height: 92px;
                position: absolute;
                top: 136px;
                left: -16px;
                background: url("//image.game-ocean.jp/loa3/sub/bg_cash_over.png") no-repeat;
                z-index: 9;
                padding: 36px 0 0 23px;
                text-align: left;
                box-sizing: border-box; }
            #mainWrap .contentWrap .con_left .shopWrap .coin_list li #icon_cash {
              position: absolute;
              bottom: 10px;
              left: 8px; }
        #mainWrap .contentWrap .con_left .shopWrap .myPoint {
          width: 100%;
          border: 1px solid #2e291e;
          background: #170f05;
          padding: 10px;
          box-sizing: border-box;
          margin-top: 10px; }
          #mainWrap .contentWrap .con_left .shopWrap .myPoint .point_now {
            float: left;
            background: url(//image.game-ocean.jp/loa3/common/icon_bullet01.png) no-repeat 0 50%;
            padding-left: 22px;
            font-size: 13px;
            color: #90867e;
            margin-top: 7px; }
            #mainWrap .contentWrap .con_left .shopWrap .myPoint .point_now span {
              color: #fbe9a9; }
          #mainWrap .contentWrap .con_left .shopWrap .myPoint .btn_charge {
            float: right;
            padding: 6px 23px;
            border: 1px solid #383126;
            background: linear-gradient(#362c22 50%, #2a231a 50%);
            border-radius: 5px;
            color: #dedac7; }
        #mainWrap .contentWrap .con_left .shopWrap .pointItem_list {
          margin-top: 15px; }
          #mainWrap .contentWrap .con_left .shopWrap .pointItem_list li {
            float: left;
            width: 246px;
            height: 270px;
            margin-right: 12px;
            margin-bottom: 20px; }
            #mainWrap .contentWrap .con_left .shopWrap .pointItem_list li:nth-child(3n) {
              margin-right: 0; }
            #mainWrap .contentWrap .con_left .shopWrap .pointItem_list li .item_info {
              width: 100%;
              height: 175px;
              text-align: center;
              border: 1px solid #221b12;
              border-bottom: 0;
              background: #100d09;
              padding-top: 20px;
              box-sizing: border-box; }
              #mainWrap .contentWrap .con_left .shopWrap .pointItem_list li .item_info .icon_box {
                width: 68px;
                height: 68px;
                background: url("//image.game-ocean.jp/loa3/sub/shop_icon_line.png") no-repeat;
                box-sizing: border-box;
                padding: 4px;
                display: inline-block; }
              #mainWrap .contentWrap .con_left .shopWrap .pointItem_list li .item_info .title {
                font-weight: bold;
                font-size: 17px;
                color: #fbe9a9;
                margin: 10px 0; }
            #mainWrap .contentWrap .con_left .shopWrap .pointItem_list li .item_text {
              background: #221b12;
              width: 100%;
              height: 95px;
              font-size: 12px;
              color: #90867e;
              padding: 15px;
              box-sizing: border-box; }
              #mainWrap .contentWrap .con_left .shopWrap .pointItem_list li .item_text .point_price {
                color: #e2d4c6;
                margin-bottom: 8px; }
                #mainWrap .contentWrap .con_left .shopWrap .pointItem_list li .item_text .point_price span {
                  color: #de9b63; }
      #mainWrap .contentWrap .con_left .faqWrap {
        width: 100%;
        padding: 18px 0 0; }
        #mainWrap .contentWrap .con_left .faqWrap .txt {
          width: 100%;
          box-sizing: border-box;
          border: 1px solid #372d21;
          background: #221b12;
          padding: 45px 35px;
          font-size: 13px;
          color: #b5b0ac;
          line-height: 2em; }
          #mainWrap .contentWrap .con_left .faqWrap .txt strong {
            font-size: 18px; }
        #mainWrap .contentWrap .con_left .faqWrap .btns {
          width: 100%;
          text-align: center;
          margin-top: 35px; }
          #mainWrap .contentWrap .con_left .faqWrap .btns a:first-child {
            margin-right: 5px; }
        #mainWrap .contentWrap .con_left .faqWrap .supportForm {
          width: 100%;
          margin-bottom: 20px; }
          #mainWrap .contentWrap .con_left .faqWrap .supportForm table {
            width: 100%;
            border: 1px solid #372d21;
            font-size: 13px;
            background: #221b12; }
            #mainWrap .contentWrap .con_left .faqWrap .supportForm table tr {
              border-bottom: 1px solid #372d21; }
            #mainWrap .contentWrap .con_left .faqWrap .supportForm table th {
              border-right: 1px solid #372d21;
              padding: 14px 0 14px 20px;
              text-align: left;
              font-weight: normal;
              color: #b4b0ac; }
              #mainWrap .contentWrap .con_left .faqWrap .supportForm table th.thTop {
                vertical-align: top; }
            #mainWrap .contentWrap .con_left .faqWrap .supportForm table td {
              padding: 6px 6px 6px 10px;
              position: relative; }
              #mainWrap .contentWrap .con_left .faqWrap .supportForm table td select {
                width: 280px;
                height: 28px;
                border: 1px solid #cfcfcf;
                color: #333; }
              #mainWrap .contentWrap .con_left .faqWrap .supportForm table td input[type="text"], #mainWrap .contentWrap .con_left .faqWrap .supportForm table td input[type="password"] {
                width: 390px;
                height: 28px;
                padding: 0 5px;
                border: 1px solid #cfcfcf;
                font-size: 13px;
                margin-right: 5px; }
              #mainWrap .contentWrap .con_left .faqWrap .supportForm table td span {
                color: #f84970;
                font-size: 11px; }
              #mainWrap .contentWrap .con_left .faqWrap .supportForm table td textarea {
                width: 610px;
                height: 195px;
                border: 1px solid #e6e6e6; }
              #mainWrap .contentWrap .con_left .faqWrap .supportForm table td.file {
                font-size: 12px;
                color: #b5b0ac; }
                #mainWrap .contentWrap .con_left .faqWrap .supportForm table td.file .btn_attach {
                  display: inline-block;
                  width: 102px;
                  height: 21px;
                  border: 1px solid #a5a5a5;
                  background: #ebebeb;
                  font-size: 12px;
                  color: #222222;
                  text-align: center;
                  line-height: 21px; }
                #mainWrap .contentWrap .con_left .faqWrap .supportForm table td.file .file_name {
                  display: block;
                  margin-bottom: 3px; }
                  #mainWrap .contentWrap .con_left .faqWrap .supportForm table td.file .file_name a {
                    color: #b5b0ac; }
      #mainWrap .contentWrap .con_left .policy {
        width: 100%;
        padding: 18px 0 0; }
        #mainWrap .contentWrap .con_left .policy .policyMain {
          width: 100%;
          background: #221b12;
          box-sizing: border-box;
          padding: 28px 33px;
          color: #b5b0ac; }
    #mainWrap .contentWrap .con_right {
      position: relative;
      float: left;
      width: 270px;
      z-index: 9;
      /*side menu*/
      /*sub slider*/
      /*sub side btns*/ }
      #mainWrap .contentWrap .con_right .side_menuWrap {
        margin-top: 16px;
        text-align: center; }
        #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu {
          width: 241px;
          padding-top: 18px;
          margin-left: 14px; }
          #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu li {
            width: 241px;
            height: 42px;
            margin-bottom: 3px; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu li a {
              display: block;
              width: 100%;
              height: 100%;
              text-indent: -99999px; }
          #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li {
            background: url("//image.game-ocean.jp/loa3/sub/btn_menu01_off.png") no-repeat; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li.active {
              background: url("//image.game-ocean.jp/loa3/sub/btn_menu01_on.png") no-repeat; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:nth-child(1), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:nth-child(1):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:nth-child(1).active {
              background-position: 0 0; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:nth-child(2), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:nth-child(2):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:nth-child(2).active {
              background-position: 0 -45px; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:nth-child(3), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:nth-child(3):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:nth-child(3).active {
              background-position: 0 -90px; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:nth-child(4), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:nth-child(4):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:nth-child(4).active {
              background-position: 0 -135px; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:nth-child(5), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:nth-child(5):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu01 li:nth-child(5).active {
              background-position: 0 -180px; }
          #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu02 li {
            background: url("//image.game-ocean.jp/loa3/sub/btn_menu02_off.png") no-repeat; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu02 li:hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu02 li.active {
              background: url("//image.game-ocean.jp/loa3/sub/btn_menu02_on.png") no-repeat; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu02 li:nth-child(1), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu02 li:nth-child(1):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu02 li:nth-child(1).active {
              background-position: 0 0; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu02 li:nth-child(2), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu02 li:nth-child(2):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu02 li:nth-child(2).active {
              background-position: 0 -45px; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu02 li:nth-child(3), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu02 li:nth-child(3):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu02 li:nth-child(3).active {
              background-position: 0 -135px; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu02 li:nth-child(4), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu02 li:nth-child(4):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu02 li:nth-child(4).active {
              background-position: 0 -180px; }
          #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu04 li {
            background: url("//image.game-ocean.jp/loa3/sub/btn_menu04_off.png") no-repeat; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu04 li:hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu04 li.active {
              background: url("//image.game-ocean.jp/loa3/sub/btn_menu04_on.png") no-repeat; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu04 li:nth-child(1), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu04 li:nth-child(1):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu04 li:nth-child(1).active {
              background-position: 0 0; }
          #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu05 li {
            background: url("//image.game-ocean.jp/loa3/sub/btn_menu05_off.png") no-repeat; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu05 li:hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu05 li.active {
              background: url("//image.game-ocean.jp/loa3/sub/btn_menu05_on.png") no-repeat; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu05 li:nth-child(1), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu05 li:nth-child(1):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu05 li:nth-child(1).active {
              background-position: 0 0; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu05 li:nth-child(2), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu05 li:nth-child(2):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu05 li:nth-child(2).active {
              background-position: 0 -45px; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu05 li:nth-child(3), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu05 li:nth-child(3):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu05 li:nth-child(3).active {
              background-position: 0 -90px; }
          #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu06 li {
            background: url("//image.game-ocean.jp/loa3/sub/btn_menu06_off.png") no-repeat; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu06 li:hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu06 li.active {
              background: url("//image.game-ocean.jp/loa3/sub/btn_menu06_on.png") no-repeat; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu06 li:nth-child(1), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu06 li:nth-child(1):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu06 li:nth-child(1).active {
              background-position: 0 0; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu06 li:nth-child(2), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu06 li:nth-child(2):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu06 li:nth-child(2).active {
              background-position: 0 -45px; }
            #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu06 li:nth-child(3), #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu06 li:nth-child(3):hover, #mainWrap .contentWrap .con_right .side_menuWrap .sideMenu.menu06 li:nth-child(3).active {
              background-position: 0 -90px; }
      #mainWrap .contentWrap .con_right .sub_sliderWrap {
        width: 239px;
        height: 92px;
        background: url("//image.game-ocean.jp/loa3/sub/bg_sub_event.png") no-repeat;
        margin: 15px 0 0 14px;
        padding: 11px 0 0 0;
        box-sizing: border-box; }
        #mainWrap .contentWrap .con_right .sub_sliderWrap .bx-wrapper .bx-controls-direction a {
          z-index: 99 !important; }
        #mainWrap .contentWrap .con_right .sub_sliderWrap .bx-prev {
          position: absolute;
          top: 0;
          left: -25px;
          width: 24px;
          height: 72px; }
        #mainWrap .contentWrap .con_right .sub_sliderWrap .bx-next {
          top: 0;
          left: 188px;
          width: 24px;
          height: 72px; }
      #mainWrap .contentWrap .con_right .sub_btn_set {
        width: 241px;
        margin: 17px 0 0 14px; }
        #mainWrap .contentWrap .con_right .sub_btn_set li {
          width: 100%;
          height: 71px;
          margin-bottom: 5px; }
          #mainWrap .contentWrap .con_right .sub_btn_set li:last-child {
            margin-bottom: 0; }
    #mainWrap .contentWrap .btn_top {
      position: absolute;
      bottom: -30px;
      right: 0;
      z-index: 9; }
  #mainWrap .con-bg-bt {
    width: 1212px;
    height: 65px;
    background: url("//image.game-ocean.jp/loa3/sub/bg_sub_contents_ft.png") center bottom;
    position: relative;
    left: -56px;
    top: -35px;
    margin-bottom: 40px; }

/*----------pop up----------*/
.popWrap {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999; }
  .popWrap .popUp {
    position: fixed;
    /*video*/
    /*intro page character*/
    /*timeline popups*/
    /*point shop page*/ }
    .popWrap .popUp#pop_video {
      position: fixed;
      top: 50%;
      margin-top: -270px;
      left: 50%;
      margin-left: -480px;
      height: 540px;
      width: 960px; }
      .popWrap .popUp#pop_video .btn_close {
        display: block;
        position: absolute;
        top: -53px;
        right: 0;
        width: 50px;
        height: 50px;
        background: url("//image.game-ocean.jp/loa3/sub/btn_video_close.png") no-repeat;
        text-indent: -99999px; }
        .popWrap .popUp#pop_video .btn_close:hover {
          background: url("//image.game-ocean.jp/loa3/sub/btn_video_close_on.png") no-repeat; }
    .popWrap .popUp#pop_introChar {
      position: fixed;
      top: 50%;
      margin-top: -281.5px;
      left: 50%;
      margin-left: -384px;
      height: 563px;
      width: 768px;
      background: url("//image.game-ocean.jp/loa3/introChar/temp_pop_bg.png") no-repeat; }
      .popWrap .popUp#pop_introChar .btn_close {
        display: block;
        position: absolute;
        top: -8px;
        right: -12px;
        width: 36px;
        height: 37px;
        background: url("//image.game-ocean.jp/loa3/introChar/btn_close.png") no-repeat;
        text-indent: -99999px; }
      .popWrap .popUp#pop_introChar .actorSet {
        position: absolute;
        top: 21px;
        right: 36px;
        width: 169px;
        text-align: center; }
        .popWrap .popUp#pop_introChar .actorSet .voice {
          display: inline-block;
          padding-left: 27px;
          background: url("//image.game-ocean.jp/loa3/introChar/icon_sound.png") 0 center no-repeat;
          margin-top: 7px; }
          .popWrap .popUp#pop_introChar .actorSet .voice li {
            float: left;
            margin-right: 3px; }
    .popWrap .popUp.pop_timeline {
      position: fixed;
      top: 50%;
      margin-top: -133px;
      left: 50%;
      margin-left: -214px;
      height: 266px;
      width: 428px;
      border: 1px solid #2a241c;
      background: #17130e;
      padding: 25px 14px 0;
      box-sizing: border-box; }
      .popWrap .popUp.pop_timeline h4 {
        font-size: 18px;
        color: #c78e5f; }
      .popWrap .popUp.pop_timeline .pop_inner {
        width: 396px;
        height: 180px;
        background: #26211b;
        border-radius: 10px;
        margin-top: 10px;
        padding: 25px 0 0 20px;
        box-sizing: border-box; }
        .popWrap .popUp.pop_timeline .pop_inner ul li {
          float: left;
          width: 63px;
          height: 64px;
          background: url("//image.game-ocean.jp/loa3/sub/img_user.png") no-repeat;
          padding: 3px 0 0 7px;
          margin: 0 4px 4px 0;
          position: relative; }
          .popWrap .popUp.pop_timeline .pop_inner ul li .on_line {
            display: none;
            width: 63px;
            height: 64px;
            background: url("//image.game-ocean.jp/loa3/sub/img_char_over.png") no-repeat;
            position: absolute;
            top: -4px;
            left: 0; }
          .popWrap .popUp.pop_timeline .pop_inner ul li:hover .on_line {
            display: block; }
        .popWrap .popUp.pop_timeline .pop_inner p {
          color: #b0aa9d;
          font-size: 13px;
          margin-bottom: 16px; }
          .popWrap .popUp.pop_timeline .pop_inner p input[type="file"] {
            color: #b0aa9d;
            margin-bottom: 5px; }
      .popWrap .popUp.pop_timeline .btn_close {
        position: absolute;
        bottom: 3px;
        right: 16px; }
    .popWrap .popUp#pop_pointItem {
      position: fixed;
      top: 50%;
      margin-top: -281.5px;
      left: 50%;
      margin-left: -381px;
      height: 563px;
      width: 762px;
      background: #14100b;
      border: 1px  solid #2f2a1c;
      box-sizing: border-box;
      padding: 36px 30px 36px 36px; }
      .popWrap .popUp#pop_pointItem .btn_close {
        display: block;
        position: absolute;
        top: -8px;
        right: -12px;
        width: 36px;
        height: 37px;
        background: url("//image.game-ocean.jp/loa3/sub/btn_close_pop.png") no-repeat;
        text-indent: -99999px; }
      .popWrap .popUp#pop_pointItem .text {
        width: 100%;
        height: 100%;
        overflow-y: scroll; }
        .popWrap .popUp#pop_pointItem .text strong {
          color: #fbe9a9;
          font-size: 26px; }
        .popWrap .popUp#pop_pointItem .text p {
          color: #a6a091;
          font-size: 13px;
          line-height: 1.5em;
          margin-top: 20px; }
    .popWrap .popUp.pop_item {
      position: fixed;
      top: 50%;
      margin-top: -178.5px;
      left: 50%;
      margin-left: -260.5px;
      height: 357px;
      width: 521px;
      background: url("//image.game-ocean.jp/loa3/sub/bg_point_shop.png") no-repeat; }
      .popWrap .popUp.pop_item h4 {
        font-size: 18px;
        color: #e2d4c6;
        padding: 11px 33px; }
      .popWrap .popUp.pop_item .item_info {
        width: 100%;
        text-align: center;
        padding: 40px 0; }
        .popWrap .popUp.pop_item .item_info .icon_box {
          width: 68px;
          height: 68px;
          background: url("//image.game-ocean.jp/loa3/sub/shop_icon_line.png") no-repeat;
          box-sizing: border-box;
          padding: 4px;
          display: inline-block; }
        .popWrap .popUp.pop_item .item_info .title {
          font-weight: bold;
          font-size: 22px;
          color: #fbe9a9;
          margin: 10px 0 7px; }
        .popWrap .popUp.pop_item .item_info .point_price {
          font-size: 13px;
          color: #e2d4c6; }
          .popWrap .popUp.pop_item .item_info .point_price span {
            color: #de9b63; }
      .popWrap .popUp.pop_item .state {
        text-align: center;
        font-size: 13px;
        color: #90867e; }
        .popWrap .popUp.pop_item .state a {
          display: inline-block;
          margin-top: 15px; }
          .popWrap .popUp.pop_item .state a:nth-child(1) {
            margin-right: 10px; }
      .popWrap .popUp.pop_item .codeWrap {
        padding: 35px 23px 24px;
        text-align: center; }
        .popWrap .popUp.pop_item .codeWrap strong {
          display: block;
          font-size: 23px;
          color: #b5b0ac; }
          .popWrap .popUp.pop_item .codeWrap strong span {
            color: #eb5942; }
        .popWrap .popUp.pop_item .codeWrap p {
          width: 100%;
          background: #383028;
          border: 1px solid #3c352e;
          border-radius: 5px;
          font-size: 24px;
          color: #fbe9a9;
          padding: 22px 0;
          margin-top: 20px;
          font-weight: bold; }
      .popWrap .popUp.pop_item .caution {
        padding: 0 23px; }
        .popWrap .popUp.pop_item .caution .text {
          width: 100%;
          background: #201a11;
          box-sizing: border-box;
          padding: 13px 20px;
          color: #837d79; }
        .popWrap .popUp.pop_item .caution .btn {
          text-align: center;
          margin-top: 15px; }

/*# sourceMappingURL=sub.css.map */