@charset "utf-8"; /* CSS Document */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img{
    width: 100%;
    max-width: 100%;
    vertical-align: bottom;
}

a{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: pointer;
}

ul{
    list-style: none;
    padding:0;
}

h1,h2,section{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border:none;
}

#wrapper{
    width: 800px;
    margin: 0 auto;
}

.manage_wrap {
    width: 800px;
    margin: 0 auto 1vh;
}

.lp_manage {
    font-size: 16px;
    text-align: center;
    width: 16vw;
    border: 1px solid;
}

#last{
	width: 100%;
    background-color: #ffe6e9;	
}

#last div{
	width: 800px;
	margin:20px auto 0;
	padding: 20px 5px ;
	font-size: 16px;
}

#last div:last-child{
	margin-bottom:10px;
}

#last div ul:not(:last-child) {
  margin-bottom: 20px;
}

/* 各コンテンツ */
/* 2品セット */
.offer01_btn01{
  position: relative;
  aspect-ratio: 800 / 1705; 
}

.offer01_btn01 a,.offer01_btn01 p{
    position: absolute;
    bottom: 39.75%;
    width: 80%;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index:10;
}

.offer01_btn02{
  position: relative;
  aspect-ratio: 800 / 1714; 
}
.offer01_btn02 a,.offer01_btn02 p{
    position: absolute;
    bottom: 39.25%;
    width: 80%;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index:10;
}

/* 定期バーム単品 */
.offer02_btn01{
  position: relative;
  aspect-ratio: 800 / 1190; 
}

.offer02_btn01 a,.offer02_btn01 p{
    position: absolute;
    bottom: 13%;
    width: 80%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

/* 都度バーム単品 */
.offer03_btn01{
  position: relative;
  aspect-ratio: 800 / 447; 
}

.offer03_btn01 a,.offer03_btn01 p{
    position: absolute;
    bottom: 23.5%;
    width: 80%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.offer03_btn02{
  position: relative;
  aspect-ratio: 800 / 402; 
}

.offer03_btn02 a,.offer03_btn02 p{
    position: absolute;
    bottom: 19.75%;
    width: 80%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

/* 定期セラム単品 */
.offer04_btn01{
  position: relative;
  aspect-ratio: 800 / 1459; 
}

.offer04_btn01 a,.offer04_btn01 p{
    position: absolute;
    bottom: 2.5%;
    width: 80%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.offer04_btn02{
  position: relative;
   aspect-ratio: 800 / 1458;
}

.offer04_btn02 a,.offer04_btn02 p{
    position: absolute;
    bottom: 12%;
    width: 80%;
    right: 0;
    left: 0;
    margin: 0 auto;
}
/* 都度セラム単品 */
.offer05_btn01{
  position: relative;
}

.offer05_btn01 a,.offer05_btn01 p{
    position: absolute;
    bottom: 17.5%;
    width: 80%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

@media screen and (max-width: 640px) {

    #wrapper{
        width: 100%;
    }

    .lp_manage {
        font-size: 4vw;
        text-align: center;
        width: 60vw;
        border: 1px solid;
        margin-left: 1vw;
    }
    
    .manage_wrap {
        width: 100%;
    }

    #last{
        background-color: #ffe6e9;		
    }

    #last div{
        width: 100%;
        margin: 20px auto 10px;
        padding: 20px;
        font-size: 16px;
    }

    #last div ul:not(:last-child) {
      margin-bottom: 10px;
    }

}