@charset "UTF-8";
/*----------------------------------------------------------------- 
common form
----------------------------------------------------------------- */
input[type="text"],
input[type="password"],
textarea{padding:20px 10px; border:1px solid #fff; font-size:100%; }

input[type="checkbox"],
input[type="radio"]{ margin-right:5px; }

input[type="button"]:focus,
input[type="submit"]:focus{ outline:none; }

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus{outline:none;  border:1px solid #ababab; }

input.myError,
textarea.myError{ background:#FFECE9; }
p.myError{display:block; clear:both; padding-top: 10px;  color:#ca2735; font-weight: bolder;}


input[type=checkbox]{
    -moz-appearance:checkbox;
         appearance:checkbox;
    -webkit-appearance: checkbox;
}
input[type=radio]{
    -moz-appearance:radio;
         appearance:radio;
    -webkit-appearance: radio;
}
textarea {
    display:block;
    width:100%;
    resize:vertical;
}

.input_auto { ime-mode: auto; }
.input_jp { ime-mode: active; }
.input_en { ime-mode: disabled; }
.input_off { ime-mode: inactive; }

/*----------------------------------------------------------------- 
common
----------------------------------------------------------------- */
.formPrivacy{overflow:scroll; margin:0 auto 30px; padding:10px 30px; height:150px;  border:1px solid #CCC; }
.linkPrivacy a{text-decoration:underline; }
.linkPrivacy a:before{margin-right: 0.5em; content:"\f105"; text-decoration:none;font-weight: 900; font-family: "Font Awesome 5 Free"; }
.linkPrivacy a:hover{text-decoration:none;opacity:1; }

.contactTableWrap{padding: 80px 100px;background: #f5f5f5; }
.contactTableWrap .txt{padding-bottom: 40px; border-bottom: 1px dashed #ababab;}

.contactTableWrap .btn{letter-spacing:0.1em; font-size:14px; font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;}

.hissu{display: inline-block; margin-left: 10px;padding:0 5px; height: 20px; background:#000001; color:#fff; font-size:11px; line-height: 20px; }


@media only screen and (min-width: 735px){
/*----------------------------------------------------------------- 
テーブル
----------------------------------------------------------------- */
.contactTableWrap{ margin-bottom:30px;}
.contactTableWrap .box{width: 360px;}
.contactTableWrap .box.left{float:left;}
.contactTableWrap .box.right{float:right;}
.contactTable{width: 100%;}
.contactTable th{padding: 30px 0 10px;}
.contactTable td{padding: 0;}
.contactTable th,
.contactTable td{display: block; width: 100%; text-align:left; font-weight:normal;}

/*----------------------------------------------------------------- 
フォーム
----------------------------------------------------------------- */
.inputType01{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width:100%; }
.inputType02{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width:75%; }
.inputType03{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width:50%; }
.inputType04{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width:25%; }
.inputType05{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width:10%; }
.inputType06{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width:70%; }
	
/*----------------------------------------------------------------- 
common button
----------------------------------------------------------------- */
.btn_form01 { height:50px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; background: #665e51; text-shadow: -1px -1px 0 #665e51; font-size: 129%; line-height:50px; }
.btn_form02 { height:50px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; background: #ae9b7a;  text-shadow: -1px -1px 0 #665e51; font-size: 129%; line-height:50px; }
.btn_form01 a,.btn_form02 a{ display:block; padding:0 30px; color:#FFF; text-decoration:none; }
input.btn_form01,input.btn_form02{ padding:0 20px; border:none; color:#FFF; cursor:pointer; }
input.btn_form01:hover{background: #ae9b7a;}
input.btn_form02:hover{ background:#ae9b7a; }

}
@media only screen and (max-width: 959px) {
.contactTableWrap{padding: 40px 3%;}
.contactTableWrap .txt{padding-bottom: 20px;}



/*----------------------------------------------------------------- 
テーブル
----------------------------------------------------------------- */
.contactTableWrap .box{width: 100%;}
.contactTableWrap .box.left,
.contactTableWrap .box.right{float:none;}
.contactTable{width: 100%;}
.contactTable th{padding: 10px 0 0;}
.contactTable td{padding: 10px 0;}
.contactTable th,
.contactTable td{display: block; width: 100%; text-align:left; font-weight:normal;}

/*----------------------------------------------------------------- 
フォーム
----------------------------------------------------------------- */
.inputType01{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width:100%; }
.inputType02{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width:75%; }
.inputType03{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width:50%; }
.inputType04{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width:25%; }
.inputType05{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width:10%; }
.inputType06{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width:70%; }
	
/*----------------------------------------------------------------- 
common button
----------------------------------------------------------------- */
.btn_form01 { height:50px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; background: #266c43; text-shadow: -1px -1px 0 #1D5434; font-size: 129%; line-height:50px; }
.btn_form02 { height:50px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; background: #8B8B8B; text-shadow: -1px -1px 0 #666666; font-size: 129%; line-height:50px; }
.btn_form01 a,.btn_form02 a{ display:block; padding:0 10px; color:#FFF; text-decoration:none; }
input.btn_form01,input.btn_form02{ padding:0 10px; border:none; color:#FFF; cursor:pointer; }

}
.fs-c-creditCardIcons{
    row-gap: 10px;
}
.propose_btn{
    border: solid 1px #000000;
      color: #ffffff;
      text-align: center;
      font-size: 22px;
      margin: 0 auto;
      width: 55%;
      background-color: #000000;
      height: 95px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .recommendList{
    margin-bottom: 40px;
  }
  .recommendList .imgBox {
    width: 100%;
    height: 260px;
    position: relative;
    margin-bottom: 20px;
  }
  .recommendList .imgBox .btn {
    position: absolute;
    display: block;
    bottom: 20px;
    left: 50%;
    margin-left: -100px;
  }
  .recommendList .ttl {
    font-size: 16px;
    text-align: center;
    font-family: "Pontano Sans", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
    font-weight: normal;
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin-bottom: 10px;
  }
  .recommendList .txt {
    font-size: 12px;
  }
  @media screen and (max-width: 768px){
    .col3>li.recommendList_inner {
        width: 48%;
        margin: 10px 1%;
    }
    .recommendList .imgBox .btn {
      margin-left: -35%;
    }
    .recommendList .ttl {
        font-size: 12px;
      }
      .recommendList .txt {
        font-size: 12px;
      }
  }


.fs-c-productMark {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.fs-c-productMark__item{
  margin-right: 5px;
  width: 18px;
}