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

/*スマホ用オファー背景*/
.offer1{
  background-image: url(../cpc_nf_50/img/offer.jpg);
  width:100%;
  padding-top:186%;
  height:auto;
  background-size:cover;
  position: relative;
}
/*スマホ用オファーボタン位置*/
.botan1{
position:absolute;
top:45%;
left:5%;
width:90%;
border-style:none;
outline:0;
}
/*スマホ用オファーボタン位置*/
.botan2{
  width:100%;
}
/*スマホ用通話料無料ボタン*/
.call1{
  background-color: #FFFF;
  width: 100%;
  padding-top:26%;
  position:relative;
}
.call{
position:absolute;
top:0%;
left:6%;
width:90%;
border-style:none;
outline:0;
}

/*スライド部分 sp*/
.slider {
  margin: auto;
  margin-top: 0%;
  max-width: 100%;
  margin-left: 5%;

  }
.slider img{ width: 95%;}

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

}

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

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

.botan{
position:absolute;
top:576px;
left:31px;
border-style:none;
outline: 0;
}
/*PC用オファー背景*/
.offer1{
background-image: url(../cpc_nf_50/img/offer.jpg);
width:750px;
height:1443px;
position: relative;
border-style:none;
outline: 0;
}
/*PC用オファーボタン位置*/
.botan1{
position:absolute;
top:625px;
left:25px;
border-style:none;
outline: 0;
}
/*PC用通話料無料ボタン*/
.call1{
display: none;
border-style:none;
outline: 0;
}
.call{
display: none;
border-style:none;
outline: 0;
}

}

 /*共通部分*/

 .botan-500:hover{
   opacity: 0.6;
 filter: alpha(opacity=60);
 -moz-opacity:0.6;
}
 .botan:hover{
   opacity: 0.6;
 filter: alpha(opacity=60);
 -moz-opacity:0.6;
}
.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;
}

/*共通部分footer*/

#footer{
  color: #fff;
  background: #AB951D;
  height: 50px;
  border-top: 1px solid #9A871B;
  margin: 4px;

}
#footer ul{
list-style-type: none;
font-size: 10px;
}
#footer li{
display:inline;
}


/*スライド部分 pc*/

.slide_bg_01 {
  background-image: url(../cpc_nf_50/img/sl_bg.jpg);
  margin: auto;
  width: 100%;
  height: auto;
}

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

  }

.slider img{ width: 70%;}
.slick-slide {
  height: auto;
}
.slick-prev {
  left: 10px;
}
.slick-next {
  right: 10px;
}
.slick-prev, .slick-next {
  z-index: 100;
}
.slick-prev::before, .slick-next::before {
  font-size: 24px;
}
.slick-dots {
  bottom: -40px;
}
.prev-arrow{
  position: absolute;
  top:45%;
  left: -20%;
  width:14%;
  margin:auto;
  outline:0;
  background: transparent;
 z-index: 100;

}

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

}

.botan1{
	position: absolute;
    top: 113%;
    left: 15%;
    width: 34%;
}
.botan2{
	top: 113%;
    left: 50%;
    right: 0;
    margin: 0 auto;
    width: 34%;
}
.botan3{
	top: 133.5%;
    left: 32%;
    right: 0;
    margin: 0 auto;
    width: 34%;
}
.botan4{
	top: 156%;
    left: 17%;
    right: 0;
    margin: 0 auto;
    width: 34%;
}
.botan5{
	top: 156%;
	left: 50.5%;
    right: 0;
    margin: 0 auto;
    width: 34%;
}
.botan6{
	top: 179.4%;
    left: 17%;
	right: 0;
    margin: 0 auto;
    width: 34%;
}
.botan7{
	top: 179.4%;
	left: 50.5%;
    right: 0;
    margin: 0 auto;
    width: 34%;
}