@charset "UTF-8";
/* Kakigori.css */

/*slider背景*/
.slideArea{
 position: relative;
 width: 638px;
 min-height: 100px;
 padding: 15px 10px;
 border: 1px solid #E6F5FF;
 background: #E6F5FF;
 background-image: radial-gradient(#FFF 20%, transparent 0), radial-gradient(#FFF 20%, transparent 0);
 background-position: 0 0, 10px 10px;
 background-size: 20px 20px;
 }

/*SP*/
@media only print, screen and (max-width: 768px) {

 .slideArea{
  position: relative;
  width: 100%;
  min-height: 20%;
  padding: 0px 0px 15px 0;
  border: 1px solid #E6F5FF;
  background: #E6F5FF;
  background-image: radial-gradient(#FFF 20%, transparent 0), radial-gradient(#FFF 20%, transparent 0);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
  }
}
 .slideArea > h2 {
   text-align: center;
   font-family: Shrikhand;
   color: #715656;
   font-size: 24px;
   margin: 5px;
 }
 .slideArea_text{
   text-align: center;
   margin: 0px 5px 4px 15px;
   font-size: 108%;
   color: #403737;
 }
 /*sliderAreaリンク*/
 .slideArea > .list_link{
   margin: 15px 0 0 0;
   text-align:  center;
 }
 .list_link > a {
   background-color: #ffbbbb;
   color: #ffffff;
   border-radius: 4px;
   font-weight: bold;
   padding: 6px;
 }
  /*slider調整用*/
  .slider-container {
    position: relative;
  }
  .slider {
    display: none;
    margin: 0 24px;
    overflow: hidden;
  }
  .slider.slick-initialized {
    display: block;
  }
  /*.slick-slide {
    padding: 1.5em 0;
    color: #fff;
    text-align: center;
    font-size: 1.1em;
    outline: 0;
    background-color: #bd77f2;
  }*/
  .slider-arrow {
    position: absolute;
    top: 50%;
    padding: 2px;
    height: 36px;
    margin-top: -18px;
    color: #f6f7f9;
    background-color: #715656;
    line-height: 36px;
    font-size: 14px;
    cursor: pointer;
    z-index: 10;  /* 重要 */
  }
  .slider-prev {
    left: 0;
  }
  .slider-next {
    right: 0;
  }
  .slick-slide {
    margin-right: 12px;
  .slick-list {
    margin-right: -12px;
  }

  /*調整用ここまで*/