/*共通部分*/

     .call:hover{
      opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    }
    img {
    max-width:100%;
    height:auto;
    display:block;
    border-style:none;
    }
    a img {
    border-style:none;
    outline: 0;
    }
    
    p{
    display: block;
    margin:0 auto;
    padding: 0 0;
    text-align: left;
    }
    
    .rollover {
    max-width:100%;
    height:auto;
    display:block;
    border-style:none;
    }
    
    /*共通部分footer*/
    
    #footer{
      color: #fff;
      background:　;
      height: 50px;
      border-top: 1px solid #666666;
      margin: 4px;
    
    }
    #footer ul{
    list-style-type: none;
    font-size: 10px;
    }
    #footer li{
    display:inline;
    }
    
    


/*画面幅が780pxまでの時ースマホ用*/
@media screen and (max-width:750px){
  #container{
    width:100%;
    text-align: center;
    margin:0 auto;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 0px 20px rgba(0,0,0,0.2);
  }

  /*スマホ用通話料無料ボタン*/
  .call1{
    background-color: #FFFF;
    width: 100%;
    padding-top:26%;
    position:relative;
  }
  .call{
  position:absolute;
  top:0%;
  left:0%;
  width:100%;
  border-style:none;
  outline:0;
  }

  
  }
  /*画面幅が781px以上の時ーPC用*/
  @media screen and (min-width:751px){
    #container{
   width:750px;
   text-align: center;
   margin:0 auto;
   overflow: hidden;
   border-radius: 3px;
   box-shadow: 0 0px 20px rgba(0,0,0,0.2);
    }

  
  /*PC用通話料無料ボタン*/
  .call1{
  display: none;
  border-style:none;
  outline: 0;
  }
  .call{
  display: none;
  border-style:none;
  outline: 0;
  }
  
  }

  
/*------------------------------------
/  GIF動画
/ ------------------------------------*/

  /*脂肪分解力gifアニメ背景*/
  .gif_bunkai{
      background-image: url(../dis_01/10.jpg);
      width:100%;
      padding-top:192%;
      height:auto;
      background-size:cover;
      position: relative;
    }

    /*脂肪分解力gifアニメ位置*/
    .gif1{
      position:absolute;
      top:18.2%;
      left:0%;
      width:100%;
      height:auto;
      border-style:none;
    }
    /*むくみgifアニメ背景*/
    .gif_mukumi{
      background-image: url(../dis_01/14.jpg);
      width:100%;
      padding-top:115%;
      height:auto;
      background-size:cover;
      position: relative;
    }

    /*むくみgifアニメ位置*/
    .gif2{
      position:absolute;
      top:47%;
      left:10%;
      width:80%;
      height:auto;
      border-style:none;
    }

    /*むくみ2gifアニメ背景*/
    .gif_mukumi2{
      background-image: url(../dis_01/15.jpg);
      width:100%;
      padding-top:125%;
      height:auto;
      background-size:cover;
      position: relative;
    }

    /*むくみ2gifアニメ位置*/
    .gif3{
      position:absolute;
      top:10%;
      left:5%;
      width:85%;
      height:auto;
      border-style:none;
    }
    /*冷えgifアニメ背景*/
    .gif_hie{
        background-image: url(../dis_01/18.jpg);
        width:100%;
        padding-top:134%;
        height:auto;
        background-size:cover;
        position: relative;
      }
      
      /*冷えgifアニメ位置*/
      .gif4{
        position:absolute;
        top:31%;
        left:12.5%;
        width:75%;
        height:auto;
        border-style:none;
      }
    /*脂肪gifアニメ背景*/
    .gif_sibou{
      background-image: url(../dis_01/21_1.jpg);
      width:100%;
      padding-top:135%;
      height:auto;
      background-size:cover;
      position: relative;
    }

    /*脂肪gifアニメ位置*/
    .gif5{
      position:absolute;
      top:13%;
      left:2.5%;
      width:95%;
      height:auto;
      border-style:none;
    }

    /*体重gifアニメ背景*/
    .gif_taijuu{
      background-image: url(../dis_01/21_2.jpg);
      width:100%;
      padding-top:135%;
      height:auto;
      background-size:cover;
      position: relative;
    }

    /*体重gifアニメ位置*/
    .gif6{
      position:absolute;
      top:13%;
      left:2.5%;
      width:95%;
      height:auto;
      border-style:none;
    }

    /*BMIgifアニメ背景*/
    .gif_bmi{
      background-image: url(../dis_01/21_3.jpg);
      width:100%;
      padding-top:135%;
      height:auto;
      background-size:cover;
      position: relative;
    }

    /*BMIgifアニメ位置*/
    .gif7{
      position:absolute;
      top:13%;
      left:2.5%;
      width:95%;
      height:auto;
      border-style:none;
    }


/*------------------------------------
/  インスタお声
/ ------------------------------------*/

/*画面幅が780pxまでの時ースマホ用*/
@media screen and (max-width:750px){

    .slide_bg_02{
    position: absolute;
    }
    
    #slick02{
        padding: 67.5% 0 8% 0;
      width:88%;
      left:6.5%;
      height:auto;
        z-index: 3;
      }
    }
    
    /*画面幅が781px以上の時ーPC用*/
    @media screen and (min-width:751px){
    
    .slide_bg_02{
    position: absolute;
    }
    
    #slick02{
        padding: 66% 0 8% 0;
      width:87%;
      left:6.5%;
      height:auto;
        z-index: 3;
      }
    }


/*------------------------------------
/  アコーディオン
/ ------------------------------------*/
  .toggle {
      position: relative;
      overflow: hidden;
  }
  .toggle:before {
      content: '';
      width: 100%;
      height: 100%;
      background:url(ico_down.png)no-repeat;
      background-size: 6%;
      position: absolute;
      top: 22%;
      right: -92%;
  }
  .toggle.active:before {
      content: '';
      width: 100%;
      height: 100%;
      background:url(ico_up.png)no-repeat;
      background-size: 6%;
      position: absolute;
      top: 22%;
      right: -92%;
  }

/*------------------------------------
/  脂肪スライダー
/ ------------------------------------*/
.slider {
  margin: auto;
  margin-top: 0%;
  max-width: 100%;
  margin-left: 5%;

  }

.slider img{ width: 95%;}

.prev-arrow{
  position: absolute;
  top:50%;
  left: -6%;
  width:14%;
  margin:auto;
  outline:0;
  background: transparent;
 z-index: 100;

}

.next-arrow{
  position: absolute;
  top:50%;
  left: 87%;
  width:14%;
  margin:auto;
  €outline:0;
background: transparent;
z-index: 100;

}