// ===
// Width
// ===
.w-650p {
  width: 650px;
}
.w-710p {
  width: 710px;
}
.w-900p {
  width: 900px;
}
.w-540p {
  width: 540px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
.w-600p {
  width: 600px;
  border-radius: 24px;
  padding: 30px;
}
.w-100 {
  width: 100%;
}
.w-30 {
  width: 30%;
}

// ===
// Text Align
// ===
.text-center {
  text-align: center;
}

// ===
// Border
// ===
.border {
  border: 1px solid $color-line;
}
.border-bottom-dark td{
  border-bottom-color: darken(#C6C6BA, 20%);
}
.border-bottom-1 {
  border-bottom: 1px solid $color-line;
}

// ===
// Float
// ===
.float-right {
  float: right;
}
.float-left {
  float: left;
}

// ===
// Text Decoration
// ===
.text-decoration-none {
  text-decoration: none;
}

// ===
// customized
// ===
.order-box-info{
  border-radius: 32px;
  border: #707070 1px solid;
}

.info-top{
  padding: 30px 0;
  border-bottom: #707070 1px solid;
}

.info-content{
  overflow: hidden;
 

}

.info-item{
  float: left;
  box-sizing: border-box;
  width: 50%;
   padding: 30px 0;

}

.text-link{
  text-decoration: none;
}

.mail-link{
  word-break: break-all;
}

.logo{
  max-width: 40px;
  height: auto;
}

.ol{
  margin: 0;
  padding-left: 20px;

}