/* --------------------------------
アンカー
-------------------------------- */
[id]{
scroll-margin-top:10rem;
}


/* --------------------------------
about
-------------------------------- */
.about{
padding:18rem 0 8rem 0;
}

/* ------------------------------- 
payment
-------------------------------- */
.payment-note{
margin-top:2rem;
font-size:2rem;
line-height:3rem;
font-family:"mincho", serif;
}

.payment-note em{
font-style:normal;
}

.payment-note__text{
margin-top:2rem;
padding:2rem 2.5rem;
font-size:1.4rem;
background:var(--bg2);
}


/* ------------------------------- 
tokushou
-------------------------------- */
.tokushou{
padding:8rem 0 0 0;
}

/* ------------------------------- 
privacy
-------------------------------- */
.privacy{
padding:8rem 0;
}

.privacy dt{
margin:0;
padding:2.5rem 0 1rem;
border-top:1px solid var(--color-line2);
}

.privacy dd{
margin:0;
padding:0 0 3rem 3rem;
}



/* -------------------------------
table
-------------------------------- */
.table table{
width:100%;
}

.table tr{
border-bottom:1px solid var(--color-line2);
}

.table tr:first-child{
border-top:1px solid var(--color-line2);
}

.table th,
.table td{
padding:2.2rem 2rem;
vertical-align:top;
}

.table th{
width:22rem;
font-weight:400;
text-align:left;
letter-spacing:.04em;
background:var(--bg2);
}

/* -------------------------------
.table2　送料表
 -------------------------------- */
.table2{
width:100%;
overflow-x:auto;
}

.table2 table{
width:100%;
border:1px solid var(--color-line2);
}

.table2 th,
.table2 td{
padding:1.8rem 1.5rem;
border-right:1px solid var(--color-line2);
border-bottom:1px solid var(--color-line2);
text-align:center;
vertical-align:middle;
}

.table2 th{
font-weight:500;
background:var(--bg2);
}

.table2 tr:not(:first-child) th{
text-align:left;
}


/* -------------------------------
共通
 -------------------------------- */
/* 見出し */
h3{
font-size:2.3rem;
font-family:"mincho", serif;
padding-bottom:3rem;
}

/* リスト */
.table ul,
.privacy ul{
margin:2rem 0;
padding:0;
list-style:none;
}

.table li,
.privacy li{
position:relative;
padding:.5rem 0 .5rem 1.5rem;
color:var(--color-gray3);
}

.table li::before,
.privacy li::before{
content:"";
position:absolute;
top:1rem;
left:0;
width:.4rem;
height:.4rem;
border-radius:50%;
background:var(--color-gray3);
}


/* 定義リスト */
.table dl{
margin:1.5rem 0 0;
}

.table dt{
margin:0 0 .5rem;
font-weight:500;
}

.table dd{
margin:0;
}


/* 画像 */
.table img{
display:block;
width:auto;
max-width:100%;
height:auto;
margin-top:1.5rem;
}


/* 金額 */
.table2 .price{
margin:0;
font-family:"mincho", serif;
font-size:1.3rem;
}

.table2 .price i{
font-size:1.7rem;
font-style:normal;
}


/* SP */
@media (max-width:800px){

.table th,
.table td{
display:block;
width:100%;

}

.table2 th,
.table2 td{
padding:1.5rem 0;
}

.table2 tr:not(:first-child) th{
padding-left:1.5rem;
}

}