#Postage nav {
  margin-bottom: 100px;
}

#Postage nav li:not(:last-child) {
  margin-bottom: 10px;
}

#Postage h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 50px;
  background: #e7e0cd;
  padding: 10px;
}

@media screen and (max-width: 599px) {
  #Postage h4 {
    font-size: 18px;
  }
}

#Postage h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  position: relative;
  padding-left: 15px;
}

@media screen and (max-width: 599px) {
  #Postage h5 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

#Postage h5::before {
  content: "";
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}

#Postage .NotesArea h5 {
  font-size: inherit;
  font-weight: 400;
  padding-left: 0;
}

#Postage .NotesArea h5::before {
  display: none;
}

#Postage h6 {
  color: #666;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

#Postage .TableWrap {
  max-width: 800px;
  overflow-y: auto;
  margin-bottom: 20px;
}

#Postage table {
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  min-width: 500px;
}

#Postage table th,
#Postage table td {
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding: 5px 10px;
}

#Postage table th {
}

#Postage table.Date td:nth-child(1) {
  width: 85%;
}

#Postage table.Date td:nth-child(2) {
  width: 15%;
  text-align: right;
  background: #eee;
}

#Postage table.Jouon th {
  background: #eee;
}

#Postage table.Cool th {
  background: #dfeff6;
}

#Postage .NotesArea {
  font-size: 90%;
  color: #666;
  margin-top: 20px;
  padding: 20px;
  border: solid 1px #ccc;
  border-radius: 5px;
}

#Postage .NotesArea ul {
  list-style: disc;
}

#Postage .NotesArea ul > li {
  margin-left: 1em;
}

#Postage .NotesArea ul > li:not(:last-child) {
  margin-bottom: 5px;
}

p.notes {
  position: relative;
  padding-left: 1.5em;
}

p.notes::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

#Postage > .inner > .sec {
  margin-bottom: 100px;
  padding-bottom: 0;
  padding-top: 200px;
  margin-top: -200px;
}

@media screen and (max-width: 1024px) {
  #Postage > .inner > .sec {
    padding-top: 140px;
    margin-top: -140px;
  }
}

#Postage dl > div {
  margin-bottom: 50px;
}

#Postage dl > div dt {
  color: #a77f84;
  border-bottom: solid 1px #a77f84;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
}

#Postage dl > div .NotesArea dt {
  color: inherit;
  border: none;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-size: inherit;
}

#Postage #Contact .NotesArea dt {
  color: #a77f84;
  border-bottom: solid 1px #a77f84;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: inherit;
  font-weight: 600;
}

#Postage dl > div .NotesArea dt + dd,
#Postage #Contact .NotesArea dt + dd {
  margin-bottom: 20px;
}

#Postage dl > div dd div + div,
#Postage #Cancel div + div,
#Postage #Contact div + div {
  margin-top: 50px;
}

#Postage .column {
  background: #eee;
  padding: 20px;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
}

#Postage .column2 {
  border: solid 1px #ccc;
  padding: 20px;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#Important-Notices dt {
  position: relative;
  padding-left: 1em;
}

#Important-Notices dt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 10px;
  background: url(../img/postage/Ico_Check.jpg) no-repeat left top;
  background-size: contain;
}

#Cancel > div ul {
  list-style: disc;
}

#Cancel > div ul > li {
  margin-left: 1em;
}

#Cancel > div ul > li:not(:last-child) {
  margin-bottom: 5px;
}

#Cancel .column2 dt {
  margin-bottom: 10px;
}

#Cancel .column2 dd:not(:last-of-type) {
  margin-bottom: 20px;
}

#Delivery dl div#Fee {
  padding-top: 200px;
  margin-top: -150px;
}