


#id_ea_common_content{
  width:auto;
}
.cl_ctpl{
  width:100%;
  height:auto;
}
.cl_ctpl a{
  text-decoration:none;
}
.cl_ctpl a:hover{
  opacity:0.8;
}

/*-----------------------------------
  スライダー
-------------------------------------*/
/*スライダーが1枚以下の時*/
.slider_one{
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  text-align:center;
  background:#060803;
}
.slider_one img{
  margin:0;
  padding:0;
  max-width:660px;
  width:100%;
  height:auto;
  vertical-align:bottom;
}
.cl_ctpl .cl_slide_bloc{
  /*width:725px;
  height:325px;*/
  margin:0 auto;
  margin-top:10px;
}
.cl_ctpl .cl_slide_bloc img{
  max-width:100%;
  height:auto;
}
.cl_slide_bloc .slick-slide{
    -webkit-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
}
.slider_box{
  position:relative;
}
.slider_box_cover{
 position:absolute;
 top:0;
 left:0;
 width:980px;
 /*height:296px;*/
 height:370px;
 background-image:url("../img/top/slider_cover.png");
 background-size:auto 100%;
 pointer-events:none;
}
.slick-next,
.slick-prev{
  position:absolute;
  width:160px;
  height:100%;
  border:0;
  top:0;
  z-index:1;
  cursor:pointer;
  color:transparent !important;
  background-position:center;
  opacity:0.8;  
}
.slick-next{
  right:0;
  background-image:url("../img/top/slider_next_pc.png");
}
.slick-prev{
  left:0;
  background-image:url("../img/top/slider_prev_pc.png");
}
.slick-next:hover,
.slick-prev:hover{
  opacity:1;
  transition:0.3s;
}
.slick-slider{
    margin-bottom:30px;
}
.slick-dots{
    position:absolute;
    bottom:-21px;
    display:block;
    width:100%;
    padding:0;
    list-style:none;
    text-align:center;
}
.slick-dots li{
    position:relative;
    display:inline-block;
    width:16px;
    height:16px;
    margin:0;
    padding:0;
    cursor:pointer;
}
.slick-dots li button{
    font-size:0;
    line-height:0;
    display:block;
    width:16px;
    height:16px;
    padding:5px;
    cursor:pointer;
    color:transparent;
    border:0;
    outline:none;
    background:transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
    outline:none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
    opacity:1;
}
.slick-dots li button:before{
  content:'';
  background:url("../img/top/slider_point.png");  
  position:absolute;
  top:0;
  left:0;
  text-align:center;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  width:80%;
  height:80%;
}
.slick-dots li.slick-active button:before{
  background:url("../img/top/slider_point.png");
  background-position:0 16px;
  width:80%;
  height:80%;
}

/*-------------------
  中身
--------------------*/
/*左・右内包ブロック*/
.main_block{
  background-color:#fff0fc;
  box-shadow:4px 4px 0px 0px #000;
  display:inline-block;
}
/* 左ブロック */
.left_bloc{
  width:725px;
  min-height:526px;
  float:left;
}
/* NES */
.cl_news_img{
  padding:10px 0 0 10px;
}
.cl_news_img img{
  width:100%; max-width:100px;
}
/* 右ブロック */
.right_bloc{
  width:calc(100% - 725px);
  min-height:526px;
  display:inline-block;
}
/* 右サイド */
.cl_ctpl .cl_right_side_bloc{
  float:left;
  width:250px;
  margin-bottom:10px;
  text-align:left;
}
/* 右サイド タイトル画像用 */
.sns_twitter,
.sns_app{
  width:100%;
  padding:10px 0 10px 10px;
}
.sns_twitter img{
  width:100%;
  max-width:130px;
}
.sns_app img{
  width:100%;
  max-width:200px;
}
/* タイムライン */
.cl_ctpl .cl_ctpl_eaApp{
  width:227px;
  height:200px;
  display:block;
  margin:-4px auto 10px auto;
  overflow:auto;
}
.cl_ctpl .cl_ctpl_eaApp li{
  text-align:left;
}
#share_search{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:center;
  margin:30px auto 20px;
}
.share_sns{
  /*display:table-cell;
  float:left;*/
  display:flex;
  /*width:28%;*/
  text-align:center;
  align-items:center;
  /*margin-top:65px;*/
}

/*シェアボタン*/
.share_sns img{
  width:100%;
  /*margin:10px;*/
  vertical-align:middle;
}
.share_sns .cl_sns_btn_1{
  /*max-width:90px;*/
}
.share_sns .cl_sns_btn_2{
  width:50px;
}
.share_sns:after{
  visibility:hidden;
  display:block;
  content:" ";
  clear:both;
  height:0;
}
.share_sns span{
  margin:0 10px 0 0;
}
.share_sns a:hover{
  opacity:0.8;
}

