html {
  -webkit-overflow-scrolling: touch;
    max-width: 100%;
    margin: 0 auto;
	background-color: #ab69a8;
    background-size: 100%;
}

html.shop {
	background-color: #E9EBEC;
}

img{  vertical-align:top;
      width:100%;}

body{
  width: 100%;
  margin: 0 auto;

}

video{
width:100%;
margin: 0px;
padding: 0px;
vertical-align: bottom;
}


.info{width:80%;margin:0 auto 5vw;}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

	

	


.l-container {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.l-wrapper {
    width: 100%;
    height: auto;
}
.l-wrapper a {
    width: 100%;
    height: 100%;
}


/***追従するトップへ戻るボタン***/
#page-top {
	width: 15vw;
    position: fixed;
    right: 3vw;
    bottom: 10vw;
    z-index: 9999;

}

@media screen and (min-width:751px) { 
    #page-top {
	width: 80px;
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 9999;
  }

}