.products {
    width: 94%;
	display: flex;
	flex-direction: row;
	align-items: start;
    justify-content: space-between;
}
.products > div {
    width: 48%;
    margin-top: 4rem;
}
.products > div:first-child > img:first-child {
    width: 100%;
}
.products > div:first-child {
    position: relative;

}


.c_info > h2 {
    font-size: 2rem;
}
.p_dan {
    width: 100%;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	align-items: center;
}
.c_small {
    font-size: 0.5rem;
    vertical-align: top;
}
.i_sr {
    color: red;
    font-size: 2rem;

}

.c_info > p:last-child {
    margin-top: 1rem;
    font-weight: 800;
    letter-spacing: 0.1rem;
}

.CART_IN {
    margin: 0.7rem 0;
    display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	align-items: center;
    justify-content: start;
}

#amount {
    width: 3rem;
    height: 1.5rem;
}

#C_IN {
    background-color: #000;
    color: #fff;
    padding: 0 0.5rem;
}
#C_IN:hover {
    opacity: 0.8;
}
#C_IN  img{
    width: 1.5rem;
    vertical-align: bottom;
}
#C_IN > button{
    border: none;
    background-color: #000;
    color: #fff;
}
.CART_IN > form{
    display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	align-items: center;
    justify-content: start;
}
.CART_IN > form > input{
    margin: 0 0.5rem;
}

.cartin {
    margin-top:2rem;
    text-align: center;
}
.cartin h1 {
    margin: 1rem auto;
}
.cartin > div {
    display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
	align-items: center;
    justify-content: center;
}
.cartin > div > p {
    margin: 0 1rem;
}

.c_numchange {
    width: 3rem;
    line-height: 2rem;
}

.c_2px {
    display:none;
}

.incart {
    width: 80%;
    margin-top: 1rem;
}
.incart ul {
   list-style: none;
   border-left: 1px solid #000;
}
.incart ul > li{
    width: 100%;
    display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	align-items: center;
    justify-content: space-around;
    border-bottom: 1px solid #000;
    line-height: 4rem;
 }
 .incart ul > li:first-child{
    color: white;
    background-color: #444;
    line-height: 2rem;
    flex-grow: 1;
 }
 .incart ul > li >div{
    width: 20%;
    text-align: center;
 }
 .incart ul > li >div:first-child{
     width: 39%;
     text-align: left;
     flex-grow: 2;
 }
 .incart ul > li:first-child >div:first-child{
    text-align: center;
}
 .incart ul > li >div:nth-child(2){
    border-left: 1px solid #000;
    border-right: 1px solid #000;
 }
 .incart ul > li >div:last-child{
    border-left: 1px solid #000;
    border-right: 1px solid #000;
 }
 .incart ul > li:last-child > div:nth-child(3){
    color: white;
    background-color: #444;
 }
 .c_sr {
     color: red;
    
 }

 .c_nav {
    margin-top: 2rem;
    width: 80%;
    display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
	align-items: center;
    justify-content: end;
 }
 .c_nav > a {
     width: 20%;
     text-align: center;
     border: 1px solid #aaa;
     margin-left: 1rem;
     border-radius: 0.2rem;
     line-height: 2rem;
     font-weight: 800;
 }
 .c_nav > a:last-child {
     background: linear-gradient(rgb(245, 90, 90), rgb(214, 0, 0)); 
} 
.c_nav > a:first-child {
    background: linear-gradient( rgb(241, 241, 241), rgb(219, 219, 219)); 
}
 .c_nav > a > p{
    text-align: center;
 }
 .c_now {
     width: 80%;
     border-bottom: 3px solid rgb(126, 112, 77);
 }
 .scing2{
     margin-top: 2rem;
 }

 .purchase {
    text-align: center;
    width: 65%;
 }
 .purchase > p {
    margin: 1rem auto;
 }
 .purchase > form > p {
    margin: 1rem auto 0.5rem;
 }
 .purchase > form > div {
    display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
	align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
 }
 .purchase > form > div > p:first-child {
    width: 28%;
    text-align: right;
    font-weight: 800;
 }
 .purchase > form > div > p:first-child ~ p {
    width: 69%;
    text-align: left;
 }
 .purchase > form > div > input {
    width: 69%;
    line-height: 1.5rem;
    padding-left: 1%;
 }
 .purchase input[type="number"]::-webkit-outer-spin-button, 
 .purchase input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 
