.bg{

position:fixed;

top:0;
left:0;

width:100%;
height:100vh;

background:url("../../Images/tsuyuhareru/bg.png") center/cover no-repeat;

z-index:-1;

}
body{
     font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;

}

/* LP */



.lp-container{
background:#fff;
max-width:500px;
margin:0 auto;

}

.lp-container img{

width:100%;
display:block;

}
.lp-container{
box-shadow:0 10px 40px rgba(138,196,39,0.56);
}
/* offer */

.offer{
    background-color: #FBF7EF;
}


/* CTA */

.floating-cta{

position:fixed;
bottom:0;
left:0;

width:100%;

transform:translateY(100%);
transition:.4s;

z-index:999;

pointer-events:none;

}

.floating-cta.show{
transform:translateY(0)!important;
opacity: 1 !important;
pointer-events:auto !important;
}

.floating-cta img{
width:100%;
display:block;
}

/* FAQ */
.small{
    font-size: 10px;
}

.faq{
max-width:500px;
margin:0 auto;
background:#f5f5f5;
padding-bottom:40px;
}

.faq-title{

background:#8AC427;
color:#fff;

text-align:center;
padding:30px 0;

font-size:20px;
letter-spacing:2px;

}

/* item */

.faq-item{

margin:20px;
background:#fff;
border-radius:20px;

}

/* question */

.faq-question{

width:100%;
display:flex;
align-items:center;
justify-content:space-between;

padding:18px 20px;

background:none;
border:none;

cursor:pointer;

}

.q-icon{

width:36px;
height:36px;

background:#eaf3df;
border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

color:#8AC427;
font-weight:bold;

margin-right:10px;

}

.q-text{

flex:1;
text-align:left;
font-size:14px;

}

/* +ボタン */

.plus{

width:36px;
height:36px;

background:#8AC427;
border-radius:50%;

position:relative;

}

.plus::before,
.plus::after{

content:"";
position:absolute;
background:#fff;

}

.plus::before{

width:16px;
height:2px;
top:50%;
left:50%;
transform:translate(-50%,-50%);

}

.plus::after{

width:2px;
height:16px;
top:50%;
left:50%;
transform:translate(-50%,-50%);

}

/* answer */

.faq-answer{

display:none;
padding:20px;

font-size:14px;
line-height:1.8;

}

/* table */

.caffeine-table{

width:100%;
border-collapse:collapse;
margin-top:20px;

}

.caffeine-table th{
text-align:center;
vertical-align:middle;
background:#8AC427;
color:#fff;
padding:10px;

}

.caffeine-table td{

border:1px solid #8AC427;
padding:10px;
text-align:center;

}

.highlight{

color:#0a7a36;
font-weight:bold;

}


/* footer */

.footer{
max-width:500px;
margin:0 auto;
padding:20px;
margin-top:35px;

text-align:center;

background:#006834;
color:#fff;


}


.footer-links{

display:flex;
flex-wrap:wrap;
gap:10px;
justify-content:center;
margin: 10px auto;;
font-size:12px;

}

.footer-links a{

color:#ffffff;
text-decoration:none;

}

.sns-links{

margin-top:20px;

display:flex;
justify-content:center;
gap:20px;

}

.sns-links img{

width:32px;
height:32px;

}


/* スマホでのフッター表示を強制する */
footer.sp-only {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
}

/* PC */

@media (min-width:768px){

body{

background-image:url("../../Images/tsuyuhareru/bg.png");
background-size:100% auto;
background-position:center;
background-repeat:no-repeat;

}

.floating-cta{

max-width:500px;

left:50%;
transform:translateX(-50%) translateY(100%);

}

.floating-cta.show{

transform:translateX(-50%) translateY(0)!important;

}

/* ★ここに追加 */
footer.sp-only{
display: none !important; /* visibilityよりも確実に消すためにdisplayを使用 */
visibility:hidden;
height:0;
overflow:hidden;
}

}

/* カートエリア背景 */

.cartlist__wrapper{
background:#ffffff;
padding:20px;
border-radius:8px;
}

.cart__heading{
background:#ffffff;
}