#cookie-banner{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  background:#000;
  color:#fff;
  padding:20px 2%;
  z-index:9999;
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:center;
  justify-content:space-between;
}

.cookie-p {
    font-size:18px;
    line-height:1.6;
}

#cookie-banner a{
color:#ff7a00;
}

.cookie-buttons{
margin-top:12px;
display:flex;
gap:15px;
flex-wrap:wrap;
}

#cookie-customize{
background:none;
border:1px solid #ff7a00;
color:#ff7a00;
padding:5px 20px 7px 20px;
font-size:18px;
border-radius:50px; /* ← 角丸 */
}

#cookie-reject{
background:#333;
color:#fff;
border:none;
padding:5px 25px 7px 25px;
font-size:18px;
border-radius:50px; /* ← 角丸 */
}

#cookie-accept{
background:#ff7a00;
color:#fff;
border:none;
padding:5px 25px 7px 25px;
font-size:18px;
border-radius:50px; /* ← 角丸 */
}

@media (max-width:768px){

.cookie-p {
    font-size:16px;
    line-height:1.5;
}

.cookie-buttons{
margin-top:10px;
display:flex;
gap:12px;
flex-wrap:wrap;
}

#cookie-customize{
background:none;
border:1px solid #ff7a00;
color:#ff7a00;
padding:4px 18px 6px 18px;
font-size:16px;
border-radius:50px; /* ← 角丸 */
}

#cookie-reject{
background:#333;
color:#fff;
border:none;
padding:4px 20px 6px 20px;
font-size:16px;
border-radius:50px; /* ← 角丸 */
}

#cookie-accept{
background:#ff7a00;
color:#fff;
border:none;
padding:4px 20px 6px 20px;
font-size:16px;
border-radius:50px; /* ← 角丸 */
}

}



#cookie-settings{
position:fixed;
inset:0;
background:rgba(0,0,0,0.7);
display:none;
align-items:center;
justify-content:center;
z-index:10000;
}

.cookie-modal{
background:#111;
color:#fff;
padding:30px;
max-width:400px;
width:90%;
}

.cookie-option{
margin-top:15px;
}

.cookie-option p{
font-size:16px;
opacity:0.8;
}

.cookie-modal-buttons{
margin-top:20px;
}

#cookie-save{
background:#ff7a00;
border:none;
padding:8px 16px;
color:#fff;
}