/*共通部分*/

     .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;
    }

    video{
      max-width:100%;
      display: block;
      margin:0 auto;
      padding: 0 0;
      }

 .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;
    }
.TabWrap{
margin: -1px auto 0;
position: relative
}


/*画面幅が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;
  }
  
  }

.overlaid {
    position: relative;
    z-index: 1; 
   }	
/*------------------------------------
/  GIF動画
/ ------------------------------------*/

#mv {
  position: relative;
}
/*3つともabsoluteに*/
.mv1, .mv2 {
  position: absolute;
}
.mv1 {
  left: 0;
  top: 0;
}
.mv2 {
  left: 20px;
  top: 20px;
}



  /*抑制gifアニメ背景*/
  .gif_yokusei{
      background-image: url(https://sakura-forest.com/lp/orochi/cp_ot_01/oc_32.jpg);
      width:100%;
      padding-top:210%;
      height:auto;
      background-size:cover;
      position: relative;
    }

    /*抑制gifアニメ位置*/
    .gif1{
      position:absolute;
      top:70%;
      left:18%;
      width:64%;
      height:auto;
      border-style:none;
    }
    /*排出gifアニメ背景*/
  .gif_haishutu{
    background-image: url(https://sakura-forest.com/lp/orochi/cp_ot_01/oc_33.jpg);
    width:100%;
    padding-top:144%;
    height:auto;
    background-size:cover;
    position: relative;
  }

  /*排出gifアニメ位置*/
  .gif2{
    position:absolute;
    top:68%;
    left:15%;
    width:75%;
    height:auto;
    border-style:none;
  }

  /*血管gifアニメ背景*/
      .gif_kekkan{
        background-image: url(https://sakura-forest.com/lp/orochi/cp_ot_01/oc_31.jpg);
        width:100%;
        padding-top:174%;
        height:auto;
        background-size:cover;
        position: relative;
      }
    
  /*血管gifアニメ位置*/
      .gif3{
        position:absolute;
        top:19%;
        left:22%;
        width:57%;
        height:auto;
        border-style:none;
      }

      .gif4{
        position:absolute;
        top:39%;
        left:15%;
        width:70%;
        height:auto;
        border-style:none;
      }


    /*スマホ用アコーディオン*/


.accordion {
  max-width: 100%;
  margin: 0 auto;
}

.item {
  margin-bottom: 20px;
}

.trigger {
  display: none;
}

.trigger-img {
  width: 100%;
  cursor: pointer;
  transition: opacity 0.3s;
}

.trigger-img:hover {
  opacity: 0.8;
}

.content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

.hidden-img {
  width: 100%;
  display: block;
}

.trigger:checked + label + .content {
  max-height: 100%; /* 十分な高さを設定 */
}

/*スライド部分 sp*/
.slide_bg_01 {
  background-image: url(../cp/voice.jpg);
  background-size: 100%;
}

.slide_bg_02 {
  background-image: url(../cp/voice.jpg);
  background-size: 100%;
}
	
.slide_bg_03 {
  background-image: url(../cp/voice.jpg);
  background-size: 100%;
}

.slide_bg_04 {
  background-image: url(../cp/voice.jpg);
  background-size: 100%;
}	

.slide_bg_05 {
  background-image: url(../cp/voice.jpg);
  background-size: 100%;
}	

	
	
.slider {
  margin: auto;
  margin-top: 5%;
  max-width: 100%;
  margin-left: 5%;

  }
.slider img{ 
	max-width: 100%;
	height: auto;
	margin-top: 2%;
	margin-left:10%;
	}

.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;

}



/*PC用オファーボタン*/
.botan1{
width:100%;
height:auto;
position: relative;
border-style:none;
outline: 0;
}

/*下部固定ボタンPC用*/

.footer{
  position: fixed;
  left: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  bottom:0;
  transform: translateX(-50%);
  z-index: 100;
  width: 35%; /* 固定幅 */
  text-align: center;
  }


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


/*PC用アコーディオン*/


.accordion {
  max-width: 100%;
  margin: 0 auto;
}

.item {
  margin-bottom: 20px;
}

.trigger {
  display: none;
}

.trigger-img {
  width: 100%;
  cursor: pointer;
  transition: opacity 0.3s;
}

.trigger-img:hover {
  opacity: 0.8;
}

.content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

.hidden-img {
  width: 100%;
  display: block;
}

.trigger:checked + label + .content {
  max-height: 100%; /* 十分な高さを設定 */
}


}