@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

/* ここから実装のフォームコンテンツ(#cms_fileMakeは付けない)
-------------------------------------------------------------- */

/* BASE
-------------------------------------------------------------- */
* { outline: none;}
.fw_form_contents .fw_form_box div, .fw_form_contentsspan, .fw_form_contentsobject,.fw_form_contents .fw_form_box p,.fw_form_contents .fw_form_box img,.fw_form_contents .fw_form_box b,.fw_form_contents .fw_form_box i,.fw_form_contents .fw_form_box dl, .fw_form_contents .fw_form_box dt, .fw_form_contents .fw_form_box dd, .fw_form_contents .fw_form_box ol, .fw_form_contents .fw_form_box ul, .fw_form_contents .fw_form_box li,.fw_form_contents .fw_form_box form,.fw_form_contents .fw_form_box label,.fw_form_contents .fw_form_box table,.fw_form_contents .fw_form_box  caption,.fw_form_contents .fw_form_box  tbody,.fw_form_contents .fw_form_box  tfoot,.fw_form_contents .fw_form_box  thead,.fw_form_contents .fw_form_box  tr,.fw_form_contents .fw_form_box  th,.fw_form_contents .fw_form_box  td,.fw_form_contents .fw_form_box article,.fw_form_contents .fw_form_box  aside,.fw_form_contents .fw_form_box  canvas,.fw_form_contents .fw_form_box  details,.fw_form_contents .fw_form_box  figcaption, .fw_form_contents .fw_form_box figure, .fw_form_contents .fw_form_box footer,.fw_form_contents .fw_form_box  header, .fw_form_contents .fw_form_box hgroup,.fw_form_contents .fw_form_box  menu, .fw_form_contents .fw_form_box nav, .fw_form_contents .fw_form_box section, .fw_form_contents .fw_form_box summary {
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  vertical-align:baseline!important;
  box-sizing: border-box!important;
  background:transparent!important;
}
.fw_form_wrap { padding: 20px!important; box-sizing: border-box; width:100%!important;}
@media screen and ( max-width:640px){
	.fw_form_wrap  { padding:0!important;}
}
.fw_form_contents  { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucida Grande", "メイリオ", Meiryo, "Meiryo UI", "ＭＳ Ｐゴシック", sans-serif!important; line-height: 1.5!important; font-size:16px!important; }
.fw_form_contents * { word-wrap: break-word!important; word-break: break-all!important;}
.fw_form_contents .fw_form_box ol, .fw_form_contents .fw_form_box nav, .fw_form_contents .fw_form_box ul, .fw_form_contents .fw_form_box li  { list-style: none!important; }
.fw_form_contents .fw_form_box a { margin:0!important; padding:0!important; font-size:13px!important; vertical-align:baseline!important; background:transparent!important; }
.fw_form_contents .fw_form_box pre {  line-height: 1.5!important; font-size:16px!important;white-space: pre-wrap ; }
.fw_form_contents .fw_form_box table { border-collapse:collapse!important; border-spacing:0!important; }
.fw_form_contents .fw_form_box hr { display:block!important;  height:1px!important;  border:0!important; border-top:1px solid #999!important;  margin:1em 0!important;  padding:0!important; }
.fw_form_contents .fw_form_box input,
.fw_form_contents .fw_form_box select { vertical-align:middle!important; }

/* 各フォームのコンテンツ */
.fw_form_contents  .fw_form_box { margin:0!important; padding: 5px 10px!important; }

/* フォームのタイトル */
.fw_form_contents .fw_form_box .fw_form_title  {
  border-bottom: 1px solid #8e816f!important;
  margin: 10px 0 20px!important;
  padding-bottom: 10px!important;
  display:flex!important;
  align-items: center!important;
}
.fw_form_contents .fw_form_box .fw_form_title p  {
  font-size: 18px!important;
  font-weight: bold!important;
}
/* 必須・任意・なしのスタイル */
/* .fw_form_contents .fw_form_box .fw_form_title span.none { margin: 5px 10px!important;  border-radius: 3px!important;  padding: 1px 6px!important;  font-size: 11px!important;  color: #333!important;  letter-spacing: 3px!important; } */
.fw_form_contents .fw_form_box .fw_form_title span.required {
  background-color: #b4181c;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding-bottom: calc(0.2em + 2px);
  padding-left: calc(0.5em + 2px);
  padding-right: calc(0.5em + 2px);
  padding-top: calc(0.2em + 2px);
  text-align: center;
  margin: 0 10px !important;
  flex: 0 0 auto;
  /* margin: 5px 10px!important;border-radius: 3px!important;background: #e73c08!important;padding: 2px 6px!important;font-size: 11px!important;color: #fff!important;letter-spacing: 2px!important;min-width: 40px!important;text-align: center!important; */
}
.fw_form_contents .fw_form_box .fw_form_title span.normal {
  border: 2px solid #6b706a;
  border-radius: 3px;
  color: #6b706a;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding-bottom: 0.2em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.2em;
  text-align: center;
  margin: 0 10px!important;
  flex: 0 0 auto;
  /* margin:  border-radius: 3px!important; background: #c2cadb!important; padding: 2px 6px!important; font-size: 11px!important; color: #000!important; letter-spacing: 3px!important; min-width: 40px!important; text-align: center!important; */
}

/* 見出しのスタイル */
.fw_form_contents .fw_form_box .fw_form_indent {
  border-bottom: 3px solid #8e816f!important;
  margin: 10px 0 20px!important;
  padding-bottom: 10px!important;
}
.fw_form_contents .fw_form_box .fw_form_indent span {
  font-size: 24px!important;
  font-weight: bold!important;
}
.fw_form_contents .fw_form_box .fw_form_indent span:before {}

/* テキストのスタイル */
.fw_form_contents .fw_form_box .fw_form_text { margin:10px 0!important; }

/* フォームのinput部分 */
.fw_form_contents .fw_form_box input::-ms-check {
  background-color: #fff;
  border-color: #d2c1c2;
}
.fw_form_contents .fw_form_box select::-ms-expand {
  display: none;
}
.fw_form_contents .fw_form_box .fw_form_parts { margin-bottom: 5px!important;}
.fw_form_contents .fw_form_box input,
.fw_form_contents .fw_form_box select,
.fw_form_contents .fw_form_box textarea {
  /* -webkit-appearance: none!important; */
  -moz-appearance: none!important;
  appearance: none!important;
  padding: 9px!important;
  border: 1px solid #d2c1c2!important;
  box-sizing: border-box!important;
  line-height: 1.15!important;
  font-size:16px!important;
  max-width: 100%;
  background-color: #fff!important;
  border-radius: 0!important;
}
.fw_form_contents .fw_form_box input {
  width: 100%!important;
  height: 38px!important;
}
.fw_form_contents .fw_form_box input[type="number"],
.fw_form_contents .fw_form_box input[type="date"],
.fw_form_contents .fw_form_box input[type="month"],
.fw_form_contents .fw_form_box input[type="time"] {
  width: calc(100% / 4)!important;
  min-width: 160px;
}
.fw_form_contents .fw_form_box select {
  width: inherit;
  /* height: 38px!important; */
  background: #fff url(../img/select-allow--small.png) no-repeat right center!important;
  background-size: 32px 100%!important;
  border-radius: 3px!important;
  min-width: 160px!important;
  padding-right: 38px!important;
}
.fw_form_contents .fw_form_box textarea {
  width: 100%!important;
  min-height:100px!important;
}
.fw_form_contents .fw_form_box .fw_form_parts p {}


.fw_form_contents .fw_form_box input:disabled,
.fw_form_contents .fw_form_box select:disabled,
.fw_form_contents .fw_form_box textarea:disabled { background: #f5f5f5!important; color: #afafaf!important; border: 1px solid #CCC!important;}

/* ガイド部分 */
.fw_form_contents .fw_form_box .fw_form_note { font-size: 11px!important; color: #000000!important; padding: 7px 2px!important; }

.fw_form_contents .fw_form_box .fw_form_parts_list {display:flex!important;flex-wrap:wrap!important;align-items: flex-start!important;margin: 0 5px 0 -5px!important;}
.fw_form_contents .fw_form_box .fw_form_parts_list li { padding: 2px 0!important; flex: 0 0 auto!important; box-sizing: border-box!important; width: calc(100% /1)!important; word-wrap: break-word!important; word-break: break-all!important; margin: 0 5px!important;}

/* 区切り線 */
.fw_form_hr hr { border: solid #CCC!important; border-width: 1px 0 0 0!important; height: 1px!important; clear: both!important; margin: 10px 0!important; }
/* ただの横並び */
.fw_form_contents .fw_form_box .fw_form_parts_list li { flex: 0 0 auto!important; width: auto!important; }

/* 横並び */
.fw_form_contents .fw_form_box .fw_form_parts_list.type_2 li { flex: 0 0 auto!important;  width: calc(100% /2)!important; }
.fw_form_contents .fw_form_box .fw_form_parts_list.type_3 li { flex: 0 0 auto!important;  width: calc(100% /3)!important; }
.fw_form_contents .fw_form_box .fw_form_parts_list.type_4 li { flex: 0 0 auto!important;  width: calc(100% /4)!important; }
.fw_form_contents .fw_form_box .fw_form_parts_list.type_5 li { flex: 0 0 auto!important;  width: calc(100% /5)!important; }

.fw_form_contents .fw_form_box .fw_form_parts_list p,
.fw_form_contents .fw_form_box .fw_form_parts_list a,
.fw_form_contents .fw_form_box .fw_form_parts_list b,
.fw_form_contents .fw_form_box .fw_form_text p { padding: 8px 0!important; font-size: 15px!important; line-height: 1.5!important;}
.fw_form_contents .fw_form_box .fw_form_parts_list p i,
.fw_form_contents .fw_form_box .fw_form_parts_list a i,
.fw_form_contents .fw_form_box .fw_form_parts_list b i { font-size:1.2rem!important;  padding-right:5px!important; }
.fw_form_contents .fw_form_box .fw_form_parts_list.type_2 p { padding: 5px 5px 5px 0!important; }
.fw_form_contents .fw_form_box .fw_form_parts_list.type_3 p { padding: 5px 5px 5px 0!important; }
.fw_form_contents .fw_form_box .fw_form_parts_list.type_4 p { padding: 5px 5px 5px 0!important; }
.fw_form_contents .fw_form_box .fw_form_parts_list.type_5 p { padding: 5px 5px 5px 0!important; }

/* 縦並び */
.fw_form_contents .fw_form_box .fw_form_parts_list.type_b li { width:100%!important; }

/* 確認入力 */
.fw_form_contents .fw_form_box .fw_form_parts_list .valueToText,
.fw_form_contents .fw_form_box .fw_form_parts .valueToText,
.fw_form_contents .fw_form_box .fw_form_parts pre  { font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucida Grande", "メイリオ", Meiryo, "Meiryo UI", "ＭＳ Ｐゴシック", sans-serif!important; font-size: 13px!important;  line-height: 18px!important;}

/* インプットの基本設定（１００％）※スマホ時 */
@media screen and (max-width:640px){
	.fw_form_contents .fw_form_box input,
	.fw_form_contents .fw_form_box select,
  .fw_form_contents .fw_form_box textarea {}
	.fw_form_contents .fw_form_box select,
  .fw_form_contents .fw_form_box textarea {margin:0!important;}
  .fw_form_contents .fw_form_box select {}
	.fw_form_contents .fw_form_box input[type=date] { width:inherit; }
	.fw_form_contents .fw_form_box input[type=month] { width:inherit; }
	.fw_form_contents .fw_form_box input[type=time] { width:inherit; }
	.fw_form_contents .fw_form_box .fw_form_parts_list li { width: 100%; }
	.fw_form_contents .fw_form_box .fw_form_indent span {}
	.fw_form_contents .fw_form_box .fw_form_title p,
	.fw_form_contents .fw_form_box .fw_form_text p,
	.fw_form_contents .fw_form_box .fw_form_parts_list p  {}
	.fw_form_contents .fw_form_box .fw_form_parts_list .valueToText,
	.fw_form_contents .fw_form_box .fw_form_parts .valueToText,
	.fw_form_contents .fw_form_box .fw_form_parts pre  {}
	.fw_form_contents .fw_form_box .fw_form_title {}
}

/* ------------------------------------------------------------------------------------
 radio
------------------------------------------------------------------------------------ */
.fw_form_contents .fw_form_box .label-radio { cursor:pointer!important; }
.fw_form_contents .fw_form_box .label-radio input[type="radio"] {
  border-radius: 100%!important;
  height: 20px!important;
  width: 20px!important;
  margin-right: 5px;
}
.fw_form_contents .fw_form_box .label-radio input[type="radio"]:checked {
  background: radial-gradient(#6b706a 5px, #fff 6px)!important;
}
.fw_form_contents .fw_form_box .label-radio input[type="radio"]:focus,
.fw_form_contents .fw_form_box .label-radio.fwFocusField {outline:none!important;}

/* ------------------------------------------------------------------------------------
 checkbox
------------------------------------------------------------------------------------ */
.fw_form_contents .fw_form_box .label-check input[type="checkbox"] {
  height: 20px!important;
  width: 20px!important;
  margin-right: 5px;
  position: relative;
}
.fw_form_contents .fw_form_box .label-check input[type="checkbox"]:before {
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  width: 15px;
  height: 9px;
  content: '';
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
          transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: rotate(-45deg) scale(0, 0);
          transform: rotate(-45deg) scale(0, 0);
  border: 4px solid #ed777a;
  border-top-style: none;
  border-right-style: none;
}
.fw_form_contents .fw_form_box .label-check input[type="checkbox"]:checked:before {
  -webkit-transform: rotate(-45deg) scale(1, 1);
          transform: rotate(-45deg) scale(1, 1);
}
.fw_form_contents .fw_form_box .label-check input[type="checkbox"]:after {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 20px;
  height: 20px;
  content: '';
  cursor: pointer;
  border: 1px solid #d2c1c2;
  background: #ffffff;
}
/*.fw_form_contents .fw_form_box .label-check input[type="checkbox"]:checked {
  background-image: url("../img/cart__check-icon.png")!important;
  background-position: center center!important;
  background-repeat: no-repeat!important;
  background-size: 10px 7px!important;
}*/
.fw_form_contents .fw_form_box .label-check input[type="checkbox"]:focus,
.fw_form_contents .fw_form_box .label-check.fwFocusField {outline:none!important;}


/*  各定型フォーム内の設定
-------------------------------------------------------------- */
/* お名前 */
.fw_form_contents[form_type=name] .fw_form_parts_list p {
  font-weight: bold;
}
.fw_form_contents .fw_form_box .fw_form_input_name1 { width:100%!important;  max-width:200px!important; margin-right: 20px!important}
.fw_form_contents .fw_form_box .fw_form_input_name2 { width:100%!important;  max-width:200px!important; }
@media screen and (max-width:640px){
  .fw_form_contents[form_type=name] .fw_form_parts_list li {padding: 5px 0!important; width: auto!important;}
  .fw_form_contents[form_type=name] .fw_form_parts_list li:nth-child(2n) { width: calc(100% - 35px)!important;}
	.fw_form_contents .fw_form_box .fw_form_input_name1 { width: 100%!important;margin-right: 0!important}
	.fw_form_contents .fw_form_box .fw_form_input_name2 { width: 100%!important;}
}

/* ふりがな */
.fw_form_contents[form_type=kana] .fw_form_parts_list p {
  font-weight: bold;
}
.fw_form_contents .fw_form_box .fw_form_input_kana1 { width:100%!important;  max-width:200px!important; margin-right: 10px!important}
.fw_form_contents .fw_form_box .fw_form_input_kana2 { width:100%!important;  max-width:200px!important; }
@media screen and (max-width:640px){
  .fw_form_contents[form_type=kana] .fw_form_parts_list li {padding: 5px 0!important; width: auto!important;}
  .fw_form_contents[form_type=kana] .fw_form_parts_list li:nth-child(2n) { width: calc(100% - 50px)!important;}
	.fw_form_contents .fw_form_box .fw_form_input_kana1 { width: 100%!important; margin-right: 0!important}
	.fw_form_contents .fw_form_box .fw_form_input_kana2 { width: 100%!important;}
}

/* 住所 */
.fw_form_contents[form_type=address] .fw_form_parts_list li {padding: 5px 0!important; }
.fw_form_contents .fw_form_box .fw_form_input_zip1 { max-width:80px!important;  text-align: center!important; }
.fw_form_contents .fw_form_box .fw_form_input_zip2 { max-width:80px!important;  text-align: center!important; }
.fw_form_contents .fw_form_box .fw_form_input_zipBtn {
  background-color: #fff;
  border: 2px solid #6b706a;
  color: #6b706a!important;
  border-radius: 50px;
  display: inline-flex;
  font-weight: bold;
  min-height: 43px;
  padding-bottom: 11px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 12px;
  margin-top: -6px;
  /* width:110px!important; line-height: 18px!important; padding: 8px 10px!important; background: rgb(239, 239, 239)!important; background: -moz-linear-gradient(top, rgb(239, 239, 239) 0%, rgb(212, 212, 212) 100%)!important; background: -webkit-linear-gradient(top, rgb(239, 239, 239) 0%, rgb(212, 212, 212) 100%)!important; background: linear-gradient(top, rgb(239, 239, 239) 0%, rgb(212, 212, 212) 100%)!important; border: 1px solid #999!important; border-radius: 2px!important; color: #333!important; */
}
.fw_form_contents .fw_form_box .fw_form_input_zipBtn span {
  position: relative;
  padding-left: 15px;
}
.fw_form_contents .fw_form_box .fw_form_input_zipBtn span::before {
  border: 6px solid transparent;
  border-left: 6px solid #6b706a;
  content: "";
  display: block;
  left: 0;
  margin-top: -7px;
  position: absolute;
  top: 50%;
}
.fw_form_contents .fw_form_box .fw_form_input_zipBtn:disabled { background: #CCC!important; border: 1px solid #aeaeae!important; color: #999!important;}
@media screen and (max-width:640px){
	.fw_form_contents[form_type=address] .fw_form_parts_list li { width: inherit!important;}
	.fw_form_contents[form_type=address] .fw_form_parts_list.type_b li{}
	.fw_form_contents .fw_form_box .fw_form_input_zip1 { max-width:80px!important; }
	.fw_form_contents .fw_form_box .fw_form_input_zip2 { max-width:80px!important; }
	.fw_form_contents .fw_form_box .fw_form_input_zipBtn {}
}
.fw_form_contents .fw_form_box .fw_form_fixed_address1 {}
.fw_form_contents .fw_form_box .fw_form_fixed_address2 {}
.fw_form_contents .fw_form_box .fw_form_fixed_address3 {}
@media screen and (max-width:640px){
	.fw_form_contents .fw_form_box .fw_form_fixed_address1 {}
	.fw_form_contents .fw_form_box .fw_form_fixed_address2 {}
	.fw_form_contents .fw_form_box .fw_form_fixed_address3 {}
}

/* 電話番号 */
.fw_form_contents .fw_form_box .fw_form_fixed_tel1 { width:80px!important;  text-align: center!important; }
.fw_form_contents .fw_form_box .fw_form_fixed_tel2 { width:100px!important;  text-align: center!important; }
.fw_form_contents .fw_form_box .fw_form_fixed_tel3 { width:100px!important;  text-align: center!important; }
@media screen and (max-width:640px){
	.fw_form_contents[form_type=tel] .fw_form_parts_list li { width: inherit!important; }
	.fw_form_contents .fw_form_box .fw_form_fixed_tel1 { width: 19vw!important; }
	.fw_form_contents .fw_form_box .fw_form_fixed_tel2 { width: 21vw!important; }
	.fw_form_contents .fw_form_box .fw_form_fixed_tel3 { width: 21vw!important; }
}

/* メールアドレス */
.fw_form_contents .fw_form_box .fw_form_fixed_mail1 { width:50%!important; }
.fw_form_contents .fw_form_box .fw_form_fixed_mail2 { width:50%!important; }
@media screen and (max-width:640px){
	.fw_form_contents .fw_form_box .fw_form_fixed_mail1 { width: 100%!important; }
	.fw_form_contents .fw_form_box .fw_form_fixed_mail2 { width: 100%!important; }
}

/* 性別 */
.fw_form_contents[form_type=sei] .fw_form_parts_list li { width:100px!important; }
@media screen and (max-width:640px){
	.fw_form_contents[form_type=sei] .fw_form_parts_list li { width: calc(100% /2)!important; }
}

/* 生年月日 */
.fw_form_contents[form_type=birth] .fw_form_box .fw_form_input_year {}
.fw_form_contents[form_type=birth] .fw_form_box .fw_form_input_month {min-width: 80px!important;}
.fw_form_contents[form_type=birth] .fw_form_box .fw_form_input_day {min-width: 80px!important;}
.fw_form_contents[form_type=birth] .fw_form_parts_list p {
  font-weight: bold;
}
@media screen and (max-width:640px){
	.fw_form_contents[form_type=birth] .fw_form_parts_list li { width: inherit!important; padding: 5px 0!important; }
	.fw_form_contents[form_type=birth] .fw_form_parts_list li:nth-child(1) { width: calc(100% - 35px)!important;}
	.fw_form_contents[form_type=birth] .fw_form_parts_list li:nth-child(3),
	.fw_form_contents[form_type=birth] .fw_form_parts_list li:nth-child(5) { width: calc(50% - 35px)!important;}
	.fw_form_contents[form_type=birth] .fw_form_box .fw_form_input_year  {width: 100%!important;}
	.fw_form_contents[form_type=birth] .fw_form_box .fw_form_input_month {width: 100%!important;}
  .fw_form_contents[form_type=birth] .fw_form_box .fw_form_input_day   {width: 100%!important;}
}

/* 年齢 */
.fw_form_contents .fw_form_box .fw_form_input_age { width:100px!important;  text-align: center!important; }
@media screen and (max-width:640px){
	.fw_form_contents .fw_form_box .fw_form_input_age { width:100px!important; }
}

/* カレンダー */
.fw_form_contents .fw_form_box .datepicker { width:100px!important; }

/* 行揃え */
.fw_form_contents .fw_form_box .fw_form_input.fw_align_left { text-align:left!important; }
.fw_form_contents .fw_form_box .fw_form_input.fw_align_center { text-align:center!important; }
.fw_form_contents .fw_form_box .fw_form_input.fw_align_right { text-align:right!important; }

/* 利用規約 */
.fw_form_contents[form_type=contract] .fw_form_box .fw_form_parts_list {padding: 10px!important;border: 1px solid #f2d39d!important;margin: 10px 0!important;border-radius: 2px!important;background: #fcf8cb!important;}
.fw_form_contents[form_type=contract] .fw_form_box .fw_form_input_contract + span { color: #000!important; font-weight: bold!important;}

/* 非表示 */
.fw_form_contents .fw_form_box .fw_form_none { display:none!important; }

/* ボタンエリア */
.formConfirmBtn {line-height: 120%!important;padding: 10px 10px!important;border: 1px solid #474f6b!important;border-radius: 2px!important;width: 300px!important;font-size: 18px!important;cursor: pointer!important;font-weight: bold!important;position: relative!important;left: 33%!important;text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5)!important;border-radius: 3px!important;letter-spacing: 1px!important;position: relative!important;background: #336582!important;background: -moz-linear-gradient(135deg, #42316a 1%, 74%,#336582 100%)!important;background: -webkit-linear-gradient(135deg, #42316a 1%,#336582 100%)!important;background: linear-gradient(135deg, #42316a 1%,#336582 100%)!important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42316a', endColorstr='#336582',GradientType=1 )!important;color: #FFF!important;box-shadow: inset 0px -2px 11px 2px rgba(0, 0, 0, 0.2)!important;box-sizing: border-box!important; margin: 10px 0!important;}
@media screen and (max-width:640px){
	.formConfirmBtn {
		width: calc(100% - 40px)!important;
		left: 10px!important;
		margin: 10px!important;
		padding: 20px!important;
	}
}
.formConfirmBackBtn { line-height: 120%!important; padding: 5px 40px!important; background: rgb(239, 239, 239)!important; background: -webkit-linear-gradient(top, rgb(239, 239, 239) 0%, rgb(212, 212, 212) 100%)!important; border: 1px solid #999!important; border-radius: 2px!important; width: inherit!important; font-size: 14px!important; cursor: pointer!important; font-weight: bold!important; position: relative!important; left: 20px!important; margin: 10px 0!important;}
.formUpdateBtn { line-height: 120%!important; padding: 10px 10px!important; border: 1px solid #474f6b!important; border-radius: 2px!important; width: 300px!important; font-size: 18px!important; cursor: pointer!important; font-weight: bold!important; position: relative!important; left: 23%!important; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5)!important; border-radius: 3px!important; letter-spacing: 1px!important; position: relative!important;  margin: 10px 0!important;
background: #336582!important;
background: -moz-linear-gradient(135deg, #42316a 1%, 74%,#336582 100%)!important;
background: -webkit-linear-gradient(135deg, #42316a 1%,#336582 100%)!important;
background: linear-gradient(135deg, #42316a 1%,#336582 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42316a', endColorstr='#336582',GradientType=1 )!important;
color: #FFF!important; box-shadow: inset 0px -2px 11px 2px rgba(0, 0, 0, 0.2)!important;}
/* ボタンカラー：ピンク */
#fwCms_wrapper .formUpdateBtn, #fwCms_wrapper .formConfirmBtn { background:#ed777a!important; box-shadow:unset!important; text-shadow:none!important; border:none!important; }

/* ボタンカラー(反転) */
#fwCms_wrapper .formUpdateBtn:hover, #fwCms_wrapper .formConfirmBtn:hover { background:#ed777a!important;opacity: 0.7; box-shadow:unset!important; text-shadow:none!important; border:none!important; }

@media screen and (max-width:640px){
	.formConfirmBackBtn {
		margin: 10px!important;
		padding: 10px 30px!important;
		left: 0!important;
	}
	.formUpdateBtn {
		width: calc(100% - 150px)!important;
		left: 10px!important;
		margin: 10px!important;
		padding: 20px!important;
	}
}

/* 確認入力時の表示調整 */
.fw_form_contents .fw_form_box .switchValueToText {display:none!important;}
@media screen and (max-width:640px){
	.fw_form_input_name1 + .valueToText,
	.fw_form_input_name2 + .valueToText {width:calc(100vw - 120px)!important}
	.fw_form_input_kana1 + .valueToText,
	.fw_form_input_kana2 + .valueToText {width:calc(100vw - 120px)!important}
}

/* フォーカス */
.fw_form_contents .fw_form_box input:focus,
.fw_form_contents .fw_form_box select:focus,
.fw_form_contents .fw_form_box textarea:focus,
.fw_form_contents .fw_form_box .label-radio input[type="radio"]:focus,
.fw_form_contents .fw_form_box .label-radio.fwFocusField,
.fw_form_contents .fw_form_box .label-check input[type="checkbox"]:focus,
.fw_form_contents .fw_form_box .label-check.fwFocusField { box-shadow: none!important;}
.fw_form_contents .fw_form_box select:focus {}
.fw_form_contents .fw_form_box button:focus,
.formConfirmBtn:focus,
.formUpdateBtn:focus { box-shadow: none!important;}
.formConfirmBackBtn:focus { box-shadow: none!important;}

/* overflowのデザイン */
@keyframes spinner {
  to {transform: rotate(360deg);}
}
.formOverlay { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; background: rgba(0, 0, 0, 0.2);}
.formOverlay:after {content:'LOADING';padding: 40px 100px 40px 110px;color: #FFF;position: absolute;z-index: 999;display: block;border-radius: 6px;background: rgba(51, 51, 51, 0.8);font-size: 24px;left: calc(100vw - 66%);top: calc(100vh - 62%);font-weight: bold;width: 400px;box-sizing: border-box;box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.5);}
.formOverlay:before {content: '';box-sizing: border-box;position: absolute;width: 30px;height: 30px;border-radius: 50%;border: 4px solid #717171;border-top-color: #1494ff;animation: spinner .7s linear infinite;z-index: 99999;left: calc(100vw - 66% + 95px);top: calc(100vh - 62% + 41px);}

/* フォームの下にマージンを設ける */
.fwEntryForm {
  margin-bottom: 55px;
}