@charset "utf-8";
/*-------------------------------------
SITE : //www.jeansfactory.jp/
CREATE : 2015.4.20
MODIFIED : 2020.10.20
UPDATED BY : OGASAWARA
MEMO : 2020.10.20 ブレイクポイントの追加。デザイン変更。CC対応。
-------------------------------------*/

/* フォーム */
#formContainer input[type="text"]{width: 100%;box-sizing: border-box;transition: all 0.2s ease-in-out;appearance: none;-webkit-appearance: none;border: none;font-size: 16px;height: 50px;line-height: 50px;padding: 0 20px;outline: 0; border-radius: 5px; background-color: #EBECF3;}
#formContainer input[type="text"]:focus {box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #e8e9ea;}
@media screen and (max-width:834px){
}
@media screen and (max-width:640px){
#formContainer input[type="text"]{height: 45px;line-height: 45px;}
}

/* セレクトボックス */
#formContainer select {width: 100%;min-width: 120px;box-sizing: border-box;transition: all 0.2s ease-in-out;appearance: none;-webkit-appearance: none;font-size: 16px;height: 50px;line-height: 50px;padding: 0 20px;outline: 0;background-color: #fff;cursor: pointer;color: #202020;border: 1px solid #666;border-radius: 5px;}
#formContainer select:hover {border: 1px solid #bababa;}

/* ラジオ */
#field_1731_req{padding:0 !important}
#field_1731_req input{display:none}
#field_1731_req label{display:block; position:relative; cursor:pointer; padding:0 0 0 22px; border-radius:2px; color:#3e4956; font-size:13px; line-height:1;top:0;margin-bottom: 10px;}
#field_1731_req label:last-of-type{ margin-bottom:0}
#field_1731_req label:before{position:absolute;content:"";top:50%;left:0px;width:16px;height:16px;margin-top:-9px;background: #c7cad6;border-radius:50%;}
#field_1731_req input[type="radio"]:checked+label:after{position:absolute; content:""; top:50%; left:3px; width:10px; height:10px; margin-top:-6px; border-radius:50%; background:#2490d0}
@media screen and (max-width:834px){
#field_1731_req{margin:10px 0 10px 20px}
}
@media screen and (max-width:640px){
}

/*  =========================================

    FS2CC 打消し用

=========================================  */
main.fs-l-main{max-width: inherit;margin: 0;}
@media screen and (max-width:834px){
}
@media screen and (max-width:640px){
}