/* エントランスページ */
#id_entrance_link{
  width:37%;
  float:left;
  text-align:left;
}
#id_entrance_link img{
  width:90%;
  max-width:400px;
  padding-top:45px;
}
#id_entrance_link a:hover{
  opacity:0.8;
}

/* 設置店舗 */
#id_cptl_search_facility_link{
  /*width:33%;
  float:left;*/
  text-align:center;
}
.cl_cptl_search_facility_link img{
  width:100%;
  max-width:400px;
}
.cl_cptl_search_facility_link a:hover{
  opacity:0.8;
}

@media screen and (max-width:980px){
  .main_block{
    display:block;
  }
  .share_sns{
    /*display:block;
    width:100%;
    float:none;
    text-align:center;*/
  }
  #id_entrance_link,
  #id_cptl_search_facility_link{
    /*width:50%;*/
    text-align:center;
  }
  #id_entrance_link img{
    width:96%;
    padding-top:55px;
  }
  .cl_cptl_search_facility_link img{
    width:96%;
  }
}
@media screen and (max-width:800px){
  .share_sns,
  #id_entrance_link,
  #id_cptl_search_facility_link{
    /*display:block;
    width:100%;
    float:none;
    text-align:center;*/
  }
  #id_cptl_search_facility_link{
    /*margin:20px auto;*/
  }
  .cl_ctpl_eaApp iframe{
    width:740px !important;
    overflow-y:scroll !important;
  }
  #id_entrance_link img{
    width:90%;
  }
  .cl_cptl_search_facility_link img{
    /*width:90%;*/
  }
}
@media screen and (max-width:480px){
  #share_search{
    flex-wrap:wrap;
  }
  #id_cptl_search_facility_link{
    width:100%;
    margin-top:20px;
  }
  .cl_cptl_search_facility_link img{
    max-width:300px;
  }
}


/* 小バナー */
.cl_ctpl_small_banner_bloc{
  display:block;
  width:100%;
  text-align:center;
  margin:0 auto;
}
.cl_ctpl_small_banner_bloc a:hover{
  opacity:0.8;
}

/* 購買部バナー*/
.cl_coop_banner{
  text-align:center;
  margin-top:10px;
}

/*
------------------------------------------------------------
980px
------------------------------------------------------------
*/
@media screen and (max-width:980px){
  /*-------------------
    スライダー
  --------------------*/
  .cl_ctpl .cl_slide_bloc{
    width:100%;
    height:auto;
  }
  .cl_slide_bloc .slick-slide{
    -webkit-transition:all 0.25s ease-in-out;
     transition:all 0.25s ease-in-out;
  }
  .cl_slide_bloc .slick-slide:not(.slick-center){
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      -ms-transform:scale(1);
      -o-transform:scale(1);
      transform:scale(1);
  }
  .slick-next{
    display:none !important;
  }
  .slick-prev{
    display:none !important;
  }
  .slider_box_cover{
    display:none !important;
  }
  .cl_slide_bloc .slick-slide:not(.slick-center):before{
      content:"";
      width:100%;
      height:100%;
      position:absolute;
      background:rgba(0, 0, 0, 0.67);
      z-index:2;
  }
  .slider_box:before{
    display:none;
  }  
  .slider_box:after{
    display:none;
  }

  /*-------------------
    中身
  --------------------*/
  .left_bloc{
    width:100%;
    float:none;
    min-height:auto;
  }

  .right_bloc{
    width:100%;
    display:block;
    margin-top:0;
    min-height:auto; 
  }
  .right_bloc:after{
    visibility:hidden;
    display:block;
    content:" ";
    clear:both;
    height:0;
  }

  .cl_ctpl .cl_right_side_bloc{
    display:block;
    float:left;
    width:46%;
    margin:2%;
  }
  .cl_ctpl .cl_ctpl_eaApp{
    width:98%;
    margin:0 1%;
  }
  /*
  .share_sns img:first-child{
    max-width:60px;
  }
  .share_sns img:not(:first-child){
    max-width:50px;
  }
  .share_sns{
    margin-top:40px;
  }*/
}

.cl_ctpl .cl_ctpl_small_banner_bloc{
   /* width: 700px;*/
}

@media screen and (max-width:800px){
  .cl_ctpl .cl_ctpl_small_banner_bloc{
    margin:0 auto;
    padding-bottom:50px;
    width:325px;
  }
}

@media screen and (max-width:480px){
  .cl_slide_bloc .slick-slide:not(.slick-center):before{
    content:"";
    display:none;
  }
  .cl_ctpl .cl_right_side_bloc{
    display:block;
    float:none;
    width:100%;
    margin:0;
    padding:0 0 20px 0;
  }
}


