.ksnr{
    margin:0 auto;
    position:relative;
    top:-30px;
	/*left: 15.5%;*/
	z-index:10;
}
.ksnr img, .nwgn-btn img{width:82%;}
.margin_ksnr{margin:-10px 0 30px 0;}

.padding_w {
        padding :0 30px;
}

.bg1{
  background-image: url("images/bg2_sp.jpg");
  /*background-size: cover;*/
  background-size: contain;
  background-repeat: no-repeat;
}

.cp_ad{
  margin:0 auto;
  width:84%;
}

.head_logo{
	width:55vw;
	margin:1.5vw auto;
}

.bg01 { 
    background:#f7f7f7;
}

.contents_img_01{
    max-width: 57.333vw; 
    margin:2vw auto;
}

.contents_img_02{
    max-width: 67.333vw; 
    margin:0 auto;
}

.contents_img_03{
    max-width: 90.667vw; 
    margin:0 auto;
}

.contents_img_04{
    max-width: 86.4vw; 
    margin:0 auto;
}

.contents_img_05{
  max-width: 86.4vw; 
  margin:0 auto;
}

.carousel-inner{
  margin-bottom: 55px;
}

.glyphicon {
  color: #333333;
}

.item{
  width: 100%;
}

.carousel-indicators{
  margin-top: 40px;
  margin-bottom: 50px;
}

.img_line{
	width:93.878%;
	margin:0 auto;
}

.a-btn{
	width:86.4%;
	margin:0 auto;
	display: flex;
}

.a-btn .alink{
	width:25%;
	padding:0;
}

.a-btn .alink img{
	width:100%;
}

.head-btn-area{
  margin:0 auto;
  width:77.0666%;
}

.head-btn{
  margin:0 auto;
  width:90%;
}

.fit-area{
  margin:0 auto;
  width:56.8%;
}

.fit-area-btn{
  margin:0 auto;
  width:79.2%;
}

.un_c1 {
  margin-bottom: 30px;
}

footer{
  background: #fff;
}


@media screen and (min-width: 750px) {
.ksnr{
  margin:0 auto;
  top:-70px;
 }
.ksnr img, .nwgn-btn img{width:78%;}
.margin_ksnr{margin:-30px 0 20px 0;}

.padding_w {
  padding :0;
}

.cp_ad{
  margin:0 auto;
  width:89.7959%;
}

.a-btn{
	width:648px;
}

.a-btn .alink{
	padding:0 0px;
}

.bg1{
  background-image: url("images/bg2.jpg");
  background-size: contain;
}

.contents_img_01{
  margin:20px auto;
}

.head-btn-area{
  width:68.1633%;
  }

.head-btn{
  width:89.796%;
  }

.fit-area{
  width:36.5306%;
  }

.fit-area-btn{
  width:74.0816%;
  }

  #shop_search01 {
    margin-bottom: 10%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 750px;
  }

}

@media (min-width: 1200px) {
  .container {
    width: 750; 
  }

}

.carousel-indicators {
  bottom: -8%;
}

@media screen and (min-width: 768px) {
  .carousel-indicators {
    bottom: -25px !important;
  }
  
}

.bg_85C132 {
    background-color: #fcecdb;
}

.carousel-indicators li {
    background-color: #ffffff;
    color: #333;
    border: solid 1px;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 3px;
    text-indent: -999px;
    width: 10px;
}

.carousel-indicators .active {
    background-color: #4d4d4d;
    border: none;
    height: 10px;
    margin: 3px;
    width: 10px;
}

.carousel-control .icon-prev {
    top: 42%;
    left: 40%;
    margin-left: -20px;
}

.carousel-control .icon-next {
    top: 42%;
    right: 40%;
    margin-right: -20px;
}
  
@media screen and (min-width: 768px) {
  .carousel-control .icon-prev {
    left: 30%;
  }
  
  .carousel-control .icon-next {
    right: 30%;
  }

  .bottom-btn {
    bottom: 20px;
  }
}

@media screen and (min-width: 750px) {
  #shop_search01 {
    padding-bottom: 3%;
    margin-bottom: 5%;
  }

}

@media screen and (max-width: 750px) {
  #shop_search01 {
    padding-bottom: 10%;
    margin-bottom: 10%;
  }

}

@media screen and (max-width: 430px) {
  #shop_search01 {
    margin-bottom: 20px;
  }

}

.bottom-btn {
    display: flex;
    width: 95%;
    margin: 0 auto;
    text-align: center;
    justify-content: space-around;
    margin-bottom: 2%;
    
  }

  .square {
    margin-top: -6%;
    margin-bottom: 30%;
  }

  #shop_search01 {
    margin-bottom: 1%;
  }

  
  #shop_search01 {
    position: fixed;
    bottom: 0%;
    width:100%;
    z-index:100;
    /* background: #cc0000G */
  }

  .embed-responsive {
    margin: 0 auto;
    margin-left: 10;
    width: 85%;
  }
  
  .embed-responsive {
    margin: 0 auto;
    text-align: center;
    
  }
  

  @media screen and (min-width: 769px) {
    .embed-responsive {
      width: 85%;
    }
  }
  
  @media screen and (max-width: 768px) {
    .iframe-wrapper {
      width: 80%;
      margin-top: 0;
    }
  }

  @media screen and (min-width: 769px) {
    .iframe-wrapper {
      width: 80%;
    }
  }
  
  @media screen and (min-width: 430px) {
    .iframe-wrapper:hover {
      width: 80%;
    }
  }
  
  @media screen and (max-width: 768px) {
    .iframe-wrapper {
      width: 80%;
      margin-top: 0;
    }
  }