/*  =========================================

    formContainer

=========================================  */
#formContainer{max-width:1024px; margin:50px auto 100px; padding:0;}
#formContainer .pageTitle{font-size:24px;font-weight:400;position:relative;}
#formContainer .lead{font-size:14px;margin-top:30px;}
#formContainer .lead a{ color: #202020; -webkit-box-shadow: inset 0 -1px 0 0 #111; box-shadow: inset 0 -1px 0 0 #111;text-decoration: none; transition: all 0.2s ease-in-out;}
#formContainer .lead a:hover { -webkit-box-shadow: inset 0 -1.5px 0 0 #111;box-shadow: inset 0 -1.5px 0 0 #111;}
#formContainer .formAttention{margin:30px 0;padding:0 0 0 20px;font-size: 0.9em;}
#formContainer .formAttention__realShop{border: 1px solid #e5e5e5; border-radius: 5px; max-width: calc(460px - 66px); margin: 0 auto 32px; padding: 24px 32px;}
#formContainer .formAttention__realShop .btn{text-align: center;margin: 16px 0 0;}
#formContainer #contents {margin-top:50px}
#formContainer #formarea .formtable + .formarea-txt{margin-top:50px}
#formContainer #formarea .formtable{width:100%;margin: 20px 0 0;border-top: #f0f0f0 1px solid;}
#formContainer #formarea .formtable th{border-bottom: #fff 1px solid;padding: 30px;font-size: 16px;background: #EBECF0;font-weight: 400;width: 30%;}
#formContainer #formarea .formtable td{border-bottom: #f0f0f0 1px solid;padding: 30px;font-size:14px;width: 70%;}
#formContainer #formarea .formtable label{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
#formContainer .required{display: inline-block;overflow: hidden;text-indent: 0;width: auto;height: 16px;line-height: 16px;background: #E83656;color: #fff;font-size: 10px;padding: 0 6px;border-radius: 16px;margin-left: 5px;}
#field_1719{margin-bottom:20px}
#formContainer .fs-c-buttonContainer > *{border-radius: 0;max-width: 300px;}
@media screen and (max-width:834px){
#formContainer{margin:40px auto 60px;}
#formContainer .pageTitle{padding:0 30px}
#formContainer .lead{padding:0 30px}
#formContainer #contents {}
#formContainer #formarea{max-width: -webkit-calc(700px - 100px);max-width: calc(700px - 100px);margin: 0 auto;}
#formContainer #formarea .formtable,
#formContainer #formarea .formtable tbody,
#formContainer #formarea .formtable tr,
#formContainer #formarea .formtable th,
#formContainer #formarea .formtable td {display: block;}
#formContainer #formarea .formtable {border-top: none;}
#formContainer #formarea .formtable th{width: auto;border-bottom: none;background: none;padding: 0;font-size: 15px;}
#formContainer #formarea .formtable td{border-bottom: none;padding: 12px 0;width: auto;}
}
@media screen and (max-width:640px){
#formContainer{margin:30px auto 50px;}
#formContainer .pageTitle{padding:0 20px;font-size: 20px;}
#formContainer .lead{padding:0 20px;font-size: 13px;}
#formContainer .formAttention__realShop{ max-width: calc(80% - 54px);padding: 18px 26px;}
#formContainer #contents {margin-top: 30px;}
#formContainer #formarea{margin: 0 20px;}
#formContainer #formarea .formtable + .formarea-txt{margin-top:30px}
#formContainer .fs-c-buttonContainer > *{max-width:inherit;}
}

/* supportContainer */
.formContainer-support { margin: 80px 0 0;}
.formContainer-support .supportTitle {font-size: 22px; text-align: center}
.formContainer-support .supportTxt {font-size: 14px; text-align: center; margin-top: 10px; color: #808080}
.formContainer-support .caution {color: #E73656;font-size:0.9em;}
.formContainer-support .supportBtn {margin-top: 40px}
.formContainer-support .supportBtn .btn{display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.formContainer-support .supportBtn .btn a{background-image: -webkit-linear-gradient(left, #2d94d2 0%, #00b6dd 100%);background-image: linear-gradient(to right, #2d94d2 0%, #00b6dd 100%);min-width: -webkit-calc(300px - 40px);min-width: calc(300px - 40px);height: 60px;line-height: 60px;text-align: center;color: #fff;padding: 0 20px;-webkit-transition: 0.3s;transition: 0.3s;text-decoration: none;border: none;font-size: 14px;font-weight: 400;box-shadow: 5px 5px 15px rgba(0,0,0,.2);}
.formContainer-support .supportBtn .btn a:hover{box-shadow: 3px 3px 10px rgba(0,0,0,.2);transform: translateY(-2px);}
@media screen and (max-width:834px){
.formContainer-support .supportTitle {font-size: 18px;padding: 0 30px;}
.formContainer-support .supportTxt {margin:10px 30px 0;}
.formContainer-support .supportBtn {margin-top: 40px;padding: 0 30px}
.formContainer-support .supportBtn .btn a{height: 50px;line-height: 50px;}
}
@media screen and (max-width:640px){
.formContainer-support { margin: 50px 0 0;}
.formContainer-support .supportTxt {margin:10px 20px 0;text-align: left;}
.formContainer-support .supportBtn {margin-top: 30px;padding: 0 20px}
.formContainer-support .supportBtn .btn a{min-width: -webkit-calc(100% - 40px);min-width: calc(100% - 40px);}
}