/* Common */
.orderdetail-primary select {
  appearance:none;
  background:url('../img/common/select-icon.png') no-repeat right 15px center;
}

.orderdetail-primary input.essential-input {
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-image: url('../img/common/essential-icon.png');
}

/* Product */
.product-visual {
  width:100%;
  height:480px;
  overflow:hidden;
}

.product-bg {
  width:100%;
  height:100%;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../img/sub/product/prd-bg.png');
}

.product-bg__content {
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width:100%;
  height:100%;
  text-align: center;
}

.product-bg__content h2 {
  font-size:4.2rem;
  font-weight:600;
  color:#ffffff;
}

.product-bg__content p {
  font-size:2.2rem;
  font-weight:400;
  color:#ffffff;
  line-height:1.4;
  margin-top:40px;
}

.product-content {
  padding:160px 15px;
}

.product-content--type {
  padding:60px 15px;
}

.product-content__container {
  max-width: 1280px;
  width: 100%;
  min-height: 930px;
  height: 100%;
  margin: auto;
}

.product-content .product-list {
  display: flex;
  flex-wrap:wrap;
  margin:-60px -20px;
}

.product-content .product-list .product-list__item {
  flex:0 0 33.33%;
  padding:60px 20px;
}

.product-content .product-list a {
  display: block;
}

.product-content .card-thumb {
  display:block;
  position: relative;
  width:100%;
  height:0;
  padding-top:calc(400/400*100%);
  overflow: hidden;
}

.product-content .card-thumb__img {
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width:100%;
  height:100%;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
}

.product-content .card-text {
  margin-top:20px;
}

