@charset "UTF-8";
.trial_wrap{
  opacity:  0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100vw;
  padding: 3rem 1rem;
  background: rgba(95, 95, 95, 0.85);
  z-index: -10;
  box-sizing:border-box;
}
@media screen and (max-width:420px){
  .trial_wrap{
    padding: 2rem 1rem;
  }
}
.trial_wrap.active{
  opacity: 1;
  z-index: 10;
  left: 0;
}
.trial-erea{
    width: 100%;
    height: 100%;
  }
 .trial_wrap*{box-sizing:border-box}
 .modal-wraper{opacity:1;display:none;position:absolute;width:100%;height:100vh;top:0;left:0;background:rgba(0,0,0,.5);
  -index:110;cursor:pointer;overflow:auto}
  .modal-wraper.open{display:block;opacity:1}
  .modal-wraper.hide{display:none;opacity:0}
  @-webkit-keyframes Fadein{100%{opacity:1}}
  @keyframes Fadein{100%{opacity:1}}
  .modal-main{font-size:13px;position:absolute;top:50%;left:50%;padding:30px;background:#fff;top:15%;left:10%;z-index:120;width:80%}@media screen and (min-width:800px){.modal-main{width:650px;left:calc(50% - 325px);margin-bottom:40px}}
  @media screen and (max-width:480px){.modal-main{top:8%;padding:15px}}
  .modal-main h2{padding:10px 0;text-align:center;background:#ef8888;border-radius:5px;color:#fff;font-size:1.2rem;line-height:1rem}
  .operation{border:solid 1px #ccc;padding:25px;text-align:center}
  @media screen and (max-width:480px){.operation{width:80%;margin:0 auto}}
  .operation img{max-width:100%;width:170px}
  .modal-main p{font-size:1rem;margin:1.5rem 0 1rem;line-height:1.6rem}
  @media screen and (max-width:480px){.modal-main p{font-size:14px;margin:1rem 0 .5rem;list-style:1.4rem}}
  .modal-main .next,.modal-main .prev{width:31px;display:inline-block;padding:7px 8px;margin:0 4px;border:solid #ccc 1px;box-sizing:border-box;vertical-align:middle}
  .attend{color:#c30000}
  .close{position:absolute;background:url(../img/close.svg) no-repeat 0 0;background-size:100%;width:28px;height:28px;right:2%;top:2%;text-indent:-9999px;overflow:hidden}
  @media screen and (max-width:480px){.close{width:22px;height:22px}}
  .trial-erea.open{display:block;height:100%}
  .slick-slide img{width:auto;height:auto;max-width:100%;max-height:100%;pointer-events:none}
  @media all and (-ms-high-contrast:none){.slick-slide img{flex:auto 0 0}}
  @media all and (-ms-high-contrast:none) and (min-height:600px) and (orientation:portrait){.slick-slide img{flex:1 0 0%}}
  /*.slick-arrow{display:none!important}*/
  .trial-erea.none .slick-arrow{display:none!important}
  .slick-next:before,.slick-prev:before{color:#000}
  [dir=rtl] .slick-prev{right:0;left:auto}
  [dir=rtl] .slick-next{right:auto;left:0}
  .slick-next,.slick-prev{width:45px;height:45px;z-index:100}
  .slide-next-btn,.slide-prev-btn{position:absolute;width:22px;top:calc(50% - 10px);z-index:10;opacity:.7}
  .slide-next-btn{right:15px}
  .slide-prev-btn{left:15px}
  .slide-next-btn.slick-arrow.slick-disabled{display:none!important}
  .slick-list{height:100%}
  .slick-track{height:100%;overflow:hidden}
  @media screen and (min-width:617px){.slick-slide:nth-child(2n+1) .trial-list-item{justify-content:flex-end}}
  .slick-slide>div{width:100%;height:100%}
  .trial-list{height:100%}
  .trial-list-item{display:flex!important;align-items:center;height:100%;width:auto!important}
  @media screen and (max-width:618px){.trial-list-item{justify-content:center!important}}
  /*.slick-slide:last-child{display:none;position:absolute;left:0;top:0;width:100vw!important;height:100%;background:#f9f9f9;overflow-y:auto;direction:ltr}*/
  .slick-slide.slick-current .trial-list-item.last-img{display:block!important}
  .last-img-inner-wrap_01,.last-img-inner-wrap_02{padding:3rem 3rem 0;max-width:650px;margin:0 auto;background:#fff}
  @media screen and (max-width:650px){.last-img-inner-wrap_01,.last-img-inner-wrap_02{padding:3rem 1rem 0;width:100%;max-width:none}}
  @media screen and (max-width:480px){.last-img-inner-wrap_01{padding-top:2rem}}
  .last-img-inner{display:flex;flex-wrap:wrap}
  .last-img-inner-lead{width:100%;font-size:20px;font-weight:700;margin:0 0 30px}
  @media screen and (max-width:480px){.last-img-inner-lead{font-size:1rem}}
  .last-img-inner-photo{text-align:center;width:100%;max-width:210px}
  @media screen and (max-width:650px){.last-img-inner-photo{width:40%}}
  .last-img-inner-photo img{display:inline;vertical-align:bottom}
  .last-img-inner-wrap_01 .last-img-inner-photo img{box-shadow:0 2px 5px rgba(0,0,0,.5)}
  .last-img-inner-wrap_01::after,.last-img-inner-wrap_02::after{content:"";display:block;border-bottom:solid 1px #ccc;width:100%;height:1px;margin-top:2rem}
  .last-img-inner-r-box{padding:0 0 0 20px}
  @media screen and (max-width:650px){.last-img-inner-r-box{width:55%}}
  @media screen and (max-width:480px){.last-img-inner-r-box{width:60%}}
  .last-img-inner-r-box .subtitle{font-size:14px;margin:0 0 .8rem;line-height:1.4}
  @media screen and (max-width:480px){.last-img-inner-r-box .subtitle{font-size:.8rem}}
  .last-img-inner-r-box .title{font-size:1.8rem;font-weight:700;margin:0 0 .8rem;line-height:1.4}
  @media screen and (max-width:480px){.last-img-inner-r-box .title{font-size:1.2rem}}
  .last-img-inner-r-box .writer{margin:0 0 .8rem;line-height:1.4}
  @media screen and (max-width:480px){.last-img-inner-r-box .writer{font-size:.8rem}}
  .last-img-inner-r-box .price{margin:0 0 1.2rem;line-height:1.4}
  @media screen and (max-width:480px){.last-img-inner-r-box .price{margin-bottom:.8rem;font-size:.8rem}}
  a.btn-detail,a.btn-set{width:300px;display:block;text-decoration:none;font-weight:700;text-align:center;padding:15px;border-radius:50px;position:relative}
  @media screen and (max-width:650px){a.btn-detail,a.btn-set{width:100%}}
  @media screen and (max-width:480px){a.btn-detail,a.btn-set{font-size:.9rem;border-radius:20px;padding:10px}}
  a.btn-detail{color:#5d5d5d;border:solid 3px #ccc}
  a.btn-detail::after,a.btn-set::after{content:"";display:block;position:absolute;right:6%;top:18px;width:8px;height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
  @media screen and (max-width:480px){a.btn-detail::after,a.btn-set::after{top:12px;right:7%}}
  a.btn-detail::after{border-top:2px solid #ccc;border-right:2px solid #ccc}
  a.btn-set::after{border-top:2px solid #fff;border-right:2px solid #fff}
  a.btn-set{color:#fff;background:#449e25}
  .last-img-inner-return{background:#fff;padding:3rem 0 5rem;max-width:650px;margin:0 auto}
  @media screen and (max-width:650px){.last-img-inner-return{max-width:none}}
  .last-img-inner-return a{display:block;width:300px;margin:0 auto;text-align:center;padding:15px 0;box-sizing:border-box;background:#d4d4d4;box-shadow:0 4px 0 #bdbdbd;color:#000;border-radius:30px;text-decoration:none;position:relative}
  @media screen and (max-width:650px){.last-img-inner-return a{width:80%}}
  .last-img-inner-return a::after{content:"";display:block;width:18px;margin:0 6px 0 0;height:19px;background:url(../img/back_icon.svg) no-repeat 0 0;background-size:100%;opacity:.4;right:5%;top:13px;position:absolute}]
  @media screen and (min-width:481px){.last-img-inner-return a:hover,a.btn-detail:hover,a.btn-set:hover{opacity:.7;transition:opacity .2s ease-out}}
  .slick-counter{position:fixed;bottom:20px;width:8rem;left:calc(50% - 4rem);text-align:center;padding:10px;background:rgba(0,0,0,.5);color:#fff;border-radius:5px}
  @media screen and (max-width:480px){.slick-counter{font-size:14px}}
  .slick-counter .current{color:#f91900}
  .slick-counter.none{display:none}
  .last-img-inner-top-btn::after{content:"";display:inline-block;vertical-align:middle;width:18px;margin:0 6px 0 0;height:19px;background:url(../img/back_icon.svg) no-repeat 0 0;background-size:100%;opacity:.4}
  .clased_btn{
    z-index:100;
    position:absolute;
    background:url(../img/close_large.svg) no-repeat center;
    width:35px;height:35px;
    background-size:100%;
    display:block;
    right:18px;
    text-indent:-99999px;
    top:5px;
    border:none;
    padding: 0;
    cursor: pointer;
  }
    @media screen and (max-width:420px){
      .clased_btn{
        width:30px;height:30px;
        right:15px;
        top:14px;
      }
    }
  .last-img-inner-detail-btn::after{content:"";display:inline-block;width:26px;height:20px;background:url(../img/book-icon_2.svg) no-repeat center;background-size:100%;margin-right:5px;margin-bottom:2px;vertical-align:middle}
  .slick-disabled{display: none;}
  .trial_btn_area_wrap{
    margin-bottom: 3rem;
  }
  .trial_btn_area_wrap a{
    display: block;
  }
  .trial_book_img{
    width: 95%;
    margin-bottom: .8em;
    max-width: 100%;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
  }
  .trial_btn_img{
    max-width: 100%;
    width: 80%;
    display: block;
    margin: 0 auto 1rem;
  }

  .trial_btn_area_wrap p{
    font-size: 14px;
    line-height: 1.4;
    color: #666;
  }
  @media screen and (min-width:651px){
    .trial_btn_area_wrap{
      margin:4rem 0 0;
    }
    .trial_book_img{
      max-width: 506px;
    }
    .trial_btn_img{
      max-width: 320px;
    }
    .trial_btn_area_wrap a{
      transition: opacity .3s ease-out;
    }
    .trial_btn_area_wrap a:hover{
      opacity: .4;
    }
    .trial_btn_area_wrap p{
      text-align: center;
    }
  }
  @media screen and (min-width:481px) and (max-width:650px){
    .trial_btn_img{
      max-width: 320px;
    }
    .trial_btn_area_wrap{
      margin-bottom: :4rem;
    }
    .trial_btn_area_wrap p{
      text-align: center;
    }
  }