/* ------------------------------- 
送料
-------------------------------- */
.shipping {
margin:0 auto;
height:100%;
border: 2px solid var(--color-pink1);
background: var(--color-pink3);
}

.shipping__body {
padding:1.6rem 0;
text-align:center;
width:100%;
}


/* ------------------------------- 
料金
-------------------------------- */
.shipping__price {
display: flex;
align-items: baseline;
justify-content:center;
flex-wrap: wrap;
gap: .5rem;
margin: 0 auto;
font-family:"mincho", serif;
font-size: 1.4rem;
line-height: 1.6;
text-align:center;
}

.shipping__price strong {
font-family:"number", serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.03em;
color:var(--color-pink1);
}


/* ------------------------------- 
地域によって
-------------------------------- */
.shipping__detail {
position: relative;
margin-top: 6px;
padding: 0 18px 2px 0;
border: 0;
border-bottom: 1px solid var(--color-text1);
background: transparent;
font: inherit;
font-size: 1.2rem;
line-height: 1;
cursor: pointer;
transition:color 0.25s ease, border-color 0.25s ease;
}

.shipping__detail::after {
content: "";
position: absolute;
top: 50%;
right: 3px;
width: 6px;
height: 6px;
border-top: 1px solid currentColor;
border-right: 1px solid currentColor;
transform: translateY(-65%) rotate(45deg);
}


/* ------------------------------- 
20,000円以上
-------------------------------- */
.shipping__note {
padding:1rem 0 2rem 0;
background: var(--color-pink1);
text-align: center;
}

.shipping__note strong {
display: block;
color:#FFF;
font-family:"mincho", serif;
font-size: 2rem;
font-weight: 500;
letter-spacing: 0.04em;
line-height:1;
padding:1rem 0;
}

.shipping__note small {
display: block;
color:#FFF;
font-size: 1.2rem;
font-weight: 500;
line-height:1;
}