.bt-1px { border-top: solid 1px #CCC;}

.container {max-width:750px!important;}

.header { background: url("../img/bg.jpg") center/cover no-repeat;}
.header img { width: 100%;}
.header h1 { font-size: 0;}
.shop-name{ font-size: 16px; font-weight: bold; text-align: center; background: #fff; color: #003CE8; line-height: 1.8;}

.notice p { font-size: 1.0rem; font-weight: 400; line-height: 1.6rem;}
.notice p span { font-weight: 500; color: #FF0000;}
.notice h2 { font-size: 1.4rem; font-weight: 700; line-height: 2.0rem;}

#sticky { background-color: #FEFEFE; text-align: center; z-index: +1;}

::-webkit-input-placeholder { color:#AAA!important; font-weight: 300; font-size: 0.8rem; }/* WebKit, Blink, Edge */
:-ms-input-placeholder { color:#AAA!important; font-weight: 300; font-size: 0.8rem; }/* Internet Explorer 10-11 */
::placeholder{ color:#AAA!important; font-weight: 300; font-size: 0.8rem; }/* Others */

/*#form { background-color: #F2F2F2;}*/
#form h2, .kakunin  { font-size: 1.0rem; font-weight: 400; text-align: center; line-height: 1.8rem;}
#form h2 {margin-left: -15px; margin-right:-15px; border-top: solid 1px #CCC; background-color: #F2F2F2;}
#form h2 span, .kakunin span { font-size: 1.6rem; font-weight: 700;}
#form .badge { font-weight: 400;}

.form-group { border-top: solid 1px #CCC; padding: 2.0rem 0; align-items: center;}
.bb1px { border-bottom: solid 1px #CCC;}

.col-form-label { font-size: 1.2rem; font-weight: 700; padding-top: 0; padding-bottom: 0; margin-bottom: 0.25rem;}

_:-ms-lang(x)::backdrop, input[type=file]{max-width: 15.0rem;}/* Edge(edgeHTML) */
_:lang(x)::-ms-, input[type=file]{max-width: 15.0rem;}/* Edge(Chromium) */

.safety {color: #FFF; background-color: #0000FF;}
.howmany { font-size: 1.4rem; margin-left: -15px; margin-right: -15px;  font-weight: 500; text-align: center;}
    @media(min-width:992px){
        .howmany { text-align: left;}
    }
.alert { margin-bottom: 0;}

.more_btn label input { display: none;}
.more_btn { width: 100%; margin:2.0rem auto; padding: 0; background-color: #00A199; color: #FEFEFE; border-radius: 4.0rem;}
.more_btn label { width: 100%; text-align: center; font-size: 1.2rem; font-weight: 500; margin: 0; padding: 0; line-height: 4.0rem;}
.more_btn label:hover {cursor: pointer;}

.agree_btn { text-align: center; border: solid 1px #CCC; border-radius: 0.25rem; background-color: #ffcccc;}
.agree_btn.alert-warning {background-color: #FFF3CD;}
.agree_btn span { display: inline-block; margin-right: 2.0rem;}

.btn-primary { font-size: 1.4rem; line-height: 3.5rem; width: 92%; display: block;}
    @media(min-width:768px){
        .btn-primary { width: auto; padding: 0 3.0rem;}
    }

.btn-secondary, .btn-secondary:hover { font-size: 1.0rem; font-weight: 400; background: none; color: #666; border: solid 1px #666;}
.btn-secondary:hover { text-decoration: underline;}

.result { font-size: 1.4rem; font-weight: 700; padding: 0.5rem 0.75rem; }

.copy { font-size: 0.8rem; color: #666; text-align: center;}
.footer { border-top: solid 1px #CCC;}