#colorbox {
  overflow: visible!important;
}
#cboxContent {
  /* width: 100%!important;
  height: 100%!important; */
  background: transparent;
}
#cboxLoadedContent {
  background: none;
  position: relative;
}
.cboxPhoto {
  max-width: 1000px;
  height: auto!important;
}
#cboxOverlay {
    background-color: #fff;
    /* background-color: rgba(200,200,200,0.5); */
}
#cboxPrevious {
	display: block!important;
	position: absolute;
	border: 0;
	top: 50%;
	left: -60px;
	background: url("images/l_2.png");
  background-position: center!important;
	width: 50px;
	height: 100px;
	margin-top: -50px;
	text-indent: -9999px;
	opacity: 0.5;
	outline: 0;
	pointer-events: all;
  z-index: 500;
}
#cboxPrevious:hover {
	opacity: 0.8;
}

/* 次へボタン */
#cboxNext {
	display: block!important;
	position: absolute;
	border: 0;
	top: 50%;
	right: -60px;
	background: url("images/r_2.png");
	background-position: center!important;
  background-size: cover;
	width: 50px;
	height: 100px;
	margin-top: -50px;
	text-indent: -9999px;
	opacity: 0.5;
	outline: 0;
	pointer-events: all;
  z-index: 500;
}
#cboxNext:hover {
	opacity: 0.8;
}


/*閉じるボタン */
#cboxClose {
	/* display: none; */
	background: url("images/close.png")!important;
	background-size: cover!important;
	width: 80px;
	height: 80px;
	position: absolute;
	top: -100px;
	right: -100px;
	text-indent: -9999px;
	/* pointer-events: none; */
	opacity: .5;
  z-index: 999;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#cboxClose:hover {

	/* pointer-events: active; */
	opacity: .8;
}
#cboxClose:active {

	/* pointer-events: active; */
}
#chara_area .slider-arrow {
	display: none !important;
	color: #FFF;
	font-size:50px;
	position: absolute;
	top : 0;
	cursor:pointer;
	z-index:100;
}
.cbox_otherSlide #cboxClose {
  top: 0px;
}
.cbox_otherSlide #cboxPrevious,
.cbox_gallerySlide #cboxPrevious {
  left: -85px;
}
.cbox_otherSlide #cboxNext,
.cbox_gallerySlide #cboxNext {
  right: -85px;
}
.cbox_gallerySlide_sp #controller_box,
.cbox_otherSlide_sp #controller_box_gallery {
  display: none;
}
.cbox_gallerySlide_sp #cboxPrevious,
.cbox_gallerySlide_sp #cboxNext {
  background-size: 100%!important;
  background-position: bottom!important;
  background-repeat: no-repeat!important;
  width: 40px!important;
  height: 100%!important;
  top: auto!important;
  bottom: 8px!important;
  margin-top: 0!important;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.cbox_gallerySlide_sp #cboxPrevious {
  background: url("images/l_sp.png");
  left: 0!important;
}
.cbox_gallerySlide_sp #cboxNext {
  background: url("images/r_sp.png");
  right: 0!important;
}
.cbox_gallerySlide_sp #cboxClose {
  width: 40px;
  height: 40px;
  top: -40px;
  right: 0;
}
.cbox_gallerySlide_sp #cboxLoadedContent {
  overflow: visible!important;
}

@media screen and (min-width: 700px) {
  .cbox_otherSlide_sp #cboxClose {
    top: 0;
    right: 0;
  }
}

@media screen and (max-width: 1200px) {
  .cbox_gallerySlide #cboxClose {
    width: 40px;
    height: 40px;
    right: -40px;
    top: -40px;
    background-size: cover;
  }
  .cbox_gallerySlide #cboxPrevious {
    width: 25px;
    height: 50px;
    left: -30px;
    background-size: cover!important;
    margin-top: -25px;
  }
  .cbox_gallerySlide #cboxNext {
    width: 25px;
    height: 50px;
    right: -30px;
    background-size: cover!important;
    margin-top: -25px;
  }
}

@media screen and (max-width: 1100px) {
  .cbox_otherSlide #cboxClose {
    width: 60px;
    height: 60px;
    right: -50px;
  }
  .cbox_otherSlide #cboxPrevious {
    left: -40px;
  }
  .cbox_otherSlide #cboxNext {
    right: -40px;
  }

}
@media screen and (max-width: 1000px) {

}
 @media screen and (max-width: 700px) {
   .cbox_otherSlide_sp,
   .cbox_otherSlide_sp #cboxWrapper,
   .cbox_otherSlide_sp #cboxContent,
   .cbox_otherSlide_sp #cboxLoadedContent {
     width: 100%!important;
   }
   .cbox_otherSlide_sp #cboxPrevious {
     background: url("images/l_sp.png")!important;
     background-size: 100%!important;
     background-position: bottom!important;
     background-repeat: no-repeat!important;
     width: 40px!important;
     height: 100%!important;
     top: auto!important;
     bottom: 50px!important;
     left: 0!important;
     margin-top: 0!important;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
   }
   .cbox_otherSlide_sp #cboxNext {
     background: url("images/r_sp.png")!important;
     background-size: 100%!important;
     background-position: bottom!important;
     background-repeat: no-repeat!important;
     width: 40px!important;
     height: 100%!important;
     top: auto!important;
     bottom: 50px!important;
     right: 0!important;
     margin-top: 0!important;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
   }
   #cboxClose {
   	width: 50px;
   	height: 50px;
   	position: absolute;
   	top: 10px;
   	right: 10px;
   	opacity: 1;
   }
  #chara_area .slider-arrow {
  	display: block !important;
  	z-index:50000;
  }
  #chara_area .slider-prev {
  	top: 50%;
  	left:0;
  	z-index:50001;
  }
  #chara_area .slider-next {
  	top: 50%;
  	right: 0;
  }
  #story_area .slider-arrow {
  	display: block !important;
  }
  #story_area .slider-prev {
  	top: 0;
  	left:0;
  }
  #story_area .slider-next {
  	top: 0;
  	right: 0;
  }
}