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

/*スマホ用通話料無料ボタン*/
.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用オファーボタン位置*/

/*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;

}
/* 一覧ブロック（02_1.jpg）の上にボタンを重ねる（PCもSPと同じ配置） */
.lineup-area {
  position: relative;
}

.lineup-area .botan1{
  position: absolute;
  top: 33.5%;
  left: 0%;
  right: 49%;
  margin: 0 auto;
  width: 48%;
}
.lineup-area .botan2{
  position: absolute;
  top: 33.5%;
  left: 49%;
  right: 0;
  margin: 0 auto;
  width: 48%;
}
.lineup-area .botan3{
  position: absolute;
  top: 61%;
  left: 0%;
  right: 49%;
  margin: 0 auto;
  width: 48%;
}
.lineup-area .botan4{	
  position: absolute;
  top: 61%;
  left: 49%;
  right: 0;
  margin: 0 auto;
  width: 48%;
}
.lineup-area .botan5{
  position: absolute;
  top: 89%;
  left: 0%;
  right: 49%;
  margin: 0 auto;
  width: 48%;
}
.lineup-area .botan6{
  position: absolute;
  top: 89%;
  left: 49%;
  right: 0;
  margin: 0 auto;
  width: 48%;
}