.purchase input[type="number"] { 
    -moz-appearance:textfield; 
  } 

  .delivery_same {
      visibility: hidden !important;
  }

  .confirm_submit {
      margin-top: 1rem;
      height: 2rem;
      width: 6rem;
      border: none;
      border-radius: 0.2rem;
      color: white;
      background-color:rgb(255, 167, 16);
      box-shadow: 2px 2px 5px #444; 
  }

  .confirm_submit:active {
    transform:translateY(2px);
    box-shadow: 1px 1px 2px #444; 
  }

  .purchase_submit {
    margin-top: 1rem;
    height: 2rem;
    width: 6rem;
    border: none;
    border-radius: 0.2rem;
    color: white;
    background-color:rgb(255, 76, 16);
    box-shadow: 2px 2px 5px #444; 
}
.purchase_submit:active {
    transform:translateY(2px);
    box-shadow: 1px 1px 2px #444; 
  }

  .purchase_modify {
    margin: 0 auto;
    height: 1.8rem;
    line-height: 1.8rem;
    width: 6rem;
    border: none;
    border-radius: 0.2rem;
    color: rgb(16, 16, 16);
    background-color:rgb(229, 229, 229);
    box-shadow: 2px 2px 5px #444; 
}
.purchase_modify:active {
    transform:translateY(2px);
    box-shadow: 1px 1px 2px #444; 
  }

  .p_pay > div{
    width: 68%;
    display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
	align-items: center;
    justify-content: space-around;
  }

  .thanks_submit {
    margin-top: 1rem;
    height: 3rem;
    width: 12rem;
    border: none;
    border-radius: 0.2rem;
    color: white;
    background-color:rgb(255, 66, 4);
    box-shadow: 2px 2px 5px #444; 
}
.thanks_submit:active {
    transform:translateY(2px);
    box-shadow: 1px 1px 2px #444; 
  }

  .p_switch {
    opacity: 0 !important;
    transform: translateY(-1rem);
  }
  .p_bank, .p_credit {
    transition-property: all;
	transition-duration: 0.8s;
	transition-delay: 0;
    opacity: 1;
    position: absolute;
    top:20%;
    
  }
  .p_bank > p, .p_credit > p {
    text-align: center;
  }

  .p_disc {
      position: relative;
      height: 6rem;
  }
.p_final {
    width: 80%;
    margin: 0 auto;
}
  .p_final > h2 {
      font-size: 1.5rem;
      margin-top: 2rem;
  }
  .p_final > p {
      text-align: left;
  }
  .pf_sum {
    display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
	align-items: center;
    justify-content: space-between;
  }

  .p_no {
      display: none;
  }

  .p_fin {
      margin-top: 2rem;
  }
.p_success {
    text-align: center;
}
  .p_success > h1{
      margin: 1rem auto;
  }

  .p_paylink {
    margin-top: 1rem;
    height: 3rem;
    line-height:3rem;
    width: 12rem;
    border: none;
    border-radius: 0.2rem;
    color: white;
    background-color:rgb(255, 66, 4);
    box-shadow: 2px 2px 5px #444; 
}
.p_paylink:active {
    transform:translateY(2px);
    box-shadow: 1px 1px 2px #444; 
  }

  @media (max-width:900px) {

    .products {
        width: 96%;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
    }

    .products > div {
        width: 100%;
        margin-top: 0;
    }
    
    .products > div:first-child {
        width: 70%;
        margin: 1rem auto 0;
    }
    .i_sr {
        color: red;
        font-size: 1.5rem;
        font-weight: 800;
    }
    .c_small {
        margin-left: 0.5rem;
    }
    .c_info > p:last-child {
        letter-spacing: 0;
    }
    .note {
        font-size: 0.85rem;
    }

    .cartin h1 {
        font-size: 1.2rem;
    }
    .c_nav > a {
        width: 48%;
    }
    .incart {
        width: 95%;
    }
	.incart ul > li:first-child {
        font-size: 0.5rem;
    }
    .incart ul > li:last-child > div:nth-child(3) {

        font-size: 0.5rem;
    }
    .c_sr {
        font-size:0.8rem;
    }
    .incart ul > li >div:first-child {
        width: 20%;
        font-size: 0.7rem;
    }

    .purchase {
        text-align: center;
        width: 95%;
    }
    .purchase > form > div > p:first-child {
        font-size: 0.8rem;
    }
    input {
        font-size: 16px;
    }
	
 }