html {
  -webkit-overflow-scrolling: touch;
    max-width: 750px;
    margin: 0 auto;
    background-size: 100%;
     overflow-x: hidden;
     overflow-y: scroll; -webkit-overflow-scrolling: touch;
  background-color:#6a5c51;
}

body {
  font-family : "ヒラギノ角ゴ ProN" , sans-serif;
    background: #efefef; /* Fills the page */
}

div.wbg{
  background-color:#fff;
  
}

div#header-bk
{
	background-color: #fff;
	max-width:750px;

	position: fixed;
	top: 0px;

}
/* ヘッダーの表示領域 */
div#footer{

	max-width:750px;
	margin: auto;
}

header{position:fixed;}

img{
width:100%;
margin: 0px;
padding: 0px;
vertical-align: bottom;
}
/* 抹消 */
.slick-prev {
    left: 0;
    z-index: 1;
    opacity:0;
}

.slick-next {
    right: 0;
    opacity:0;
}
/* Fills the page */
  * {
 margin: 0;
 padding: 0;
}
ul {
  list-style:none;
}

ul.shop{
  list-style:none;
  display: flex;
  flex-wrap: wrap;
}

ul.shop li{width:50%;}


div {
  padding: 0px;
}



a{
text-decoration: none;
color:black;

}

a.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}

h1{
 margin: 0;
 padding: 0;


}


h2{

}

h3{

}

h4{

}

h5{
}

h6{

}

#jump1{
   display: block;
   margin-top:-5vw;
   padding-top:5vw;
}


/*ここからヘッダー↓*/
header{
  position: fixed;
  top: 0;            /* ← 追加 */
  width: 100%;
  background-color:#000;
  color: white;
  text-align: left;
  max-width: 750px;
  max-height: 120px;
  z-index: 999 /* 重なり順の指定 */
  }
#header_title{

  padding: 0vw;
  
  }
#title img{

  max-width: 750px;}
/*ここまでヘッダー↑*/
footer{
  position: fixed;
  width: 100%;
  background-color:#000;
  bottom:0;
  color: white;
  text-align: left;
  max-width: 750px;
  max-height: 120px;
  z-index: 999 /* 重なり順の指定 */
  }
#footer_title{

  padding: 0vw;
  
  }
#foot img{

  max-width: 750px;}


.sage{margin-top:4vw;}




*:focus {
outline: none;
}

#footerFloatingMenu {
    display: block;
    max-width: 100%;

    position: fixed;
    left: -20px;

    bottom: 2px;
    z-index: 9999;
    text-align: center;

}
#footerFloatingMenu #inner {
margin: auto;


}


div#footer-bk
{
	background-color: #fff;
	max-width:750px;

	position: fixed;
	bottom: 0px;

}
/* フッターの表示領域 */
div#footer{


	max-width:750px;
	margin: auto;
}


.uee{
margin-top:-150px;
}
.shitae{
margin-top:150px;
}
/*人設定 */
.human1{
  width:22%;
  top:0%;
  right:0%;
  z-index: 150;
  position: absolute;
}
.human2{
  width:25%;
  bottom:22%;
  left:5%;
  z-index: 150;
  position: absolute;
}
.human3{
  width:25%;
  bottom:-50%;
  right:0%;
  z-index: 150;
  position: absolute;
}
.human4{
  width:25%;
  top:0%;
  right:3%;
  z-index: 150;
  position: absolute;
}
.human5{
  width:27%;
  top:-50%;
  right:15%;
  z-index: 150;
  position: absolute;
}
.human6{
  width:25%;
  top:0%;
  right:3%;
  z-index: 150;
  position: absolute;
}
.human7{
  width:20%;
  top:0%;
  right:3%;
  z-index: 150;
  position: absolute;
}
.human8{
  width:22%;
  top:0%;
  left:7%;
  z-index: 150;
  position: absolute;
}
.human9{
  width:20%;
  top:9%;
  right:6%;
  z-index: 150;
  position: absolute;
}
.human10{
  width:25%;
  top:8%;
  left:3%;
  z-index: 150;
  position: absolute;
}
.human11{
  width:25%;
  top:8%;
  right:3%;
  z-index: 150;
  position: absolute;
}






.mbg{
  background: #eee9f4;
  
}
.bbg{
  background: #e5f1fb;
  
}




/* スライダー設定 */

.sliderArea {
  max-width: 750px;
  margin: 3vw auto 0;


}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}


.slick-slide {
  -webkit-transform-style: preserve-3d;
}

/* スリックの上にのせる */


.slick-outer{position: relative;}
.slick-content{
  position: absolute;
  top: 50%;left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 150;
  color: #fff;
  max-width: 750px;
}
.catch{position: relative;height:100%;}
.over{
position: absolute; 
top: 11vw;left: 0%;
z-index: 150;
width: 100%;
height: 100%;
}
.overfoot{
position: absolute; 
top: 3vw;left: 0%;
z-index: 150;
width: 100%;
height: 100%;
}



@media (max-width: 900px) {
.over{
position: absolute; 
    left: 50%;
    top: 22vw;
    /*コレ*/transform: translate(-50%,-50%);
z-index: 150;
width: 100%;
height: 100%;
}
.overfoot{
position: absolute; 
top: 8vw;left: 0%;
z-index: 150;
width: 100%;
height: 100%;
}
.sliderArea {
  max-width: 750px;
  margin: 10vw auto 0;


}


}