/* ---------- slick base ---------- ---------- */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* ---------- slick customize ---------- ---------- */
.charafulinner_slider {
  position: relative;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .charafulinner_slider {
      padding: 10px 10px 0 10px;
      background: #ffffff;
      width: 100%;
      box-sizing: border-box;} }
  .charafulinner_slider a {
    border: none; }
  .charafulinner_slider .error {
    padding: 20px;
    color: red; }
  .charafulinner_slider .loading {
    height: 380px; }
    .charafulinner_slider .loading span {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 32px;
      height: 32px;
      transform: translate(-16px, -16px);
      background: #eee;
      padding: 15px; }
  .charafulinner_slider img {
    vertical-align: bottom;
    border: none; }
  .charafulinner_slider .slick-slide img {
    opacity: 0.5;
    transition-duration: 0.2s; }
  .charafulinner_slider .slick-slide.slick-current img {
    opacity: 1; }
  .charafulinner_slider ul, .charafulinner_slider li {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box; }
  .charafulinner_slider .items .item {
    background: #ffffff;
    width: 600px;
    margin: 0 5px;
    transition-duration: 0.2s; }
    @media screen and (max-width: 768px) {
      .charafulinner_slider .items .item {
        width: 100%;
        margin: 0; }
        .charafulinner_slider .items .item img {
          width: 100%; } }
    .charafulinner_slider .items .item:hover {
      opacity: 0.8; }


    @media screen and (max-width: 768px) {
      .charafulinner_slider .slick-prev {
        visibility: hidden; } }




    @media screen and (max-width: 768px) {
      .charafulinner_slider .slick-next {
        visibility: hidden; } }
  .charafulinner_slider .slick-dots {
    background: #b0dffe;
    text-align: center;
    padding: 10px; }
    .charafulinner_slider .slick-dots li {
      display: inline-block;
      background: #999999;
      margin: 4px 5px;
      cursor: pointer; }
      .charafulinner_slider .slick-dots li button {
        font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent; }
      .charafulinner_slider .slick-dots li.slick-active {
        background: #ffb200; }


 .charafulinner_slider .slick-prev, .slick-next {
    width:90px; /* 逕ｻ蜒丞ｹ� */
    height:90px /* 逕ｻ蜒城ｫ倥＆ */
}
.charafulinner_slider .slick-prev:before, .slick-next:before {
    content:"";
}
button.slick-prev, button.slick-next {
    z-index:2;
}
.charafulinner_slider .slick-prev{
	left: 53px; /* 莉ｻ諢上�蛟､ */
}
.charafulinner_slider .slick-next{right:20px; /* 莉ｻ諢上�蛟､ */}

.charafulinner_slider .slick-arrow{z-index:10;/* 蛟､縺ｯ驕ｩ蠖薙↓ */}

.charafulinner_slider .slick-prev {
	position: absolute;
	top: 46%;
	left: 50%;
	font-size: 0;
	line-height: 0;
	display: block;
	width: 78px;
	height: 94px;
	padding: 0;
	cursor: pointer;
	border: none;
	outline: none;
	background: url(20180330_charafulinner_slide_left.png) no-repeat;
	transform: translate(-460px, -50px);
	z-index: 10;
}
.charafulinner_slider .slick-next {
	position: absolute;
	top: 46%;
	left: 50%;
	font-size: 0;
	line-height: 0;
	display: block;
	width: 78px;
	height: 94px;
	padding: 0;
	cursor: pointer;
	border: none;
	outline: none;
	background: transparent;
	background: url(20180330_charafulinner_slide_right.png) no-repeat;
	transform: translate(400px, -50px);
	z-index: 10;
}