@import url(common.css);
/*
  2019-07-20
  kokosi_cho
*/
#mainWrap {
  width: 100%;
  position: relative;
  margin-top: 351px; }
  #mainWrap .visualWrap {
    width: 1212px;
    height: 394px;
    background: url("//image.game-ocean.jp/loa3/main/bg_navi.png") no-repeat;
    position: relative;
    left: -56px;
    top: -35px;
    box-sizing: border-box;
    padding: 46px 68px 0 68px;
    /*slider*/ }
    #mainWrap .visualWrap .slideWrap {
      width: 818px;
      height: 326px;
      background: #2d231a;
      float: left;
      border: 1px solid #3c342b;
      box-sizing: border-box; }
      #mainWrap .visualWrap .slideWrap .visual_slider {
        width: 816px;
        height: 253px; }
        #mainWrap .visualWrap .slideWrap .visual_slider .bx-wrapper .bx-controls-direction a {
          z-index: 99 !important; }
        #mainWrap .visualWrap .slideWrap .visual_slider .bx-prev {
          position: absolute;
          top: 253px;
          left: 0;
          width: 31px;
          height: 70px;
          border-top: 1px solid #3c342b;
          border-right: 1px solid #000;
          background: url("//image.game-ocean.jp/loa3/main/btn_prev.png") no-repeat 6px 50%; }
        #mainWrap .visualWrap .slideWrap .visual_slider .bx-next {
          top: 253px;
          left: 784px;
          width: 32px;
          height: 70px;
          border-top: 1px solid #3c342b;
          background: url("//image.game-ocean.jp/loa3/main/btn_next.png") no-repeat 6px 50%; }
      #mainWrap .visualWrap .slideWrap .pagingWrap {
        width: 752px;
        height: 70px;
        position: relative;
        left: 33px;
        border-top: 1px solid #3c342b; }
        #mainWrap .visualWrap .slideWrap .pagingWrap .bx-wrapper {
          max-width: 100% !important; }
        #mainWrap .visualWrap .slideWrap .pagingWrap .slider2 .thumbs_item {
          border-right: 1px solid #000; }
          #mainWrap .visualWrap .slideWrap .pagingWrap .slider2 .thumbs_item .thumb {
            width: 187px;
            height: 70px;
            text-indent: -99999px;
            position: relative;
            /*over box*/ }
            #mainWrap .visualWrap .slideWrap .pagingWrap .slider2 .thumbs_item .thumb.active span, #mainWrap .visualWrap .slideWrap .pagingWrap .slider2 .thumbs_item .thumb:hover span {
              cursor: pointer;
              background-image: url("//image.game-ocean.jp/loa3/mainBanner/sub_banner_on.png");
              position: absolute;
              top: 0;
              left: 0;
              display: block;
              width: 187px;
              height: 70px; }
  #mainWrap .contentWrap {
    width: 1104px;
    height: 671px;
    background: url("//image.game-ocean.jp/loa3/main/bg_contents.png") no-repeat;
    position: relative;
    left: -2px;
    top: -24px;
    box-sizing: border-box;
    padding: 20px 0 0 22px;
    margin-bottom: 45px;
    /*contents left*/
    /*contents middle*/
    /*contents right*/
    /*top*/ }
    #mainWrap .contentWrap .con_left {
      float: left;
      width: 256px;
      margin-right: 14px; }
      #mainWrap .contentWrap .con_left .btn_set {
        width: 100%;
        height: 256px;
        background: url("//image.game-ocean.jp/loa3/main/btn_left_set.png") no-repeat;
        margin-bottom: 17px; }
        #mainWrap .contentWrap .con_left .btn_set li {
          width: 100%;
          height: 81px;
          margin-bottom: 6px; }
          #mainWrap .contentWrap .con_left .btn_set li:last-child {
            margin-bottom: 0; }
          #mainWrap .contentWrap .con_left .btn_set li a {
            display: block;
            width: 100%;
            height: 100%;
            text-indent: -99999px; }
      #mainWrap .contentWrap .con_left .comics {
        width: 100%;
        height: 190px;
        background: url("//image.game-ocean.jp/loa3/main/bg_comics.png") no-repeat;
        margin-bottom: 9px;
        position: relative; }
        #mainWrap .contentWrap .con_left .comics .btn_more {
          position: absolute;
          top: 7px;
          right: 0;
          color: #817b6d; }
          #mainWrap .contentWrap .con_left .comics .btn_more:hover {
            text-decoration: underline; }
        #mainWrap .contentWrap .con_left .comics p {
          padding: 43px 0 0 12px; }
          #mainWrap .contentWrap .con_left .comics p span {
            display: block;
            font-size: 14px;
            color: #8e836a;
            margin-bottom: 7px; }
    #mainWrap .contentWrap .con_mid {
      float: left;
      width: 534px;
      /*notice*/
      /*voice actor*/
      /*recent talk*/ }
      #mainWrap .contentWrap .con_mid .notice {
        width: 100%;
        height: 256px;
        background: url("//image.game-ocean.jp/loa3/main/bg_notice.png") no-repeat;
        margin-bottom: 16px;
        position: relative; }
        #mainWrap .contentWrap .con_mid .notice .btn_more {
          position: absolute;
          top: 12px;
          right: 20px;
          color: #817b6d; }
          #mainWrap .contentWrap .con_mid .notice .btn_more:hover {
            text-decoration: underline; }
        #mainWrap .contentWrap .con_mid .notice table {
          width: 495px;
          position: relative;
          top: 50px;
          left: 20px; }
          #mainWrap .contentWrap .con_mid .notice table td {
            font-size: 14px;
            padding: 5px 0; }
            #mainWrap .contentWrap .con_mid .notice table td a {
              color: #817b6d; }
              #mainWrap .contentWrap .con_mid .notice table td a span {
                color: #d9cdb9; }
              #mainWrap .contentWrap .con_mid .notice table td a:hover {
                text-decoration: underline; }
            #mainWrap .contentWrap .con_mid .notice 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; }
            #mainWrap .contentWrap .con_mid .notice table td.date {
              text-align: right;
              color: #817b6d; }
      #mainWrap .contentWrap .con_mid .voiceActor {
        width: 100%;
        height: 191px;
        background: url("//image.game-ocean.jp/loa3/main/bg_voice.png") no-repeat;
        margin-bottom: 9px;
        position: relative; }
        #mainWrap .contentWrap .con_mid .voiceActor .btn_more {
          position: absolute;
          top: 6px;
          right: 6px;
          color: #817b6d; }
          #mainWrap .contentWrap .con_mid .voiceActor .btn_more:hover {
            text-decoration: underline; }
        #mainWrap .contentWrap .con_mid .voiceActor ul {
          position: relative;
          top: 41px;
          left: 117px; }
          #mainWrap .contentWrap .con_mid .voiceActor ul li {
            float: left;
            margin-right: 8px; }
        #mainWrap .contentWrap .con_mid .voiceActor .btn_actor_more {
          position: absolute;
          bottom: 13px;
          left: 11px; }
      #mainWrap .contentWrap .con_mid .talk {
        width: 100%;
        height: 163px;
        background: url("//image.game-ocean.jp/loa3/main/bg_talk.png") no-repeat;
        position: relative; }
        #mainWrap .contentWrap .con_mid .talk .btn_more {
          position: absolute;
          top: 8px;
          right: 15px;
          color: #817b6d; }
          #mainWrap .contentWrap .con_mid .talk .btn_more:hover {
            text-decoration: underline; }
        #mainWrap .contentWrap .con_mid .talk .user {
          width: 115px;
          text-align: center;
          padding: 54px 0 0; }
          #mainWrap .contentWrap .con_mid .talk .user span {
            display: block;
            color: #d8ccb8; }
        #mainWrap .contentWrap .con_mid .talk .user_talk {
          width: 402px;
          height: 121px;
          position: absolute;
          top: 27px;
          left: 116px;
          padding: 21px 19px;
          box-sizing: border-box;
          line-height: 1.3em;
          font-size: 13px;
          color: #b0aa9d; }
		  
      #mainWrap .contentWrap .con_mid .mid_btn {
        width: 100%;
        height: 163px;
        background: url("//image.game-ocean.jp/loa3/main/btn_center.png") no-repeat;
        position: relative; }
        #mainWrap .contentWrap .con_mid .mid_btn ul {
          position: relative;
          top: 0px;
          left: 0px; }
          #mainWrap .contentWrap .con_mid .mid_btn ul li {
			width: 174px;
			height: 160px;
            float: left;
            margin-right: 5px; }
    #mainWrap .contentWrap .con_right {
      float: left;
      width: 233px;
      margin-left: 28px;
      /*notice*/
      /*notice*/ }
      #mainWrap .contentWrap .con_right .goddess {
        width: 100%;
        height: 345px;
        background: url("//image.game-ocean.jp/loa3/main/bg_goddess.png") no-repeat;
        position: relative;
        box-sizing: border-box;
        padding: 38px 0 0 32px; }
        #mainWrap .contentWrap .con_right .goddess p {
          box-sizing: border-box;
          position: absolute;
          bottom: 43px;
          left: 0;
          width: 233px;
          text-align: center;
          color: #b2a697;
          font-size: 11px; }
      #mainWrap .contentWrap .con_right .twitter {
        width: 227px;
        height: 279px;
        background: #fff;
        border-radius: 10px;
        margin-top: 6px; }
    #mainWrap .contentWrap .btn_top {
      position: absolute;
      bottom: 0;
      right: -70px; }

.popWrap {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999; }
  .popWrap .popUp {
    position: fixed;
    /*video*/ }
    .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; }

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