.code_all_body {
  position: absolute;
}
#conts-wrap:before {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1
}
/* #conts-wrap {
  overflow: hidden;
  max-width: 750pt;
} */



#conts-wrap.bgB:before {
  
}

#conts_01 section,#conts_02 section,#conts_03 section {
  position: relative
}

h2 img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}


#conts_01 {
  padding: 90px 0 68px;
  background: url('../images/event/bg-event.png') center top no-repeat;
  height: 902px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mobile #conts_01,
.tablet #conts_01 {
  background: url('../images/event/bg-event-m.png') center top no-repeat;
}
#conts_01 h2 {
  margin-bottom: 30px
}


#conts_01 .slick_slider00 {
  width: 765px;
  height: 436px;
  margin: 0 auto;
  position: relative;
}
#conts_01 .slick-list {
  /* padding-top: 14px; */
  z-index: 3;
  width: 765px;
  height: 436px;
  background: url('../images/event-tab-bg.png') no-repeat center top;
  position: relative;
}

#conts_01 .slick_slider00 .items img {
  width: 765px;
  height: 436px;
}
#conts_01 .slick-dots {
  position: absolute;
  top: 50%;
  transform: translate(80%,-50%);
  right: 0;
  margin: 0;
  padding: 0;
  z-index: 5;
}
.mobile #conts_01 .slick-dots,
.tablet #conts_01 .slick-dots {
  transform: translate(50%,-50%);
}
.mobile #conts_01 section,
.tablet #conts_01 section {
  transform: translateX(-8%);
}
#conts_01 .slick-dots li {
  height: 43px;
  margin: 0 0 5px;
  padding: 0;
  width: 253px;
  list-style-type: none;
  position: relative;
  
}
#conts_01 .slick-dots li button:before {
  font-size: 0;  
}
#conts_01 .slick-dots li:nth-child(1) {
  background: url('../images/event-nav-1.png') no-repeat
}

#conts_01 .slick-dots li:nth-child(2) {
  background: url('../images/event-nav-2.png') no-repeat
}

#conts_01 .slick-dots li:nth-child(3) {
  background: url('../images/event-nav-3.png') no-repeat
}

#conts_01 .slick-dots li:nth-child(4) {
  background: url('../images/event-nav-4.png') no-repeat
}
#conts_01 .slick-dots li:nth-child(5) {
  background: url('../images/event-nav-5.png') no-repeat
}
#conts_01 .slick-dots li:nth-child(6) {
  background: url('../images/event-nav-6.png') no-repeat
}
#conts_01 .slick-dots li:nth-child(7) {
  background: url('../images/event-nav-77.png') no-repeat
}

#conts_01 .slick-dots li:nth-child(1):hover,
#conts_01 .slick-dots li:nth-child(1).slick-active {
  background: url('../images/event-nav-1-active.png') no-repeat
}

#conts_01 .slick-dots li:nth-child(2):hover,
#conts_01 .slick-dots li:nth-child(2).slick-active {
  background: url('../images/event-nav-2-active.png') no-repeat
}

#conts_01 .slick-dots li:nth-child(3):hover,
#conts_01 .slick-dots li:nth-child(3).slick-active {
  background: url('../images/event-nav-3-active.png') no-repeat
}

#conts_01 .slick-dots li:nth-child(4):hover,
#conts_01 .slick-dots li:nth-child(4).slick-active {
  background: url('../images/event-nav-4-active.png') no-repeat
}

#conts_01 .slick-dots li:nth-child(5):hover,
#conts_01 .slick-dots li:nth-child(5).slick-active {
  background: url('../images/event-nav-5-active.png')no-repeat
}

#conts_01 .slick-dots li:nth-child(6):hover,
#conts_01 .slick-dots li:nth-child(6).slick-active {
  background: url('../images/event-nav-6-active.png') no-repeat
}

#conts_01 .slick-dots li:nth-child(7):hover,
#conts_01 .slick-dots li:nth-child(7).slick-active {
  background: url('../images/event-nav-77-active.png')no-repeat
}


#conts_01 .conts_01-chara {
  position: absolute;
}
.mobile #conts_01 .conts_01-chara-1,
.mobile #conts_01 .conts_01-chara-2,
.tablet #conts_01 .conts_01-chara-1,
.tablet #conts_01 .conts_01-chara-2 {
  display: none;
}
#conts_01 .conts_01-chara-1 {
  width: 516px;
  height: 837px;
  background: url('../images/event-character-1.png') no-repeat;
  top: 0;
  transform: translate(-55%,-20%);
  z-index: 2;
}
#conts_01 .conts_01-chara-2 {
  width: 502px;
  height: 1146px;
  background: url('../images/event-character-2.png') no-repeat;
  top: 0;
  right: 0;
  transform: translate(50%,-25%);
  z-index: 4;
}


#conts-wrap #conts_01+.separat {
  background: url('../images/event/bg-avatar-top.png') center top no-repeat;
  height: 150px;
  margin: -150px auto 0;
  max-width: 125pc;
  min-width: 750px;
  width: 100%;
  position: relative;
  z-index: 10;
}

#conts_02 {
  /* background: url('../images/event/bg-avatar.jpg') center top no-repeat; */
  /* padding-top: 194px; */
  position: relative;
  z-index: 10;
  padding-top: 50px;
}
#conts_02 section {
  margin-bottom: 20px;
}
#conts_02 section:nth-of-type(1) {
  background: url('../images/event/bg-avatar-inner_01.png') left top no-repeat;
  height: 650px
}