.product-content .card-subtit {
  font-size:1.8rem;
  font-weight:500;
  color:#666666;
  line-height:1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.product-content .card-tit {
  font-size:3.2rem;
  font-weight:600;
  color:#121212;
  line-height:1;
  padding:20px 0px;
  border-bottom:1px solid #bdbdbd;
}

.product-content .card-list {
  padding-top:14px;
  margin:-3px 0px;
}

.product-content .card-list li {
  font-size:1.4rem;
  font-weight:400;
  color:#bdbdbd;
  padding:3px 0px;
}

.product-content .product-area {
  display: flex;
  margin-bottom:120px;
}

.product-content .product-area__propic {
  width:46.875%;
}

.product-content .product-area__propic  img {
  display:block;
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}

.product-content .product-area__propic .propic-container {
  /* width:100%; */
  /* max-width:600px; */
  /* width:100%; */
  /* height:0; */
  /* padding-top:calc(600/600*100%); */
  /* height:600px; */
  /* background-color: #222; */
  overflow:hidden;
  /* height:100%; */
}

.product-content .product-area__propic .propic-thumbs {
  position: relative;
  width:100%;
  height:0;
  padding-top:calc(600/600*100%);
  overflow: hidden;
}

.product-content .product-area__propic .propic-thumbs__img {
  position: absolute;
  width:100%;
  height:100%;
  top:50%;
  left:50%;
  -webkit-ransform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


.product-content .product-area__propic .swiper-pagination {
  position: relative;
  bottom:0px;
  margin-top:10px;
}

.product-content .product-area__propic .swiper-pagination {
  position: relative;
  display: inline-block;
  bottom: auto;
  margin-top: 18px;
  left:0;
  width:100%;
  line-height:0;
}

.product-content .product-area__propic .swiper-pagination .swiper-pagination-bullet {
  width:80px;
  height:80px;
  border-radius:0;
  background-color:transparent;
  opacity:1;
  margin:6px;
  position: relative;
}

.product-content .product-area__propic .swiper-pagination .swiper-pagination-bullet .thumb {
  position: relative;
  width:100%;
  height:100%;
  display: block;
}

.product-content .product-area__propic .swiper-pagination .swiper-pagination-bullet .thumb::after {
  content:"";
  display: block;
  position:absolute;
  width:100%;
  height:100%;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  background-color: transparent;
  box-shadow: 0 0 0 1px #ddd inset;
}

.product-content .product-area__propic .swiper-pagination .swiper-pagination-bullet-active .thumb::after {
  box-shadow: 0 0 0 1px #000000 inset;
}

.product-content .product-area__propic .swiper-pagination .swiper-pagination-bullet img {
  width:100%;
}

.product-content .product-area__info {
  width:53.125%;
  /* margin-left:80px; */
  margin-left:6%;
  border-top:4px solid #121212;
  padding-top:30px;
}

.product-content .product-area__info .info-top {
  position: relative;
}

.product-content .product-area__info .info-primay {
  position: relative;
}

.product-content .product-area__info .favorite {
  width:40px;
  height:35px;
  background-size:auto;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../img/sub/product/favorite.png');
  position: absolute;
  top:0;
  right:0;
  cursor:pointer;
  z-index:10;
}

.product-content .product-area__info .favorite.on {
  background-image: url('../img/sub/product/favorite-on.png');
}

.product-content .product-area__info .category {
  font-size:2.4rem;
  font-weight:700;
  color:#666666;
}

.product-content .product-area__info .tit {
  font-size:3.2rem;
  font-weight:600;
  color:#121212;
  margin-top:20px;
}

.product-content .product-area__info .tit span {
  font-size:2.4rem;
}

.product-content .product-area__info .provision {
  margin:40px 0px 80px;
}

.product-content .product-area__info .provision ul {
  margin:-10px 0px;
}

.product-content .product-area__info .provision li {
  font-size: 1.8rem;
  font-weight:400;
  color:#505050;
  padding:10px 0px;
  line-height:1;
}

.product-content .product-area__info .provision span {
  display: inline-block;
  margin-right:10px;
}

.product-content .product-area__info .option {
  padding:15px 0px;
  border-top:1px solid #bdbdbd;
  border-bottom:1px solid #bdbdbd;
}

.product-content .product-area__info .option__tit {
  font-size:1.4rem;
  color:#666666;
  font-weight:500;
}

.product-content .product-area__info .option__box {
  display: flex;
  justify-content: space-between;
  margin-top:10px;
}

.product-content .product-area__info .option__box .quantity {
  display:flex;
  align-items: center;
  justify-content:center;
}

.product-content .product-area__info .option__box .quantity-decrement,
.product-content .product-area__info .option__box .quantity-increment,
.product-content .product-area__info .option__box .quantity-input {
  display: inline-block;
  border:1px solid #cdcdcd;
  width:30px;
  height:30px;
  line-height:30px;
  border-radius:0px;
  user-select:none;
  text-align: center;
  cursor: pointer;
}

.product-content .product-area__info .option__box .quantity-decrement {
  border-right:none;
}

.product-content .product-area__info .option__box .quantity-increment {
  border-left:none;
}

.product-content .product-area__info .option__box .quantity-input{
  outline: none;
  width:50px;
}

.product-content .product-area__info .option__box .amount {
  font-size:1.8rem;
  font-weight:600;
  color:#121212;
}

.product-content .product-area__info .total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin:40px 0px;
}

.product-content .product-area__info .total__tit {
  font-size:2.4rem;
  font-weight:700;
  color:#666666;
}

.product-content .product-area__info .total__amount {
  font-size:3.2rem;
  font-weight:600;
  color:#121212;
}

.product-content .product-area__info .total__amount span {
  font-size:2.4rem;
}

.product-content .product-area__info .buttons {
  display: flex;
}

.product-content .product-area__info .button {
  flex:1 1;
  font-size:2rem;
  font-weight:500;
  height:66px;
  margin-left:8px;
}

.product-content .product-area__info .button:first-child {
  margin-left:0px;
}

.product-content .product-area__info .pay {
  margin-top:30px;
}

.product-content .product-detail__nav {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom:40px;
  overflow: hidden;
  border-top: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
}

.product-content .product-detail__nav > li {
  flex: 1 1;
  margin-top: -1px;
  margin-left: -1px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  position:relative;
}

.product-content .product-detail__nav > li .button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 58px;
  text-align: center;
  color: #121212;
  font-size:1.8rem;
  font-weight:400;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  padding:0 15px;
}

.product-content .product-detail__nav > li.on .button {
  font-weight:600;
}

.product-content .product-detail__con {
  position: relative;
}

