@charset "utf-8";

/* ================================================================= 
 header
================================================================= */


/* ================================================================= 
sidemenu
================================================================= */


/* ================================================================= 
 contents
================================================================= */


/* ================================================================= 
 section
================================================================= */


/* ================================================================= 
 footer
================================================================= */


/* ================================================================= 
 header
================================================================= */
.nav_ttl a{
  color: #fff;
}
.shop-btn a {
    display: block;
    border: 1px solid #000;
    width: 300px;
    text-align: center;
    padding-block: 15px;
    color: #000;
}
section .submit:before {
    position: absolute;
    width: fit-content;
    height: fit-content;
    content: var(--text, "送信");
    display: block;
    margin: auto;
    inset: 0 0 7px 0;
    pointer-events: none;
}
section:has(.error) {
    --text: "戻る";
}
section:has(.submit_c) .submit:before {
    display: none;
}
section .submit {
    position: relative;
}
section .submit:has(.end) {
    --text: "戻る";
}
section .submit input {
    width: 150px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
}




@media only screen and (max-width: 835px) {

/* ================================================================= 
 header
================================================================= */

/* ================================================================= 
sidemenu
================================================================= */

/* ================================================================= 
 contents
================================================================= */

/* ================================================================= 
 section
================================================================= */

/* ================================================================= 
 footer
================================================================= */

}




@media only screen and (max-width: 640px) {

/* ================================================================= 
 header
================================================================= */


/* ================================================================= 
sidemenu
================================================================= */


/* ================================================================= 
 contents
================================================================= */

/* ================================================================= 
 section
================================================================= */

/* ================================================================= 
 footer
================================================================= */



}