#conts_02 section:nth-of-type(2) {
  background: url('../images/event/bg-avatar-inner_02.png') right top no-repeat;
  height: 821px
}
#conts_02 section:nth-of-type(3) {
  background: url('../images/event/bg-avatar-inner_03.png') left top no-repeat;
  height: 675px
}
#conts_02 section:nth-of-type(4) {
  background: url('../images/event/bg-avatar-inner_04.png') right top no-repeat;
  height: 745px
}

#conts_02 h2 {
  margin-bottom: 30px;
  /* margin: 0 auto;
  position: absolute;
  top: 21px;
  right: 0;
  left: 0 */
}
/* #conts_02 h2 {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
} */

#conts_02 section .avatar-inner {
  margin: 0 auto;
  position: relative;
  /* width: 750px */
}



.avatar-img {
  margin-bottom: 20px;
}
.avater-info {
  position: relative;
  background: -moz-linear-gradient(to bottom,  rgba(63,47,32,0) 0%,rgba(63,47,32,1) 20%,rgba(63,47,32,1) 80%,rgba(63,47,32,0) 100%); 
  background: -webkit-linear-gradient(to bottom,  rgba(63,47,32,0) 0%,rgba(63,47,32,1) 20%,rgba(63,47,32,1) 80%,rgba(63,47,32,0) 100%); 
  background: linear-gradient(to right,  rgba(63,47,32,0) 0%,rgba(63,47,32,1) 20%,rgba(63,47,32,1) 80%,rgba(63,47,32,0) 100%); 
  padding: 30px 5% 20px;
  display: flex;
  justify-content: center;
  font-size: 16px;

}
.avater-info-title {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
}
.avater-info-box {
  display: flex;
  align-items: center;
  color: #fff;
  padding-right: 1em;
}
.avater-info-box p {
  padding-left: .5em;
  text-align: left;
}

#conts_02 section:nth-of-type(1) p img,
#conts_02 section:nth-of-type(3) p img {
  margin: 0 0 0 auto
}
#conts_02 section:nth-of-type(5) p img {
  margin: 0 auto;
}
#conts_02 section:nth-of-type(5) .avater-info-title {
  position: relative;
  text-align: center;
  margin: auto;
  transform: translateY(0);
}
#conts_02 section:nth-of-type(5) .avater-info-title img {
  display: inline-block;
}

#conts-wrap #conts_02+.separat {
  background: url('../images/event/bg-avatar-bottom.png') center top no-repeat;
  height: 150px;
  position: relative;
  margin: 0 auto;
  max-width: 125pc;
  min-width: 750px;
  width: 100%;
  z-index: 1
}

#conts_03 {
  background-image: url('../images/event/bg-contents.jpg');
  background-attachment: fixed;
  background-position: center;
  /* margin-top: -62px; */
  padding: 5pc 0;
}

#conts_03 .inner {
  width: 925px
}

#conts_03 h2 {
  margin: 26px auto;
  width: 750px
}
#conts_03 h2 img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

#conts_03 section {
  margin-bottom: 30px;
}
#conts_03 section img {
  display: inline-block;
}
#conts_03 section:nth-child(2) div,
#conts_03 section:nth-child(4) div {
  text-align: right;
}
#conts_03 section:nth-child(3) div,
#conts_03 section:nth-child(5) div {
  text-align: left;
}
#conts_03 section div:nth-of-type(1) {
  z-index: 1;
}

/* #conts_03 section:nth-of-type(1) div:nth-of-type(1) {
  position: absolute;
  top: 77px;
  left: -115px;
}

#conts_03 section:nth-of-type(2) div:nth-of-type(1) {
  position: absolute;
  top: 77px;
  right: 0
}

#conts_03 section:nth-of-type(1) div:nth-of-type(2) {
  position: absolute;
  top: 105px;
  right: 0px
}

#conts_03 section:nth-of-type(2) div:nth-of-type(2) {
  position: absolute;
  top: 105px;
  left: 0px
} */

#conts_04 .inner {
  padding-bottom: 30px;
  width: 750px
}

#conts_04 section:nth-of-type(1) {
  background: url('../images/event/bg-boss.png') center top no-repeat;
  min-height: 572px
}

#conts_04 section:nth-of-type(2) {
  background: url('../images/event/bg-farm.png') center top no-repeat;
  min-height: 585px;
  margin-top: 3pc
}

#conts_04 section:nth-of-type(1) div {
  margin-top: 409px
}

#conts_04 section:nth-of-type(2) div {
  margin-top: 405px
}

#conts_04 .notes {
  margin-top: 20px
}

#notice {
  background: url('../images/notice/bg-notice.png') center top no-repeat;
  margin-top: -20px;
  padding: 80px 0 30px;
}
#notice .inner {
  width: 960px;
  margin: 0 auto;
}
#notice h2 {
  margin-bottom: 20px;
}
#notice h3 {
  margin-bottom: 1em;
}
#notice h3 span {
  display: inline-block;
  background-color: #ca0000;
  color: #fff;
  padding: 0 .8em;
  line-height: 2em;
}
#notice ol {
  padding-left: 2em;
  font-size: 16px;
}
.notice-section {
  margin-bottom: 1em;
}