.product-content .product-detail__con > li {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.product-content .product-detail__con > li.on {
  display: block;
  height:auto;
  position:relative;
  animation: contents-on ease .5s forwards
}

 @-webkit-keyframes contents-on {
   from { opacity: 0; }
   to { opacity: 1; }
 }

.product-content .product-detail__con .page-section {
  min-height:300px;
}

.product-content .product-detail__con .page-section__img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-content .product-detail__con .page-section__guide li {
  padding-bottom:30px;
}

.product-content .product-detail__con .page-section__guide li:last-child {
  padding-bottom:0px;
}

.product-content .product-detail__con .page-section__guide p {
  font-size:1.8rem;
  font-weight:300;
  color:#121212;
  line-height:1.4;
}

.product-content .product-detail__con .page-section__guide p.guide__tit {
  font-weight:600;
}


@media (max-width:1200px) {

  .product-content {
    padding:100px 15px;
  }

  .product-visual {
    height:360px;
  }

  .product-bg__content {
    padding:0px 15px;
  }

  .product-bg__content h2 {
    font-size:3.2rem;
  }

  .product-bg__content p {
    font-size:2rem;
    margin-top:25px;
  }

  .product-content .product-list {
    margin:-40px -12px;
  }

  .product-content .product-list .product-list__item {
    padding:40px 12px;
  }

  .product-content .card-subtit {
    font-size:1.6rem;
  }

  .product-content .card-tit {
    font-size:2.4rem;
    padding:14px 0px;
  }

  .product-content .product-area {
    margin-bottom:80px;
  }

  .product-content .product-area__propic {
    width:50%;
  }

  .product-content .product-area__info {
    width:50%;
    margin-left:4%;
  }

  .product-content .product-area__info .category {
    font-size:2rem;
  }

  .product-content .product-area__info .favorite {
    width:28px;
    height:24px;
    background-size: auto 24px;
  }

  .product-content .product-area__info .tit {
    font-size:2.4rem;
    margin-top:12px;
  }

  .product-content .product-area__info .provision {
    margin:28px 0px 60px;
  }

  .product-content .product-area__info .provision ul {
    margin:-5px 0px;
  }

  .product-content .product-area__info .provision li {
    font-size:1.6rem;
    padding:5px 0px;
  }

  .product-content .product-area__info .option__tit {
    font-size:1.3rem;
  }

  .product-content .product-area__info .option__box .amount {
    font-size:1.6rem;
  }

  .product-content .product-area__info .total {
    margin:28px 0px;
  }

  .product-content .product-area__info .total__tit {
    font-size:2rem;
  }

  .product-content .product-area__info .total__amount {
    font-size:2.4rem;
  }

  .product-content .product-area__info .button {
    font-size:1.8rem;
    height:56px;
  }

  .product-content .product-detail__nav > li .button {
    font-size:1.6rem;
    height:48px;
  }


}

@media (max-width:1024px) {

  .product-content .product-list {
    margin:-20px -8px;
  }

  .product-content .product-list .product-list__item {
    padding:20px 8px;
  }

  .product-content .product-area {
    flex-wrap: wrap;
  }

  .product-content .product-area__propic {
    width:100%;
  }

  .product-content .product-area__propic .swiper-pagination {
    margin-top:8px;
  }

  .product-content .product-area__info {
    width:100%;
    margin:0px;
  }

}

@media (max-width:768px) {

  .product-visual {
    height:260px;
  }

  .product-content {
    padding:70px 15px;
  }

  .product-bg__content h2 {
    font-size:2.6rem;
  }

  .product-bg__content p {
    font-size:1.8rem;
    margin-top:18px;
  }

  .product-content .product-list .product-list__item {
    flex:0 0 50%;
  }

  .product-content .card-text {
    margin-top:14px;
  }

  .product-content .card-subtit {
    font-size:1.3rem;
  }

  .product-content .card-tit {
    font-size:1.8rem;
    padding:10px 0px;
  }

  .product-content .card-list {
    padding-top:8px;
  }

  .product-content .card-list li {
    font-size:1.2rem;
  }

  .product-content .product-area {
    margin-bottom:60px;
  }

  .product-content .product-area__info .category {
    font-size:1.6rem;
  }

  .product-content .product-area__info .tit {
    font-size:2rem;
  }

  .product-content .product-area__info .provision {
    margin:20px 0px 40px;
  }

  .product-content .product-area__info .provision li {
    font-size:1.4rem;
  }

  .product-content .product-area__info .option {
    padding:8px 0px;
  }

  .product-content .product-area__info .option__tit {
    font-size:1.2rem;
  }

  .product-content .product-area__info .option__box .amount {
    font-size:1.4rem;
  }

  .product-content .product-area__info .total {
    margin:20px 0px;
  }

  .product-content .product-area__info .total__tit {
    font-size:1.8rem;
  }

  .product-content .product-area__info .total__amount {
    font-size:2rem;
  }

  .product-content .product-area__info .button {
    font-size:1.6rem;
    height:50px;
  }

  .product-content .product-detail__nav > li .button {
    font-size:1.4rem;
    height:42px;
  }

}

@media (max-width:500px) {

  .product-content .product-list {
    margin:-12px -4px;
  }

  .product-content .product-list .product-list__item {
    padding:12px 4px;
  }

}




/* Order Details */
.orderdetail-primary {
  margin-top:40px;
}

.orderdetail-primary:first-child {
  margin-top:0px;
}

.orderdetail-primary__tit {
  font-size:2rem;
  font-weight:500;
  color:#121212;
  padding-bottom:20px;
}

.orderdetail-primary__con {
  width:100%;
  padding-top:20px;
  border-top:2px solid #121212;
}

.orderdetail-primary--product .table {
  table-layout: fixed;
  width:100%;
  border-top:1px solid #c6c6c6;
}

.orderdetail-primary--product .table--pc {
  display: table;
}

.orderdetail-primary--product .table--mo {
  display: none;
}

.orderdetail-primary--product .table tr {
  border-bottom:1px solid #c6c6c6;
}

.orderdetail-primary--product th,
.orderdetail-primary--product td {
  height:60px;
  padding:10px;
  font-size:1.6rem;
}

.orderdetail-primary--product a{
  display:flex;
}

.orderdetail-primary--product .table__head {
  background-color: #f9f9f9;
}

.orderdetail-primary--product .cart__thumb {
  overflow: hidden;
  width:96px;
  height:96px;
}

.orderdetail-primary--product .cart__text {
  padding-left:8%;
  display: flex;
  flex-direction:column;
  justify-content: space-between;
}

.orderdetail-primary--product .cart__text h4 {
  font-size:2rem;
  color:#121212;
  font-weight:500;
  margin-bottom:6px;
}

.orderdetail-primary--product .cart__text p {
  font-size:1.6rem;
  color:#bdbdbd;
  font-weight:500;
}

.orderdetail-primary__con .row {
  display: flex;
  margin:-16px -4px;
}

.orderdetail-primary__con .row--top {
  padding-top:20px;
}

.orderdetail-primary__con .td {
  flex:1 1;
  padding:16px 4px;
}

.orderdetail-primary__con .td--full {
  flex:1 1 100%;
}

.orderdetail-primary__con .td__flex {
  display:flex;
  align-items: center;
}

.orderdetail-primary__con .td__flex__tit {
  font-size:2rem;
  font-weight:500;
  color:#505050;
  min-width:240px;
}

.orderdetail-primary__con input, .orderdetail-primary__con select {
  width:100%;
  max-width:634px;
  height:42px;
  font-size:1.6rem;
  background-color: #fff;
}

.orderdetail-primary__con .td--full input {
  max-width: none;
}

.orderdetail-primary__con .email {
  display:flex;
  align-items: center;
}

.orderdetail-primary__con .email span {
  width:4%;
  display: inline-block;
  vertical-align:middle;
  text-align: center;
  padding:0px 5px;
  font-size:1.6rem;
}

.orderdetail-primary__con .email-box {
  display: inline-block;
  vertical-align: middle;
  width:32%;
}

.orderdetail-primary__con .email-box:last-child {
  margin-left: 8px;
}

.orderdetail-primary__con .address-box {
  margin-top:10px;
}

.orderdetail-primary__con .address-box:first-child {
  display: flex;
  align-items: center;
  margin-top:0px;
}

.orderdetail-primary__con .address-box--type input {
  max-width: none;
}

.orderdetail-primary__con .button {
  height: 42px;
  max-width:170px;
  width:100%;
  font-size:1.6rem;
  font-weight: 400;
  margin-left:8px;
}

.orderdetail-primary__con .essential-text {
  display: block;
  font-size:1.6rem;
  font-weight:500;
  color:#636363;
  margin-top:8px;
}

.orderdetail-primary__con .radio {
  display: flex;
}

.orderdetail-primary__con .radio-box {
  margin-right:30px;
}

.orderdetail-primary__con .radio-box:last-child {
  margin-right:0px;
}

.orderdetail-primary__con .radio-box label {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.orderdetail-primary__con .radio-box input[type="radio"] {
  position: absolute;
  top:0;
  left:0;
  opacity:0;
  visibility:hidden;
  max-width: none;
  width:auto;
  height:auto;
}

.orderdetail-primary__con .radio-box i {
  display: inline-block;
  margin-right: 5px;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url('../img/common/check-icon.png');
}

.orderdetail-primary__con .radio-box input:checked ~ i {
  background-image: url('../img/common/check-icon-on.png');
}

.orderdetail-primary__con .radio-box span {
  cursor:pointer;
}

.orderdetail-buttons {
  display:flex;
  align-items: center;
  justify-content: center;
  margin-top:60px;
}

.orderdetail-buttons .button {
  max-width:360px;
  width:100%;
  height:54px;
  font-size:1.8rem;
  margin:0px 3px;
}

.orderdetail-primary--paymentinfo .paymentinfo-item {
  display: flex;
  flex-wrap: wrap;
  border-bottom:1px solid #fff;
}

.orderdetail-primary--paymentinfo .paymentinfo-inner__tit {
  width:288px;
  font-size:1.8rem;
  color:#fff;
  padding:12px 20px;
  text-align: center;
  background-color: #505050;
}

.orderdetail-primary--paymentinfo .paymentinfo-inner__con {
  font-size:1.8rem;
  color:#000000;
  padding:12px 20px;
  background-color: #f6f6f6;
  width: calc(100% - 288px);
}

.orderdetail-primary--paymentmethod .paymentmethod-alert {
  font-size:1.4rem;
  font-weight:500;
  color:#ff4b4b;
  margin-bottom:10px;
}

/* .orderdetail-primary--paymentmethod .table {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #fff;
}

.orderdetail-primary--paymentmethod .row {
  margin:0px;
  display: table-row;
}

.orderdetail-primary--paymentmethod .th {
  width:288px;
  color:#fff;
  text-align: center;
  background-color: #505050;
  display: table-cell;
  vertical-align: middle;
}

.orderdetail-primary--paymentmethod .td {
  font-size:1.8rem;
  color:#000000;
  padding:12px 20px;
  background-color: #f6f6f6;
  display: table-cell;
  vertical-align: middle;
} */

.orderdetail-primary--paymentmethod .radio-box label {
  margin-right:30px;
}

.orderdetail-primary--paymentmethod .radio-box label:last-child {
  margin-right:0px;
}

.orderdetail-primary--paymentmethod .radio-box i {
  background-image: url('../img/common/check-icon--white.png');
}

.orderdetail-primary--paymentmethod .payment-inner__box {
  display: flex;
  flex-wrap: wrap;
}

.orderdetail-primary--paymentmethod .payment-inner__tit {
  width:288px;
  font-size:1.8rem;
  color:#fff;
  padding:12px 20px;
  text-align: center;
  background-color: #505050;
}

.orderdetail-primary--paymentmethod .payment-inner__con {
  font-size:1.8rem;
  color:#000000;
  padding:12px 20px;
  background-color: #f6f6f6;
  width: calc(100% - 288px);
}

.orderdetail-primary--total {
  padding:40px 50px;
  border:1px solid #bdbdbd;
  display:flex;
  justify-content: flex-end;
}

.orderdetail-primary--total p {
  display:inline-block;
  vertical-align:middle;
  font-size:2rem;
  color:#303030;
  font-weight:500;
  margin-left:10px;
}

.orderdetail-primary--total p:first-child {
  margin-left:0px;
}

.orderdetail-primary--total strong {
  font-size:3.6rem;
  font-weight: 700;
}

.orderdetail-agreement {
  margin-top:20px;
}

.orderdetail-agreement p {
  font-size:1.4rem;
  line-height:1.4;
}

.orderdetail-agreement span {
  color:#ff4b4b;
}

.orderdetail-agreement label {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}

.orderdetail-agreement input[type="checkbox"] {
  position: absolute;
  top:0;
  left:0;
  opacity:0;
  visibility:hidden;
  max-width: none;
  width:auto;
  height:auto;
}

.orderdetail-agreement i {
  display: inline-block;
  margin-right: 5px;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url('../img/common/check-icon--white.png');
}

.orderdetail-agreement input:checked ~ i {
  background-image: url('../img/common/check-icon-on.png');
}


/* Mobiel */
.orderdetail-primary .table--mo .mobile-thumb--td {
  position: relative;
  padding:10px 10px 10px 120px;
}

.orderdetail-primary .table--mo .mobile-thumb--td .cart__thumb {
  position: absolute;
  top:10px;
  left:0;
}

.orderdetail-primary .table--mo .mobile-thumb-box {
  min-height:80px;
}

.orderdetail-primary .table--mo .mobile-ul-box {
  text-align: left;
}

.orderdetail-primary .table--mo .mobile-ul-box li {
  padding-top:10px;
}

.orderdetail-primary .table--mo .mobile-ul-box li:first-child{
  padding:0px;
}

.orderdetail-primary .table--mo .mobile-ul-box .mobile__text__box {
  display:flex;
  align-items: center;
}

.orderdetail-primary .table--mo .mobile-ul-box p {
  display: inline-block;
  vertical-align: middle;
  font-size:1.5rem;
}

.orderdetail-primary .table--mo .mobile-ul-box p.mobile-info__tit {
  min-width:70px;
}


@media (max-width:1200px) {

  .orderdetail-primary__tit {
    font-size:1.8rem;
    padding-bottom:16px;
  }

  .orderdetail-primary__con {
    padding-top:16px;
  }

  .orderdetail-primary {
    margin-top:32px;
  }

  /* .orderdetail-primary--paymentinfo .table td.table__tit {
    width:200px;
  }

  .orderdetail-primary--paymentinfo .table td {
    font-size:1.6rem;
  } */

  /* .orderdetail-primary--paymentmethod .th {
    width:200px;
  }

  .orderdetail-primary--paymentmethod .td {
    font-size:1.6rem;
  } */

  .orderdetail-primary--paymentinfo .paymentinfo-inner__tit {
    width:200px;
    font-size:1.6rem;
  }

  .orderdetail-primary--paymentinfo .paymentinfo-inner__con {
    font-size:1.6rem;
    width: calc(100% - 200px);
  }

  .orderdetail-primary--paymentmethod .radio-box label {
    margin-right:22px;
  }

  .orderdetail-primary--paymentmethod .payment-inner__tit {
    width:200px;
    font-size:1.6rem;
  }

  .orderdetail-primary--paymentmethod .payment-inner__con {
    font-size:1.6rem;
    width: calc(100% - 200px);
  }

  .orderdetail-primary--total {
    padding:32px 40px;
  }

  .orderdetail-primary--total p {
    font-size:1.8rem;
    margin-left:6px;
  }

  .orderdetail-primary--total strong {
    font-size:2.6rem;
  }

  .orderdetail-agreement {
    margin-top:16px;
  }

  .orderdetail-agreement p {
    font-size:1.3rem;
  }

  .orderdetail-buttons {
    margin-top:40px;
  }

  .orderdetail-buttons .button {
    max-width:280px;
    height:45px;
    font-size:1.6rem;
  }

}

@media (max-width:1024px) {

  .orderdetail-primary--product .table--pc {
    display:none;
  }

  /* Mobile */
  .orderdetail-primary--product .table--mo {
    display:table;
  }

  .orderdetail-primary--product .table--mo th, .orderdetail-primary--product .table--mo td {
    height:40px;
    font-size:1.4rem;
  }

  .orderdetail-primary--product .table--mo .cart__thumb {
    width:56px;
    height:56px;
  }

  .orderdetail-primary .table--mo .mobile-thumb--td {
    padding:10px 10px 10px 70px;
  }

  .orderdetail-primary--product .table--mo .cart__text {
    padding-left:0px;
  }

  .orderdetail-primary--product .table--mo .cart__text h4 {
    font-size:1.6rem;
  }

  .orderdetail-primary--product .table--mo .cart__text p {
    font-size:1.4rem;
  }

  .orderdetail-primary .table--mo .mobile-ul-box li {
    padding-top:6px;
  }

  .orderdetail-primary .table--mo .mobile-ul-box p {
    font-size:1.4rem;
  }


}

@media (max-width:768px) {

  .orderdetail-primary__tit {
    font-size:1.6rem;
    padding-bottom:12px;
  }

  .orderdetail-primary--product .cart__text {
    padding-left:4%;
  }

  .orderdetail-primary--product .cart__text h4 {
    font-size:1.8rem;
  }

  .orderdetail-primary--product .cart__text p {
    font-size:1.4rem;
  }

  .orderdetail-primary {
    margin-top:28px;
  }

  .orderdetail-primary__con {
    padding-top:12px;
  }

  .orderdetail-primary__con input, .orderdetail-primary__con select {
    height:35px;
    font-size:1.5rem;
    padding:0px 10px;
    max-width: none;
  }

  .orderdetail-primary__con .row {
    margin:-8px -4px;
  }

  .orderdetail-primary__con .td {
    flex:1 1 100%;
    padding:8px 4px;
  }

  .orderdetail-primary__con .email {
    flex-wrap: wrap;
  }

  .orderdetail-primary__con .email-box {
    width:46%;
  }

  .orderdetail-primary__con .email span {
    width:8%;
    font-size:1.4rem;
  }

  .orderdetail-primary__con .email-box:last-child {
    width:100%;
    margin:0px;
    padding-top:5px;
  }

  .orderdetail-primary__con .button {
    height:35px;
    font-size:1.4rem;
    max-width:120px;
    padding:0px 15px;
    margin-left: 6px;
  }

  .orderdetail-primary__con .td__flex__tit {
    font-size:1.8rem;
  }

  .orderdetail-primary__con .td__flex__tit {
    font-size:1.4rem;
    min-width: auto;
  }

  .orderdetail-primary__con .td__flex {
    justify-content: space-between;
  }

  .orderdetail-primary__con .radio-box span {
    font-size:1.4rem;
  }

  /* .orderdetail-primary--paymentinfo .table td.table__tit {
    width:100px;
  }

  .orderdetail-primary--paymentinfo .table td {
    font-size:1.4rem;
    padding:12px 10px;
  } */

  .orderdetail-primary--paymentinfo .paymentinfo-inner__tit {
    width:100%;
    font-size:1.4rem;
    padding:12px 10px;
  }

  .orderdetail-primary--paymentinfo .paymentinfo-inner__con {
    width:100%;
    font-size:1.4rem;
    padding:12px 10px;
    text-align: center;
  }

  .orderdetail-primary--paymentmethod .paymentmethod-alert {
    font-size:1.2rem;
    margin-bottom:6px;
  }

  .orderdetail-primary--paymentmethod .payment-inner__tit {
    width:100%;
    font-size:1.4rem;
    padding:12px 10px;
  }

  .orderdetail-primary--paymentmethod .payment-inner__con {
    width:100%;
    font-size:1.4rem;
    padding:12px 10px;
  }

  .orderdetail-primary__con .radio {
    justify-content: center;
  }

  .orderdetail-primary--paymentmethod .radio-box label {
    margin-right:16px;
  }

  .orderdetail-primary--total {
    padding:22px 30px;
    justify-content: center;
  }

  .orderdetail-primary--total p {
    font-size:1.6rem;
    margin-left:4px;
  }

  .orderdetail-primary--total strong {
    font-size:2.2rem;
  }

  .orderdetail-agreement {
    margin-top:12px;
  }

  .orderdetail-agreement p {
    font-size:1.2rem;
    width:calc(100% - 17px);
  }

  .orderdetail-buttons {
    margin-top:28px;
  }

  .orderdetail-buttons .button {
    max-width:240px;
    font-size:1.5rem;
  }

}

@media (max-width:500px) {

  .orderdetail-primary--product .cart__text h4 {
    font-size:1.6rem;
  }

  .orderdetail-primary--product .cart__text p {
    font-size:1.2rem;
  }

  /* Mobile */

  .orderdetail-primary .table--mo .mobile-ul-box p {
    font-size:1.2rem;
  }

  .orderdetail-primary--product .table--mo .cart__text h4 {
    font-size:1.4rem;
  }

  .orderdetail-primary--product .table--mo .cart__text p {
    font-size:1.2rem;
  }

  .orderdetail-primary .table--mo .mobile-ul-box p {
    font-size:1.2rem;
  }

}


/* Order Info */
.orderinfo-primary {
  margin-top:40px;
}

.orderinfo-primary:first-child {
  margin-top:0px;
}

.orderinfo-primary__tit {
  font-size:2rem;
  font-weight:500;
  color:#121212;
  padding-bottom:20px;
}

.orderinfo-primary__con {
  width:100%;
  padding-top:20px;
  border-top:2px solid #121212;
}

.orderinfo-primary__con .list {
  display:flex;
}

.orderinfo-primary__con .list li {
  flex:1 1;
}

.orderinfo-primary__con .card {
  display:flex;
  /* height:  */
}

.orderinfo-primary__con .card div {
  padding:10px;
}

.orderinfo-primary__con .card div.card__name {
  width:25%;
  text-align: center;
  background-color:#505050;
  color:#fff;
  padding:10px 5px;
}

.orderinfo-primary__con .card div.card__text {
  width:75%;
  background-color: #f6f6f6;
  padding:10px 20px;
}

.orderinfo-primary--payment .info,
.orderinfo-primary--person .info {
  padding:20px 40px 40px;
  border:1px solid #cccccc;
  border-radius:8px;
}

.orderinfo-primary--payment .info li,
.orderinfo-primary--person .info li {
  padding:20px 15px;
  border-bottom:1px solid #ccc;
}

.orderinfo-primary--payment .info p,
.orderinfo-primary--person  .info p {
  font-size: 1.8rem;
  color:#525252;
  font-weight:400;
}

.orderinfo-primary--payment .info p.card__name,
.orderinfo-primary--person  .info p.card__name {
  font-weight:500;
  color:#303030;
  min-width:130px;
}


.orderinfo-primary--amount .info {
  padding:20px 40px 40px;
  border:1px solid #cccccc;
  border-radius:8px;
}

.orderinfo-primary--amount .info ul {
  background-color: #ebebeb;
}

.orderinfo-primary--amount .info li {
  padding:20px 15px;
  border-bottom:1px solid #ccc;
}

.orderinfo-primary--amount .info p {
  font-size: 1.8rem;
  color:#525252;
  font-weight:400;
}

.orderinfo-primary--amount .info p.card__name,
.orderinfo-primary--payment .info p.card__name,
.orderinfo-primary--person  .info p.card__name {
  font-weight:500;
  color:#303030;
  min-width:130px;
}

.orderinfo-buttons {
  display:flex;
  align-items: center;
  justify-content: center;
  margin-top:60px;
}

.orderinfo-buttons .button {
  max-width:170px;
  width:100%;
  height:54px;
  font-size:1.8rem;
  margin:0px 3px;
}

/* Large devices (desktops, less than 1200px) - lg */
@media (max-width: 1200px) {

}
/* Medium devices (tablets, less than 992px) - md */
@media (max-width: 1024px) {

}

/* Small devices (landscape phones, less than 768px) - sm */
@media (max-width: 767px) {


}

/* Extra small devices (portrait phones, less than 576px) - xl */
@media (max-width: 500px) {

}

/* TextArea */
.orderdetail-textarea {
  padding:10px 15px;
  border:1px solid #bdbdbd;
  height:160px;
  overflow-x:hidden;
  overflow-y: scroll;
  margin-top:20px;
}

.orderdetail-textarea__container p{
  font-size:1.4rem;
  line-height:1.4;
}